From 0db865acae8c531a2cc3f4f254883a29e9a12462 Mon Sep 17 00:00:00 2001 From: songshankun <songshankun@foxmail.com> Date: 星期四, 28 九月 2023 11:41:04 +0800 Subject: [PATCH] feat: 销售退款单页列表配置列显隐控制 --- src/views/sales/refundForm/index.vue | 42 ++++++++++++++++++++++++++++++------------ 1 files changed, 30 insertions(+), 12 deletions(-) diff --git a/src/views/sales/refundForm/index.vue b/src/views/sales/refundForm/index.vue index f144d1b..0dd49ef 100644 --- a/src/views/sales/refundForm/index.vue +++ b/src/views/sales/refundForm/index.vue @@ -32,6 +32,7 @@ @selClientClick="selClientClick" @selCommonClick="selCommonClick" @getSelectArray="getSelectArray" + @selTableCol="selTableCol" > <template slot="tableButton"> <el-table-column label="鎿嶄綔" width="100"> @@ -124,7 +125,19 @@ selValueList: [], search_map: {}, keyword: "", - keywordType: "" + keywordType: "", + tableColumn: [ + { label: "閫�娆惧崟缂栧彿", prop: "number", isCommonClick: true, default: true }, + { label: "瀹㈡埛鍚嶇О", prop: "client_name", min: 120, isClientClick: true }, + { label: "閫�娆炬棩鏈�", prop: "refundDate", min: 130 }, + { label: "璐︽埛", prop: "bankAccount_name" }, + { label: "鏄惁寮�绁�", prop: "isInvoice", min: 100 }, + { label: "浠樻鏂瑰紡", prop: "paymentType_name" }, + { label: "閿�鍞礋璐d汉", prop: "member_name" }, + // { label: "淇敼鏃堕棿", prop: "modifyTime" }, + { label: "浠风◣鍚堣", prop: "amountTotal" } + ], + showCol:["閫�娆惧崟缂栧彿", "瀹㈡埛鍚嶇О", "閫�娆炬棩鏈�", "璐︽埛", "鏄惁寮�绁�", "浠樻鏂瑰紡", "閿�鍞礋璐d汉", "浠风◣鍚堣"] } }, created() { @@ -142,18 +155,11 @@ setTable() { this.tableList = { tableInfomation: [], - tableColumn: [ - { label: "閫�娆惧崟缂栧彿", prop: "number", isCommonClick: true }, - { label: "瀹㈡埛鍚嶇О", prop: "client_name", min: 120, isClientClick: true }, - { label: "閫�娆炬棩鏈�", prop: "refundDate", min: 130 }, - { label: "璐︽埛", prop: "bankAccount_name" }, - { label: "鏄惁寮�绁�", prop: "isInvoice", min: 100 }, - { label: "浠樻鏂瑰紡", prop: "paymentType_name" }, - { label: "閿�鍞礋璐d汉", prop: "member_name" }, - // { label: "淇敼鏃堕棿", prop: "modifyTime" }, - { label: "浠风◣鍚堣", prop: "amountTotal" } - ] + allcol: [], + showcol: this.showCol, + tableColumn:this.setColumnVisible(this.showCol) } + this.tableList.allcol = this.tableList.tableColumn.filter(ele=>!ele.default).map(ele=>ele.label); this.searchOptions = [] for (let i = 0; i < this.tableList.tableColumn.length; i++) { const label = this.tableList.tableColumn[i].label @@ -161,6 +167,18 @@ this.searchOptions.push({ value: value, label: label }) } }, + setColumnVisible(showCol){ + return this.tableColumn.map(ele=>{ + return { + ...ele, + isShowColumn:showCol.includes(ele.label) + } + }) + }, + selTableCol(val) { + this.showcol = val; + this.tableList.tableColumn = this.setColumnVisible(val); + }, // 璇锋眰鏁版嵁 async getData() { this.loading = true -- Gitblit v1.8.0