var user = document.getElementById("datatable"); 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', '18'); c1.setAttribute('class', 'nullData'); c1.innerHTML = "暂无数据"; } function Fill_Table(table_id, data) { //js循环读取json数据 var table = document.getElementById(table_id).children[1]; for (var i = 0; i < data.length; i++) { var row = table.insertRow(table.rows.length); if (data[i].length == 0) { continue; } //JSON字符串转换JSON对象 var stat = eval('(' + data[i].scd_data + ')'); var c1 = row.insertCell(0); c1.innerHTML = '
';
else c5.innerHTML = '
';
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);
if (stat.dps == 0) c8.innerHTML = '
';
else c8.innerHTML = '
';
var c9 = row.insertCell(8);
if(stat.tcs == 1){
c9.innerHTML = stat.st + '-' + stat.et;
}else{
if (stat.tt == 0) c9.innerHTML = "常亮";
else c9.innerHTML = stat.tt;
}
var c10 = row.insertCell(9);
c10.innerHTML = stat.ct;
var c11 = row.insertCell(10);
c11.innerHTML = stat.at;
var c12 = row.insertCell(11);
c12.innerHTML = stat.ah;
var c13 = row.insertCell(12);
c13.innerHTML = (stat.cv / 1000).toFixed(2);
var c14 = row.insertCell(13);
c14.innerHTML = (stat.bv / 1000).toFixed(2);
var c15 = row.insertCell(14);
if (stat.lng > 999) {
var lng = Math.floor(stat.lng / 100) + ((stat.lng % 100) / 60);
} else {
var lng = Number(stat.lng);
}
c15.innerHTML = lng.toFixed(4);
var c16 = row.insertCell(15);
if (stat.lng > 999) {
var lat = Math.floor(stat.lat / 100) + ((stat.lat % 100) / 60);
} else {
var lat = Number(stat.lat);
}
c16.innerHTML = lat.toFixed(4);
var c17 = row.insertCell(16);
c17.innerHTML = data[i].upl_time;
var c18 = row.insertCell(17);
// c18.innerHTML = " ";
c18.innerHTML = ' ';
}
}
//刷新
function reloadPage(obj) {
var parent = obj.parents('tr');
var deviceId = parent.find('.deviceId').html().trim();
id = deviceId.toString();
var topicid = [];
topicid.push(id);
$.ajax({
type: "post",
url: 'scd_mqtt',
beforeSend: function () {
$('#loadingParent').show();
},
complete: function () {
setTimeout(function () {
$('#loadingParent').hide();
},3000)
},
data: {
"sw": "read",//读取
"topicid": JSON.stringify(topicid),
"kind": "data"//读取下位机数据
},
dataType: "json",
success: function (data) {
if (data == "0") {
layer.msg("发送成功!");
var eswitch = $('#eswitch').val();
var ename = $('#ename').val();
var eId = $('#eId').val();
var page = $('.layui-laypage-curr em').eq(1).html();
var data = {
req: "filter",
ename: ename,
eswitch: eswitch,
f_id:eId,
page: page,
}
setTimeout(function () {
$.post("scd_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();
}
$('#checkAll').prop('checked',false)
});
}, 3000)
}
else {
layer.msg("发送失败!")
}
}
})
}
function details(obj) {
var parent = obj.parents('tr');
var deviceId = parent.find('.deviceId').html().trim();
id = deviceId.toString();
window.location.href = "scd_report_detail?id=" + id;
}
// 分页初始化
layui.use('laypage', function () {
// var equip_id = document.getElementById("equip_id").value
var laypage = layui.laypage;
laypage.render({
elem: 'page' //注意,这里的 test1 是 ID,不用加 # 号
, count: $('#totalPage').val()
, theme: '#428BCA'
, layout: ['prev', 'page', 'next', 'skip']
, jump: function (obj, first) {
$.ajax({
type: "get",
url: "scd_report?req=" + "reqdat" + '&page=' + obj.curr,
dataType: "json",
beforeSend: function () {
$('#loadingParent').show();
},
complete: function () {
$('#loadingParent').hide();
},
success: function (data) {
if (data.length > 0) {
Fill_Table('datatable', data);
$('#page').parent().show();
} else {
Fill_null_Table('datatable', data);
$('#page').parent().hide();
}
$('#iframe-main', parent.document).css('height', $('.content').height())
}
});
if (!first) {
$("#datatable tr:not(:first)").remove();
}
}
});
});
//筛选
function sub_filter() {
var ename = $('#ename').val();
var eId = $('#eId').val();
$("#datatable tr:not(:first)").html("");
$.ajax({
url: 'scd_report',
type: 'post',
data: {
req: "filter",
ename: ename,
page: 1,
f_id: eId
},
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.dat);
$('#page').parent().hide();
}
var datas = {
req: "filter",
ename: ename,
f_id: eId
};
initSearchPage(msg.nums, 'scd_report', datas);
if ($('.content').height() > 750) {
$('#iframe-main', parent.document).css('height', $('.content').height() + 20)
} else {
$('#iframe-main', parent.document).css('height', '750px')
}
}
})
}
//搜索分页
function initSearchPage(page, url, datas) {
layui.use('laypage', function () {
var laypage = layui.laypage;
laypage.render({
elem: 'page' //注意,这里的 test1 是 ID,不用加 # 号
// , count: 30
, count: page
, theme: '#428BCA'
, layout: ['prev', 'page', 'next', 'skip']
, jump: function (obj, first) {
datas.page = obj.curr;
if (!first) {
$.ajax({
url: url,
type: 'post',
data: datas,
beforeSend: function () {
$('#loadingParent').show();
},
complete: function () {
$('#loadingParent').hide();
},
success: function (data) {
$("#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')
}
});