From f991aa8e159ab30b79f7468883dc63f192af750b Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期一, 29 四月 2024 14:00:48 +0800
Subject: [PATCH] 1
---
src/views/systemSetting/silkStandardSetting/components/silkTableList.vue | 84 ++++++++++++++++++++++++++++++++----------
1 files changed, 64 insertions(+), 20 deletions(-)
diff --git a/src/views/systemSetting/silkStandardSetting/components/silkTableList.vue b/src/views/systemSetting/silkStandardSetting/components/silkTableList.vue
index 8875782..5881827 100644
--- a/src/views/systemSetting/silkStandardSetting/components/silkTableList.vue
+++ b/src/views/systemSetting/silkStandardSetting/components/silkTableList.vue
@@ -3,8 +3,10 @@
<div class="top-box">
<div class="table-box" :style="{ width: detailEnter ? '95%' : '100%' }">
<el-form ref="form" :model="tableList" :show-message="false" label-position="right">
+
<el-table
ref="fromTable"
+ v-if="tableShow"
:data="tableList.tableData"
style="width: 100%"
@selection-change="handleSelectionChange"
@@ -45,11 +47,11 @@
}
"
></el-input>
- <div class="common-select-btn" @click="clearupColumn(item.prop)">
+ <div class="common-select-btn" @click="clearupColumn(item.prop,i)">
<i class="el-icon-remove" title="鍒犻櫎"></i>
</div>
</div>
- <span v-else>{{ item.label }}</span>
+ <span v-else @click="editColumnInput(item,i, item.prop)">{{ item.label||'--' }}</span>
</template>
<!-- column鏍峰紡 -->
<template slot-scope="scope">
@@ -67,7 +69,7 @@
:disabled="!isOperate"
@change="
(val) => {
- commonInputChange(val, item.prop, scope.row, scope)
+ commonInputChange(val, item.prop, scope)
}
"
></el-input>
@@ -83,7 +85,7 @@
v-for="(item, index) in projectOptions"
:key="index"
:label="item.value"
- :value="item.value"
+ :value="item.id"
>
</el-option>
</el-select>
@@ -162,6 +164,11 @@
"
></el-input-number>
</el-form-item>
+ <div v-else-if="item.isCallMethod">
+ <span :class="item.isClass ? item.getClassName(scope.row[item.prop], scope.row) : ''">{{
+ item.getCallMethod(scope.row[item.prop], scope.row)
+ }}</span>
+ </div>
<span v-else style="text-align: right">{{ scope.row[item.prop] }}</span>
</template>
</el-table-column>
@@ -187,8 +194,8 @@
</div>
</div>
<div v-if="detailEnter" style="margin: 10px">
- <div class="add-btn-box" @click="addRowClick">
- <i class="el-icon-circle-plus"></i>
+ <div class="add-btn-box">
+ <i class="el-icon-circle-plus" @click="addRowClick"></i>
</div>
<!-- <el-button size="small" type="primary" :disabled="!isOperate" @click="add">鏂板</el-button> -->
<!-- <el-button size="small" type="primary" disabled>瀵煎叆鏄庣粏</el-button> -->
@@ -198,6 +205,7 @@
<script>
// import { getProductList } from "@/api/common/other"
+import { getDataByType } from "@/api/data"
export default {
name: "CommmonFormTableView",
components: {},
@@ -230,6 +238,11 @@
type: Boolean,
default: true
},
+ // 鏄惁鍙互缂栬緫琛ㄥご
+ isEdit: {
+ type: Boolean,
+ default: false
+ },
silkTableList: {
type: Object,
default: () => {
@@ -250,13 +263,8 @@
productList: [],
tableList: [],
projectIndex: 0,
- projectOptions: [
- { id: 1, value: "绾ゅ害鍋忓樊" },
- { id: 2, value: "浜屾鍙樺寲" },
- { id: 3, value: "娓呮磥鍒�" },
- { id: 4, value: "娲佸噣鍒�" },
- { id: 5, value: "鏈�澶у亸宸�" }
- ]
+ projectOptions: getDataByType("projectOptions"),
+ tableShow:true,
}
},
created() {
@@ -271,7 +279,18 @@
this.getTableInfo()
},
immediate: true
- }
+ },
+ 'silkTableList.tableColumn': {
+ handler() {
+ this.tableShow=false;
+ this.$nextTick(()=>{
+ this.tableShow=true;
+ this.$forceUpdate()
+ })
+
+ },
+ immediate: true
+ },
},
computed: {},
methods: {
@@ -299,8 +318,8 @@
this.$emit("addProjectClick")
}
},
- commonInputChange(val, prop, row, scope) {
- this.$emit("inputContent", val, prop, row, scope)
+ commonInputChange(val, prop, scope) {
+ this.$emit("inputContent", val, prop, scope)
},
// 鍒犻櫎
deleteClick(scope) {
@@ -317,11 +336,20 @@
// 娣诲姞鍒楀ご閮ㄦ爣棰樿緭鍏�
addColumnInputChange(val, prop) {
console.log(val, prop, "娣诲姞鍒楀ご閮ㄦ爣棰樿緭鍏�")
+ this.$emit("addColumnInputChange", val, prop)
+ },
+ editColumnInput(item,i,prop){
+ if(prop.indexOf('prop')!=-1&&this.isEdit){
+ item.addColumn=true;
+ this.$set(this.tableList.tableColumn[i],'addColumn',true)
+ this.$forceUpdate()
+ this.$emit("editColumnInput", item, i,prop)
+ }
},
// 鍒犻櫎鍒�
- clearupColumn(prop) {
+ clearupColumn(prop,index) {
console.log(prop)
- this.$emit("clearupColumn", prop)
+ this.$emit("clearupColumn", prop,index)
}
},
//瑙ｅ喅琛ㄦ牸鎶栧姩闂
@@ -366,7 +394,10 @@
font-size: 26px;
color: #5582f3;
margin-left: 50px;
- cursor: pointer;
+ .el-icon{
+ cursor: pointer;
+ padding:5px;
+ }
}
.add-column-box {
display: flex;
@@ -394,9 +425,22 @@
.el-table th.el-table__cell > .cell {
padding: 0 5px;
}
+ .el-table th.el-table__cell > .cell {
+ span{
+ width:100%;
+ display:inline-block;
+ }
+ }
+ .el-table__cell{
+ padding: 5px 0 !important;
+ height: 35px;
+ }
+ .el-input__suffix{
+ text-align:right;
+ }
.el-input__inner {
// text-align: left;
- text-align: center !important;
+ // text-align: center !important;
}
}
</style>
--
Gitblit v1.8.0