表格编辑demo

    <el-form :model="form" :rules="status ? rules : {}" ref="form" class="form-container" :inline="true">
      <el-table :data="tableData">
          <el-table-column label="计算公式">
            <template slot-scope="{ row, $index }">
              <div
                class="conut-row"
                @click.stop="handleActive($index)"
                :class="{ 'conut-row-active': $index == currentActiveIndex, 'error-row': errorFormulaRow[$index] }"
              >
                <div v-for="(item, index) in row.equation" :key="item" class="conut-row-tag">
                  <span v-if="index == 0 || index == 2">
                    {{ item }}
                  </span>
                  <span class="ysf-box" v-if="index == 1 || index == 3">
                    {{ item }}
                  </span>
                  <img
                    src="@/assets/img/close.svg"
                    alt=""
                    @click="delTag($index, index)"
                    v-if="status != 0 && !(form.type == 1)"
                  />
                </div>
                <el-input
                  v-model="row.ipt"
                  placeholder="请输入"
                  v-if="row.equation.length == 2 || row.equation.length == 4"
                  :disabled="!status"
                  @input="(v) => (row.ipt = v.replace(/^\D*(\d*(?:\.\d{0,4})?).*$/g, '$1'))"
                ></el-input>
              </div>
              <div class="item-error" v-if="errorFormulaRow[$index]">计算公式有误</div>
            </template>
          </el-table-column>
          <el-table-column label="等级" width="212">
            <template slot-scope="{ $index }">
              <el-input :value="levelEnum[$index]" disabled></el-input>
            </template>
          </el-table-column>
          <el-table-column label="上报最高层级" width="345">
            <template slot-scope="{ row, $index }">
              <el-radio
                :disabled="radioisDis(1, $index)"
                v-model="row.reportedHierarchy"
                label="1"
                @click.native.prevent="radioClick('1', row, $index)"
                >电场</el-radio
              >
              <el-radio
                :disabled="radioisDis(2, $index)"
                v-model="row.reportedHierarchy"
                label="2"
                @click.native.prevent="radioClick('2', row, $index)"
                >省份</el-radio
              >
              <el-radio
                :disabled="radioisDis(3, $index)"
                v-model="row.reportedHierarchy"
                label="3"
                @click.native.prevent="radioClick('3', row, $index)"
                >区域</el-radio
              >
              <el-radio
                :disabled="radioisDis(4, $index)"
                v-model="row.reportedHierarchy"
                label="4"
                @click.native.prevent="radioClick('4', row, $index)"
                >集团</el-radio
              >
            </template>
          </el-table-column>
        </el-table>
      </el-form>