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/client/index.vue |   77 +++++++++++++++++++++++++++++---------
 1 files changed, 59 insertions(+), 18 deletions(-)

diff --git a/src/views/client/client/index.vue b/src/views/client/client/index.vue
index 6b3fe15..c6688f2 100644
--- a/src/views/client/client/index.vue
+++ b/src/views/client/client/index.vue
@@ -18,18 +18,30 @@
         </div>
       </div>
     </div>
-    <SearchCommonView ref="searchCommonView" :query-class-options="queryClassOptions" :search-options="searchOptions" />
-    <div class="btn-pager">
-      <PublicFunctionBtnView
-        :duplicate-check="true"
-        :list-button="true"
-        :map-button="true"
-        :statistics="true"
-        :operates-list="operatesList"
+    <div class="top">
+      <SearchCommonView
+        ref="searchCommonView"
+        :query-class-options="queryClassOptions"
+        :search-options="searchOptions"
       />
-      <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
+      <div class="btn-pager">
+        <PublicFunctionBtnView
+          :duplicate-check="true"
+          :list-button="true"
+          :map-button="true"
+          :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">
+    <TableCommonView
+      ref="tableListRef"
+      v-loading="loading"
+      :table-list="tableList"
+      @selClientClick="selClientClick"
+      @selContactsClick="selContactsClick"
+    >
       <template slot="tableButton">
         <el-table-column label="鎿嶄綔" width="180">
           <template slot-scope="scope">
@@ -43,11 +55,15 @@
     </TableCommonView>
     <!-- 鏂板缓/缂栬緫瀹㈡埛绠＄悊 -->
     <AddClientManageDialog v-if="editConfig.visible" :edit-client-manage-config="editConfig" />
+    <!-- 瀹㈡埛璇︽儏 -->
+    <DetailClientManage v-if="clientDeail.visible" :client-manage-detail="clientDeail" />
+    <!-- 鑱旂郴浜鸿鎯� -->
+    <DetailContacts v-if="contactsDeail.visible" :contacts-detail="contactsDeail" />
   </div>
 </template>
 
 <script>
-import AddClientManageDialog from "@/views/client/client/AddClientManageDialog.vue"
+import AddClientManageDialog from "@/views/client/client/AddClientManageDialog"
 import { getClientList, getDeleteClient } from "@/api/client/client"
 import pageMixin from "@/components/makepager/pager/mixin/pageMixin"
 
@@ -56,7 +72,9 @@
   props: {},
   mixins: [pageMixin],
   components: {
-    AddClientManageDialog
+    AddClientManageDialog,
+    DetailContacts: () => import("@/views/client/contacts/DetailContacts"),
+    DetailClientManage: () => import("@/views/client/client/DetailClientManage")
   },
   computed: {
     searchCommonHeight() {
@@ -93,6 +111,14 @@
         visible: false,
         title: "鏂板缓",
         infomation: {}
+      },
+      contactsDeail: {
+        visible: false,
+        infomation: {}
+      },
+      clientDeail: {
+        visible: false,
+        infomation: {}
       }
     }
   },
@@ -105,13 +131,13 @@
       this.tableList = {
         tableInfomation: [],
         tableColumn: [
-          { label: "瀹㈡埛鍚嶇О", prop: "name", min: 100 }, // 瀹㈡埛鍚嶇О
+          { label: "瀹㈡埛鍚嶇О", prop: "name", min: 100, isClientClick: true }, // 瀹㈡埛鍚嶇О
           { label: "閿�鍞礋璐ｄ汉", prop: "member_id" }, // 閿�鍞礋璐ｄ汉
           { label: "閲嶈绾у埆", prop: "client_level_id" }, // 閲嶈绾у埆
           { label: "涓嬫鍥炶鏃ユ湡", prop: "next_visit_time", isTime: true, min: 90 }, // 涓嬫鍥炶鏃ユ湡
           { label: "璇︾粏鍦板潃", prop: "detail_address", min: 200 }, // 璇︾粏鍦板潃
           { label: "瀹㈡埛鐘舵��", prop: "client_status_id" }, // 瀹㈡埛鐘舵��
-          { label: "鑱旂郴浜哄鍚�", prop: "contact_name" }, // 鑱旂郴浜哄鍚�
+          { label: "鑱旂郴浜哄鍚�", prop: "contact_name", isContactClick: true }, // 鑱旂郴浜哄鍚�
           { label: "鎵嬫満鍙风爜", prop: "contact_phone" } // 鎵嬫満鍙风爜
         ]
       }
@@ -217,6 +243,18 @@
     },
     getSelectArray(val) {
       console.log(val)
+    },
+    // 瀹㈡埛鍚嶇О璇︽儏
+    selClientClick(row) {
+      console.log(row)
+      this.clientDeail.visible = true
+      this.clientDeail.infomation = { ...row, client_name: row.name }
+    },
+    // 鑱旂郴浜鸿鎯�
+    selContactsClick(row) {
+      console.log(row)
+      this.contactsDeail.visible = true
+      this.contactsDeail.infomation = { ...row }
     }
   }
 }
@@ -245,10 +283,13 @@
       }
     }
   }
-  .btn-pager {
-    display: flex;
-    .page {
-      margin-left: auto;
+  .top {
+    margin-bottom: 20px;
+    .btn-pager {
+      display: flex;
+      .page {
+        margin-left: auto;
+      }
     }
   }
 }

--
Gitblit v1.8.0