el-table

<el-table :data="inspectRecords" border highlight-current-row >
<el-table-column align="center" prop="inspectPersion" label="人" width="80"></el-table-column>
<el-table-column align="center" prop="inspectDate" label="时间" width="120"></el-table-column>
<el-table-column align="center" prop="recordDesc" label="描述" width="180"></el-table-column>
<el-table-column align="center" prop="startTime" label="开始时间" width="140"></el-table-column>
<el-table-column align="center" prop="endTime" label="结束时间" width="140"></el-table-column>
<el-table-column align="center" prop="inputTime" label="录入时间" width="120"></el-table-column>
<el-table-column align="center" prop="remark" label="备注" width="200"></el-table-column>
<el-table-column align="center" label="操作" width="120">
<template scope="scope">
<el-button type="text" size="small" @click="process(scope.$index, scope.row)">
审核
</el-button>
<el-button @click.native.prevent="trajectory(scope.$index, inspectRecords)" type="text" size="small">
轨迹
</el-button>
</template>
</el-table-column>
</el-table>

时间： 2024-08-22 11:26:18

el-table的相关文章

Backbone入门

(一)Backbone简介 Backbone是一个轻量级的JavaScript MVC框架,压缩后只有23kb,不过它依赖于Underscore.js和jQuery这两个JS库.Backbone是由Jeremy Ashkenas创建的,Underscore.js也是他创建的,他还创建了CoffeeScript这门优雅的JS转译语言. 模型(Model)是Backbone中的一个关键组件,Model用来存储应用的所有数据,以及直接和数据操作相关的逻辑,包括数据存储,数据验证,以及数据发生变动时触发

JSP点击表头排序

table.html <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="tablesortT.js"></script> <link type="text/css" rel=&qu

【转】手摸手，带你用vue撸后台 系列三(实战篇)

前言 在前面两篇文章中已经把基础工作环境构建完成,也已经把后台核心的登录和权限完成了,现在手摸手,一起进入实操. Element 去年十月份开始用vue做管理后台的时候毫不犹豫的就选择了Elemen,那时候vue2 刚发没多久,市面上也没有很多其它的vue2的ui框架.虽然Element也有很多的不足,前期的bug也不少,但我还是选择了它,说一下我选择Element的原因吧: 有大厂背书 : 虽然核心开发只有三个人,但至少不用担心哪天就不维护,带着小姨子跑路了. 持续迭代 : Element发版

bootstrap行内编辑后提交多条数据到ssm

先定义一个数组用于接收修改的数据:var changeRows = new Array();在bootstrap属性定义上添加类似:onEditableSave: function (field, row, oldValue, $el) {$table.bootstrapTable('updateRow', {index: row.rowId, row: row});//将 行对象转化为json字符串并放入changeRows数组var result = JSON.stringify(row);

从后端到前端之Vue（一）写个表格试试水

目录: 1.脚本式开发. 2.工程化开发 3.工程化和脚本的区别 4.来个table试试水 4,1.目标 4.2.思路 4.3.设计与编码 4.4.效果 5.业务分离 6.功能拓展——个性化设置    正文: 我以前是后端(asp.net)开发,会点js.jQuery,但是不会写js特效,至于css嘛,拿来用现成的可以,自己动手写就不会了. 发现现在前端开发的势头太猛了,有一点要干掉后端的感觉,于是萌发了想要学一学前端开发的想法.那么前端三大框架,先学哪一个呢?就先学学Vue吧,为啥呢?很简单呀

学成在线（第6天）

页面发布课程管理 技术方案 本项目使用MQ实现页面发布的技术方案如下: 技术方案说明:1.平台包括多个站点,页面归属不同的站点.2.发布一个页面应将该页面发布到所属站点的服务器上.3.每个站点服务部署cms client程序,并与交换机绑定,绑定时指定站点Id为routingKey.指定站点id为routingKey就可以实现cms client只能接收到所属站点的页面发布消息.4.页面发布程序向MQ发布消息时指定页面所属站点Id为routingKey,将该页面发布到它所在服务器上的cmscli

jsp&amp;el&amp;jstl-01

案例1-在页面中展示所有商品信息,不要使用jsp的脚本技术分析: jsp/el/jstl jsp: java 服务器页面 作用: 将内容的生成和信息的展示相分离 运行在服务器端,本质上就是一个serlvet,产生的java文件和class保留在tomcat的word目录下.jsp脚本: <%..%> java代码片段 <%=..%> 输出表达式 相当于out.print(); <%!...%> 声明成员jsp的指令 作用:声明jsp页面的一些属性和动作 格式: <

bootstrap table保留多选框的分页

initialize : function(options) { this.options = options.options; this.tableNum=options.tableNum; this.selectActive=[]; this.selections=[]; this.selectionIds=[]; this.nowPage; this.selectPage=[]; Table.prototype.initialize.call(this, this.options); },

JAVAWEB开发之JSP、EL、及会话技术（Cookie和Session）的使用详解

Servlet的缺点 开发人员要十分熟悉JAVA 不利于页面调试和维护(修改,重新编译) 很难利用网页设计工具进行页面设计(HTML内容导入到servlet中,用PrintWriter的对象进行输出) JSP简介 JSP(Java Server Pages) 与Java Servlet一样,是在服务器端执行的,不同的是JSP先由服务器编译部署成Servlet执行. JSP技术的企业最佳实践(生成HTML内容) 新的JSP2.0规范版本包括新的功能(EL表达式,新增的Simple Tag和Tag

JS组件系列——表格组件神器：bootstrap table（三：终结篇，最后的干货福利）

前言:前面介绍了两篇关于bootstrap table的基础用法,这章我们继续来看看它比较常用的一些功能,来个终结篇吧,毛爷爷告诉我们做事要有始有终~~bootstrap table这东西要想所有功能覆盖似乎不太现实,博主挑选了一些自认为比较常用的功能在此分享给各位园友.源码也在这篇统一给出.好了,不多说废话,开始我们的干货之旅吧. bootstrap table系列: JS组件系列——表格组件神器:bootstrap table JS组件系列——表格组件神器:bootstrap table(二