From 85a5f98e4dd42ca13e3a9543432c8c4f8f64811e Mon Sep 17 00:00:00 2001 From: songshankun <songshankun@foxmail.com> Date: 星期四, 28 九月 2023 11:28:12 +0800 Subject: [PATCH] feat: 销售子单页列表配置列显隐控制 --- src/views/sales/subOrder/index.vue | 38 ++++++++++++++++++++++++++++---------- 1 files changed, 28 insertions(+), 10 deletions(-) diff --git a/src/views/sales/subOrder/index.vue b/src/views/sales/subOrder/index.vue index 1a39691..6ba779e 100644 --- a/src/views/sales/subOrder/index.vue +++ b/src/views/sales/subOrder/index.vue @@ -34,6 +34,7 @@ @selMasterClick="selMasterClick" @selCommonClick="selCommonClick" @getSelectArray="getSelectArray" + @selTableCol="selTableCol" > <template slot="tableButton"> <el-table-column label="鎿嶄綔" width="90"> @@ -142,7 +143,17 @@ searchSel: { value: "number", label: "鍗曟嵁缂栧彿" - } + }, + tableColumn: [ + { label: "鍗曟嵁缂栧彿", prop: "number", min: 120, isCommonClick: true,default: true }, // 鍗曟嵁缂栧彿 + { label: "瀹㈡埛鍚嶇О", prop: "client_name", min: 120, isClientClick: true }, // 瀹㈡埛鍚嶇О + { label: "閿�鍞�诲崟", prop: "master_order_number", min: 90, isMasterClick: true }, // 閿�鍞�诲崟 + { label: "璐熻矗浜�", prop: "member_name" }, // 璐熻矗浜� + // { label: "瀹℃壒鐘舵��", prop: "approvalStatus" }, // 瀹℃壒鐘舵�� + { label: "浜у搧鍚嶇О", prop: "productName", isProductName: true }, // 浜у搧鍚嶇О + { label: "鏁伴噺", prop: "productAmount", isProductAmount: true } // 鏁伴噺 + ], + showCol:["鍗曟嵁缂栧彿", "瀹㈡埛鍚嶇О", "閿�鍞�诲崟", "璐熻矗浜�", "浜у搧鍚嶇О", "鏁伴噺"] } }, created() { @@ -160,16 +171,11 @@ setTable() { this.tableList = { tableInfomation: [], - tableColumn: [ - { label: "鍗曟嵁缂栧彿", prop: "number", min: 120, isCommonClick: true }, // 鍗曟嵁缂栧彿 - { label: "瀹㈡埛鍚嶇О", prop: "client_name", min: 120, isClientClick: true }, // 瀹㈡埛鍚嶇О - { label: "閿�鍞�诲崟", prop: "master_order_number", min: 90, isMasterClick: true }, // 閿�鍞�诲崟 - { label: "璐熻矗浜�", prop: "member_name" }, // 璐熻矗浜� - // { label: "瀹℃壒鐘舵��", prop: "approvalStatus" }, // 瀹℃壒鐘舵�� - { label: "浜у搧鍚嶇О", prop: "productName", isProductName: true }, // 浜у搧鍚嶇О - { label: "鏁伴噺", prop: "productAmount", isProductAmount: true } // 鏁伴噺 - ] + 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 @@ -177,6 +183,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