From a63d71177a2899b01da37e5bfc2d498bec5f80be Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期二, 17 十月 2023 15:10:13 +0800 Subject: [PATCH] Merge branch 'dev' of http://192.168.5.5:10010/r/web/crm-web into zhengwenfeng/modify-style --- src/views/sales/contractManage/index.vue | 115 +++++++++++++++++++++++++++++++++------------------------ 1 files changed, 67 insertions(+), 48 deletions(-) diff --git a/src/views/sales/contractManage/index.vue b/src/views/sales/contractManage/index.vue index 964874b..8976ada 100644 --- a/src/views/sales/contractManage/index.vue +++ b/src/views/sales/contractManage/index.vue @@ -3,16 +3,16 @@ <div class="filter"> <div class="filter-card"> <CommonSearch - :show-add="false" - :show-download="false" - :amount-view="false" - :show-action-btn="false" - placeholder="璇疯緭鍏ュ崟鎹紪鍙�" - @searchClick="onFilterSearch" + :show-add="false" + :show-download="false" + :amount-view="false" + :show-action-btn="false" + placeholder="璇疯緭鍏ュ崟鎹紪鍙�" + @searchClick="onFilterSearch" > <template slot="leftButton"> - <el-button size="small" type="primary" @click="addBtnClick">鏂板缓</el-button> - <el-button size="small" @click="delClick">鍒犻櫎</el-button> + <el-button size="small" type="primary" @click="addBtnClick">鏂板缓</el-button> + <!-- <el-button size="small" @click="delClick">鍒犻櫎</el-button> --> </template> </CommonSearch> </div> @@ -22,16 +22,17 @@ <div class="body-card"> <div class="list-view"> <TableCommonView - ref="tableListRef" - :table-list="tableList" - @selCommonClick="selCommonClick" - @getSelectArray="getSelectArray" + ref="tableListRef" + :table-list="tableList" + @selCommonClick="selCommonClick" + @getSelectArray="getSelectArray" + @selTableCol="selTableCol" > <template slot="tableButton"> <el-table-column label="鎿嶄綔" width="100"> <template slot-scope="scope"> <el-button @click="handleClick(scope.row)" type="text" size="small">缂栬緫</el-button> - <!-- <el-button @click="delClick(scope.row.id)" type="text" size="small">鍒犻櫎</el-button> --> + <el-button @click="delClick(scope.row.id)" type="text" size="small">鍒犻櫎</el-button> </template> </el-table-column> </template> @@ -104,7 +105,15 @@ searchSel: { value: "number", label: "鍗曟嵁缂栧彿" - } + }, + tableColumn: [ + { label: "鍗曟嵁缂栧彿", prop: "number", min: 120, isCommonClick: true, default: true }, + { label: "璐熻矗浜�", prop: "member_name", min: 90 }, + { label: "瀹㈡埛鍚嶇О", prop: "client_name" }, + { label: "鍚堝悓鐘舵��", prop: "serviceContractStatus_name", min: 100 }, + { label: "鍒涘缓鏃堕棿", prop: "created_at" } + ], + showCol: ["鍗曟嵁缂栧彿", "璐熻矗浜�", "瀹㈡埛鍚嶇О", "鍚堝悓鐘舵��", "鍒涘缓鏃堕棿"] } }, created() { @@ -122,20 +131,30 @@ setTable() { this.tableList = { tableInfomation: [], - tableColumn: [ - { label: "鍗曟嵁缂栧彿", prop: "number", min: 120, isCommonClick: true }, - { label: "璐熻矗浜�", prop: "member_name", min: 90 }, - { label: "瀹㈡埛鍚嶇О", prop: "client_name" }, - { label: "鍚堝悓鐘舵��", prop: "serviceContractStatus_name", min: 100 }, - { label: "鍒涘缓鏃堕棿", prop: "created_at" } - ] + selectIndex: 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 const value = this.tableList.tableColumn[i].prop 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() { @@ -175,8 +194,8 @@ }) }, // 鎼滅储 - onFilterSearch(searchText){ - this.search_map.number = searchText ?? '' + onFilterSearch(searchText) { + this.search_map.number = searchText ?? "" this.pagerOptions.currPage = 1 this.getData() }, @@ -184,7 +203,7 @@ addBtnClick() { this.editConfig.visible = true this.editConfig.title = "鏂板缓" - this.editConfig.infomation = {} + this.editConfig.infomation = { client_name: "", quotation_number: "" } }, // 缂栬緫 handleClick(row) { @@ -194,27 +213,27 @@ this.editConfig.infomation = { ...row } }, // 鍒犻櫎 - delClick() { - if (this.selValueList && this.selValueList.length > 0) { - this.$confirm("鏄惁纭鍒犻櫎?", "璀﹀憡", { - confirmButtonText: "纭畾", - cancelButtonText: "鍙栨秷", - type: "warning" - }) - .then(() => { - getDelContract({ ids: this.selValueList }).then((response) => { - if (response.code === 200) { - this.$message.success("鍒犻櫎鎴愬姛") - this.getData() - } else { - this.$message.warning("鍒犻櫎澶辫触") - } - }) + delClick(id) { + // if (this.selValueList && this.selValueList.length > 0) { + this.$confirm("鏄惁纭鍒犻櫎?", "璀﹀憡", { + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + type: "warning" + }) + .then(() => { + getDelContract(id).then((response) => { + if (response.code === 200) { + this.$message.success("鍒犻櫎鎴愬姛") + this.getData() + } else { + this.$message.warning("鍒犻櫎澶辫触") + } }) - .catch(() => {}) - } else { - this.$message.warning("璇疯嚦灏戦�夋嫨涓�鏉¤褰�") - } + }) + .catch(() => {}) + // } else { + // this.$message.warning("璇疯嚦灏戦�夋嫨涓�鏉¤褰�") + // } }, getSelectArray(val) { console.log(val) @@ -236,15 +255,15 @@ <!-- Add "scoped" attribute to limit CSS to this component only --> <style lang="scss" scoped> -.contract-manage{ +.contract-manage { height: 100%; overflow: hidden; - .filter{ + .filter { height: 80px; display: flex; align-items: center; padding: 12px 20px 0 20px; - &-card{ + &-card { height: 80px; display: flex; align-items: center; @@ -255,7 +274,7 @@ background-color: #fff; } } - .body{ + .body { box-sizing: border-box; padding: 10px 20px; border-radius: 12px; -- Gitblit v1.8.0