From 1cd95a4dd587fddb0428b031a184920ea8c90137 Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期二, 16 四月 2024 15:27:11 +0800
Subject: [PATCH] 生丝定级标准 增加表头的功能重写+增加表头的顺序跟在结束之后+添加过的表头也可以进行编辑的问题修改

---
 src/views/systemSetting/silkStandardSetting/components/silkTableList.vue |   37 +++++++++++++++++++++++++++++++++----
 1 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/src/views/systemSetting/silkStandardSetting/components/silkTableList.vue b/src/views/systemSetting/silkStandardSetting/components/silkTableList.vue
index d900a09..c25faab 100644
--- a/src/views/systemSetting/silkStandardSetting/components/silkTableList.vue
+++ b/src/views/systemSetting/silkStandardSetting/components/silkTableList.vue
@@ -3,6 +3,7 @@
     <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"
             :data="tableList.tableData"
@@ -49,7 +50,7 @@
                     <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">
@@ -192,8 +193,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> -->
@@ -319,6 +320,18 @@
       console.log(val, prop, "娣诲姞鍒楀ご閮ㄦ爣棰樿緭鍏�")
       this.$emit("addColumnInputChange", val, prop)
     },
+    editColumnInput(item,i,prop){
+      console.log(item,'===item')
+      console.log(i,'===i')
+      console.log(prop,'===prop')
+      if(prop.indexOf('prop')!=-1){
+        item.addColumn=true;
+        this.$set(this.tableList.tableColumn[i],'addColumn',true)
+        this.$forceUpdate()
+        this.$emit("editColumnInput", item, i,prop)
+      }
+      
+    },
     // 鍒犻櫎鍒�
     clearupColumn(prop) {
       console.log(prop)
@@ -367,7 +380,10 @@
     font-size: 26px;
     color: #5582f3;
     margin-left: 50px;
-    cursor: pointer;
+    .el-icon{
+      cursor: pointer;
+      padding:5px;
+    }
   }
   .add-column-box {
     display: flex;
@@ -395,6 +411,19 @@
   .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;

--
Gitblit v1.8.0