祖安之光
2025-11-24 b231c463d1e14020fae1f5303dd93c2f49c85cdc
src/views/work/marketingManagement/afterSales/components/editDialog.vue
@@ -11,7 +11,7 @@
      <el-form :model="state.form" size="default" ref="busRef" :rules="state.rules"  label-position="right" label-width="170">
        <el-row :gutter="24">
          <el-col :span="24">
            <el-form-item label="企业名称:" prop="companyId" v-if="state.isAdmin">
            <el-form-item label="单位名称:" prop="companyId" v-if="state.isAdmin">
              <el-select v-model="state.form.companyId" placeholder="请选择" filterable clearable style="width: 100%" :disabled="title == '查看' || title == '编辑' || !state.isAdmin" @change="selectValueCom">
                <el-option
                    v-for="item in state.companyList"
@@ -38,7 +38,15 @@
        <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">
@@ -48,6 +56,7 @@
                  type="date"
                  value-format="YYYY-MM-DD"
                  placeholder="请选择服务时间"
                  :disabled="title === '查看'"
                  style="width: 100%"
              />
            </el-form-item>
@@ -89,12 +98,13 @@
        <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>
@@ -108,7 +118,7 @@
        <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>
@@ -151,6 +161,7 @@
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("");
@@ -209,6 +220,7 @@
  peopleList: [],
  isAdmin: false,
  companyList: [],
  supplierList: []
})
onMounted(() => {
@@ -225,9 +237,11 @@
    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
@@ -273,6 +287,17 @@
      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)
  }
}
@@ -330,6 +355,18 @@
  })
  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
});