投诉处理

src/views/ecw/customer/query.vue

@@ -179,7 +179,6 @@ import { getCustomer, getCustomerSelect } from '@/api/ecw/customer'
 import { DICT_TYPE, getDictDataLabel } from '@/utils/dict'
 import { getProductTypeList } from '@/api/ecw/productType'
 import { getNodeList } from '@/api/ecw/node'
-import DictSelector from "@/components/DictSelector"
 import CustomerFollow from "@/components/CustomerFollow"
 import { parseTime } from '@/utils/ruoyi'
 import CustomerComplaint from '@/views/ecw/customerComplaint'
@@ -192,7 +191,6 @@ export default {
     customerId: String
   },
   components: {
-    DictSelector,
     CustomerFollow,
     CustomerComplaint
   },

src/views/ecw/customerComplaint/index.vue

@@ -82,6 +82,8 @@
         <template slot-scope="scope">
           <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
                      v-hasPermi="['ecw:customer-complaint:update']">修改</el-button>
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleHandle(scope.row)"
+                     v-hasPermi="['ecw:customer-complaint:update']" v-show="scope.row.status != 3">处理</el-button>
           <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
                      v-hasPermi="['ecw:customer-complaint:delete']">删除</el-button>
         </template>
@@ -133,6 +135,47 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+
+    <el-dialog
+      title="提示"
+      :visible.sync="handle.dialogVisible"
+      width="30%"
+    >
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-form-item label="投诉类型">
+          <dict-selector :type="DICT_TYPE.CUSTOMER_COMPLAINT_STATUS" form-type="radio" v-model="form.status"
+                         :filter="(e) => e.value == '2' || e.value == '3'" :formatter="Number"></dict-selector>
+        </el-form-item>
+        <el-form-item v-show="form.status == '2'" label="查明原因" required>
+          <el-input type="textarea" placeholder="请输入查明原因" v-model="form.ascertainReason"></el-input>
+        </el-form-item>
+        <el-form-item v-show="form.status == '2'" label="处理方案">
+          <el-input v-model="form.plan" placeholder="请输入处理方案"></el-input>
+        </el-form-item>
+
+        <el-form-item v-show="form.status == '3'" label="处理结果" required>
+          <el-input type="textarea" placeholder="请输入处理结果" v-model="form.result"></el-input>
+        </el-form-item>
+        <el-form-item v-show="form.status == '3'" label="赔付金额">
+          <el-input v-model="form.indemnity" placeholder="请输入赔付金额">
+            <dict-selector
+              defaultable
+              style="width: 110px"
+              placeholder="请选择货币单位"
+              slot="append"
+              v-model="form.currencyUnit"
+              :type="DICT_TYPE.COMMISSION_CURRENCY_TYPE"></dict-selector>
+          </el-input>
+        </el-form-item>
+        <el-form-item v-show="form.status == '3'" label="处理时间" required>
+          <el-date-picker type="datetime" v-model="form.handleAt"></el-date-picker>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="handle.dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
@@ -140,6 +183,8 @@
 import { createCustomerComplaint, updateCustomerComplaint, deleteCustomerComplaint, getCustomerComplaint, getCustomerComplaintPage, exportCustomerComplaintExcel } from "@/api/ecw/customerComplaint";
 import {getCustomerSelect} from '@/api/ecw/customer'
 import CustomerFollow from "../../../components/CustomerFollow"
+import DictSelector from '@/components/DictSelector'
+import { DICT_TYPE } from '@/utils/dict'
 
 export default {
   name: "CustomerComplaint",
@@ -151,10 +196,12 @@ export default {
     customerId: Number
   },
   components: {
-    CustomerFollow
+    CustomerFollow,
+    DictSelector
   },
   data() {
     return {
+      DICT_TYPE,
       // 遮罩层
       loading: true,
       // 导出遮罩层
@@ -191,7 +238,12 @@ export default {
 
       myFollowCustomerList: [],
 
-      customerSelect: []
+      customerSelect: [],
+
+      // 处理
+      handle: {
+        dialogVisible: false
+      }
     };
   },
   created() {
@@ -230,6 +282,13 @@ export default {
         ladingbillId: undefined,
         content: undefined,
         status: undefined,
+        ascertainReason: undefined,
+        plan: undefined,
+        result: undefined,
+        indemnity: undefined,
+        currencyUnit: undefined,
+        handleAt: undefined,
+        cancelReason: undefined,
       };
       this.resetForm("form");
     },
@@ -260,6 +319,14 @@ export default {
         this.title = "修改客户投诉";
       });
     },
+    handleHandle(row){
+      this.reset();
+      const id = row.id;
+      getCustomerComplaint(id).then(response => {
+        this.form = response.data;
+        this.handle.dialogVisible = true;
+      });
+    },
     /** 提交按钮 */
     submitForm() {
       this.$refs["form"].validate(valid => {
@@ -271,6 +338,7 @@ export default {
           updateCustomerComplaint(this.form).then(response => {
             this.$modal.msgSuccess("修改成功");
             this.open = false;
+            this.handle.dialogVisible = false
             this.getList();
           });
           return;