From 74fae92c3fd076359385d27c5ac4e769a38522ab Mon Sep 17 00:00:00 2001 From: songshankun <songshankun@foxmail.com> Date: 星期二, 10 十月 2023 15:41:15 +0800 Subject: [PATCH] feat: 销售机会/报价单销售总单/销售子单 列表添加序号 --- src/views/sales/quotation/index.vue | 81 +++++++++++++++++++++++++++++++--------- 1 files changed, 62 insertions(+), 19 deletions(-) diff --git a/src/views/sales/quotation/index.vue b/src/views/sales/quotation/index.vue index 0dd853d..c27ae12 100644 --- a/src/views/sales/quotation/index.vue +++ b/src/views/sales/quotation/index.vue @@ -8,15 +8,13 @@ <div class="filter-card"> <CommonSearch :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" @click="delClick">鍒犻櫎</el-button>--> </template> </CommonSearch> </div> @@ -28,17 +26,17 @@ <TableCommonView ref="tableListRef" :table-list="tableList" - :select-box="!isDetail" @selClientClick="selClientClick" @selContactsClick="selContactsClick" @selCommonClick="selCommonClick" @getSelectArray="getSelectArray" + @selTableCol="selTableCol" > <template slot="tableButton"> <el-table-column label="鎿嶄綔" width="90"> <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="deleteItem(scope.row.id)" type="text" size="small">鍒犻櫎</el-button> </template> </el-table-column> </template> @@ -131,7 +129,20 @@ searchSel: { value: "number", label: "鎶ヤ环鍗曞彿" - } + }, + tableColumn: [ + { label: "鎶ヤ环鍗曞彿", prop: "number", min: 90, isCommonClick: true ,default:true}, // 鎶ヤ环鍗曞彿 + { label: "瀹㈡埛鍚嶇О", prop: "client_name", min: 120, isClientClick: true }, // 瀹㈡埛鍚嶇О + { label: "鑱旂郴浜哄鍚�", prop: "contact_name", min: 90, isContactClick: true }, // 鑱旂郴浜哄鍚� + { label: "閿�鍞礋璐d汉", prop: "member_name" }, // 閿�鍞礋璐d汉 + { label: "鏈夋晥鏈�", prop: "validity_date", min: 100 }, // 淇敼鏃堕棿 + // { label: "灏忚", prop: "subTotal" }, // 灏忚 + // { label: "鍚堣", prop: "total" }, // 鍚堣 + { label: "浜у搧鍚嶇О", prop: "productName", isProductName: true }, + { label: "鏁伴噺", prop: "productNumber", isProductAmount: true }, + { label: "浠风◣鍚堣", prop: "priceTax", isProductTotal: true } + ], + showCol:["鎶ヤ环鍗曞彿", "瀹㈡埛鍚嶇О", "鑱旂郴浜哄鍚�", "閿�鍞礋璐d汉", "鏈夋晥鏈�", "浜у搧鍚嶇О", "鏁伴噺", "浠风◣鍚堣"] } }, created() { @@ -148,26 +159,31 @@ methods: { setTable() { this.tableList = { + selectIndex:true, tableInfomation: [], - tableColumn: [ - { label: "鎶ヤ环鍗曞彿", prop: "number", min: 90, isCommonClick: true }, // 鎶ヤ环鍗曞彿 - { label: "瀹㈡埛鍚嶇О", prop: "client_name", min: 120, isClientClick: true }, // 瀹㈡埛鍚嶇О - { label: "鑱旂郴浜哄鍚�", prop: "contact_name", min: 90, isContactClick: true }, // 鑱旂郴浜哄鍚� - { label: "閿�鍞礋璐d汉", prop: "member_name" }, // 閿�鍞礋璐d汉 - { label: "鏈夋晥鏈�", prop: "validity_date", min: 100 }, // 淇敼鏃堕棿 - // { label: "灏忚", prop: "subTotal" }, // 灏忚 - // { label: "鍚堣", prop: "total" }, // 鍚堣 - { label: "浜у搧鍚嶇О", prop: "productName", isProductName: true }, - { label: "鏁伴噺", prop: "productNumber", isProductAmount: true }, - { label: "浠风◣鍚堣", prop: "priceTax", isProductTotal: 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() { @@ -224,7 +240,7 @@ this.editConfig.title = "缂栬緫" this.editConfig.infomation = { ...row, currency: "浜烘皯甯�" } }, - // 鍒犻櫎 + // 鎵归噺鍒犻櫎 delClick() { if (this.selValueList && this.selValueList.length > 0) { this.$confirm("鏄惁纭鍒犻櫎?", "璀﹀憡", { @@ -247,6 +263,33 @@ this.$message.warning("璇疯嚦灏戦�夋嫨涓�鏉¤褰�") } }, + /** + * 鍗曚釜鍒犻櫎 + * @param id 鎶ヤ环鍗昳d + */ + deleteItem(id) { + this.$confirm("鏄惁纭鍒犻櫎?", "璀﹀憡", { + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + type: "warning" + }) + .then(() => { + getDelQuotation({ids: [id]}).then((response) => { + if (response.code === 200) { + this.$message.success("鍒犻櫎鎴愬姛") + this.getData() + } else { + this.$message.warning("鍒犻櫎澶辫触") + } + }) + }) + .catch((err) => { + if (err !== 'cancel') { + console.error(err) + this.$message.warning("鍒犻櫎澶辫触") + } + }) + }, getSelectArray(val) { console.log(val) this.selValueList = [] -- Gitblit v1.8.0