From a2586ce70485035d77746ff9c18364f408f4c6aa Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期一, 07 八月 2023 16:57:06 +0800
Subject: [PATCH] 服务管理模块详情页

---
 src/views/service/serviceFollowup/index.vue |   93 ++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 84 insertions(+), 9 deletions(-)

diff --git a/src/views/service/serviceFollowup/index.vue b/src/views/service/serviceFollowup/index.vue
index b406a5d..3ad980c 100644
--- a/src/views/service/serviceFollowup/index.vue
+++ b/src/views/service/serviceFollowup/index.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="sales-lead">
-    <div class="top">
+    <div v-if="isDetail" class="detail-top">
+      <DetailListCommonBtn :query-class-options="queryClassOptions" />
+      <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
+    </div>
+    <div v-else class="top">
       <SearchCommonView
         ref="searchCommonView"
         :query-class-options="queryClassOptions"
@@ -11,7 +15,15 @@
         <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
       </div>
     </div>
-    <TableCommonView ref="tableListRef" :table-list="tableList">
+    <TableCommonView
+      ref="tableListRef"
+      :table-list="tableList"
+      :select-box="!isDetail"
+      @selClientClick="selClientClick"
+      @selCommonClick="selCommonClick"
+      @selContactsClick="selContactsClick"
+      @selServiceOrderClick="selServiceOrderClick"
+    >
       <template slot="tableButton">
         <el-table-column label="鎿嶄綔" width="90">
           <template slot-scope="scope">
@@ -23,6 +35,14 @@
     </TableCommonView>
     <!-- 鏂板缓/缂栬緫 -->
     <AddServiceFollowupDialog v-if="editConfig.visible" :edit-common-config="editConfig" />
+    <!-- 鏈嶅姟鍥炶鍗曡鎯� -->
+    <DetailServiceFollowup v-if="followupDetail.visible" :followup-detail="followupDetail" />
+    <!-- 瀹㈡埛璇︽儏 -->
+    <DetailClientManage v-if="clientDeail.visible" :client-manage-detail="clientDeail" />
+    <!-- 鑱旂郴浜鸿鎯� -->
+    <DetailContacts v-if="contactsDeail.visible" :contacts-detail="contactsDeail" />
+    <!-- 瀹㈡埛鏈嶅姟鍗曡鎯� -->
+    <DetailClientServiceOrder v-if="clientServiceDetail.visible" :client-service-detail="clientServiceDetail" />
   </div>
 </template>
 
@@ -30,13 +50,23 @@
 import AddServiceFollowupDialog from "@/views/service/serviceFollowup/AddServiceFollowupDialog"
 import { getServiceFollowupList, getDelServiceFollowup } from "@/api/serviceManage/serviceFollowup"
 import pageMixin from "@/components/makepager/pager/mixin/pageMixin"
+import DetailServiceFollowup from "@/views/service/serviceFollowup/DetailServiceFollowup"
 
 export default {
-  name: "SalesLead",
-  props: {},
+  name: "ServiceFollowup",
+  props: {
+    isDetail: {
+      type: Boolean,
+      default: false
+    }
+  },
   mixins: [pageMixin],
   components: {
-    AddServiceFollowupDialog
+    AddServiceFollowupDialog,
+    DetailServiceFollowup,
+    DetailContacts: () => import("@/views/client/contacts/DetailContacts"),
+    DetailClientManage: () => import("@/views/client/client/DetailClientManage"),
+    DetailClientServiceOrder: () => import("@/views/service/clientServiceOrder/DetailClientServiceOrder")
   },
   computed: {
     searchCommonHeight() {
@@ -62,6 +92,22 @@
         visible: false,
         title: "鏂板缓",
         infomation: {}
+      },
+      followupDetail: {
+        visible: false,
+        infomation: {}
+      },
+      contactsDeail: {
+        visible: false,
+        infomation: {}
+      },
+      clientDeail: {
+        visible: false,
+        infomation: {}
+      },
+      clientServiceDetail: {
+        visible: false,
+        infomation: {}
       }
     }
   },
@@ -74,10 +120,10 @@
       this.tableList = {
         tableInfomation: [],
         tableColumn: [
-          { label: "鍥炶鍗曠紪鍙�", prop: "number", min: 80 }, // 鍥炶鍗曠紪鍙�
-          { label: "瀹㈡埛鍚嶇О", prop: "clientId", min: 130 }, // 瀹㈡埛鍚嶇О
-          { label: "鑱旂郴浜哄鍚�", prop: "contactId" }, // 鑱旂郴浜哄鍚�
-          { label: "瀹㈡埛鏈嶅姟鍗�", prop: "serviceId" }, // 瀹㈡埛鏈嶅姟鍗�
+          { label: "鍥炶鍗曠紪鍙�", prop: "number", min: 80, isCommonClick: true }, // 鍥炶鍗曠紪鍙�
+          { label: "瀹㈡埛鍚嶇О", prop: "clientId", min: 130, isClientClick: true }, // 瀹㈡埛鍚嶇О
+          { label: "鑱旂郴浜哄鍚�", prop: "contactId", isContactClick: true }, // 鑱旂郴浜哄鍚�
+          { label: "瀹㈡埛鏈嶅姟鍗�", prop: "serviceId", isServiceOrder: true }, // 瀹㈡埛鏈嶅姟鍗�
           { label: "鍥炶浜�", prop: "isVisit" }, // 鍥炶浜�
           { label: "婊℃剰搴�", prop: "satisfaction" } // 婊℃剰搴�
           // { label: "淇敼鏃堕棿", prop: "modifyTime" } // 淇敼鏃堕棿
@@ -157,6 +203,29 @@
     },
     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 }
+    },
+    // 鏈嶅姟鍥炶鍗曡鎯�
+    selCommonClick(row) {
+      console.log(row)
+      this.followupDetail.visible = true
+      this.followupDetail.infomation = { ...row }
+    },
+    selServiceOrderClick(row) {
+      console.log(row)
+      this.clientServiceDetail.visible = true
+      this.clientServiceDetail.infomation = { ...row }
     }
   }
 }
@@ -174,5 +243,11 @@
       }
     }
   }
+  .detail-top {
+    display: flex;
+    .page {
+      margin-left: auto;
+    }
+  }
 }
 </style>

--
Gitblit v1.8.0