// 时间插件初始化 layui.use('laydate', function () { var laydate = layui.laydate; //执行一个laydate实例 laydate.render({ elem: '#timSelectBox' //指定元素 , range: true , done: function (value, date) { var dateArray = value.split(' - ') $('#begin').val(dateArray[0]) $('#end').val(dateArray[1]) } }); }); function Fill_null_Table(table_id, data) { var table = document.getElementById(table_id).children[1]; var row = table.insertRow(table.rows.length); var c1 = row.insertCell(0); c1.setAttribute('colspan', '16'); c1.setAttribute('class', 'nullData'); c1.innerHTML = "暂无数据"; } function Fill_Table(table_id, dat) { var table = document.getElementById(table_id).children[1]; for (var i = 0; i < dat.length; i++) { var row = table.insertRow(table.rows.length); if (dat[i].length == 0) { continue; } //JSON字符串转换JSON对象 var stat = eval('(' + dat[i].cbd_data + ')'); var c1 = row.insertCell(0); c1.innerHTML = '
' + dat[i].equip_id; var c2 = row.insertCell(1); if (dat[i].equip_name == "") c2.innerHTML = "无" else c2.innerHTML = dat[i].equip_name; var c3 = row.insertCell(2); if (stat.ws == 1) { c3.innerHTML = "工作"; }else if (stat.ws == 0) { c3.innerHTML = "待机"; }else{ c3.innerHTML = "--"; } var c4 = row.insertCell(3); c4.innerHTML = (stat.at / 10).toFixed(1); var c5 = row.insertCell(4); c5.innerHTML = (stat.ah / 10).toFixed(1); var c6 = row.insertCell(5); c6.innerHTML = stat.hrt; // var c7 = row.insertCell(6); // if (stat.rps == 0) c7.innerHTML = ''; // else c7.innerHTML = ''; // var c8 = row.insertCell(7); // if (stat.tps == 0) c8.innerHTML = ''; // else c8.innerHTML = ''; // var c9 = row.insertCell(8); //1白天 0夜晚 // if (stat.lps == 1) c9.innerHTML = ''; // else c9.innerHTML = ''; // var c10 = row.insertCell(9); // if(stat.lamp != undefined){ // if(stat.ws == 1){ // if(stat.lamp == 1){ // c10.innerHTML = ''; // c10.setAttribute('title', '亮') // }else if(stat.lamp == 0){ // c10.innerHTML = '灭'; // c10.setAttribute('title', '灭') // } // }else{ // c10.innerHTML = '灭'; // c10.setAttribute('title', '灭') // } // }else{ // c10.innerHTML = "--"; // } // var c11 = row.insertCell(10); // if (dat[i].scene == 1) { // c11.innerHTML = '
'; // } else if (dat[i].scene == 2) { // c11.innerHTML = '
'; // } else if (dat[i].scene == 3) { // c11.innerHTML = '
'; // } else { // c11.innerHTML = '
--
'; // } // var c12 = row.insertCell(11); // c12.innerHTML = dat[i].upl_time; // var c13 = row.insertCell(12); // c13.innerHTML = ""; // var c14 = row.insertCell(13); // if(dat[i].have_photo == 1){ // c14.innerHTML = ''; // }else{ // c14.innerHTML = ''; // } // var c15 = row.insertCell(14); // c15.innerHTML = ""; // // c15.innerHTML = ""; // var c16 = row.insertCell(15); // if(dat[i].disc == 0){ // c16.innerHTML ='' // }else{ // c16.innerHTML = ''; // } var c7 = row.insertCell(6); if (dat[i].etype == null) c7.innerHTML = '--'; else if (dat[i].etype != null) c7.innerHTML = dat[i].etype var c8 = row.insertCell(7); if (stat.rps == 0) c8.innerHTML = ''; else c8.innerHTML = ''; var c9 = row.insertCell(8); if (stat.tps == 0) c9.innerHTML = ''; else c9.innerHTML = ''; var c10 = row.insertCell(9); //1白天 0夜晚 if (stat.lps == 1) c10.innerHTML = ''; else c10.innerHTML = ''; var c11 = row.insertCell(10); if(stat.lamp != undefined){ if(stat.ws == 1){ if(stat.lamp == 1){ c11.innerHTML = ''; c11.setAttribute('title', '亮') }else if(stat.lamp == 0){ c11.innerHTML = '灭'; c11.setAttribute('title', '灭') } }else{ c11.innerHTML = '灭'; c11.setAttribute('title', '灭') } }else{ c11.innerHTML = "--"; } var c12 = row.insertCell(11); if (dat[i].scene == 1) { c12.innerHTML = '
'; } else if (dat[i].scene == 2) { c12.innerHTML = '
'; } else if (dat[i].scene == 3) { c12.innerHTML = '
'; } else if (dat[i].scene == 4) { c12.innerHTML = '
' } else { c12.innerHTML = '
--
'; } var c13 = row.insertCell(12); c13.innerHTML = dat[i].upl_time; var c14 = row.insertCell(13); c14.innerHTML = ""; var c15 = row.insertCell(14); if(dat[i].have_photo == 1){ c15.innerHTML = ''; }else{ c15.innerHTML = ''; } var c16 = row.insertCell(15); c16.innerHTML = ""; // c15.innerHTML = ""; var c17 = row.insertCell(16); if(dat[i].disc == 0){ c17.innerHTML ='' }else{ c17.innerHTML = ''; } // var c3 = row.insertCell(2); // c3.innerHTML = (stat.at / 10).toFixed(1); // var c4 = row.insertCell(3); // c4.innerHTML = (stat.ah / 10).toFixed(1); // var c5 = row.insertCell(4); // c5.innerHTML = stat.hrt; // var c6 = row.insertCell(5); // if (stat.rps == 0) c6.innerHTML = ''; // else c6.innerHTML = ''; // var c7 = row.insertCell(6); // if (stat.tps == 0) c7.innerHTML = ''; // else c7.innerHTML = ''; // var c8 = row.insertCell(7); //1白天 0夜晚 // if (stat.lps == 1) c8.innerHTML = ''; // else c8.innerHTML = ''; // var c9 = row.insertCell(8); // if(stat.lamp != undefined){ // if(stat.ws == 1){ // if(stat.lamp == 1){ // c9.innerHTML = ''; // c9.setAttribute('title', '亮') // }else if(stat.lamp == 0){ // c9.innerHTML = '灭'; // c9.setAttribute('title', '灭') // } // }else{ // c9.innerHTML = '灭'; // c9.setAttribute('title', '灭') // } // }else{ // c9.innerHTML = "--"; // } // var c10 = row.insertCell(9); // if (dat[i].scene == 1) { // c10.innerHTML = '
'; // } else if (dat[i].scene == 2) { // c10.innerHTML = '
'; // } else if (dat[i].scene == 3) { // c10.innerHTML = '
'; // } else { // c10.innerHTML = '
--
'; // } // var c11 = row.insertCell(10); // c11.innerHTML = dat[i].upl_time; // var c12 = row.insertCell(11); // c12.innerHTML = ""; // var c13 = row.insertCell(12); // if(dat[i].have_photo == 1){ // c13.innerHTML = ''; // }else{ // c13.innerHTML = ''; // } // var c14 = row.insertCell(13); // c14.innerHTML = ""; // var c15 = row.insertCell(14); // if(dat[i].disc == 0){ // c15.innerHTML ='' // }else{ // c15.innerHTML = ''; // } } } //刷新:下发查询: function reloadPage(obj) { var parent = obj.parents('tr'); var deviceId = parent.find('.deviceId').html().trim(); $.ajax({ type: "post", url: 'cbd_mqtt', data: { "req": "read",//读取 "topicid": deviceId, "kind": "data"//读取下位机数据 }, dataType: "json", beforeSend: function () { $('#loadingParent').show(); }, complete: function () { setTimeout(function () { $('#loadingParent').hide(); }, 3000) }, success: function (data) { if (data == "0") { layer.msg("发送成功!") setTimeout(function () { var ename = $('#ename').val(); var eId = $('#eId').val(); var page = $('.layui-laypage-curr em').eq(1).html(); var data = { req: "filter", ename: ename, f_id: eId, page: page, }; $.post("cbd_report", data, function (data) { $("#datatable tr:not(:first)").html(""); var msg = $.parseJSON(data); if (msg.dat.length > 0) { Fill_Table('datatable', msg.dat); $('#page').parent().show(); } else { Fill_null_Table('datatable', msg.dat); $('#page').parent().hide(); } }); // window.location.href = window.location.href; }, 3000) } else { layer.msg("发送失败!") } } }) } function details(id) { var etype = $('#lightType').val() window.location.href = "cbd_report_detail?id=" + id; sessionStorage.setItem('identificationCbd', '1') //测试点击时将数据存储到本地 sessionStorage.setItem('f_id', $('#eId').val()) sessionStorage.setItem('ename', $('#ename').val()) sessionStorage.setItem('photoday', $('#photoTime').val()) sessionStorage.setItem('baseplateType', $('#baseplateType').val() || '') sessionStorage.setItem('etype', $('#lightType').val()) console.log($('#lightType').val()) } function pestsStats1(id){ window.location.href = "manual_pest_data?e_id=" + id; sessionStorage.setItem('identificationCbd', '1') } function pestsStats2(id){ window.location.href = "pest_statis?id=" + id; sessionStorage.setItem('identificationCbd', '1') } function viewimg(obj) { var parent = obj.parents('tr'); var deviceId = parent.find('.deviceId').html().trim(); imei = deviceId.toString(); window.location.href = "cbd/img?imei=" + imei; } // 管理员筛选 function dverSelect(){ var ename = $('#ename').val(); var eId = $('#eId').val(); var photoTime = $('#photoTime').val() || ""; var baseplateType = $('#baseplateType').val() || ""; var etype = $('#lightType').val() $("#datatable tr:not(:first)").html(""); //将所有筛选数据和接口请求参数进行保存 sessionStorage.setItem('ename', ename) //筛选设备名称 sessionStorage.setItem('f_id', eId) //筛选设备ID sessionStorage.setItem('photoday', photoTime) //筛选日期 sessionStorage.setItem('baseplateType', baseplateType) sessionStorage.setItem('pageCbd', 1) sessionStorage.setItem('etype', etype) $.ajax({ url: 'cbd_report', type: 'post', data: { req: "filter", photoday: photoTime, baseplateType: baseplateType, ename: ename, page:1, f_id:eId, etype: etype }, beforeSend: function () { $('#loadingParent').show(); }, complete: function () { $('#loadingParent').hide(); }, success: function (data) { var msg = $.parseJSON(data); if (msg.dat.length > 0) { Fill_Table('datatable', msg.dat); $('#page').parent().show(); } else { Fill_null_Table('datatable', msg); $('#page').parent().hide(); } var datas = { req: "filter", photoday: photoTime, baseplateType: baseplateType, ename: ename, // page:1, page: pageCbd, f_id:eId, etye: etype }; initSearchPage(msg.nums, 'cbd_report',datas); if ($('.content').height() > 750) { $('#iframe-main', parent.document).css('height', $('.content').height() + 20) } else { $('#iframe-main', parent.document).css('height', '750px') } } }) } //测报灯类型筛选 function cbdType () { var ename = $('#ename').val(); var eId = $('#eId').val(); var photoTime = $('#photoTime').val() || ""; var baseplateType = $('#baseplateType').val() || ""; $("#datatable tr:not(:first)").html(""); var etype = $('#lightType').val() //将所有筛选数据和接口请求参数进行保存 sessionStorage.setItem('ename', ename) //筛选设备名称 sessionStorage.setItem('f_id', eId) //筛选设备ID sessionStorage.setItem('photoday', photoTime) //筛选日期 sessionStorage.setItem('baseplateType', baseplateType) sessionStorage.setItem('etype', etype) sessionStorage.setItem('pageCbd', 1) $.ajax({ url: 'cbd_report', type: 'post', data: { req: "filter", photoday: photoTime, baseplateType: baseplateType, ename: ename, page: 1, f_id:eId, etype: etype, }, beforeSend: function () { $('#loadingParent').show(); }, complete: function () { $('#loadingParent').hide(); }, success: function (data) { var msg = $.parseJSON(data); if (msg.dat.length > 0) { Fill_Table('datatable', msg.dat); $('#page').parent().show(); } else { Fill_null_Table('datatable', msg); $('#page').parent().hide(); } var datas = { req: "filter", photoday: photoTime, baseplateType: baseplateType, ename: ename, page:1, f_id:eId, etype: etype, }; initSearchPage(msg.nums, 'cbd_report',datas); if ($('.content').height() > 750) { $('#iframe-main', parent.document).css('height', $('.content').height() + 20) } else { $('#iframe-main', parent.document).css('height', '750px') } sessionStorage.removeItem('f_id') sessionStorage.removeItem('ename') sessionStorage.removeItem('photoday') sessionStorage.removeItem('etype') } }) } var pageCbd = sessionStorage.getItem('pageCbd') // 分页初始化 layui.use('laypage', function () { if ($('#lightType').val() == undefined) { sessionStorage.setItem('etype', '全部') } else { sessionStorage.setItem('etype', $('#lightType').val()) //测报灯类型 } if ($('#photoTime').val() == undefined) { sessionStorage.setItem('photoday', '') } else { sessionStorage.setItem('photoday', $('#photoTime').val()) //筛选日期 } //判断当前是否需要将参数重置 // if () { // } sessionStorage.setItem('f_id', $('#eId').val()) //筛选设备ID sessionStorage.setItem('ename', $('#ename').val()) //筛选设备名称 sessionStorage.setItem('baseplateType', $('#baseplateType').val()) // var laypage = layui.laypage; laypage.render({ elem: 'page' //注意,这里的 test1 是 ID,不用加 # 号 , count: $('#totalPage').val() ,curr:pageCbd //让起始页等于我传过来的page1,也就是点击的页码 ,theme: '#428BCA' , layout: ['prev', 'page', 'next', 'skip'] , jump: function (obj) { // sessionStorage.setItem('pageCbd', obj.curr) if (sessionStorage.getItem('identificationCbd') == '1') { sessionStorage.setItem('pageCbd', obj.curr) var ename = sessionStorage.getItem('ename') var eId = sessionStorage.getItem('f_id') var photoTime = sessionStorage.getItem('photoday') var baseplateType = sessionStorage.getItem('baseplateType') var etype = sessionStorage.getItem('etype') var pageCbd = sessionStorage.getItem('pageCbd') $.ajax({ url: 'cbd_report', type: 'post', data: { req: "filter", ename: ename, page: pageCbd, f_id: eId, photoday: photoTime, baseplateType: baseplateType, etype: etype }, beforeSend: function () { $('#loadingParent').show(); }, complete: function () { $('#loadingParent').hide(); }, success: function (data) { var msg = $.parseJSON(data); if (msg.dat.length > 0) { Fill_Table('datatable', msg.dat); $('#page').parent().show(); } else { Fill_null_Table('datatable', msg); $('#page').parent().hide(); } var datas = { req: "filter", ename: ename, f_id:eId, photoday: photoTime, baseplateType: baseplateType, }; initSearchPage(msg.nums, 'cbd_report',datas); if ($('.content').height() > 750) { $('#iframe-main', parent.document).css('height', $('.content').height() + 20) } else { $('#iframe-main', parent.document).css('height', '750px') } } }) } else { sessionStorage.setItem('pageCbd', obj.curr) $.ajax({ type: "get", url: "cbd_report?req="+"reqdat"+'&page='+obj.curr, dataType: "json", beforeSend: function () { $('#loadingParent').show(); }, complete: function () { $('#loadingParent').hide(); }, success: function (data) { $("#datatable tr:not(:first)").html(""); // js循环读取json数据 if (data.length > 0) { Fill_Table('datatable', data); $('#page').parent().show(); } else { Fill_null_Table('datatable'); $('#page').parent().hide(); } $('#iframe-main', parent.document).css('height', $('.content').height()) } }) } } }); }); //筛选 function sub_filter() { var ename = $('#ename').val(); var eId = $('#eId').val(); var photoTime = $('#photoTime').val() || ''; var baseplateType = $('#baseplateType').val() || ''; $('#lightType').val('全部') // var pageCbd = sessionStorage.getItem('pageCbd') var etype = $('#lightType').val() $("#datatable tr:not(:first)").html(""); //将所有筛选数据和接口请求参数进行保存 sessionStorage.setItem('ename', ename) //筛选设备名称 sessionStorage.setItem('f_id', eId) //筛选设备ID sessionStorage.setItem('photoday', photoTime) //筛选日期 sessionStorage.setItem('baseplateType', baseplateType) sessionStorage.setItem('pageCbd', 1) sessionStorage.setItem('etype', '全部') $.ajax({ url: 'cbd_report', type: 'post', data: { req: "filter", ename: ename, page:1, // page: pageCbd, f_id:eId, photoday: photoTime, baseplateType: baseplateType, }, beforeSend: function () { $('#loadingParent').show(); }, complete: function () { $('#loadingParent').hide(); }, success: function (data) { var msg = $.parseJSON(data); if (msg.dat.length > 0) { Fill_Table('datatable', msg.dat); $('#page').parent().show(); } else { Fill_null_Table('datatable', msg); $('#page').parent().hide(); } var datas = { req: "filter", ename: ename, f_id:eId, photoday: photoTime, baseplateType: baseplateType, page: 1, etype: etype }; initSearchPage(msg.nums, 'cbd_report',datas); if ($('.content').height() > 750) { $('#iframe-main', parent.document).css('height', $('.content').height() + 20) } else { $('#iframe-main', parent.document).css('height', '750px') } //测试删除本地数据 sessionStorage.removeItem('f_id') sessionStorage.removeItem('ename') sessionStorage.removeItem('photoday') sessionStorage.removeItem('etype') } }) } //搜索分页 function initSearchPage(page, url, datas) { console.log(datas) layui.use('laypage', function () { var laypage = layui.laypage; laypage.render({ elem: 'page' //注意,这里的 test1 是 ID,不用加 # 号 , count: page ,curr:pageCbd //让起始页等于我传过来的pageCbd,也就是点击的页码 ,theme: '#428BCA' , layout: ['prev', 'page', 'next', 'skip'] , jump: function (obj, first) { datas.page = obj.curr; // sessionStorage.setItem('pageCbd', obj.curr) if (!first) { $.ajax({ url: url, type: 'post', data: datas, beforeSend: function () { $('#loadingParent').show(); }, complete: function () { $('#loadingParent').hide(); }, success: function (data) { sessionStorage.setItem('pageCbd', obj.curr) $("#datatable tr:not(:first)").html(""); var msg = $.parseJSON(data); if (msg.dat.length > 0) { Fill_Table('datatable', msg.dat) } else { Fill_null_Table('datatable', msg.dat) } if ($('.content').height() > 750) { $('#iframe-main', parent.document).css('height', $('.content').height() + 20) } else { $('#iframe-main', parent.document).css('height', '750px') } } }) } } }); }); } // 窗口改变iframe高度改变 $(window).resize(function () { if ($('.content').height() > 750) { $('#iframe-main', parent.document).css('height', $('.content').height() + 20) } else { $('#iframe-main', parent.document).css('height', '750px') } });