生丝定级标准 增加表头的功能重写+增加表头的顺序跟在结束之后+添加过的表头也可以进行编辑的问题修改

haoxuan

2024-04-16 1cd95a4dd587fddb0428b031a184920ea8c90137

生丝定级标准 增加表头的功能重写+增加表头的顺序跟在结束之后+添加过的表头也可以进行编辑的问题修改

 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;