From e1466bb804d07246357002f736f03e65c82455ef Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期三, 30 八月 2023 16:38:53 +0800
Subject: [PATCH] 列表 添加的组件增加 删除按钮和逻辑
---
src/components/makepager/CommonFormTableView.vue | 10 ++++++++--
1 files changed, 8 insertions(+), 2 deletions(-)
diff --git a/src/components/makepager/CommonFormTableView.vue b/src/components/makepager/CommonFormTableView.vue
index 5220061..348fce9 100644
--- a/src/components/makepager/CommonFormTableView.vue
+++ b/src/components/makepager/CommonFormTableView.vue
@@ -6,7 +6,7 @@
:show-summary="showSummary.show"
:summary-method="getSummaries"
:span-method="arraySpanMethod">
- <el-table-column type="index" label="缂栧彿" width="50" align="center"></el-table-column>
+ <el-table-column type="index" v-if="tableList.tableColumn.length>0" label="缂栧彿" width="50" align="center"></el-table-column>
<el-table-column
v-for="(item, i) in tableList.tableColumn"
:key="i"
@@ -47,6 +47,7 @@
v-model="scope.row[item.prop]"
:fetch-suggestions="querySearchAsync"
value-key="name"
+ style='width:calc(100% - 70px)'
size="mini"
@select="
(val) => {
@@ -60,7 +61,7 @@
<div class="common-select-btn" @click="clearupClient(scope.row,scope)">
<i class="el-icon-remove-outline" title="娓呴櫎"></i>
</div>
- <div class="common-select-btn" @click="deleteClient(scope.row,scope)">
+ <div class="common-select-btn" v-if="scope.$index!=0" @click="deleteClient(scope.row,scope)">
<i class="el-icon-delete" title="鍒犻櫎"></i>
</div>
</div>
@@ -462,6 +463,10 @@
this.$emit("clearupProduct", this.tableList.tableData)
},
deleteClient(row,scope){
+ if(this.tableList.tableData.length==1){
+ this.$message.error('鑷冲皯淇濈暀涓�鏉★紝涓嶈兘鍒櫎浜嗭紒')
+ return true;
+ }
this.tableList.tableData.splice(scope.$index,1)
},
@@ -472,6 +477,7 @@
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.page-view {
+ min-width:100px;
.el-form-item {
margin-bottom: 0;
.custom-name {
--
Gitblit v1.8.0