From 0f43183f986f0ed314647687c73da5a4493d2611 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期一, 16 十月 2023 20:36:15 +0800 Subject: [PATCH] bug修复(5219 5233) --- src/views/service/serviceFeeManage/index.vue | 167 +++++++++++++++++++++++++++---------------------------- 1 files changed, 82 insertions(+), 85 deletions(-) diff --git a/src/views/service/serviceFeeManage/index.vue b/src/views/service/serviceFeeManage/index.vue index 62cce90..8777d37 100644 --- a/src/views/service/serviceFeeManage/index.vue +++ b/src/views/service/serviceFeeManage/index.vue @@ -9,14 +9,15 @@ :statistics="true" :operates-list="operatesList" /> - <PagerView class="page" /> + <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" /> </div> - <TableCommonView ref="tableListRef" :table-list="tableList"> + <TableCommonView ref="tableListRef" :table-list="tableList" @getSelectArray="getSelectArray"> <template slot="tableButton"> - <el-table-column label="鎿嶄綔" width="100"> + <el-table-column label="鎿嶄綔" width="120"> <template slot-scope="scope"> <el-button @click="handleClick(scope.row)" type="text" size="small">缂栬緫</el-button> <el-button type="text" size="small">璺熻繘</el-button> + <el-button @click="delClick(scope.row.id)" type="text" size="small">鍒犻櫎</el-button> </template> </el-table-column> </template> @@ -28,10 +29,13 @@ <script> import AddServiceFeeManageDialog from "@/views/service/serviceFeeManage/AddServiceFeeManageDialog" +import { getServiceFeeManageList, getDelServiceFeeManage } from "@/api/serviceManage/serviceFeeManage" +import pageMixin from "@/components/makepager/pager/mixin/pageMixin" export default { name: "ServiceFeeManage", props: {}, + mixins: [pageMixin], components: { AddServiceFeeManageDialog }, @@ -72,38 +76,24 @@ }, created() { this.setTable() + this.getData() }, methods: { setTable() { this.tableList = { - tableInfomation: [ - { - customName: "123123", - customType: "鏅�氬鎴�", - salesHead: "绯荤粺绠$悊鍛�", - modifyTime: "2023-0703 11:22:12", - customerSize: "499浠ヤ笂", - importantLevel: "A绫诲鎴�", - customNumber: "AC651", - customStatus: "娼滃湪瀹㈡埛", - productName: "鑷姩鎵撳嵃鏈�", - startDate: "2023-06-27", - endDate: "2024-07-15", - status: "blue" - } - ], + tableInfomation: [], tableColumn: [ - { label: "瀹㈡埛鍚嶇О", prop: "customName", min: 120 }, // 瀹㈡埛鍚嶇О - { label: "瀹㈡埛绫诲瀷", prop: "customType", min: 90, status: true }, // 瀹㈡埛绫诲瀷 - { label: "閿�鍞礋璐d汉", prop: "salesHead" }, // 閿�鍞礋璐d汉 - { label: "淇敼鏃堕棿", prop: "modifyTime", min: 100 }, // 淇敼鏃堕棿 - { label: "瀹㈡埛瑙勬ā", prop: "customerSize" }, // 瀹㈡埛瑙勬ā - { label: "閲嶈绾у埆", prop: "importantLevel" }, // 閲嶈绾у埆 - { label: "瀹㈡埛缂栧彿", prop: "customNumber" }, // 瀹㈡埛缂栧彿 - { label: "瀹㈡埛鐘舵��", prop: "customStatus" }, // 瀹㈡埛鐘舵�� + { label: "瀹㈡埛鍚嶇О", prop: "client_name", min: 120 }, // 瀹㈡埛鍚嶇О + { label: "瀹㈡埛绫诲瀷", prop: "client_type", min: 90 }, // 瀹㈡埛绫诲瀷 + { label: "閿�鍞礋璐d汉", prop: "member_id" }, // 閿�鍞礋璐d汉 + // { label: "淇敼鏃堕棿", prop: "modifyTime", min: 100 }, // 淇敼鏃堕棿 + { label: "瀹㈡埛瑙勬ā", prop: "enterprise_scale_id" }, // 瀹㈡埛瑙勬ā + { label: "閲嶈绾у埆", prop: "client_level_id" }, // 閲嶈绾у埆 + { label: "瀹㈡埛缂栧彿", prop: "client_id" }, // 瀹㈡埛缂栧彿 + { label: "瀹㈡埛鐘舵��", prop: "client_status_id" }, // 瀹㈡埛鐘舵�� { label: "浜у搧鍚嶇О", prop: "productName" }, // 浜у搧鍚嶇О - { label: "鏈嶅姟寮�濮嬫棩鏈�", prop: "startDate" }, // 鏈嶅姟寮�濮嬫棩鏈� - { label: "鏈嶅姟鍒版湡鏃�", prop: "endDate" } // 鏈嶅姟鍒版湡鏃� + // { label: "鏈嶅姟寮�濮嬫棩鏈�", prop: "startDate", width: 150 }, // 鏈嶅姟寮�濮嬫棩鏈� + { label: "鏈嶅姟鍒版湡鏃�", prop: "latest_date", width: 160 } // 鏈嶅姟鍒版湡鏃� ] } this.searchOptions = [] @@ -112,72 +102,79 @@ this.searchOptions.push({ value: (i + 1).toString(), label: label }) } }, + // 璇锋眰鏁版嵁 + async getData() { + this.loading = true + await getServiceFeeManageList({ + keyword: "", + page: this.pagerOptions.currPage, + pageSize: this.pagerOptions.pageSize + }) + .then((res) => { + console.log(res) + if (res.code === 200) { + if (res.data.list && res.data.list.length > 0) { + const list = res.data.list.map((item) => { + return { + ...item, + client_name: item.client ? item.client.name : item.client_id, + client_type: item.client ? item.client.client_type_id : "", // item.client.client_type.name : item.client_type_id + enterprise_scale_id: item.client ? item.client.enterprise_scale_id : "", + client_level_id: item.client ? item.client.client_level_id : "", + client_status_id: item.client ? item.client.client_status_id : "" + } + }) + this.tableList.tableInfomation = list || [] + this.pagerOptions.totalCount = res.data.count + } else { + this.tableList.tableInfomation = [] + } + } else { + this.tableList.tableInfomation = [] + } + this.loading = false + }) + .catch((err) => { + console.log(err) + this.tableList.tableInfomation = [] + this.loading = false + }) + }, // 鏂板缓 addBtnClick() { this.editConfig.visible = true this.editConfig.title = "鏂板缓" - this.editConfig.infomation = { - customName: "", - serviceCharger: "", - customNumber: "", - customerSize: "", - customStatus: "", - importantLevel: "", - customType: "", - customSource: "", - serviceAgent: "", - latestServiceDate: "", - contactName: "", - duties: "", - phoneNumber: "", - contactsEmail: "", - operateRange: "", - position: "", - map: "", - country: "1", - province: "1", - city: "1", - region: "1", - address: "", - industry: "", - companyNature: "", - companyWeb: "", - notes: "" - } + this.editConfig.infomation = {} }, // 缂栬緫 handleClick(row) { console.log(row) this.editConfig.visible = true this.editConfig.title = "缂栬緫" - this.editConfig.infomation = { - customName: "", - serviceCharger: "", - customNumber: "", - customerSize: "", - customStatus: "", - importantLevel: "", - customType: "", - customSource: "", - serviceAgent: "", - latestServiceDate: "", - contactName: "", - duties: "", - phoneNumber: "", - contactsEmail: "", - operateRange: "", - position: "", - map: "", - country: "1", - province: "1", - city: "1", - region: "1", - address: "", - industry: "", - companyNature: "", - companyWeb: "", - notes: "" - } + this.editConfig.infomation = { ...row } + }, + // 鍒犻櫎 + delClick(id) { + this.$confirm("鏄惁纭鍒犻櫎?", "璀﹀憡", { + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + type: "warning" + }) + .then(function () { + return getDelServiceFeeManage({ id: id }) + }) + .then((response) => { + if (response.code === 200) { + this.$message.success("鍒犻櫎鎴愬姛") + this.getData() + } else { + this.$message.warning("鍒犻櫎澶辫触") + } + }) + .catch(function () {}) + }, + getSelectArray(val) { + console.log(val) } } } -- Gitblit v1.8.0