From acdff03246ce648082192dfb069c3a006a7fbee6 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期三, 09 八月 2023 18:46:06 +0800 Subject: [PATCH] 客户管理模块 批量删除、推进、跟进接口联调 --- src/views/sales/salesDetails/index.vue | 78 ++++++++++++++++++++++++++++++++++----- 1 files changed, 68 insertions(+), 10 deletions(-) diff --git a/src/views/sales/salesDetails/index.vue b/src/views/sales/salesDetails/index.vue index 6e7cb5f..b318dad 100644 --- a/src/views/sales/salesDetails/index.vue +++ b/src/views/sales/salesDetails/index.vue @@ -1,11 +1,28 @@ <template> <div class="sales-details"> - <SearchCommonView ref="searchCommonView" :query-class-options="queryClassOptions" :search-options="searchOptions" /> - <div class="btn-pager"> - <PublicFunctionBtnView :submit-approval="true" :operates-list="operatesList" /> + <div v-if="isDetail" class="detail-top"> + <DetailListCommonBtn :query-class-options="queryClassOptions" /> <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" /> </div> - <TableCommonView ref="tableListRef" :show-summary="showSummary" :table-list="tableList"> + <div v-else class="top"> + <SearchCommonView + ref="searchCommonView" + :query-class-options="queryClassOptions" + :search-options="searchOptions" + /> + <div class="btn-pager"> + <PublicFunctionBtnView :submit-approval="true" :operates-list="operatesList" /> + <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" /> + </div> + </div> + <TableCommonView + ref="tableListRef" + :show-summary="showSummary" + :table-list="tableList" + :select-box="!isDetail" + @selClientClick="selClientClick" + @selCommonClick="selCommonClick" + > <template slot="tableButton"> <el-table-column label="鎿嶄綔" width="90"> <template slot-scope="scope"> @@ -17,6 +34,10 @@ </TableCommonView> <!-- 鏂板缓/缂栬緫 --> <AddSalesDetailsDialog v-if="editConfig.visible" :edit-common-config="editConfig" /> + <!-- 閿�鍞槑缁嗚鎯� --> + <DetailSpecification v-if="specificationDetail.visible" :specification-detail="specificationDetail" /> + <!-- 瀹㈡埛璇︽儏 --> + <DetailClientManage v-if="clientDeail.visible" :client-manage-detail="clientDeail" /> </div> </template> @@ -24,13 +45,21 @@ import AddSalesDetailsDialog from "@/views/sales/salesDetails/AddSalesDetailsDialog" import { getSalesDetailsList, getDelSalesDetails } from "@/api/sales/salesDetails" import pageMixin from "@/components/makepager/pager/mixin/pageMixin" +import DetailSpecification from "@/views/sales/salesDetails/DetailSpecification" export default { name: "SalesDetails", - props: {}, + props: { + isDetail: { + type: Boolean, + default: false + } + }, mixins: [pageMixin], components: { - AddSalesDetailsDialog + AddSalesDetailsDialog, + DetailSpecification, + DetailClientManage: () => import("@/views/client/client/DetailClientManage") }, computed: { searchCommonHeight() { @@ -76,6 +105,14 @@ "priceTax" ], mergeNumber: 6 + }, + specificationDetail: { + visible: false, + infomation: {} + }, + clientDeail: { + visible: false, + infomation: {} } } }, @@ -88,8 +125,8 @@ this.tableList = { tableInfomation: [], tableColumn: [ - { label: "璁㈠崟缂栧彿", prop: "number" }, - { label: "瀹㈡埛鍚嶇О", prop: "client_name" }, + { label: "璁㈠崟缂栧彿", prop: "number", isCommonClick: true }, + { label: "瀹㈡埛鍚嶇О", prop: "client_name", isClientClick: true }, { label: "绛剧害鏃ユ湡", prop: "signTime", isTime: true, width: 150 }, { label: "閿�鍞礋璐d汉", prop: "memberId" }, { label: "鍑哄簱鐘舵��", prop: "outboundStatus" }, @@ -156,7 +193,7 @@ console.log(row) this.editConfig.visible = true this.editConfig.title = "缂栬緫" - this.editConfig.infomation = { ...row } + this.editConfig.infomation = { ...row, sale_chance_name: "" } }, // 鍒犻櫎 delClick(id) { @@ -180,6 +217,18 @@ }, getSelectArray(val) { console.log(val) + }, + // 瀹㈡埛鍚嶇О璇︽儏 + selClientClick(row) { + console.log(row) + this.clientDeail.visible = true + this.clientDeail.infomation = { ...row, client_name: row.name } + }, + // 鑱旂郴浜鸿鎯� + selCommonClick(row) { + console.log(row) + this.specificationDetail.visible = true + this.specificationDetail.infomation = { ...row } } } } @@ -188,7 +237,16 @@ <!-- Add "scoped" attribute to limit CSS to this component only --> <style lang="scss" scoped> .sales-details { - .btn-pager { + .top { + margin-bottom: 20px; + .btn-pager { + display: flex; + .page { + margin-left: auto; + } + } + } + .detail-top { display: flex; .page { margin-left: auto; -- Gitblit v1.8.0