var example = null; var pers = null; var layer; var table; var laydate; let phyTimeStart; let phyTimeEnd; let keyWord; $(function () { layui.use(['layer','form','table','laydate'], function () { layer = layui.layer; table = layui.table; var form = layui.form; laydate = layui.laydate; table.render({ elem: '#layuiTable' , url: dataUrl + "secondary/getElectricityInfo" //数据接口 , method: 'post' //方式默认是get , toolbar: 'default' //开启工具栏,此处显示默认图标,可以自定义模板,详见文档 , where: { phyTimeStart: getNowTime(), phyTimeEnd: getNowTime(), } //post请求必须加where ,post请求需要的参数 , cellMinWidth: 80 , cols: [[ //表头 {field: 'number',align: 'center',title: '序号', templet: function(res){ // res.LAY_INDEX表示当前行的序号,从0开始计数 // 将其加1即可转换为从1开始计数的序号 return res.LAY_INDEX; }} , {field: 'equipName',align: 'center', title: '设备名称'} , {field: 'typeNumber',align: 'center', title: '告警类型'} ,{field: 'info', align: 'center',title: '告警信息内容'} , {field: 'processStatus', align: 'center', title: '处理状态'} , {field: 'dateTime', align: 'center', title: '告警时间'} ]] , id: 'menuTable' , page: true //开启分页 , loading: true //数据加载中。。。 , limits: [50, 100, 200] //一页选择显示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" }); table.on('toolbar(contact)', function (obj) { console.log(obj); // 获取当前表格被选中的记录对象,返回数据 var checkStatus = table.checkStatus(obj.config.id); //获取事件名,执行对应的代码 var eventName = obj.event; switch (eventName) { case "searchBt": document.getElementById("searchBt").click();//按钮自动点击一次 phyTimeStart = $("#phyTimeStart").val(); phyTimeEnd = $("#phyTimeEnd").val(); keyWord = $("#keyWord").val(); table.reload('menuTable', { url: dataUrl + 'secondary/getElectricityInfo' , method: 'post' //方式默认是get , page: true , where: { phyTimeStart: phyTimeStart, phyTimeEnd: phyTimeEnd, keyWord: keyWord } //设定异步数据接口的额外参数 }); /**二次赋值-- 点击搜索按钮之后会进行一次刷新操作*/ initTime(); $("#phyTimeStart").val(phyTimeStart); $("#phyTimeEnd").val(phyTimeEnd); $("#keyWord").val(keyWord); break; } }); // getDataByType(); initTime(); }); }); function initTime() { laydate.render({ elem: '#ID-laydate-range', range: ['#phyTimeStart', '#phyTimeEnd'], value: [getNowTime(),getNowTime()] // 设置默认日期范围为今天 }); }