客户投诉跟进

src/components/CustomerFollow/index.vue

 <template>
   <div>
+    <div style="display: flex;justify-content: right;margin-bottom: 15px">
+      <el-button type="primary" style="text-align: right" @click="customerFollow.dialogVisible = true">新增</el-button>
+    </div>
+
     <el-table
       :data="customerFollowList"
       style="width: 100%"
@@ -47,6 +51,7 @@
     </el-table>
 
     <el-dialog
+      append-to-body
       title="客户跟进"
       :visible.sync="customerFollow.dialogVisible"
       :close-on-click-modal="false"

src/views/ecw/customerComplaint/index.vue

@@ -92,7 +92,7 @@
                 @pagination="getList"/>
 
     <!-- 对话框(添加 / 修改) -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="客户名称" prop="customerId">
           <el-select v-model="form.customerId" placeholder="请选择客户名称" :disabled="!!customerId">
@@ -125,6 +125,9 @@
           </el-select>
         </el-form-item>
       </el-form>
+
+      <customer-follow :customer-id="form.id"></customer-follow>
+
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
@@ -137,6 +140,7 @@
 import { createCustomerComplaint, updateCustomerComplaint, deleteCustomerComplaint, getCustomerComplaint, getCustomerComplaintPage, exportCustomerComplaintExcel } from "@/api/ecw/customerComplaint";
 import { getMyFlowCustomerList } from "@/api/ecw/customer";
 import {getCustomerSelect} from "../../../api/ecw/customer"
+import CustomerFollow from "../../../components/CustomerFollow"
 
 export default {
   name: "CustomerComplaint",
@@ -148,6 +152,7 @@ export default {
     customerId: String
   },
   components: {
+    CustomerFollow
   },
   data() {
     return {