1.数据完整性列表调整
2.区域电能质量评估列表调整 3.调整监测点台账列表顺序 4.删除灿能电力字样 5.调整loge和ico图标 6.调整概览首页在线率和完整率数据 7.调整设备树的查询方式
This commit is contained in:
wr
285
pqs9000/src/main/webapp/jspJS/area/assesTable.js
Normal file
285
pqs9000/src/main/webapp/jspJS/area/assesTable.js
Normal file
@@ -0,0 +1,285 @@
|
||||
var $area = $("#area");
|
||||
var $startTime = $("#startTime");
|
||||
var $endTime = $("#endTime");
|
||||
var $timeType = $("#interval");
|
||||
var dataTable = null;
|
||||
var resultData = null;
|
||||
var areaInfo;
|
||||
var buttonname = '';
|
||||
var companyname;
|
||||
var tiggleValue = "";
|
||||
var allNetsData = [];
|
||||
var countryNetsData = [];
|
||||
$("#interval").val("月份");
|
||||
|
||||
/**
|
||||
* 电压等级排序自定义比较end
|
||||
*/
|
||||
$(function () {
|
||||
//初始化区域
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "/pqs9000/user/getAreasInfo",
|
||||
dataType: 'json',
|
||||
success: function (data) {
|
||||
areaInfo = data;
|
||||
$("#area").val(data[0].name);
|
||||
$("#area").attr("index", data[0].id);
|
||||
areaTree = $.fn.zTree.init($("#areaTree"), settingAreaTree, data);
|
||||
//初始化页面内容
|
||||
var sTemp = $("#_startTime").val();
|
||||
var eTemp = $("#_endTime").val();
|
||||
var aTemp = $("#_area").val();
|
||||
var iTemp = $("#_interval").val();
|
||||
sTemp = filterXSS(sTemp);
|
||||
eTemp = filterXSS(eTemp);
|
||||
aTemp = filterXSS(aTemp);
|
||||
iTemp = filterXSS(iTemp);
|
||||
if (sTemp === "" | sTemp === undefined) {
|
||||
var area = $area.eq(0).attr("index");
|
||||
var startTime = $startTime.eq(0).val();
|
||||
var endTime = $endTime.eq(0).val();
|
||||
refresh(area, startTime, endTime);
|
||||
} else {
|
||||
//填充区域、时间输入框
|
||||
$("#startTime").val(sTemp);
|
||||
$("#endTime").val(eTemp);
|
||||
$("#interval").val(iTemp);
|
||||
judgeInterval(iTemp);
|
||||
if (aTemp === "" | aTemp === undefined) {
|
||||
aTemp = $area.eq(0).attr("index");
|
||||
} else {
|
||||
$area.eq(0).val(getDeptsName(aTemp));
|
||||
$area.eq(0).attr("index", aTemp);
|
||||
}
|
||||
refresh(aTemp, sTemp, eTemp);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
var start = $startTime.eq(0).val();
|
||||
var end = $endTime.eq(0).val();
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
data: {
|
||||
start: start,
|
||||
end: end
|
||||
},
|
||||
async: false,
|
||||
url: "/pqs9000/device/getMsgInfo",
|
||||
dataType: 'json',
|
||||
success: function (data) {
|
||||
buttonname = data.body.name;
|
||||
tiggleValue = data.body.name;
|
||||
}
|
||||
});
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "/pqs9000/theme/getThemeInfo",
|
||||
async: false,
|
||||
dataType: 'json',
|
||||
success: function (data) {
|
||||
companyname = data.body.name;
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
//点击确定，去后台请求参数
|
||||
$("#query").click(function () {
|
||||
var area = $area.eq(0).attr("index");
|
||||
var startTime = $startTime.eq(0).val();
|
||||
var endTime = $endTime.eq(0).val();
|
||||
var devflag = $("#devflag").val();
|
||||
var powerId = $("#powerId").val();
|
||||
refresh(area, startTime, endTime,devflag,powerId);
|
||||
});
|
||||
|
||||
//获取表格数据
|
||||
function refresh(area, startTime, endTime,devflag,powerId) {
|
||||
var i;
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "/pqs9000/overview/assesTableData",
|
||||
dataType: "json",
|
||||
data: {
|
||||
startTime: startTime,
|
||||
endTime: endTime,
|
||||
area: area,
|
||||
},
|
||||
beforeSend: function () {
|
||||
i = ityzl_SHOW_LOAD_LAYER();
|
||||
},
|
||||
success: function (data) {
|
||||
if (data.code === 500) {
|
||||
layer.msg(data.message, {icon: 2, time: 2000})
|
||||
//没有数据
|
||||
allNetsData = null;
|
||||
} else {
|
||||
allNetsData = data.body;
|
||||
}
|
||||
startQuery();
|
||||
//***********关闭loading
|
||||
ityzl_CLOSE_LOAD_LAYER(i);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//实例化表格
|
||||
function initTable(data) {
|
||||
var height = $(window).height() - 155;
|
||||
var length = Math.floor(height / 28);
|
||||
if (length < 1) {
|
||||
length = 1;
|
||||
}
|
||||
dataTable = $("#integritylist").DataTable();
|
||||
dataTable.clear().draw();
|
||||
dataTable = $('#integritylist').DataTable({
|
||||
order: [1, "asc"],
|
||||
columnDefs: [
|
||||
{
|
||||
orderable: false,
|
||||
targets: 0
|
||||
}
|
||||
],
|
||||
columns: [
|
||||
{width: "2%", data: null},
|
||||
{
|
||||
width: "4%", data: "powerCompany", render: function (data, type, full, meta) {
|
||||
var value = data;
|
||||
if (data.length > 10) {
|
||||
value = data.substring(0, 9) + "...";
|
||||
value = "<span title=" + data + ">" + value + "</span>";
|
||||
}
|
||||
return value;
|
||||
}
|
||||
},
|
||||
{
|
||||
width: "4%", data: "substation", render: function (data, type, full, meta) {
|
||||
var value = data;
|
||||
if (data.length > 10) {
|
||||
value = data.substring(0, 9) + "...";
|
||||
value = "<span title=" + data + ">" + value + "</span>";
|
||||
}
|
||||
return value;
|
||||
}
|
||||
},
|
||||
{
|
||||
width: "4%", data: "lineName", render: function (data, type, full, meta) {
|
||||
var value = data;
|
||||
if (data.length > 12) {
|
||||
value = data.substring(0, 11) + "...";
|
||||
value = "<span title=" + data + ">" + value + "</span>";
|
||||
}
|
||||
return value;
|
||||
}
|
||||
},
|
||||
{width: "2%", data: "synData"},
|
||||
{width: "2%", data: "vuDevs"},
|
||||
{width: "2%", data: "freqDev"},
|
||||
{width: "2%", data: "dataPlt"},
|
||||
{width: "2%", data: "vunbalanceCp95"},
|
||||
{width: "2%", data: "vThdCp95"}
|
||||
],
|
||||
destroy: true,
|
||||
data: data,
|
||||
lengthChange: false,
|
||||
searching: true,
|
||||
dom: 'rtip',
|
||||
scrollY: height,
|
||||
scrollX: true,
|
||||
lengthMenu: [length],
|
||||
language: {
|
||||
url: '/pqs9000/json/chine.json'
|
||||
},
|
||||
fnDrawCallback: function (oTable) {
|
||||
$("#integritylist_info").addClass("fl");
|
||||
$("#integritylist_paginate").addClass("fr");
|
||||
$("#integritylist_paginate").append("<div style='float:right;padding-top:4px;padding-left:10px'>到第 <input type='text' id='changePage' class='input-text' style='width:50px;height:28px;'> 页 <button class='btn btn-primary' id='dataTable-btn'>确定</button></div>");
|
||||
var table = $("#integritylist").dataTable();
|
||||
$('#dataTable-btn').click(function (e) {
|
||||
if ($("#changePage").val() && $("#changePage").val() > 0) {
|
||||
var redirectpage = $("#changePage").val() - 1;
|
||||
} else {
|
||||
var redirectpage = 0;
|
||||
}
|
||||
table.fnPageChange(redirectpage);
|
||||
});
|
||||
}
|
||||
});
|
||||
var name = $area.find("option:selected").text();
|
||||
new $.fn.dataTable.Buttons(dataTable, {
|
||||
buttons: [
|
||||
{
|
||||
extend: 'csv',
|
||||
title: name + '电能质量评估列表',//导出csv名称
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
|
||||
format: {
|
||||
body: function (data, rID, cID) {
|
||||
if (cID === 0) {
|
||||
return rID + 1;
|
||||
} else if (cID === 1 | cID === 2 | cID === 3) {
|
||||
if (data.indexOf("title") > 0) {
|
||||
return data.substring(data.indexOf("=") + 1, data.indexOf(">"));
|
||||
} else {
|
||||
return data
|
||||
}
|
||||
} else {
|
||||
return data;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
modifyCss(dataTable);
|
||||
dataTable.on('order.dt search.dt',
|
||||
function () {
|
||||
dataTable.column(0, {
|
||||
search: 'applied',
|
||||
order: 'applied'
|
||||
}).nodes().each(function (cell, i) {
|
||||
cell.innerHTML = i + 1;
|
||||
});
|
||||
}).draw();
|
||||
}
|
||||
|
||||
|
||||
function modifyCss(dataTable) {
|
||||
dataTable.buttons().container().css("display", "inline-block");
|
||||
dataTable.buttons().container().css("float", "right");
|
||||
dataTable.buttons().container().css("top", "4px");
|
||||
dataTable.buttons().container().find("a").prepend("<i class='glyphicon glyphicon-share'></i>");
|
||||
dataTable.buttons().container().appendTo('.header');
|
||||
dataTable.buttons().container().after($("#fliteData")[0]);
|
||||
}
|
||||
|
||||
//搜索表中的数据
|
||||
function searchResult(value) {
|
||||
dataTable.search(value).draw();
|
||||
}
|
||||
|
||||
//特殊处理，表头紧缩问题--start
|
||||
var it = null;
|
||||
|
||||
function startQuery() {
|
||||
//实时刷新时间单位为毫秒
|
||||
it = setInterval('refreshQuery()', 100);
|
||||
|
||||
}
|
||||
|
||||
/* 刷新查询 */
|
||||
function refreshQuery() {
|
||||
var width = $("#integritylist").width();
|
||||
if (width > 100) {
|
||||
initTable(allNetsData);
|
||||
window.clearInterval(it)
|
||||
}
|
||||
}
|
||||
|
||||
//特殊处理，表头紧缩问题--end
|
||||
|
||||
|
||||
Reference in New Issue
Block a user