From ba814d605ad50da217a3dd422bcc7db5360b092f Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期六, 05 八月 2023 17:51:50 +0800
Subject: [PATCH] 销售模块详情页

---
 src/views/client/salesLead/index.vue |   58 +++++++++++++++++++++++++++++++++++++++++++---------------
 1 files changed, 43 insertions(+), 15 deletions(-)

diff --git a/src/views/client/salesLead/index.vue b/src/views/client/salesLead/index.vue
index f9d6fce..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 }, // 鎵嬫満鍙风爜
@@ -98,7 +112,11 @@
     },
     // 璇锋眰鏁版嵁
     async getData() {
-      await getSalesLeadsList()
+      await getSalesLeadsList({
+        keyword: "",
+        page: this.pagerOptions.currPage,
+        pageSize: this.pagerOptions.pageSize
+      })
         .then((res) => {
           const list = res.data.list.map((item) => {
             return {
@@ -108,6 +126,7 @@
             }
           })
           this.tableList.tableInfomation = list || []
+          this.pagerOptions.totalCount = res.data.count
         })
         .catch((err) => {
           console.log(err)
@@ -117,14 +136,14 @@
     addBtnClick() {
       this.editSalesLeadConfig.visible = true
       this.editSalesLeadConfig.title = "鏂板缓"
-      this.editSalesLeadConfig.infomation = {}
+      this.editSalesLeadConfig.infomation = { businessStatus: "鏂板缓" }
     },
     // 缂栬緫
     handleClick(row) {
       console.log(row)
       this.editSalesLeadConfig.visible = true
       this.editSalesLeadConfig.title = "缂栬緫"
-      this.editSalesLeadConfig.infomation = { ...row }
+      this.editSalesLeadConfig.infomation = { ...row, businessStatus: "鏂板缓" }
     },
     // 瀵煎叆
     importClitk() {
@@ -144,7 +163,7 @@
         .then((response) => {
           if (response.code === 200) {
             this.$message.success("鍒犻櫎鎴愬姛")
-            this.getUserList()
+            this.getData()
           } else {
             this.$message.warning("鍒犻櫎澶辫触")
           }
@@ -153,6 +172,12 @@
     },
     getSelectArray(val) {
       console.log(val)
+    },
+    // 璇︽儏
+    selSalesLeadClick(row) {
+      console.log(row)
+      this.salesLeadDeail.visible = true
+      this.salesLeadDeail.infomation = { ...row }
     }
   }
 }
@@ -161,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