From 7d520e6190241adc647f36f7aea34c365216edb0 Mon Sep 17 00:00:00 2001
From: charles <981744753@qq.com>
Date: 星期二, 06 八月 2024 11:45:27 +0800
Subject: [PATCH] feat:更新代码
---
src/components/makepager/TableCommonView.vue | 65 ++++++++++++++++++++++++++++++++
1 files changed, 64 insertions(+), 1 deletions(-)
diff --git a/src/components/makepager/TableCommonView.vue b/src/components/makepager/TableCommonView.vue
index 482f74a..b551d67 100644
--- a/src/components/makepager/TableCommonView.vue
+++ b/src/components/makepager/TableCommonView.vue
@@ -155,6 +155,39 @@
item.getCallMethod(scope.row[item.prop], scope.row)
}}</span>
</div>
+ <div v-else-if="item.isEditTd">
+ <template
+ v-if="scope.row[item.prop+'editType']=='inputFloat'"
+ >
+ <el-input-number
+ v-model="scope.row[item.prop]"
+ placeholder="璇疯緭鍏�"
+ :min="0"
+ :precision="2"
+ :controls="false"
+ size="mini"
+ style="width: calc(100% - 80px); margin-right: 5px"
+ @change="
+ (val) => {
+ commonInputChange(val, item.prop, scope.row, scope)
+ }
+ "
+ ></el-input-number>
+ <el-button
+ type="text"
+ @click="saveEditShow(item.prop, scope.row, scope)"
+ >淇濆瓨</el-button
+ >
+ </template>
+ <span v-else>
+ {{ scope.row[item.prop] }}
+ <i
+ class="el-icon-edit"
+ style="font-size: 16px; margin-left: 5px; cursor: pointer"
+ @click="handleEditShow(scope.row,scope,item)"
+ ></i>
+ </span>
+ </div>
<span v-else>{{ scope.row[item.prop] ? scope.row[item.prop] : "--" }}</span>
</template>
</el-table-column>
@@ -168,7 +201,7 @@
<div class="styleBtn">
<i @click="checkCol()" class="label">...</i>
<el-checkbox-group v-model="showcol" v-show="iscolopen" class="checkbox-group" @change="selectCheckBoxList">
- <el-checkbox v-for="item in tableList.allcol" :label="item" :key="item">{{ item }} </el-checkbox>
+ <el-checkbox v-for="item in tableList.allcol" :label="item" :key="item">{{ item }} </el-checkbox>
</el-checkbox-group>
</div>
</div>
@@ -241,6 +274,36 @@
},
},
methods: {
+ // 琛ㄦ牸缂栬緫
+ handleEditShow(row,scope,item){
+ scope.row[item.prop+'editType']=='inputFloat'
+ this.$set(this.tableList.tableInfomation[scope.$index],item.prop+'editType','inputFloat')
+ this.$forceUpdate()
+ },
+ commonInputChange(val, prop, row, scope) {
+ // if (row.editType=='inputFloat') {
+ // let value = scope.row[prop]
+ // let reg2 = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/
+ // if (!reg2.test(value) || value == 0) {
+ // this.$message.error("闇�瑕佸～鍐欏ぇ浜�0鐨�2浣嶅皬鏁帮紒")
+ // return true
+ // }
+ // this.$forceUpdate()
+ // }
+ this.$emit("inputContent", val, prop, row, scope)
+ },
+ saveEditShow( prop, row, scope){
+ if (row.editType=='inputFloat') {
+ let value = scope.row[prop]
+ let reg2 = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/
+ if (!reg2.test(value) || value == 0) {
+ this.$message.error("闇�瑕佸～鍐欏ぇ浜�0鐨�2浣嶅皬鏁帮紒")
+ return true
+ }
+ this.$forceUpdate()
+ }
+ this.$emit("inputContent", prop, row, scope)
+ },
onMaskClick() {
this.iscolopen = false
},
--
Gitblit v1.8.0