From 624e812b40ac87bf8d7a17b83b4a3bc3bbd901fb Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期四, 03 八月 2023 18:38:58 +0800
Subject: [PATCH] 增加客户服务单（删除工单管理、消费服务单）和客户管理模块详情页

---
 src/views/client/followupRecords/index.vue |   79 ++++++++++++++++++++++++++++++++++-----
 1 files changed, 68 insertions(+), 11 deletions(-)

diff --git a/src/views/client/followupRecords/index.vue b/src/views/client/followupRecords/index.vue
index 63e2a72..24a3a97 100644
--- a/src/views/client/followupRecords/index.vue
+++ b/src/views/client/followupRecords/index.vue
@@ -1,11 +1,28 @@
 <template>
   <div class="followup-records">
-    <SearchCommonView ref="searchCommonView" :query-class-options="queryClassOptions" :search-options="searchOptions" />
-    <div class="btn-pager">
-      <PublicFunctionBtnView :statistics="true" :operates-list="operatesList" />
+    <div v-if="isDetail" class="detail-top">
+      <DetailListCommonBtn :query-class-options="queryClassOptions" />
       <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
     </div>
-    <TableCommonView ref="tableListRef" v-loading="loading" :table-list="tableList">
+    <div v-else class="top">
+      <SearchCommonView
+        ref="searchCommonView"
+        :query-class-options="queryClassOptions"
+        :search-options="searchOptions"
+      />
+      <div class="btn-pager">
+        <PublicFunctionBtnView :statistics="true" :operates-list="operatesList" />
+        <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
+      </div>
+    </div>
+    <TableCommonView
+      ref="tableListRef"
+      v-loading="loading"
+      :table-list="tableList"
+      :select-box="!isDetail"
+      @selContactsClick="selContactsClick"
+      @selClientClick="selClientClick"
+    >
       <template slot="tableButton">
         <el-table-column label="鎿嶄綔" width="120" fixed="right">
           <template slot-scope="scope">
@@ -17,6 +34,10 @@
     </TableCommonView>
     <!-- 鏂板缓/缂栬緫璺熻繘璁板綍 -->
     <AddFollowupRecordsDialog v-if="editConfig.visible" :edit-contacts-config="editConfig" />
+    <!-- 鑱旂郴浜鸿鎯� -->
+    <DetailContacts v-if="contactsDeail.visible" :contacts-detail="contactsDeail" />
+    <!-- 瀹㈡埛璇︽儏 -->
+    <DetailClientManage v-if="clientDeail.visible" :client-manage-detail="clientDeail" />
   </div>
 </template>
 
@@ -27,10 +48,17 @@
 
 export default {
   name: "FollowupRecords",
-  props: {},
+  props: {
+    isDetail: {
+      type: Boolean,
+      default: false
+    }
+  },
   mixins: [pageMixin],
   components: {
-    AddFollowupRecordsDialog
+    AddFollowupRecordsDialog,
+    DetailContacts: () => import("@/views/client/contacts/DetailContacts"),
+    DetailClientManage: () => import("@/views/client/client/DetailClientManage")
   },
   computed: {
     searchCommonHeight() {
@@ -42,6 +70,7 @@
       tableList: {},
       loading: false,
       activeName: "second",
+      queryClassValue: "1",
       queryClassOptions: [
         { value: "1", label: "鍏ㄩ儴" },
         { value: "2", label: "浠婃棩鑱旂郴" },
@@ -64,7 +93,15 @@
         title: "鏂板缓",
         infomation: {}
       },
-      saleChanceName: ""
+      saleChanceName: "",
+      contactsDeail: {
+        visible: false,
+        infomation: {}
+      },
+      clientDeail: {
+        visible: false,
+        infomation: {}
+      }
     }
   },
   created() {
@@ -77,8 +114,8 @@
         tableInfomation: [],
         tableColumn: [
           { label: "涓婚", prop: "topic", min: 120 }, // 涓婚
-          { label: "瀹㈡埛鍚嶇О", prop: "client_name", min: 190 }, // 瀹㈡埛鍚嶇О
-          { label: "鑱旂郴浜哄鍚�", prop: "contact_name", min: 100 }, // 鑱旂郴浜哄鍚�
+          { label: "瀹㈡埛鍚嶇О", prop: "client_name", min: 190, isClientClick: true }, // 瀹㈡埛鍚嶇О
+          { label: "鑱旂郴浜哄鍚�", prop: "contact_name", min: 100, isContactClick: true }, // 鑱旂郴浜哄鍚�
           { label: "瀹㈡埛鐘舵��", prop: "client_status_id", min: 100 }, // 瀹㈡埛鐘舵��
           { label: "鑱旂郴鏂瑰紡", prop: "phone", min: 100 }, // 鑱旂郴鏂瑰紡
           { label: "鑱旂郴浜烘棩鏈�", prop: "follow_time", isTime: true, min: 130 }, // 鑱旂郴浜烘棩鏈�
@@ -93,7 +130,6 @@
         this.searchOptions.push({ value: (i + 1).toString(), label: label })
       }
     },
-    // 璇锋眰鏁版嵁
     // 璇锋眰鏁版嵁
     async getData() {
       this.loading = true
@@ -166,6 +202,18 @@
     },
     getSelectArray(val) {
       console.log(val)
+    },
+    // 鑱旂郴浜鸿鎯�
+    selContactsClick(row) {
+      console.log(row)
+      this.contactsDeail.visible = true
+      this.contactsDeail.infomation = { ...row }
+    },
+    // 瀹㈡埛鍚嶇О璇︽儏
+    selClientClick(row) {
+      console.log(row)
+      this.clientDeail.visible = true
+      this.clientDeail.infomation = { ...row }
     }
   }
 }
@@ -174,7 +222,16 @@
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
 .followup-records {
-  .btn-pager {
+  .top {
+    margin-bottom: 20px;
+    .btn-pager {
+      display: flex;
+      .page {
+        margin-left: auto;
+      }
+    }
+  }
+  .detail-top {
     display: flex;
     .page {
       margin-left: auto;

--
Gitblit v1.8.0