当前位置: 首页 > news >正文

表格编辑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>
http://www.lryc.cn/news/469246.html

相关文章:

  • 企业自建邮件系统选U-Mail ,功能强大、安全稳定
  • 蓝桥杯题目理解
  • 浪潮云启操作系统(InLinux)bcache缓存实践:理解OpenStack环境下虚拟机卷、Ceph OSD、bcache设备之间的映射关系
  • 通过ssh端口反向通道建立并实现linux系统的xrdp以及web访问
  • # 渗透测试#安全见闻8 量子物理面临的安全挑战
  • 【rabbitmq】实现问答消息消费示例
  • 单片机_RTOS__架构概念
  • ClickHouse在百度MEG数据中台的落地和优化
  • B/S架构(Browser/Server)与C/S架构(Client/Server)
  • idea中自定义注释模板语法
  • 基于SSM的儿童教育网站【附源码】
  • 深挖自闭症病因与孩子表现的关联
  • [网络协议篇] UDP协议
  • 关系型数据库(1)----MySQL(初阶)
  • 计算机毕业设计Python+大模型租房推荐系统 租房大屏可视化 租房爬虫 hadoop spark 58同城租房爬虫 房源推荐系统
  • 深度学习技术演进:从 CNN、RNN 到 Transformer 的发展与原理解析
  • Lua中的goto语句
  • 【rust实战】rust博客系统2_使用wrap启动rust项目服务
  • 【实战案例】Django框架使用模板渲染视图页面及异常处理
  • 设置K8s管理节点异常容忍时间
  • 什么样的JSON编辑器才好用
  • ArkUI自定义TabBar组件
  • pair类型应用举例
  • 数字 图像处理算法的形式
  • 安徽对口高考Python试题选:输入一个正整数,然后输出该整数的3的幂数相加形式。
  • Node.js是什么? 能做什么?
  • JVM快速入门
  • 理解深度学习模型——高级音频特征表示的分层理解
  • 【HarmonyOS Next】原生沉浸式界面
  • 数据结构 ——— 树的概念及结构