表格编辑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 }"><divclass="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><imgsrc="@/assets/img/close.svg"alt=""@click="delTag($index, index)"v-if="status != 0 && !(form.type == 1)"/></div><el-inputv-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>