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/generatePlan/index.vue | 54 ++++++++++++++++++++++++++++++++++++++++++------------ 1 files changed, 42 insertions(+), 12 deletions(-) diff --git a/src/views/sales/generatePlan/index.vue b/src/views/sales/generatePlan/index.vue index a7bf7f2..bf56574 100644 --- a/src/views/sales/generatePlan/index.vue +++ b/src/views/sales/generatePlan/index.vue @@ -1,11 +1,17 @@ <template> <div class="generate-plan"> - <SearchCommonView ref="searchCommonView" :query-class-options="queryClassOptions" :search-options="searchOptions" /> - <div class="btn-pager"> - <PublicFunctionBtnView :operates-list="operatesList" /> - <PagerView class="page" /> + <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" @selCommonClick="selCommonClick"> <template slot="tableButton"> <el-table-column label="鎿嶄綔" width="100"> <template slot-scope="scope"> @@ -17,18 +23,24 @@ </TableCommonView> <!-- 鏂板缓/缂栬緫--> <AddGeneratePlanDialog v-if="editConfig.visible" :edit-common-config="editConfig" /> + <!-- 鐢熶骇璁″垝璇︽儏 --> + <DetailGeneratePlan v-if="planDetail.visible" :plan-detail="planDetail" /> </div> </template> <script> import AddGeneratePlanDialog from "@/views/sales/generatePlan/AddGeneratePlanDialog" import { getPlanList, getDelPlan } from "@/api/sales/generatePlan" +import pageMixin from "@/components/makepager/pager/mixin/pageMixin" +import DetailGeneratePlan from "@/views/sales/generatePlan/DetailGeneratePlan" export default { name: "GeneratePlan", props: {}, + mixins: [pageMixin], components: { - AddGeneratePlanDialog + AddGeneratePlanDialog, + DetailGeneratePlan }, computed: { searchCommonHeight() { @@ -61,6 +73,10 @@ visible: false, title: "鏂板缓", infomation: {} + }, + planDetail: { + visible: false, + infomation: {} } } }, @@ -73,7 +89,7 @@ this.tableList = { tableInfomation: [], tableColumn: [ - { label: "鍗曟嵁缂栧彿", prop: "number", min: 120 }, + { label: "鍗曟嵁缂栧彿", prop: "number", min: 120, isCommonClick: true }, { label: "璐熻矗浜�", prop: "memberId", min: 90 }, { label: "瀹℃壒鐘舵��", prop: "approvalStatus" }, { label: "鍒涘缓浜�", prop: "creator", min: 100 }, @@ -89,7 +105,11 @@ // 璇锋眰鏁版嵁 async getData() { this.loading = true - await getPlanList() + await getPlanList({ + keyword: "", + page: this.pagerOptions.currPage, + pageSize: this.pagerOptions.pageSize + }) .then((res) => { console.log(res) if (res.code === 200) { @@ -100,6 +120,7 @@ } }) this.tableList.tableInfomation = list || [] + this.pagerOptions.totalCount = res.data.count } else { this.tableList.tableInfomation = [] } @@ -149,6 +170,12 @@ }, getSelectArray(val) { console.log(val) + }, + // 鍚堝悓绠$悊璇︽儏 + selCommonClick(row) { + console.log(row) + this.planDetail.visible = true + this.planDetail.infomation = { ...row } } } } @@ -157,10 +184,13 @@ <!-- Add "scoped" attribute to limit CSS to this component only --> <style lang="scss" scoped> .generate-plan { - .btn-pager { - display: flex; - .page { - margin-left: auto; + .top { + margin-bottom: 20px; + .btn-pager { + display: flex; + .page { + margin-left: auto; + } } } } -- Gitblit v1.8.0