1166 lines
38 KiB
JavaScript
1166 lines
38 KiB
JavaScript
|
var picHeight, steadyData, tabs, singleArea;
|
|||
|
|
var singleAreaM = 0;
|
|||
|
|
var $area = $("#area");
|
|||
|
|
var $startTime = $("#startTime");
|
|||
|
|
var $endTime = $("#endTime");
|
|||
|
|
$("#interval").val("月份");
|
|||
|
|
|
|||
|
|
// 新增tab页
|
|||
|
|
function addTab(url, label) {
|
|||
|
|
tabs.add({url: url, label: label});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//获取区域下拉列表
|
|||
|
|
$(function () {
|
|||
|
|
tabs = $('#tabs').cleverTabs();
|
|||
|
|
picHeight = ($(window).height() - 88) * 0.5;
|
|||
|
|
$.ajax({
|
|||
|
|
type: "POST",
|
|||
|
|
url: "/pqs9000/user/getAreasInfo",
|
|||
|
|
dataType: 'json',
|
|||
|
|
success: function (data) {
|
|||
|
|
$("#area").val(data[0].name);
|
|||
|
|
$("#area").attr("index", data[0].id);
|
|||
|
|
areaTree = $.fn.zTree.init($("#areaTree"), settingAreaTree, data);
|
|||
|
|
//初始化页面内容
|
|||
|
|
var area = $area.eq(0).attr("index");
|
|||
|
|
var startTime = $startTime.eq(0).val();
|
|||
|
|
var endTime = $endTime.eq(0).val();
|
|||
|
|
refresh(area, startTime, endTime);
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//点击查询按钮
|
|||
|
|
$("#query").click(function () {
|
|||
|
|
var area = $area.eq(0).attr("index");
|
|||
|
|
var startTime = $startTime.eq(0).val();
|
|||
|
|
var endTime = $endTime.eq(0).val();
|
|||
|
|
$("#qualifiedTab li").removeClass("active");
|
|||
|
|
$("#qualifiedTab li:first").addClass("active");
|
|||
|
|
refresh(area, startTime, endTime);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//获取全部数据并画图
|
|||
|
|
function refresh(area, startTime, endTime) {
|
|||
|
|
$("li").removeClass("active");
|
|||
|
|
$("ul li:first-child").addClass("active")
|
|||
|
|
var i;
|
|||
|
|
$.ajax({
|
|||
|
|
url: '/pqs9000/area/allData',
|
|||
|
|
data: {
|
|||
|
|
startTime: startTime,
|
|||
|
|
endTime: endTime,
|
|||
|
|
area: area
|
|||
|
|
},
|
|||
|
|
type: 'post',
|
|||
|
|
dataType: 'json',
|
|||
|
|
beforeSend: function () {
|
|||
|
|
i = ityzl_SHOW_LOAD_LAYER();
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
changeClass();
|
|||
|
|
if (data.code === 500 | data.body === null) {
|
|||
|
|
layer.msg(data.message, {icon: 2, time: 2000})
|
|||
|
|
steadyData = null;
|
|||
|
|
} else {
|
|||
|
|
steadyData = data.body;
|
|||
|
|
}
|
|||
|
|
startQuery();
|
|||
|
|
//***********关闭loading
|
|||
|
|
ityzl_CLOSE_LOAD_LAYER(i);
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//切换指标，重新绘制图
|
|||
|
|
$("#qualifiedTab a").on('click', function () {
|
|||
|
|
var html = $(this).html();
|
|||
|
|
//执行查询操作并画图
|
|||
|
|
var urlPart = $(this).prop("id");
|
|||
|
|
if (urlPart === "allData") {
|
|||
|
|
changeClass();
|
|||
|
|
if (steadyData === null | steadyData === "" | steadyData === undefined | steadyData.area.length > 1 | steadyData.area.length === 0) {
|
|||
|
|
changeAllClass(0);
|
|||
|
|
initTable(steadyData)
|
|||
|
|
drawAllArea(steadyData)
|
|||
|
|
} else {
|
|||
|
|
changeAllClass(1);
|
|||
|
|
initTableSingle(steadyData)
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
changeClass(1);
|
|||
|
|
drawAreaPic(steadyData, urlPart);
|
|||
|
|
drawVoltagePic(steadyData, urlPart);
|
|||
|
|
drawLoadTypePic(steadyData, urlPart);
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//根据值返回需要的数据
|
|||
|
|
function getValue(value) {
|
|||
|
|
if (value === 3.14159) {
|
|||
|
|
return "（暂无数据）";
|
|||
|
|
} else if (value === 3.1415) {
|
|||
|
|
return "/";
|
|||
|
|
} else {
|
|||
|
|
return value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//指定地级市表格数据显示
|
|||
|
|
function initTableSingle(area) {
|
|||
|
|
var height = picHeight * 2 - 60;
|
|||
|
|
var tempHeight = height - 33 * 10;
|
|||
|
|
if (tempHeight > 0) {
|
|||
|
|
$("#singleTable").css("margin-top", tempHeight * 0.5);
|
|||
|
|
singleAreaM = tempHeight * 0.5;
|
|||
|
|
height = 34 * 10;
|
|||
|
|
}
|
|||
|
|
singleArea = height;
|
|||
|
|
area = area.area;
|
|||
|
|
var data = [];
|
|||
|
|
var temp = {};
|
|||
|
|
temp.name = "频率偏差";
|
|||
|
|
temp.value = getValue(area[0].frequency);
|
|||
|
|
data.push(temp);
|
|||
|
|
var temp = {};
|
|||
|
|
temp.name = "闪变";
|
|||
|
|
temp.value = getValue(area[0].flicker);
|
|||
|
|
data.push(temp);
|
|||
|
|
var temp = {};
|
|||
|
|
temp.name = "电压不平衡";
|
|||
|
|
temp.value = getValue(area[0].uBalance);
|
|||
|
|
data.push(temp);
|
|||
|
|
var temp = {};
|
|||
|
|
temp.name = "谐波电压";
|
|||
|
|
temp.value = getValue(area[0].harmVoltage);
|
|||
|
|
data.push(temp);
|
|||
|
|
var temp = {};
|
|||
|
|
temp.name = "电压偏差";
|
|||
|
|
temp.value = getValue(area[0].voltageDeviation);
|
|||
|
|
data.push(temp);
|
|||
|
|
var temp = {};
|
|||
|
|
temp.name = "谐波电流";
|
|||
|
|
temp.value = getValue(area[0].harmElec);
|
|||
|
|
data.push(temp);
|
|||
|
|
var temp = {};
|
|||
|
|
temp.name = "负序电流";
|
|||
|
|
temp.value = getValue(area[0].iNeg);
|
|||
|
|
data.push(temp);
|
|||
|
|
var temp = {};
|
|||
|
|
temp.name = "间谐波电压含有率";
|
|||
|
|
temp.value = getValue(area[0].inUharm);
|
|||
|
|
data.push(temp);
|
|||
|
|
var temp = {};
|
|||
|
|
temp.name = "操作";
|
|||
|
|
var innerContent = getValue(area[0].frequency);
|
|||
|
|
var button;
|
|||
|
|
if (innerContent === "（暂无数据）" | innerContent === "/") {
|
|||
|
|
button = "<button type='button' class='btn themeBGDisableColor' href='javascript:void(0);' disabled='disabled' >越限详情</button>";
|
|||
|
|
} else {
|
|||
|
|
button = "<button type='button' class='btn themeBGColor' onclick='viewDetailData(\"" + area[0].areaIndex + "\",\"" + area[0].name + "\")' >越限详情</button>";
|
|||
|
|
}
|
|||
|
|
temp.value = button;
|
|||
|
|
data.push(temp);
|
|||
|
|
$("#singeleAreaTable").DataTable({
|
|||
|
|
data: data,
|
|||
|
|
autoWidth: false,
|
|||
|
|
columnDefs: [{
|
|||
|
|
orderable: false,
|
|||
|
|
targets: [0,1]
|
|||
|
|
}],
|
|||
|
|
order:[],
|
|||
|
|
paging: false,
|
|||
|
|
lengthChange: false,
|
|||
|
|
searching: false,
|
|||
|
|
destroy: true,
|
|||
|
|
scrollY: height,
|
|||
|
|
info: false,
|
|||
|
|
language: {
|
|||
|
|
url: '/pqs9000/json/chine.json',
|
|||
|
|
},
|
|||
|
|
columns: [
|
|||
|
|
{width: "50%", data: 'name'},
|
|||
|
|
{width: "50%", data: 'value', type: 'special-fate'}
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
drawSingleArea(area);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//指定地级市图形数据显示
|
|||
|
|
function drawSingleArea(area) {
|
|||
|
|
var $singleArea = $("#singleArea");
|
|||
|
|
$singleArea.css("height", singleArea + singleAreaM);
|
|||
|
|
$singleArea.css("margin-top", singleAreaM);
|
|||
|
|
var areaOption = echarts.init($("#singleArea")[0]);
|
|||
|
|
var areas = [];
|
|||
|
|
var frequency = [], uBalance = [], voltageDeviation = [], flicker = [], harmVol = [], harmEle = [], iNeg = [], inUharm = [];
|
|||
|
|
if (null != area) {
|
|||
|
|
for (var i = 0; i < 1; i++) {
|
|||
|
|
areas[i] = area[i].name;
|
|||
|
|
var harmVolValue = Number(area[i].harmVoltage);
|
|||
|
|
var harmVolSingleData = {};
|
|||
|
|
harmVolSingleData.areaIndex = area[i].areaIndex;
|
|||
|
|
var harmVolItem = {};
|
|||
|
|
harmVolItem.color = getColor(harmVolValue);
|
|||
|
|
if (harmVolValue < 3.1414) {
|
|||
|
|
harmVolSingleData.value = 3.1415;
|
|||
|
|
harmVolItem.actual = harmVolValue;
|
|||
|
|
} else {
|
|||
|
|
harmVolSingleData.value = harmVolValue;
|
|||
|
|
}
|
|||
|
|
harmVolSingleData.itemStyle = harmVolItem;
|
|||
|
|
harmVol[i] = harmVolSingleData;
|
|||
|
|
|
|||
|
|
var harmEleValue = Number(area[i].harmElec);
|
|||
|
|
var harmEleSingleData = {};
|
|||
|
|
harmEleSingleData.areaIndex = area[i].areaIndex;
|
|||
|
|
var harmEleItem = {};
|
|||
|
|
harmEleItem.color = getColor(harmEleValue);
|
|||
|
|
if (harmEleValue < 3.1414) {
|
|||
|
|
harmEleSingleData.value = 3.1415;
|
|||
|
|
harmEleItem.actual = harmEleValue;
|
|||
|
|
} else {
|
|||
|
|
harmEleSingleData.value = harmEleValue;
|
|||
|
|
}
|
|||
|
|
harmEleSingleData.itemStyle = harmEleItem;
|
|||
|
|
harmEle[i] = harmEleSingleData;
|
|||
|
|
|
|||
|
|
var iNegValue = Number(area[i].iNeg);
|
|||
|
|
var iNegSingleData = {};
|
|||
|
|
iNegSingleData.areaIndex = area[i].areaIndex;
|
|||
|
|
var iNegItem = {};
|
|||
|
|
iNegItem.color = getColor(iNegValue);
|
|||
|
|
if (iNegValue < 3.1414) {
|
|||
|
|
iNegSingleData.value = 3.1415;
|
|||
|
|
iNegItem.actual = iNegValue;
|
|||
|
|
} else {
|
|||
|
|
iNegSingleData.value = iNegValue;
|
|||
|
|
}
|
|||
|
|
iNegSingleData.itemStyle = iNegItem;
|
|||
|
|
iNeg[i] = iNegSingleData;
|
|||
|
|
|
|||
|
|
var inUharmValue = Number(area[i].inUharm);
|
|||
|
|
var inUharmSingleData = {};
|
|||
|
|
inUharmSingleData.areaIndex = area[i].areaIndex;
|
|||
|
|
var inUharmItem = {};
|
|||
|
|
inUharmItem.color = getColor(inUharmValue);
|
|||
|
|
if (inUharmValue < 3.1414) {
|
|||
|
|
inUharmSingleData.value = 3.1415;
|
|||
|
|
inUharmItem.actual = inUharmValue;
|
|||
|
|
} else {
|
|||
|
|
inUharmSingleData.value = inUharmValue;
|
|||
|
|
}
|
|||
|
|
inUharmSingleData.itemStyle = inUharmItem;
|
|||
|
|
inUharm[i] = inUharmSingleData;
|
|||
|
|
|
|||
|
|
|
|||
|
|
var flValue = Number(area[i].flicker);
|
|||
|
|
var flSingleData = {};
|
|||
|
|
flSingleData.areaIndex = area[i].areaIndex;
|
|||
|
|
var flItem = {};
|
|||
|
|
flItem.color = getColor(flValue);
|
|||
|
|
if (flValue < 3.1414) {
|
|||
|
|
flSingleData.value = 3.1415;
|
|||
|
|
flItem.actual = flValue;
|
|||
|
|
} else {
|
|||
|
|
flSingleData.value = flValue;
|
|||
|
|
}
|
|||
|
|
flSingleData.itemStyle = flItem;
|
|||
|
|
flicker[i] = flSingleData;
|
|||
|
|
|
|||
|
|
var ubValue = Number(area[i].uBalance);
|
|||
|
|
var ubSingleData = {};
|
|||
|
|
ubSingleData.areaIndex = area[i].areaIndex;
|
|||
|
|
var ubItem = {};
|
|||
|
|
ubItem.color = getColor(ubValue);
|
|||
|
|
if (ubValue < 3.1414) {
|
|||
|
|
ubSingleData.value = 3.1415;
|
|||
|
|
ubItem.actual = ubValue;
|
|||
|
|
} else {
|
|||
|
|
ubSingleData.value = ubValue;
|
|||
|
|
}
|
|||
|
|
ubSingleData.itemStyle = ubItem;
|
|||
|
|
uBalance[i] = ubSingleData;
|
|||
|
|
|
|||
|
|
var freValue = Number(area[i].frequency);
|
|||
|
|
var freSingleData = {};
|
|||
|
|
freSingleData.areaIndex = area[i].areaIndex;
|
|||
|
|
var freItem = {};
|
|||
|
|
freItem.color = getColor(freValue);
|
|||
|
|
if (freValue < 3.1414) {
|
|||
|
|
freSingleData.value = 3.1415;
|
|||
|
|
freItem.actual = freValue;
|
|||
|
|
} else {
|
|||
|
|
freSingleData.value = freValue;
|
|||
|
|
}
|
|||
|
|
freSingleData.itemStyle = freItem;
|
|||
|
|
frequency[i] = freSingleData;
|
|||
|
|
|
|||
|
|
|
|||
|
|
var volValue = Number(area[i].voltageDeviation);
|
|||
|
|
var volSingleData = {};
|
|||
|
|
volSingleData.areaIndex = area[i].areaIndex;
|
|||
|
|
var valItem = {};
|
|||
|
|
valItem.color = getColor(volValue);
|
|||
|
|
if (volValue < 3.1414) {
|
|||
|
|
volSingleData.value = 3.1415;
|
|||
|
|
valItem.actual = volValue;
|
|||
|
|
} else {
|
|||
|
|
volSingleData.value = volValue;
|
|||
|
|
}
|
|||
|
|
volSingleData.itemStyle = valItem;
|
|||
|
|
voltageDeviation[i] = volSingleData;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var labelOption = {
|
|||
|
|
normal: {
|
|||
|
|
show: false,
|
|||
|
|
position: 'insideBottom',
|
|||
|
|
distance: 15,
|
|||
|
|
align: 'left',
|
|||
|
|
verticalAlign: 'middle',
|
|||
|
|
rotate: 90,
|
|||
|
|
formatter: '{c} {name|{a}}',
|
|||
|
|
fontSize: 16,
|
|||
|
|
rich: {
|
|||
|
|
name: {
|
|||
|
|
textBorderColor: '#fff'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
var option = {
|
|||
|
|
backgroundColor: canvasBG,//背景色
|
|||
|
|
title: {
|
|||
|
|
text: '区域',
|
|||
|
|
x: 'center'
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis',
|
|||
|
|
axisPointer: {
|
|||
|
|
type: 'shadow'
|
|||
|
|
},
|
|||
|
|
formatter: function (params) {
|
|||
|
|
var color = params[0].color;
|
|||
|
|
var tips = "";
|
|||
|
|
tips += params[0].name;
|
|||
|
|
for (var i = 0; i < params.length; i++) {
|
|||
|
|
if (color === noMonitor) {
|
|||
|
|
tips += '<br/>' + params[i].seriesName + ' : /';
|
|||
|
|
} else if (color === noData) {
|
|||
|
|
tips += '<br/>' + params[i].seriesName + ' : （暂无数据）';
|
|||
|
|
} else {
|
|||
|
|
if (params[i].data.itemStyle.actual !== undefined) {
|
|||
|
|
tips += '<br/>' + params[i].seriesName + ' : ' + params[i].data.itemStyle.actual;
|
|||
|
|
} else {
|
|||
|
|
tips += '<br/>' + params[i].seriesName + ' : ' + params[i].value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return tips;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
//控制图标在dataroom中的位置大小
|
|||
|
|
grid: {
|
|||
|
|
left: '3%',
|
|||
|
|
right: '7%',
|
|||
|
|
bottom: '3%',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
xAxis: [{
|
|||
|
|
type: 'category',
|
|||
|
|
data: areas,
|
|||
|
|
name: '地区',
|
|||
|
|
}],
|
|||
|
|
yAxis: [{
|
|||
|
|
type: 'value',
|
|||
|
|
name: '%',
|
|||
|
|
min: '0',
|
|||
|
|
max: '100'
|
|||
|
|
}],
|
|||
|
|
series: [{
|
|||
|
|
name: '频率偏差',
|
|||
|
|
type: 'bar',
|
|||
|
|
barGap: 0.2,
|
|||
|
|
label: labelOption,
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: frequency
|
|||
|
|
}, {
|
|||
|
|
name: '闪变',
|
|||
|
|
type: 'bar',
|
|||
|
|
label: labelOption,
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: flicker
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '电压不平衡',
|
|||
|
|
type: 'bar',
|
|||
|
|
label: labelOption,
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: uBalance
|
|||
|
|
}, {
|
|||
|
|
name: '谐波电压',
|
|||
|
|
type: 'bar',
|
|||
|
|
label: labelOption,
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: harmVol
|
|||
|
|
}, {
|
|||
|
|
name: '电压偏差',
|
|||
|
|
type: 'bar',
|
|||
|
|
label: labelOption,
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: voltageDeviation
|
|||
|
|
}, {
|
|||
|
|
name: '谐波电流',
|
|||
|
|
type: 'bar',
|
|||
|
|
label: labelOption,
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: harmEle
|
|||
|
|
}, {
|
|||
|
|
name: '负序电流',
|
|||
|
|
type: 'bar',
|
|||
|
|
label: labelOption,
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: iNeg
|
|||
|
|
}, {
|
|||
|
|
name: '间谐波电压含有率',
|
|||
|
|
type: 'bar',
|
|||
|
|
label: labelOption,
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: inUharm
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
areaOption.setOption(option);
|
|||
|
|
areaOption.on('click', function (params) {
|
|||
|
|
var city = params.data.areaIndex;
|
|||
|
|
var startTime = $startTime.eq(0).val();
|
|||
|
|
var endTime = $endTime.eq(0).val();
|
|||
|
|
var interval = $("#interval").val();
|
|||
|
|
if (getRole("/pqs9000/area/steadytable") == 1) {
|
|||
|
|
window.top.addTab('/pqs9000/area/steadytable?startTime=' + startTime + '&endTime=' + endTime + '&area=' + city + '&interval=' + interval, '稳态合格率列表')
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//画指定指标的区域图
|
|||
|
|
function drawAreaPic(steadyData, urlPart) {
|
|||
|
|
var area;
|
|||
|
|
if (steadyData === null) {
|
|||
|
|
area = null;
|
|||
|
|
} else {
|
|||
|
|
area = steadyData.area;
|
|||
|
|
}
|
|||
|
|
$("#areaDepts").css("height", picHeight);
|
|||
|
|
var areaOption = echarts.init($("#areaDepts")[0]);
|
|||
|
|
var inte = [];
|
|||
|
|
var areas = [];
|
|||
|
|
var route;
|
|||
|
|
var lineFeedBar;
|
|||
|
|
if(area.length>barUpperLimit12){
|
|||
|
|
route=barRouteIncline;
|
|||
|
|
lineFeedBar=noLineFeed;
|
|||
|
|
}else{
|
|||
|
|
route=barRouteZero;
|
|||
|
|
lineFeedBar=lineFeed;
|
|||
|
|
}
|
|||
|
|
if (null != area) {
|
|||
|
|
for (var i = 0; i < area.length; i++) {
|
|||
|
|
areas[i] = area[i].name + lineFeedBar+"(" + area[i].monitors + ")";
|
|||
|
|
var integralityRate = getSteady(area[i], urlPart);
|
|||
|
|
var singleData = {};
|
|||
|
|
var item = {};
|
|||
|
|
item.color = getColor(integralityRate);
|
|||
|
|
if (integralityRate < 3.1414) {
|
|||
|
|
singleData.value = 3.1415;
|
|||
|
|
item.actual = integralityRate;
|
|||
|
|
} else {
|
|||
|
|
singleData.value = integralityRate;
|
|||
|
|
}
|
|||
|
|
singleData.itemStyle = item;
|
|||
|
|
inte[i] = singleData;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var option = {
|
|||
|
|
backgroundColor: canvasBG,//背景色
|
|||
|
|
title: {
|
|||
|
|
text: '区域',
|
|||
|
|
x: 'center'
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis',
|
|||
|
|
axisPointer: {
|
|||
|
|
type: 'shadow'
|
|||
|
|
},
|
|||
|
|
formatter: function (params) {
|
|||
|
|
var color = params[0].color;
|
|||
|
|
var tips = "";
|
|||
|
|
tips += params[0].name;
|
|||
|
|
for (var i = 0; i < params.length; i++) {
|
|||
|
|
if (color === noMonitor) {
|
|||
|
|
tips += '<br/>' + params[i].seriesName + ' : /';
|
|||
|
|
} else if (color === noData) {
|
|||
|
|
tips += '<br/>' + params[i].seriesName + ' : （暂无数据）';
|
|||
|
|
} else {
|
|||
|
|
if (params[0].data.itemStyle.actual !== undefined) {
|
|||
|
|
tips += '<br/>' + params[0].seriesName + ' : ' + params[0].data.itemStyle.actual;
|
|||
|
|
} else {
|
|||
|
|
tips += '<br/>' + params[0].seriesName + ' : ' + params[0].value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return tips;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
//控制图标在dataroom中的位置大小
|
|||
|
|
grid: {
|
|||
|
|
left: '1%',
|
|||
|
|
right: '7%',
|
|||
|
|
bottom: '3%',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
xAxis: [{
|
|||
|
|
type: 'category',
|
|||
|
|
data: areas,
|
|||
|
|
name: '地区\n(监测点数)\n',
|
|||
|
|
axisLabel: {
|
|||
|
|
interval: 0,
|
|||
|
|
show: true,
|
|||
|
|
rotate:route,
|
|||
|
|
fontSize:10
|
|||
|
|
}
|
|||
|
|
}],
|
|||
|
|
yAxis: [{
|
|||
|
|
type: 'value',
|
|||
|
|
name: '%',
|
|||
|
|
min: '0',
|
|||
|
|
max: '100'
|
|||
|
|
}],
|
|||
|
|
series: [{
|
|||
|
|
name: '合格率',
|
|||
|
|
type: 'bar',
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: inte
|
|||
|
|
}]
|
|||
|
|
};
|
|||
|
|
areaOption.setOption(option);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//画指定指标的电压等级图
|
|||
|
|
function drawVoltagePic(steadyData, urlPart) {
|
|||
|
|
var vol;
|
|||
|
|
if (steadyData === null) {
|
|||
|
|
vol = null;
|
|||
|
|
} else {
|
|||
|
|
vol = steadyData.vol;
|
|||
|
|
}
|
|||
|
|
$("#voltage").css("height", picHeight);
|
|||
|
|
var volOption = echarts.init($("#voltage")[0]);
|
|||
|
|
var inte = [];
|
|||
|
|
var areas = [];
|
|||
|
|
if (null != vol) {
|
|||
|
|
for (var i = 0; i < vol.length; i++) {
|
|||
|
|
areas[i] = vol[i].name + "\n(" + vol[i].monitors + ")";
|
|||
|
|
var integralityRate = getSteady(vol[i], urlPart);
|
|||
|
|
var singleData = {};
|
|||
|
|
var item = {};
|
|||
|
|
item.color = getColor(integralityRate);
|
|||
|
|
if (integralityRate < 3.1414) {
|
|||
|
|
singleData.value = 3.1415;
|
|||
|
|
item.actual = integralityRate;
|
|||
|
|
} else {
|
|||
|
|
singleData.value = integralityRate;
|
|||
|
|
}
|
|||
|
|
singleData.itemStyle = item;
|
|||
|
|
inte[i] = singleData;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var option = {
|
|||
|
|
backgroundColor: canvasBG,//背景色
|
|||
|
|
title: {
|
|||
|
|
text: '电压等级',
|
|||
|
|
x: 'center'
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis',
|
|||
|
|
axisPointer: {
|
|||
|
|
type: 'shadow'
|
|||
|
|
},
|
|||
|
|
formatter: function (params) {
|
|||
|
|
var color = params[0].color;
|
|||
|
|
var tips = "";
|
|||
|
|
tips += params[0].name;
|
|||
|
|
for (var i = 0; i < params.length; i++) {
|
|||
|
|
if (color === noMonitor) {
|
|||
|
|
tips += '<br/>' + params[i].seriesName + ' : /';
|
|||
|
|
} else if (color === noData) {
|
|||
|
|
tips += '<br/>' + params[i].seriesName + ' : （暂无数据）';
|
|||
|
|
} else {
|
|||
|
|
if (params[0].data.itemStyle.actual !== undefined) {
|
|||
|
|
tips += '<br/>' + params[0].seriesName + ' : ' + params[0].data.itemStyle.actual;
|
|||
|
|
} else {
|
|||
|
|
tips += '<br/>' + params[0].seriesName + ' : ' + params[0].value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return tips;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
//控制图标在dataroom中的位置大小
|
|||
|
|
grid: {
|
|||
|
|
left: '3%',
|
|||
|
|
right: '13%',
|
|||
|
|
bottom: '3%',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
xAxis: [{
|
|||
|
|
type: 'category',
|
|||
|
|
data: areas,
|
|||
|
|
name: '电压等级\n(监测点数)\n',
|
|||
|
|
}],
|
|||
|
|
yAxis: [{
|
|||
|
|
type: 'value',
|
|||
|
|
name: '%',
|
|||
|
|
min: '0',
|
|||
|
|
max: '100'
|
|||
|
|
}],
|
|||
|
|
series: [{
|
|||
|
|
name: '合格率',
|
|||
|
|
type: 'bar',
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: inte
|
|||
|
|
}]
|
|||
|
|
};
|
|||
|
|
volOption.setOption(option);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//画指定指标的监测点对象类型图
|
|||
|
|
function drawLoadTypePic(steadyData, urlPart) {
|
|||
|
|
var loadType;
|
|||
|
|
if (steadyData === null) {
|
|||
|
|
loadType = null;
|
|||
|
|
} else {
|
|||
|
|
loadType = steadyData.loadType;
|
|||
|
|
}
|
|||
|
|
$("#loadType").css("height", picHeight);
|
|||
|
|
var comOption = echarts.init($("#loadType")[0]);
|
|||
|
|
var inte = [];
|
|||
|
|
var areas = [];
|
|||
|
|
if (null != loadType) {
|
|||
|
|
for (var i = 0; i < loadType.length; i++) {
|
|||
|
|
areas[i] = loadType[i].name + "\n(" + loadType[i].monitors + ")";
|
|||
|
|
var integralityRate = getSteady(loadType[i], urlPart);
|
|||
|
|
var singleData = {};
|
|||
|
|
var item = {};
|
|||
|
|
item.color = getColor(integralityRate);
|
|||
|
|
if (integralityRate < 3.1414) {
|
|||
|
|
singleData.value = 3.1415;
|
|||
|
|
item.actual = integralityRate;
|
|||
|
|
} else {
|
|||
|
|
singleData.value = integralityRate;
|
|||
|
|
}
|
|||
|
|
singleData.itemStyle = item;
|
|||
|
|
inte[i] = singleData;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var option = {
|
|||
|
|
backgroundColor: canvasBG,//背景色
|
|||
|
|
title: {
|
|||
|
|
text: '干扰源类型',
|
|||
|
|
x: 'center'
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis',
|
|||
|
|
axisPointer: {
|
|||
|
|
type: 'shadow'
|
|||
|
|
},
|
|||
|
|
formatter: function (params) {
|
|||
|
|
var color = params[0].color;
|
|||
|
|
var tips = "";
|
|||
|
|
tips += params[0].name;
|
|||
|
|
for (var i = 0; i < params.length; i++) {
|
|||
|
|
if (color === noMonitor) {
|
|||
|
|
tips += '<br/>' + params[i].seriesName + ' : /';
|
|||
|
|
} else if (color === noData) {
|
|||
|
|
tips += '<br/>' + params[i].seriesName + ' : （暂无数据）';
|
|||
|
|
} else {
|
|||
|
|
if (params[0].data.itemStyle.actual !== undefined) {
|
|||
|
|
tips += '<br/>' + params[0].seriesName + ' : ' + params[0].data.itemStyle.actual;
|
|||
|
|
} else {
|
|||
|
|
tips += '<br/>' + params[0].seriesName + ' : ' + params[0].value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return tips;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
//控制图标在dataroom中的位置大小
|
|||
|
|
grid: {
|
|||
|
|
left: '3%',
|
|||
|
|
right: '13%',
|
|||
|
|
bottom: '3%',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
xAxis: [{
|
|||
|
|
type: 'category',
|
|||
|
|
data: areas,
|
|||
|
|
name: '干扰源类型\n(监测点数)\n',
|
|||
|
|
}],
|
|||
|
|
yAxis: [{
|
|||
|
|
type: 'value',
|
|||
|
|
name: '%',
|
|||
|
|
min: '0',
|
|||
|
|
max: '100'
|
|||
|
|
}],
|
|||
|
|
series: [{
|
|||
|
|
name: '合格率',
|
|||
|
|
type: 'bar',
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: inte
|
|||
|
|
}]
|
|||
|
|
};
|
|||
|
|
comOption.setOption(option);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//画全部地区的数据图
|
|||
|
|
function drawAllArea(steadyData) {
|
|||
|
|
var area;
|
|||
|
|
if (null == steadyData) {
|
|||
|
|
area = null;
|
|||
|
|
} else {
|
|||
|
|
area = steadyData.area;
|
|||
|
|
}
|
|||
|
|
var $allArea = $("#allArea");
|
|||
|
|
$allArea.css("height", picHeight);
|
|||
|
|
var areaOption = echarts.init($("#allArea")[0]);
|
|||
|
|
var areas = [];
|
|||
|
|
var frequency = [], uBalance = [], voltageDeviation = [], flicker = [], harmVol = [], harmEle = [], iNeg = [],
|
|||
|
|
inUharm = [];
|
|||
|
|
var route;
|
|||
|
|
if(area.length>barUpperLimit12){
|
|||
|
|
route=barRouteIncline;
|
|||
|
|
}else{
|
|||
|
|
route=barRouteZero;
|
|||
|
|
}
|
|||
|
|
if (null != area) {
|
|||
|
|
for (var i = 0; i < area.length; i++) {
|
|||
|
|
areas[i] = area[i].name;
|
|||
|
|
var harmVolValue = Number(area[i].harmVoltage);
|
|||
|
|
var harmVolSingleData = {};
|
|||
|
|
harmVolSingleData.areaIndex = area[i].areaIndex;
|
|||
|
|
var harmVolItem = {};
|
|||
|
|
harmVolItem.color = getColor(harmVolValue);
|
|||
|
|
if (harmVolValue < 3.1414) {
|
|||
|
|
harmVolSingleData.value = 3.1415;
|
|||
|
|
harmVolItem.actual = harmVolValue;
|
|||
|
|
} else {
|
|||
|
|
harmVolSingleData.value = harmVolValue;
|
|||
|
|
}
|
|||
|
|
harmVolSingleData.itemStyle = harmVolItem;
|
|||
|
|
harmVol[i] = harmVolSingleData;
|
|||
|
|
|
|||
|
|
var harmEleValue = Number(area[i].harmElec);
|
|||
|
|
var harmEleSingleData = {};
|
|||
|
|
harmEleSingleData.areaIndex = area[i].areaIndex;
|
|||
|
|
var harmEleItem = {};
|
|||
|
|
harmEleItem.color = getColor(harmEleValue);
|
|||
|
|
if (harmEleValue < 3.1414) {
|
|||
|
|
harmEleSingleData.value = 3.1415;
|
|||
|
|
harmEleItem.actual = harmEleValue;
|
|||
|
|
} else {
|
|||
|
|
harmEleSingleData.value = harmEleValue;
|
|||
|
|
}
|
|||
|
|
harmEleSingleData.itemStyle = harmEleItem;
|
|||
|
|
harmEle[i] = harmEleSingleData;
|
|||
|
|
|
|||
|
|
var iNegValue = Number(area[i].iNeg);
|
|||
|
|
var iNegSingleData = {};
|
|||
|
|
iNegSingleData.areaIndex = area[i].areaIndex;
|
|||
|
|
var iNegItem = {};
|
|||
|
|
iNegItem.color = getColor(iNegValue);
|
|||
|
|
if (iNegValue < 3.1414) {
|
|||
|
|
iNegSingleData.value = 3.1415;
|
|||
|
|
iNegItem.actual = iNegValue;
|
|||
|
|
} else {
|
|||
|
|
iNegSingleData.value = iNegValue;
|
|||
|
|
}
|
|||
|
|
iNegSingleData.itemStyle = iNegItem;
|
|||
|
|
iNeg[i] = iNegSingleData;
|
|||
|
|
|
|||
|
|
var inUharmValue = Number(area[i].inUharm);
|
|||
|
|
var inUharmSingleData = {};
|
|||
|
|
inUharmSingleData.areaIndex = area[i].areaIndex;
|
|||
|
|
var inUharmItem = {};
|
|||
|
|
inUharmItem.color = getColor(inUharmValue);
|
|||
|
|
if (inUharmValue < 3.1414) {
|
|||
|
|
inUharmSingleData.value = 3.1415;
|
|||
|
|
inUharmItem.actual = inUharmValue;
|
|||
|
|
} else {
|
|||
|
|
inUharmSingleData.value = inUharmValue;
|
|||
|
|
}
|
|||
|
|
inUharmSingleData.itemStyle = inUharmItem;
|
|||
|
|
inUharm[i] = inUharmSingleData;
|
|||
|
|
|
|||
|
|
|
|||
|
|
var flValue = Number(area[i].flicker);
|
|||
|
|
var flSingleData = {};
|
|||
|
|
flSingleData.areaIndex = area[i].areaIndex;
|
|||
|
|
var flItem = {};
|
|||
|
|
flItem.color = getColor(flValue);
|
|||
|
|
if (flValue < 3.1414) {
|
|||
|
|
flSingleData.value = 3.1415;
|
|||
|
|
flItem.actual = flValue;
|
|||
|
|
} else {
|
|||
|
|
flSingleData.value = flValue;
|
|||
|
|
}
|
|||
|
|
flSingleData.itemStyle = flItem;
|
|||
|
|
flicker[i] = flSingleData;
|
|||
|
|
|
|||
|
|
var ubValue = Number(area[i].uBalance);
|
|||
|
|
var ubSingleData = {};
|
|||
|
|
ubSingleData.areaIndex = area[i].areaIndex;
|
|||
|
|
var ubItem = {};
|
|||
|
|
ubItem.color = getColor(ubValue);
|
|||
|
|
if (ubValue < 3.1414) {
|
|||
|
|
ubSingleData.value = 3.1415;
|
|||
|
|
ubItem.actual = ubValue;
|
|||
|
|
} else {
|
|||
|
|
ubSingleData.value = ubValue;
|
|||
|
|
}
|
|||
|
|
ubSingleData.itemStyle = ubItem;
|
|||
|
|
uBalance[i] = ubSingleData;
|
|||
|
|
|
|||
|
|
var freValue = Number(area[i].frequency);
|
|||
|
|
var freSingleData = {};
|
|||
|
|
freSingleData.areaIndex = area[i].areaIndex;
|
|||
|
|
var freItem = {};
|
|||
|
|
freItem.color = getColor(freValue);
|
|||
|
|
if (freValue < 3.1414) {
|
|||
|
|
freSingleData.value = 3.1415;
|
|||
|
|
freItem.actual = freValue;
|
|||
|
|
} else {
|
|||
|
|
freSingleData.value = freValue;
|
|||
|
|
}
|
|||
|
|
freSingleData.itemStyle = freItem;
|
|||
|
|
frequency[i] = freSingleData;
|
|||
|
|
|
|||
|
|
|
|||
|
|
var volValue = Number(area[i].voltageDeviation);
|
|||
|
|
var volSingleData = {};
|
|||
|
|
volSingleData.areaIndex = area[i].areaIndex;
|
|||
|
|
var valItem = {};
|
|||
|
|
valItem.color = getColor(volValue);
|
|||
|
|
if (volValue < 3.1414) {
|
|||
|
|
volSingleData.value = 3.1415;
|
|||
|
|
valItem.actual = volValue;
|
|||
|
|
} else {
|
|||
|
|
volSingleData.value = volValue;
|
|||
|
|
}
|
|||
|
|
volSingleData.itemStyle = valItem;
|
|||
|
|
voltageDeviation[i] = volSingleData;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var labelOption = {
|
|||
|
|
normal: {
|
|||
|
|
show: false,
|
|||
|
|
position: 'insideBottom',
|
|||
|
|
distance: 15,
|
|||
|
|
align: 'left',
|
|||
|
|
verticalAlign: 'middle',
|
|||
|
|
rotate: 90,
|
|||
|
|
formatter: '{c} {name|{a}}',
|
|||
|
|
fontSize: 16,
|
|||
|
|
rich: {
|
|||
|
|
name: {
|
|||
|
|
textBorderColor: '#fff'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
var option = {
|
|||
|
|
backgroundColor: canvasBG,//背景色
|
|||
|
|
title: {
|
|||
|
|
text: '区域',
|
|||
|
|
x: 'center'
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis',
|
|||
|
|
axisPointer: {
|
|||
|
|
type: 'shadow'
|
|||
|
|
},
|
|||
|
|
formatter: function (params) {
|
|||
|
|
var color = params[0].color;
|
|||
|
|
var tips = "";
|
|||
|
|
tips += params[0].name;
|
|||
|
|
for (var i = 0; i < params.length; i++) {
|
|||
|
|
if (color === noMonitor) {
|
|||
|
|
tips += '<br/>' + params[i].seriesName + ' : /';
|
|||
|
|
} else if (color === noData) {
|
|||
|
|
tips += '<br/>' + params[i].seriesName + ' : （暂无数据）';
|
|||
|
|
} else {
|
|||
|
|
if (params[i].data.itemStyle.actual !== undefined) {
|
|||
|
|
tips += '<br/>' + params[i].seriesName + ' : ' + params[i].data.itemStyle.actual;
|
|||
|
|
} else {
|
|||
|
|
tips += '<br/>' + params[i].seriesName + ' : ' + params[i].value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return tips;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
//控制图标在dataroom中的位置大小
|
|||
|
|
grid: {
|
|||
|
|
left: '3%',
|
|||
|
|
right: '7%',
|
|||
|
|
bottom: '3%',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
xAxis: [{
|
|||
|
|
type: 'category',
|
|||
|
|
data: areas,
|
|||
|
|
name: '地区',
|
|||
|
|
axisLabel: {
|
|||
|
|
interval: 0,
|
|||
|
|
show: true,
|
|||
|
|
rotate:route,
|
|||
|
|
fontSize:10
|
|||
|
|
}
|
|||
|
|
}],
|
|||
|
|
yAxis: [{
|
|||
|
|
type: 'value',
|
|||
|
|
name: '%',
|
|||
|
|
min: '0',
|
|||
|
|
max: '100'
|
|||
|
|
}],
|
|||
|
|
series: [{
|
|||
|
|
name: '频率偏差',
|
|||
|
|
type: 'bar',
|
|||
|
|
barGap: 0.2,
|
|||
|
|
label: labelOption,
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: frequency
|
|||
|
|
}, {
|
|||
|
|
name: '闪变',
|
|||
|
|
type: 'bar',
|
|||
|
|
label: labelOption,
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: flicker
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '电压不平衡',
|
|||
|
|
type: 'bar',
|
|||
|
|
label: labelOption,
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: uBalance
|
|||
|
|
}, {
|
|||
|
|
name: '谐波电压',
|
|||
|
|
type: 'bar',
|
|||
|
|
label: labelOption,
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: harmVol
|
|||
|
|
}, {
|
|||
|
|
name: '电压偏差',
|
|||
|
|
type: 'bar',
|
|||
|
|
label: labelOption,
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: voltageDeviation
|
|||
|
|
}, {
|
|||
|
|
name: '谐波电流',
|
|||
|
|
type: 'bar',
|
|||
|
|
label: labelOption,
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: harmEle
|
|||
|
|
}, {
|
|||
|
|
name: '负序电流',
|
|||
|
|
type: 'bar',
|
|||
|
|
label: labelOption,
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: iNeg
|
|||
|
|
}, {
|
|||
|
|
name: '间谐波电压含有率',
|
|||
|
|
type: 'bar',
|
|||
|
|
label: labelOption,
|
|||
|
|
barMaxWidth: barMax,
|
|||
|
|
data: inUharm
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
areaOption.setOption(option);
|
|||
|
|
areaOption.on('click', function (params) {
|
|||
|
|
var city = params.data.areaIndex;
|
|||
|
|
var startTime = $startTime.eq(0).val();
|
|||
|
|
var endTime = $endTime.eq(0).val();
|
|||
|
|
var interval = $("#interval").val();
|
|||
|
|
if (getRole("/pqs9000/area/steadytable") == 1) {
|
|||
|
|
window.top.addTab('/pqs9000/area/steadytable?startTime=' + startTime + '&endTime=' + endTime + '&area=' + city + '&interval=' + interval, '稳态指标列表')
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//初始化表格
|
|||
|
|
function initTable(data) {
|
|||
|
|
var area;
|
|||
|
|
if (null == data) {
|
|||
|
|
area = null;
|
|||
|
|
} else {
|
|||
|
|
area = data.area;
|
|||
|
|
}
|
|||
|
|
var height = picHeight - 60;
|
|||
|
|
$("#areaTable").DataTable({
|
|||
|
|
data: area,
|
|||
|
|
autoWidth: false,
|
|||
|
|
columnDefs: [{
|
|||
|
|
orderable: false,
|
|||
|
|
targets: [0]
|
|||
|
|
}],
|
|||
|
|
order: [1, "desc"],
|
|||
|
|
paging: false,
|
|||
|
|
lengthChange: false,
|
|||
|
|
searching: false,
|
|||
|
|
destroy: true,
|
|||
|
|
scrollY: height,
|
|||
|
|
info: false,
|
|||
|
|
pageLength: 100,
|
|||
|
|
language: {
|
|||
|
|
url: '/pqs9000/json/chine.json',
|
|||
|
|
},
|
|||
|
|
columns: [
|
|||
|
|
{
|
|||
|
|
data: 'name'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
data: 'frequency', type: "special-fate", render: function (data, type, full, meta) {
|
|||
|
|
return getValue(data);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
data: 'flicker', type: "special-fate", render: function (data, type, full, meta) {
|
|||
|
|
return getValue(data);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
data: 'uBalance', type: "special-fate", render: function (data, type, full, meta) {
|
|||
|
|
return getValue(data);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
data: 'harmVoltage', type: "special-fate", render: function (data, type, full, meta) {
|
|||
|
|
return getValue(data);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
data: 'voltageDeviation', type: "special-fate", render: function (data, type, full, meta) {
|
|||
|
|
return getValue(data);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
{
|
|||
|
|
data: 'harmElec', type: "special-fate", render: function (data, type, full, meta) {
|
|||
|
|
return getValue(data);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
data: 'iNeg', type: "special-fate", render: function (data, type, full, meta) {
|
|||
|
|
return getValue(data);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
data: 'inUharm', type: "special-fate", render: function (data, type, full, meta) {
|
|||
|
|
return getValue(data);
|
|||
|
|
}
|
|||
|
|
}, {
|
|||
|
|
data: 'evenElectric', render: function (data, type, full, meta) {
|
|||
|
|
var innerContent = getValue(data);
|
|||
|
|
var button;
|
|||
|
|
if (innerContent === "（暂无数据）" | innerContent === "/") {
|
|||
|
|
button = "<button type='button' class='btn themeBGDisableColor' style='margin-right:10px;' href='javascript:void(0);' disabled='disabled' >越限详情</button>";
|
|||
|
|
} else {
|
|||
|
|
button = "<button type='button' class='btn themeBGColor' style='margin-right:10px;' onclick='viewDetailData(\"" + full.areaIndex + "\",\"" + full.name + "\")' >越限详情</button>";
|
|||
|
|
}
|
|||
|
|
return button;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
//获取layer打开新页面后，在标题添加内容并向右浮动
|
|||
|
|
function getTitleInfo(startTime, endTime, target, name) {
|
|||
|
|
startTime = startTime.replace(/-/g, '/');
|
|||
|
|
endTime = endTime.replace(/-/g, '/');
|
|||
|
|
return "<span class='fr font12' ><span class='info'><span class='inB bg-info smallBlock'></span> 合格率≥90%</span><span class='warn''> <span class='inB bg-warn smallBlock'></span> 60%≤合格率<90% </span><span class='error'> <span class='inB bg-error smallBlock'></span> 合格率<60%</span></span><span class='fr font25'> | </span><span class='fr font12'>统计时间：<span class='fontBold' >" + startTime + "-" + endTime + "</span></span><span class='fr font12'> 统计区域：<span class='fontBold ' id='target' style='cursor:pointer;margin-right: 10px !important;' >" + name + "</span></span>";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
//查看越线详情
|
|||
|
|
function viewDetailData(areaIndex, name) {
|
|||
|
|
var startTime = $startTime.eq(0).val();
|
|||
|
|
var endTime = $endTime.eq(0).val();
|
|||
|
|
var title = getTitleInfo(startTime, endTime, "稳态越限详情", name);
|
|||
|
|
title = "稳态越限详情" + title;
|
|||
|
|
layer.open({
|
|||
|
|
id: 'areaSteady',
|
|||
|
|
type: 2,
|
|||
|
|
title: title,
|
|||
|
|
maxmin: false,
|
|||
|
|
resize: false,
|
|||
|
|
shadeClose: true, //点击遮罩关闭层
|
|||
|
|
area: ['100%', '100%'],
|
|||
|
|
content: '/pqs9000/area/outOfLimitDetailView?startTime=' + startTime + "&endTime=" + endTime + "&areaIndex=" + areaIndex,
|
|||
|
|
scrollbar: false
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//根据url获取指标合格率
|
|||
|
|
function getSteady(data, urlPart) {
|
|||
|
|
var integralityRate;
|
|||
|
|
if (urlPart === "frequency") {
|
|||
|
|
integralityRate = Number(data.frequency);
|
|||
|
|
} else if (urlPart === "flicker") {
|
|||
|
|
integralityRate = Number(data.flicker);
|
|||
|
|
} else if (urlPart === "uBalance") {
|
|||
|
|
integralityRate = Number(data.uBalance);
|
|||
|
|
} else if (urlPart === "harmVoltage") {
|
|||
|
|
integralityRate = Number(data.harmVoltage);
|
|||
|
|
} else if (urlPart === "voltageDeviation") {
|
|||
|
|
integralityRate = Number(data.voltageDeviation);
|
|||
|
|
} else if (urlPart === "harmElec") {
|
|||
|
|
integralityRate = Number(data.harmElec);
|
|||
|
|
} else if (urlPart === "iNeg") {
|
|||
|
|
integralityRate = Number(data.iNeg);
|
|||
|
|
} else if (urlPart === "inUharm") {
|
|||
|
|
integralityRate = Number(data.inUharm);
|
|||
|
|
}
|
|||
|
|
return integralityRate;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
//特殊处理，表头紧缩问题--start
|
|||
|
|
var it = null;
|
|||
|
|
|
|||
|
|
function startQuery() {
|
|||
|
|
//实时刷新时间单位为毫秒
|
|||
|
|
it = setInterval('refreshQuery()', 100);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 刷新查询 */
|
|||
|
|
function refreshQuery() {
|
|||
|
|
var width = $("#table").width();
|
|||
|
|
if (width > 100) {
|
|||
|
|
if (steadyData === null || steadyData === "" || steadyData === undefined || steadyData.area.length > 1 || steadyData.area.length === 0) {
|
|||
|
|
changeAllClass(0);
|
|||
|
|
initTable(steadyData)
|
|||
|
|
drawAllArea(steadyData)
|
|||
|
|
} else {
|
|||
|
|
changeAllClass(1);
|
|||
|
|
initTableSingle(steadyData)
|
|||
|
|
}
|
|||
|
|
window.clearInterval(it)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//特殊处理，表头紧缩问题--end
|