From fd34c3c56e2d40c312fcbbf7330d40ceafcd421e Mon Sep 17 00:00:00 2001 From: songshankun <songshankun@foxmail.com> Date: 星期四, 28 九月 2023 09:34:46 +0800 Subject: [PATCH] feat: 表格组件添加列显隐控制组件;销售线索页表格适配列显隐 --- src/components/makepager/CommonFormTableView.vue | 19 +++++++++++++++---- 1 files changed, 15 insertions(+), 4 deletions(-) diff --git a/src/components/makepager/CommonFormTableView.vue b/src/components/makepager/CommonFormTableView.vue index 00c60c6..79b103f 100644 --- a/src/components/makepager/CommonFormTableView.vue +++ b/src/components/makepager/CommonFormTableView.vue @@ -63,8 +63,12 @@ <div class="common-select-btn" @click="selClientClick(scope.row, item.prop)"> <i class="el-icon-circle-plus-outline" title="閫夋嫨"></i> </div> - <div class="common-select-btn" @click="clearupClient(scope.row)"> - <i class="el-icon-edit-outline" title="娓呴櫎"></i> + <div + v-if="scope.row[item.prop] && scope.row[item.prop].length > 0" + class="common-select-btn" + @click="clearupClient(scope.row)" + > + <i class="el-icon-remove-outline" title="娓呴櫎"></i> </div> </div> </el-form-item> @@ -121,7 +125,7 @@ </el-form-item> <span v-else>{{ scope.row[item.prop] }}</span> </template> - <span v-else>{{ scope.row[item.prop] }}</span> + <span v-else style="text-align: right">{{ scope.row[item.prop] }}</span> </template> </el-table-column> </el-table> @@ -328,6 +332,13 @@ commonInputChange(val, prop, row) { console.log(val, prop) console.log(row) + if (prop === "amount") { + this.tableList.tableData.map((ite) => { + if (ite.name === row.name) { + ite.total = row.amount * row.price + } + }) + } this.$emit("inputContent", val, prop, row) }, // 娓呯┖ @@ -434,7 +445,7 @@ } .el-table__footer-wrapper tbody td.el-table__cell { background-color: #fff; - text-align: right; + // text-align: right; font-weight: bold; } .el-input--suffix .el-input__inner { -- Gitblit v1.8.0