| | |
| | | <el-row :gutter="24"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="客户名称:" prop="clientName" > |
| | | <el-input :disabled="title === '查看'" v-model="state.form.clientName" placeholder="客户名称"></el-input> |
| | | <!-- <el-input :disabled="title === '查看'" v-model="state.form.clientName" placeholder="客户名称"></el-input>--> |
| | | <el-select v-model="state.form.clientName" placeholder="请选择" filterable clearable style="width: 100%" :disabled="title == '查看'" @change="selectUnitCom"> |
| | | <el-option |
| | | v-for="item in state.supplierList" |
| | | :key="item.id" |
| | | :label="item.customerName" |
| | | :value="item.customerName"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | |
| | | type="date" |
| | | value-format="YYYY-MM-DD" |
| | | placeholder="请选择服务时间" |
| | | :disabled="title === '查看'" |
| | | style="width: 100%" |
| | | /> |
| | | </el-form-item> |
| | |
| | | <el-row :gutter="24" style="margin-top: 10px"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="服务人员:" prop="personId" > |
| | | <el-select clearable v-model="state.form.personId" :disabled="state.title =='查看'" filterable placeholder="" style="width: 100%"> |
| | | <el-select clearable v-model="state.form.personId" :disabled="title === '查看'" filterable placeholder="" style="width: 100%"> |
| | | <el-option |
| | | v-for="item in state.peopleList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | <el-row :gutter="24"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="您对本次服务的评价:" prop="serverEvlauate" > |
| | | <el-radio-group v-model="state.form.serverEvlauate"> |
| | | <el-radio-group v-model="state.form.serverEvlauate" :disabled="title === '查看'"> |
| | | <el-radio :label="1">非常满意</el-radio> |
| | | <el-radio :label="2">满意</el-radio> |
| | | <el-radio :label="3">不满意</el-radio> |
| | |
| | | import {addNeedDiscren, editNeedDiscren} from "@/api/need/need"; |
| | | import {addSales, editSales} from "@/api/afterSales"; |
| | | import {verifyPhone} from "@/utils/validate"; |
| | | import {getCustomerAll} from "@/api/customerList"; |
| | | |
| | | const dialogVisible = ref(false); |
| | | const title = ref(""); |
| | |
| | | peopleList: [], |
| | | isAdmin: false, |
| | | companyList: [], |
| | | supplierList: [] |
| | | }) |
| | | |
| | | onMounted(() => { |
| | |
| | | state.form.companyName = value.companyName |
| | | state.companyList = companyList |
| | | } |
| | | await getSupplier() |
| | | title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ; |
| | | if(type === 'edit' || type === 'review') { |
| | | state.form = JSON.parse(JSON.stringify(value)); |
| | | // state.form.clientName = Number(state.form.clientName) |
| | | if(state.isAdmin){ |
| | | state.form.companyId = value.companyId |
| | | state.form.companyName = value.companyName |
| | |
| | | reset(); |
| | | dialogVisible.value = false; |
| | | } |
| | | } |
| | | } |
| | | const getSupplier = async () => { |
| | | const param = { |
| | | companyId: state.form.companyId, |
| | | } |
| | | const res = await getCustomerAll(param); |
| | | if(res.code === 200){ |
| | | state.supplierList = res.data.data |
| | | }else{ |
| | | ElMessage.warning(res.message) |
| | | } |
| | | } |
| | | |
| | |
| | | }) |
| | | getPeopleList() |
| | | } |
| | | const selectUnitCom = (val) => { |
| | | state.form.person = '' |
| | | state.form.addr = '' |
| | | state.form.phone = '' |
| | | state.supplierList.forEach(item => { |
| | | if(val == item.customerName){ |
| | | state.form.person = item.person |
| | | state.form.addr = item.customerAddr |
| | | state.form.phone = item.phone |
| | | } |
| | | }) |
| | | } |
| | | defineExpose({ |
| | | openDialog |
| | | }); |