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/salesLead/index.vue |   45 ++++++++++++++++++++++++++++++++++-----------
 1 files changed, 34 insertions(+), 11 deletions(-)

diff --git a/src/views/client/salesLead/index.vue b/src/views/client/salesLead/index.vue
index 0602878..565eae5 100644
--- a/src/views/client/salesLead/index.vue
+++ b/src/views/client/salesLead/index.vue
@@ -1,11 +1,17 @@
 <template>
   <div class="sales-lead">
-    <SearchCommonView ref="searchCommonView" :query-class-options="queryClassOptions" :search-options="searchOptions" />
-    <div class="btn-pager">
-      <PublicFunctionBtnView :operates-list="operatesList" />
-      <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
+    <div class="top">
+      <SearchCommonView
+        ref="searchCommonView"
+        :query-class-options="queryClassOptions"
+        :search-options="searchOptions"
+      />
+      <div class="btn-pager">
+        <PublicFunctionBtnView :operates-list="operatesList" />
+        <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
+      </div>
     </div>
-    <TableCommonView ref="tableListRef" :table-list="tableList">
+    <TableCommonView ref="tableListRef" :table-list="tableList" @selSalesLeadClick="selSalesLeadClick">
       <template slot="tableButton">
         <el-table-column label="鎿嶄綔" width="160">
           <template slot-scope="scope">
@@ -21,6 +27,8 @@
     <AddSalesLeadDialog v-if="editSalesLeadConfig.visible" :edit-sales-lead-config="editSalesLeadConfig" />
     <!-- 瀵煎叆鏂囦欢 -->
     <ImportFileDialog v-if="importConfig.visible" :import-file-config="importConfig" />
+    <!-- 璇︽儏 -->
+    <DetailSalesLead v-if="salesLeadDeail.visible" :sales-lead-detail="salesLeadDeail" />
   </div>
 </template>
 
@@ -29,13 +37,15 @@
 import pageMixin from "@/components/makepager/pager/mixin/pageMixin"
 import ImportFileDialog from "@/views/other/commonDialog/ImportFileDialog"
 import { getSalesLeadsList, getDeleteSalesLeads } from "@/api/client/salesLead"
+import DetailSalesLead from "@/views/client/salesLead/DetailSalesLead"
 
 export default {
   name: "SalesLead",
   props: {},
   components: {
     AddSalesLeadDialog,
-    ImportFileDialog
+    ImportFileDialog,
+    DetailSalesLead
   },
   mixins: [pageMixin],
   computed: {},
@@ -68,6 +78,10 @@
         visible: false,
         title: "鏂板缓",
         infomation: {}
+      },
+      salesLeadDeail: {
+        visible: false,
+        infomation: {}
       }
     }
   },
@@ -80,7 +94,7 @@
       this.tableList = {
         tableInfomation: [],
         tableColumn: [
-          { label: "瀹㈡埛鍚嶇О", prop: "name", min: 190 }, // 瀹㈡埛鍚嶇О
+          { label: "瀹㈡埛鍚嶇О", prop: "name", min: 190, isSalesLeadClick: true }, // 瀹㈡埛鍚嶇О
           { label: "閿�鍞嚎绱㈢紪鍙�", prop: "number", min: 130 }, // 閿�鍞嚎绱㈢紪鍙�
           { label: "鑱旂郴浜哄鍚�", prop: "contact_name", min: 130 }, // 鑱旂郴浜哄鍚�
           { label: "鎵嬫満鍙风爜", prop: "contact_phone", min: 130 }, // 鎵嬫満鍙风爜
@@ -158,6 +172,12 @@
     },
     getSelectArray(val) {
       console.log(val)
+    },
+    // 璇︽儏
+    selSalesLeadClick(row) {
+      console.log(row)
+      this.salesLeadDeail.visible = true
+      this.salesLeadDeail.infomation = { ...row }
     }
   }
 }
@@ -166,10 +186,13 @@
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
 .sales-lead {
-  .btn-pager {
-    display: flex;
-    .page {
-      margin-left: auto;
+  .top {
+    margin-bottom: 20px;
+    .btn-pager {
+      display: flex;
+      .page {
+        margin-left: auto;
+      }
     }
   }
 }

--
Gitblit v1.8.0