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