1.售后处理-开发联调

gaoluyang

2025-07-30 18a785bcfef2fc0f0ff8ccd48b7d1427547b51e4

 src/views/customerService/afterSalesHandling/components/formDia.vue

@@ -2,7 +2,7 @@
  <div>
    <el-dialog
        v-model="dialogFormVisible"
        title="设备能耗"
        title="售后处理"
        width="70%"
        @close="closeDia"
    >
@@ -24,6 +24,7 @@
                        type="date"
                        placeholder="请选择"
                        clearable
                        disabled
                     />
                  </el-form-item>
               </el-col>
@@ -33,6 +34,7 @@
                        v-model="form.checkUserId"
                        placeholder="请选择"
                        clearable
                        disabled
                     >
                        <el-option
                           v-for="item in userList"
@@ -51,6 +53,7 @@
                        v-model="form.customerName"
                        placeholder="请输入"
                        clearable
                        disabled
                     />
                  </el-form-item>
               </el-col>
@@ -60,11 +63,59 @@
                        v-model="form.proDesc"
                        placeholder="请输入"
                        clearable
                        disabled
                        type="textarea"
                     />
                  </el-form-item>
               </el-col>
            </el-row>
            <el-row :gutter="30">
               <el-col :span="24">
                  <el-form-item label="处理结果：" prop="disRes">
                     <el-input
                        v-model="form.disRes"
                        placeholder="请输入"
                        clearable
                        :disabled="operationType === 'view'"
                        type="textarea"
                     />
                  </el-form-item>
               </el-col>
            </el-row>
         </el-form>
         <el-row :gutter="30">
            <el-col :span="12">
               <el-form-item label="处理人：" prop="disposeUserId">
                  <el-select
                     v-model="form.disposeUserId"
                     placeholder="请选择"
                     clearable
                     disabled
                  >
                     <el-option
                        v-for="item in userList"
                        :key="item.userId"
                        :label="item.nickName"
                        :value="item.userId"
                     ></el-option>
                  </el-select>
               </el-form-item>
            </el-col>
            <el-col :span="12">
               <el-form-item label="处理时间：" prop="disDate">
                  <el-date-picker
                     style="width: 100%"
                     v-model="form.disDate"
                     value-format="YYYY-MM-DD"
                     format="YYYY-MM-DD"
                     type="date"
                     placeholder="请选择"
                     clearable
                     disabled
                  />
               </el-form-item>
            </el-col>
         </el-row>
         <template #footer>
            <div class="dialog-footer">
               <el-button type="primary" @click="submitForm">确认</el-button>
@@ -79,7 +130,7 @@
import {ref} from "vue";
import useUserStore from "@/store/modules/user.js";
import {userListNoPageByTenantId} from "@/api/system/user.js";
import {afterSalesServiceAdd, afterSalesServiceUpdate} from "@/api/customerService/index.js";
import {afterSalesServiceAdd, afterSalesServiceDispose, afterSalesServiceUpdate} from "@/api/customerService/index.js";
const { proxy } = getCurrentInstance()
const emit = defineEmits(['close'])
const dialogFormVisible = ref(false);
@@ -92,12 +143,18 @@
      checkUserId: "",
      customerName: "",
      proDesc: "",
      disposeUserId: "",
      disDate: "",
      disRes: "",
   },
   rules: {
      feedbackDate: [{required: true, message: "请选择", trigger: "change"}],
      checkUserId: [{required: true, message: "请选择", trigger: "change"}],
      customerName: [{required: true, message: "请输入", trigger: "blur"}],
      proDesc: [{required: true, message: "请输入", trigger: "blur"}],
      disRes: [{required: true, message: "请输入", trigger: "blur"}],
      disposeUserId: [{required: true, message: "请选择", trigger: "change"}],
      disDate: [{required: true, message: "请选择", trigger: "change"}],
   }
})
const { form, rules } = toRefs(data);
@@ -107,16 +164,12 @@
const openDialog = (type, row) => {
  operationType.value = type;
  dialogFormVisible.value = true;
   form.value = {}
   proxy.resetForm("formRef");
   form.value.checkUserId = userStore.id;
   form.value.feedbackDate = getCurrentDate();
   userListNoPageByTenantId().then((res) => {
      userList.value = res.data;
   });
   if (type === "edit") {
      form.value = {...row}
   }
   form.value = {...row}
   form.value.disposeUserId = userStore.id;
   form.value.disDate = getCurrentDate();
}
// const setName = (code) => {
//    const index = userList.value.findIndex(item => item.deviceModel === code);
@@ -128,17 +181,10 @@
const submitForm = () => {
   proxy.$refs["formRef"].validate(valid => {
      if (valid) {
         if (operationType.value === "add") {
            afterSalesServiceAdd(form.value).then(response => {
               proxy.$modal.msgSuccess("新增成功")
               closeDia()
            })
         } else {
            afterSalesServiceUpdate(form.value).then(response => {
               proxy.$modal.msgSuccess("修改成功")
               closeDia()
            })
         }
         afterSalesServiceDispose(form.value).then(response => {
            proxy.$modal.msgSuccess("新增成功")
            closeDia()
         })
      }
   })
}