layui.config({ base: '../../js/layuiModules/', // 第三方模块所在目录 version: 'v1.6.4' // 插件版本号 }).extend({ soulTable: 'notice,layNotify', // 模块 }); let form; var tree; var table; var notice; var layNotify; var upload; layui.use(['table', 'form','notice', 'layNotify','element','upload'], function () { table = layui.table; form = layui.form; tree = layui.tree; notice = layui.notice; upload = layui.upload; layNotify = layui.layNotify; var element = layui.element; getVoltageLevel(form,""); getOrgName(form,""); //渲染表格 table.render({ elem: '#demo' , url: ctxPath + '/personnel/getDerivedRecordList' //数据接口 , method: 'post' //方式默认是get , toolbar: 'default' //开启工具栏,此处显示默认图标,可以自定义模板,详见文档 , where: {} //post请求必须加where ,post请求需要的参数 , cellMinWidth: 80 , cols: [[ //表头 { field: 'number', width:80,title: '序号', align: 'center', type: 'numbers' } , {field: 'fileName', align: 'center', title: '文件名'} , {field: 'dataVolume', align: 'center', title: '数据量'} , {field: 'userName', align: 'center', title: '操作人'} , {field: 'time', align: 'center', title: '操作时间'} ]] ,done: function (res, curr, count) { element.render(); } , id: 'menuTable' , page: true //开启分页 , loading: true //数据加载中。。。 , limits: [5, 10, 20, 100] //一页选择显示3,5或10条数据 , limit: 10 //一页显示5条数据 , response: { statusCode: 200 //规定成功的状态码,默认:0 }, parseData: function (res) { //将原始数据解析成 table 组件所规定的数据,res为从url中get到的数据 let result; if (res.data !== '' && res.data != null && res.data !== "null") { if (this.page.curr) { result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr); } else { result = res.data.slice(0, this.limit); } } return { "code": res.code, //解析接口状态 "msg": res.msg, //解析提示文本 "count": res.count, //解析数据长度 "data": result, //解析数据列表 }; }, toolbar: "#toolbar" }); });