961 lines
37 KiB
JavaScript
961 lines
37 KiB
JavaScript
|
var lineIndex = window.parent.document.getElementById("lineIndex").value;
|
|||
|
|
var allstime = window.parent.document.getElementById("allstime").value;
|
|||
|
|
var alletime = window.parent.document.getElementById("alletime").value;
|
|||
|
|
var checkpieces = window.parent.document.getElementById("checkpieces").value;
|
|||
|
|
var checkpiecee = window.parent.document.getElementById("checkpiecee").value;
|
|||
|
|
var allstartTime,allendTime;
|
|||
|
|
var tltName;
|
|||
|
|
|
|||
|
|
$(document).ready(function (){
|
|||
|
|
if(lineIndex==null || lineIndex == ""){
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
$(".form-control[disabled], fieldset[disabled] .form-control").removeAttr("disabled");
|
|||
|
|
createTime();
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
var dateSilderObj;
|
|||
|
|
//创建时间横轴提供用户选择时间节点
|
|||
|
|
//月份定义
|
|||
|
|
var Months = ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"];
|
|||
|
|
function createTime(){
|
|||
|
|
$.ajax({
|
|||
|
|
type:'post',
|
|||
|
|
async : false,
|
|||
|
|
url:'/pqs9000/device/getSETime',
|
|||
|
|
data:{
|
|||
|
|
lineIndex:lineIndex
|
|||
|
|
},
|
|||
|
|
success:function(data){
|
|||
|
|
if(data.code === 500){
|
|||
|
|
layer.msg(data.message, {
|
|||
|
|
icon : 2,
|
|||
|
|
time : 2000
|
|||
|
|
}, function() {
|
|||
|
|
$("#point").attr("style","display:true;");
|
|||
|
|
$("#main").attr("style","display:none;");
|
|||
|
|
});
|
|||
|
|
}else{
|
|||
|
|
$("#main").attr("style","display:true;");
|
|||
|
|
$(".container-fluid").attr("style","display:true;");
|
|||
|
|
$("#point").attr("style","display:none;");
|
|||
|
|
|
|||
|
|
var Sliderwidth = $("body").width()-436;
|
|||
|
|
$("#container0").css("width", Sliderwidth);
|
|||
|
|
|
|||
|
|
var times = data.body;
|
|||
|
|
var timeseries = [];
|
|||
|
|
if(times.length>1){
|
|||
|
|
for(var i = 0;i<times.length;i++){
|
|||
|
|
var desc;
|
|||
|
|
allstartTime = data.body[i].startTime;
|
|||
|
|
allendTime = data.body[i].endTime;
|
|||
|
|
desc = timestampToTime(allstartTime)+'-'+timestampToTime(allendTime);
|
|||
|
|
timeseries.push({name:desc,data:[allstartTime,allendTime],x:allstartTime});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(checkpieces != null && checkpieces != "" && checkpiecee != null && checkpiecee != ""){
|
|||
|
|
creatGroups(timeseries);
|
|||
|
|
if(allstime != null && allstime != "" && alletime != null && alletime != ""){
|
|||
|
|
creatSlider(parseInt(checkpieces),parseInt(checkpiecee),parseInt(allstime),parseInt(alletime));
|
|||
|
|
}else{
|
|||
|
|
creatSlider(parseInt(checkpieces),parseInt(checkpiecee),allstartTime,allendTime);
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
creatGroups(timeseries);
|
|||
|
|
if(allstime != null && allstime != "" && alletime != null && alletime != ""){
|
|||
|
|
creatSlider(allstartTime,allendTime,parseInt(allstime),parseInt(alletime));
|
|||
|
|
}else{
|
|||
|
|
creatSlider(allstartTime,allendTime,allstartTime,allendTime);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
$("#timegroup").attr("style","display:none;");
|
|||
|
|
allstartTime = data.body[0].startTime;
|
|||
|
|
allendTime = data.body[0].endTime;
|
|||
|
|
|
|||
|
|
if(checkpieces != null && checkpieces != "" && checkpiecee != null && checkpiecee != ""){
|
|||
|
|
if(allstime != null && allstime != "" && alletime != null && alletime != ""){
|
|||
|
|
creatSlider(parseInt(checkpieces),parseInt(checkpiecee),parseInt(allstime),parseInt(alletime));
|
|||
|
|
}else{
|
|||
|
|
creatSlider(parseInt(checkpieces),parseInt(checkpiecee),allstartTime,allendTime);
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
if(allstime != null && allstime != "" && alletime != null && alletime != ""){
|
|||
|
|
creatSlider(allstartTime,allendTime,parseInt(allstime),parseInt(alletime));
|
|||
|
|
}else{
|
|||
|
|
creatSlider(allstartTime,allendTime,allstartTime,allendTime);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
tltName="谐波电压含有率";
|
|||
|
|
queryData(tltName);
|
|||
|
|
$("#ss").css("maxWidth",parent.picWidth);
|
|||
|
|
$("#point").css("width",parent.picWidth);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function creatGroups(timeseries){
|
|||
|
|
Highcharts.chart('container0', {
|
|||
|
|
chart: {
|
|||
|
|
type: 'timeline',
|
|||
|
|
margin: [0, 0, 0, 0]
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
visible: false
|
|||
|
|
},
|
|||
|
|
yAxis: {
|
|||
|
|
visible: false
|
|||
|
|
},
|
|||
|
|
credits: {
|
|||
|
|
enabled:false
|
|||
|
|
},
|
|||
|
|
colors:[guowang],
|
|||
|
|
exporting: {
|
|||
|
|
enabled:false
|
|||
|
|
},
|
|||
|
|
title: {
|
|||
|
|
text:null
|
|||
|
|
},
|
|||
|
|
toolbox:{
|
|||
|
|
show:false
|
|||
|
|
},
|
|||
|
|
plotOptions: {
|
|||
|
|
series: {
|
|||
|
|
cursor: 'timeline',
|
|||
|
|
dataLabels: {
|
|||
|
|
enabled: false
|
|||
|
|
},
|
|||
|
|
events: {
|
|||
|
|
click: function(e) {//点击图上的值时会调用。this为series
|
|||
|
|
creatSlider(e.point.data[0],e.point.data[1]);
|
|||
|
|
window.parent.document.getElementById("checkpieces").value=e.point.data[0];
|
|||
|
|
window.parent.document.getElementById("checkpiecee").value=e.point.data[1];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
series: [{
|
|||
|
|
data: timeseries
|
|||
|
|
}]
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function creatSlider(allstartTime,allendTime,astime,aetime){
|
|||
|
|
$("#dateSlider").empty();
|
|||
|
|
var date = $("<div id='date' />").appendTo($("#dateSlider"));//渲染日期组件
|
|||
|
|
var step = 100/((allendTime-allstartTime)/(24*60*60*1000));
|
|||
|
|
dateSilderObj=date.dateRangeSlider({
|
|||
|
|
arrows:false,//是否显示左右箭头
|
|||
|
|
bounds: {min: new Date(allstartTime), max: new Date(allendTime)},//最大 最少日期
|
|||
|
|
defaultValues: {min: new Date(astime), max: new Date(aetime)}//默认选中区域
|
|||
|
|
,scales:[{
|
|||
|
|
first: function(value){return value; },
|
|||
|
|
end: function(value) {return value; },
|
|||
|
|
next: function(val){
|
|||
|
|
var next = new Date(val);
|
|||
|
|
return new Date(next.setMonth(next.getMonth() + 1));
|
|||
|
|
},
|
|||
|
|
label: function(val){
|
|||
|
|
return Months[val.getMonth()];
|
|||
|
|
},
|
|||
|
|
format: function(tickContainer, tickStart, tickEnd){
|
|||
|
|
tickContainer.addClass("myCustomClass");
|
|||
|
|
}
|
|||
|
|
}]
|
|||
|
|
});//日期控件
|
|||
|
|
//重新赋值（整个时间轴）
|
|||
|
|
dateSilderObj.dateRangeSlider("bounds", new Date(allstartTime), new Date(allendTime));
|
|||
|
|
laydate.render({
|
|||
|
|
elem: '#startTime'
|
|||
|
|
,min: timestampToTime(allstartTime)
|
|||
|
|
,max: timestampToTime(allendTime)
|
|||
|
|
,type: 'datetime'
|
|||
|
|
,done: function(value, date, endDate){
|
|||
|
|
var chas = new Date(value);
|
|||
|
|
var chae = new Date($('#endTime').val());
|
|||
|
|
dateSilderObj.dateRangeSlider("values", chas,chae);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
laydate.render({
|
|||
|
|
elem: '#endTime'
|
|||
|
|
,min: timestampToTime(allstartTime)
|
|||
|
|
,max: timestampToTime(allendTime)
|
|||
|
|
,type: 'datetime'
|
|||
|
|
,done: function(value, date, endDate){
|
|||
|
|
var chae = new Date(value);
|
|||
|
|
var chas = new Date($('#startTime').val());
|
|||
|
|
dateSilderObj.dateRangeSlider("values", chas,chae);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//重新赋值（选中区域）
|
|||
|
|
dateSilderObj.dateRangeSlider("values", new Date(astime), new Date(aetime));
|
|||
|
|
$("#startTime").val(timestampToTime(astime));
|
|||
|
|
$("#endTime").val(timestampToTime(aetime));
|
|||
|
|
var startdate = new Date(allstartTime);// 时间戳为10位需*1000，时间戳为13位的话不需乘1000
|
|||
|
|
var enddate = new Date(allendTime);// 时间戳为10位需*1000，时间戳为13位的话不需乘1000
|
|||
|
|
|
|||
|
|
//拖动完毕后的事件
|
|||
|
|
dateSilderObj.bind("valuesChanged", function(e, data){
|
|||
|
|
var val=data.values;
|
|||
|
|
var min = val.min.getTime();
|
|||
|
|
var max = val.max.getTime();
|
|||
|
|
var stime=val.min.getFullYear()+"-"+change(val.min.getMonth()+1)+"-"+change(val.min.getDate())+' '+change(val.min.getHours())+':'+
|
|||
|
|
change(val.min.getMinutes())+':'+change(val.min.getSeconds());
|
|||
|
|
var etime=val.max.getFullYear()+"-"+change(val.max.getMonth()+1)+"-"+change(val.max.getDate())+' '+change(val.max.getHours())+':'+
|
|||
|
|
change(val.max.getMinutes())+':'+change(val.max.getSeconds());
|
|||
|
|
|
|||
|
|
$("#startTime").val(stime);
|
|||
|
|
$("#endTime").val(etime);
|
|||
|
|
window.parent.document.getElementById("allstime").value=min;
|
|||
|
|
window.parent.document.getElementById("alletime").value=max;
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function timestampToTime(timestamp) {
|
|||
|
|
var date = new Date(timestamp);// 时间戳为10位需*1000，时间戳为13位的话不需乘1000
|
|||
|
|
var Y = date.getFullYear() + '-';
|
|||
|
|
var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date
|
|||
|
|
.getMonth() + 1)
|
|||
|
|
+ '-';
|
|||
|
|
var D = change(date.getDate());
|
|||
|
|
|
|||
|
|
var H = change(date.getHours());
|
|||
|
|
var m = change(date.getMinutes());
|
|||
|
|
var S = change(date.getSeconds());
|
|||
|
|
return Y + M + D + ' ' + H + ':' + m + ':' + S;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function change(t) {
|
|||
|
|
if (t < 10) {
|
|||
|
|
return "0" + t;
|
|||
|
|
} else {
|
|||
|
|
return t;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 获取选中的监测点信息
|
|||
|
|
*/
|
|||
|
|
var num=1;
|
|||
|
|
var idea;
|
|||
|
|
var height=$(window).height()-180;
|
|||
|
|
$("#interval").val("周");
|
|||
|
|
var Uarry = $("#qualifiedTab li");//获取所有的li元素
|
|||
|
|
$("#qualifiedTab li").click(function () {//点击事件
|
|||
|
|
//测试直接获取值 var v=$(this).text(); alert(v);
|
|||
|
|
var count = $(this).index();//获取li的下标
|
|||
|
|
var Tresult = Uarry.eq(count).text();
|
|||
|
|
tltName = Tresult;
|
|||
|
|
queryData(tltName);
|
|||
|
|
})
|
|||
|
|
$("#query").click(function () {
|
|||
|
|
queryData(tltName);
|
|||
|
|
})
|
|||
|
|
//谐波电压含有率
|
|||
|
|
function getXbDy(startTime,endTime,lineId) {
|
|||
|
|
var type = '1';
|
|||
|
|
$.ajax({
|
|||
|
|
type : 'POST',
|
|||
|
|
async: false,
|
|||
|
|
url : '/pqs9000/device/getHarmonic',
|
|||
|
|
data : {
|
|||
|
|
startTime:startTime,
|
|||
|
|
endTime:endTime,
|
|||
|
|
lineId:lineId,
|
|||
|
|
type:type
|
|||
|
|
},
|
|||
|
|
beforeSend: function () {
|
|||
|
|
idea = ityzl_SHOW_LOAD_LAYER();
|
|||
|
|
},
|
|||
|
|
error:function(data) {
|
|||
|
|
layer.msg("暂无历史谐波含有率", {
|
|||
|
|
icon : 5,
|
|||
|
|
time : 3000
|
|||
|
|
})
|
|||
|
|
// ***********关闭loading
|
|||
|
|
ityzl_CLOSE_LOAD_LAYER(idea);
|
|||
|
|
},
|
|||
|
|
success : function(data) {
|
|||
|
|
var serName=[];
|
|||
|
|
var gb=[];
|
|||
|
|
var number=[];
|
|||
|
|
//没有权限的请求
|
|||
|
|
if(data==300){
|
|||
|
|
location.href='/pqs9000/auth/unauthorized';
|
|||
|
|
//没有登陆的请求
|
|||
|
|
}else if(data==301){
|
|||
|
|
location.href='/pqs9000';
|
|||
|
|
}else {
|
|||
|
|
if (data.code == 500) {
|
|||
|
|
parent.layer.msg("没有获取到该监测点的谐波电压含有率", {
|
|||
|
|
icon : 5,
|
|||
|
|
time : 3000
|
|||
|
|
});
|
|||
|
|
$('#example').text("")
|
|||
|
|
var oTable = $('#example').DataTable({
|
|||
|
|
info:false,
|
|||
|
|
paging:false,
|
|||
|
|
ScrollY:height*0.3,
|
|||
|
|
lengthChange: false,
|
|||
|
|
columns: [
|
|||
|
|
{"width": "122px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"}
|
|||
|
|
],
|
|||
|
|
bDestroy: true,
|
|||
|
|
ordering: false,
|
|||
|
|
autoWidth:true,
|
|||
|
|
scrollX:false,
|
|||
|
|
data: data.body,
|
|||
|
|
destroy: true,
|
|||
|
|
language: {
|
|||
|
|
url: '/pqs9000/json/chine.json',
|
|||
|
|
"sEmptyTable": "没有内容"
|
|||
|
|
},
|
|||
|
|
})
|
|||
|
|
for(i=1;i<50;i++){
|
|||
|
|
serName.push([parseFloat(null)]);
|
|||
|
|
gb.push([parseFloat(null)]);
|
|||
|
|
number.push([i+1])
|
|||
|
|
}
|
|||
|
|
$("#container").css("height",height*0.6);
|
|||
|
|
//画图
|
|||
|
|
var chart = Highcharts.chart('container', {
|
|||
|
|
credits: {
|
|||
|
|
enabled: false
|
|||
|
|
},
|
|||
|
|
chart: {
|
|||
|
|
type: 'column'
|
|||
|
|
},
|
|||
|
|
title: {
|
|||
|
|
text: ''
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
categories: number
|
|||
|
|
},
|
|||
|
|
yAxis: [{
|
|||
|
|
min: 0,
|
|||
|
|
title: {
|
|||
|
|
text: '谐波电压含有率(%)'
|
|||
|
|
}
|
|||
|
|
}, {
|
|||
|
|
title: {
|
|||
|
|
text: '国标限值(%)'
|
|||
|
|
},
|
|||
|
|
opposite: true
|
|||
|
|
}],
|
|||
|
|
legend: {
|
|||
|
|
shadow: false
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
shared: true,
|
|||
|
|
formatter:function () {
|
|||
|
|
var x,y1,y2;
|
|||
|
|
if(this.points.length==1){
|
|||
|
|
x="谐波次数："+this.points[0].x
|
|||
|
|
y2=this.points[0].series.name+":"+this.points[0].y+"%"
|
|||
|
|
return x+'<br>'+y2;
|
|||
|
|
}else{
|
|||
|
|
x="谐波次数："+this.points[0].x
|
|||
|
|
y1="国标限值(%):"+this.points[0].y+"%"
|
|||
|
|
y2="谐波电压含有率(%):"+this.points[1].y+"%"
|
|||
|
|
return x+'<br>'+y1+'<br>'+y2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
plotOptions: {
|
|||
|
|
column: {
|
|||
|
|
grouping: false,
|
|||
|
|
shadow: false,
|
|||
|
|
borderWidth: 0
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
series: [{
|
|||
|
|
name: '谐波电压含有率(%)',
|
|||
|
|
color: yellow,
|
|||
|
|
data: gb,
|
|||
|
|
tooltip: {
|
|||
|
|
valueSuffix: '%'
|
|||
|
|
},
|
|||
|
|
pointPadding: 0.3,
|
|||
|
|
pointPlacement: -0.2
|
|||
|
|
}, {
|
|||
|
|
name: '国标限值(%)',
|
|||
|
|
color: green,
|
|||
|
|
data: serName,
|
|||
|
|
tooltip: {
|
|||
|
|
valueSuffix: '%'
|
|||
|
|
},
|
|||
|
|
pointPadding: 0.4, // 通过 pointPadding 和 pointPlacement 控制柱子位置
|
|||
|
|
pointPlacement: -0.2
|
|||
|
|
|
|||
|
|
}]
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
var oTable = $('#example').DataTable({
|
|||
|
|
info:false,
|
|||
|
|
paging:false,
|
|||
|
|
scrollY:false,
|
|||
|
|
lengthChange: false,
|
|||
|
|
// columnDefs: [ { width: "122px", "targets": 0 } ],
|
|||
|
|
columns: [
|
|||
|
|
{"width": "122px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"}
|
|||
|
|
],
|
|||
|
|
ordering: false,
|
|||
|
|
// autoWidth:true,
|
|||
|
|
scrollX: true,
|
|||
|
|
data: data.body,
|
|||
|
|
destroy: true,
|
|||
|
|
language: {
|
|||
|
|
url: '/pqs9000/json/chine.json',
|
|||
|
|
"sEmptyTable": "没有内容"
|
|||
|
|
},
|
|||
|
|
})
|
|||
|
|
for(i=1;i<50;i++){
|
|||
|
|
serName.push([parseFloat(data.body[0][i])]);
|
|||
|
|
gb.push([parseFloat(data.body[1][i])]);
|
|||
|
|
number.push([i+1])
|
|||
|
|
}
|
|||
|
|
$("#container").css("height",height*0.8);
|
|||
|
|
//画图
|
|||
|
|
var chart = Highcharts.chart('container', {
|
|||
|
|
credits: {
|
|||
|
|
enabled: false
|
|||
|
|
},
|
|||
|
|
chart: {
|
|||
|
|
type: 'column'
|
|||
|
|
},
|
|||
|
|
title: {
|
|||
|
|
text: ''
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
categories: number,
|
|||
|
|
},
|
|||
|
|
yAxis: [{
|
|||
|
|
min: 0,
|
|||
|
|
title: {
|
|||
|
|
text: data.body[0][0]
|
|||
|
|
}
|
|||
|
|
}, {
|
|||
|
|
title: {
|
|||
|
|
text: data.body[1][0]
|
|||
|
|
},
|
|||
|
|
opposite: true
|
|||
|
|
}],
|
|||
|
|
legend: {
|
|||
|
|
shadow: false
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
shared: true,
|
|||
|
|
formatter:function () {
|
|||
|
|
var x,y1,y2;
|
|||
|
|
if(this.points.length==1){
|
|||
|
|
x="谐波次数："+this.points[0].x
|
|||
|
|
y2=this.points[0].series.name+":"+this.points[0].y+"%"
|
|||
|
|
return x+'<br>'+y2;
|
|||
|
|
}else{
|
|||
|
|
x="谐波次数："+this.points[0].x
|
|||
|
|
y1="国标限值(%):"+this.points[0].y+"%"
|
|||
|
|
y2="谐波电压含有率(%):"+this.points[1].y+"%"
|
|||
|
|
return x+'<br>'+y1+'<br>'+y2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
plotOptions: {
|
|||
|
|
column: {
|
|||
|
|
grouping: false,
|
|||
|
|
shadow: false,
|
|||
|
|
borderWidth: 0
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
series: [{
|
|||
|
|
name: data.body[1][0],
|
|||
|
|
color: yellow,
|
|||
|
|
data: gb,
|
|||
|
|
tooltip: {
|
|||
|
|
valueSuffix: '%'
|
|||
|
|
},
|
|||
|
|
pointPadding: 0.3,
|
|||
|
|
pointPlacement: -0.2
|
|||
|
|
}, {
|
|||
|
|
name: data.body[0][0],
|
|||
|
|
color: green,
|
|||
|
|
data: serName,
|
|||
|
|
tooltip: {
|
|||
|
|
valueSuffix: '%'
|
|||
|
|
},
|
|||
|
|
pointPadding: 0.4, // 通过 pointPadding 和 pointPlacement 控制柱子位置
|
|||
|
|
pointPlacement: -0.2
|
|||
|
|
|
|||
|
|
}]
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// ***********关闭loading
|
|||
|
|
ityzl_CLOSE_LOAD_LAYER(idea);
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
//谐波电流幅值
|
|||
|
|
function getXbDl(startTime,endTime,lineId) {
|
|||
|
|
var type = '1';
|
|||
|
|
$.ajax({
|
|||
|
|
type : 'POST',
|
|||
|
|
async: false,
|
|||
|
|
url : '/pqs9000/device/getHarmI',
|
|||
|
|
data : {
|
|||
|
|
startTime:startTime,
|
|||
|
|
endTime:endTime,
|
|||
|
|
lineId:lineId,
|
|||
|
|
type:type
|
|||
|
|
},
|
|||
|
|
beforeSend: function () {
|
|||
|
|
idea = ityzl_SHOW_LOAD_LAYER();
|
|||
|
|
},
|
|||
|
|
error:function(data) {
|
|||
|
|
layer.msg("暂无历史谐波电流幅值", {
|
|||
|
|
icon : 5,
|
|||
|
|
time : 3000
|
|||
|
|
})
|
|||
|
|
// ***********关闭loading
|
|||
|
|
ityzl_CLOSE_LOAD_LAYER(idea);
|
|||
|
|
},
|
|||
|
|
success : function(data) {
|
|||
|
|
var serName=[];
|
|||
|
|
var gb=[];
|
|||
|
|
var number=[];
|
|||
|
|
//没有权限的请求
|
|||
|
|
if(data==300){
|
|||
|
|
location.href='/pqs9000/auth/unauthorized';
|
|||
|
|
//没有登陆的请求
|
|||
|
|
}else if(data==301){
|
|||
|
|
location.href='/pqs9000';
|
|||
|
|
}else {
|
|||
|
|
if (data.code == 500) {
|
|||
|
|
parent.layer.msg("没有获取到该监测点的谐波电流幅值", {
|
|||
|
|
icon : 5,
|
|||
|
|
time : 3000
|
|||
|
|
});
|
|||
|
|
$('#example').text("")
|
|||
|
|
var oTable = $('#example').DataTable({
|
|||
|
|
info:false,
|
|||
|
|
paging:false,
|
|||
|
|
lengthChange: false,
|
|||
|
|
columns: [
|
|||
|
|
{"width": "122px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"}
|
|||
|
|
],
|
|||
|
|
bDestroy: true,
|
|||
|
|
ordering: false,
|
|||
|
|
autoWidth:true,
|
|||
|
|
scrollX:false,
|
|||
|
|
data: data.body,
|
|||
|
|
destroy: true,
|
|||
|
|
language: {
|
|||
|
|
url: '/pqs9000/json/chine.json',
|
|||
|
|
"sEmptyTable": "没有内容"
|
|||
|
|
},
|
|||
|
|
})
|
|||
|
|
for(i=1;i<50;i++){
|
|||
|
|
serName.push([parseFloat(null)]);
|
|||
|
|
gb.push([parseFloat(null)]);
|
|||
|
|
number.push([i+1])
|
|||
|
|
}
|
|||
|
|
$("#container").css("height",parent.picHeight*0.6);
|
|||
|
|
//画图
|
|||
|
|
var chart = Highcharts.chart('container', {
|
|||
|
|
credits: {
|
|||
|
|
enabled: false
|
|||
|
|
},
|
|||
|
|
chart: {
|
|||
|
|
type: 'column'
|
|||
|
|
},
|
|||
|
|
title: {
|
|||
|
|
text: ''
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
categories: number
|
|||
|
|
},
|
|||
|
|
yAxis: [{
|
|||
|
|
min: 0,
|
|||
|
|
title: {
|
|||
|
|
text: '谐波电流幅值(A)'
|
|||
|
|
}
|
|||
|
|
}, {
|
|||
|
|
title: {
|
|||
|
|
text: '国标限值(A)'
|
|||
|
|
},
|
|||
|
|
opposite: true
|
|||
|
|
}],
|
|||
|
|
legend: {
|
|||
|
|
shadow: false
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
shared: true,
|
|||
|
|
formatter:function () {
|
|||
|
|
var x,y1,y2;
|
|||
|
|
if(this.points.length==1){
|
|||
|
|
x="谐波次数："+this.points[0].x
|
|||
|
|
y2=this.points[0].series.name+":"+this.points[0].y+"A"
|
|||
|
|
return x+'<br>'+y2;
|
|||
|
|
}else{
|
|||
|
|
x="谐波次数："+this.points[0].x
|
|||
|
|
y1="国标限值(A):"+this.points[0].y+"A"
|
|||
|
|
y2="谐波电流幅值(A):"+this.points[1].y+"A"
|
|||
|
|
return x+'<br>'+y1+'<br>'+y2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
plotOptions: {
|
|||
|
|
column: {
|
|||
|
|
grouping: false,
|
|||
|
|
shadow: false,
|
|||
|
|
borderWidth: 0
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
series: [{
|
|||
|
|
name: '谐波电流幅值(A)',
|
|||
|
|
color: yellow,
|
|||
|
|
data: gb,
|
|||
|
|
tooltip: {
|
|||
|
|
valueSuffix: 'A'
|
|||
|
|
},
|
|||
|
|
pointPadding: 0.3,
|
|||
|
|
pointPlacement: -0.2
|
|||
|
|
}, {
|
|||
|
|
name: '国标限值(A)',
|
|||
|
|
color: green,
|
|||
|
|
data: serName,
|
|||
|
|
tooltip: {
|
|||
|
|
valueSuffix: 'A'
|
|||
|
|
},
|
|||
|
|
pointPadding: 0.4, // 通过 pointPadding 和 pointPlacement 控制柱子位置
|
|||
|
|
pointPlacement: -0.2
|
|||
|
|
|
|||
|
|
}]
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
var oTable = $('#example').DataTable({
|
|||
|
|
info:false,
|
|||
|
|
paging:false,
|
|||
|
|
scrollY:false,
|
|||
|
|
lengthChange: false,
|
|||
|
|
// columnDefs: [ { width: "122px", "targets": 0 } ],
|
|||
|
|
columns: [
|
|||
|
|
{"width": "122px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"},
|
|||
|
|
{"width": "41px"}
|
|||
|
|
],
|
|||
|
|
ordering: false,
|
|||
|
|
// autoWidth:true,
|
|||
|
|
scrollX: true,
|
|||
|
|
data: data.body,
|
|||
|
|
destroy: true,
|
|||
|
|
language: {
|
|||
|
|
url: '/pqs9000/json/chine.json',
|
|||
|
|
"sEmptyTable": "没有内容"
|
|||
|
|
},
|
|||
|
|
})
|
|||
|
|
for(i=1;i<50;i++){
|
|||
|
|
serName.push([parseFloat(data.body[0][i])]);
|
|||
|
|
gb.push([parseFloat(data.body[1][i])]);
|
|||
|
|
number.push([i+1])
|
|||
|
|
}
|
|||
|
|
$("#container").css("height",height*0.6);
|
|||
|
|
//画图
|
|||
|
|
var chart = Highcharts.chart('container', {
|
|||
|
|
credits: {
|
|||
|
|
enabled: false
|
|||
|
|
},
|
|||
|
|
chart: {
|
|||
|
|
type: 'column'
|
|||
|
|
},
|
|||
|
|
title: {
|
|||
|
|
text: ''
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
categories: number,
|
|||
|
|
},
|
|||
|
|
yAxis: [{
|
|||
|
|
min: 0,
|
|||
|
|
title: {
|
|||
|
|
text: '谐波电流幅值(A)'
|
|||
|
|
}
|
|||
|
|
}, {
|
|||
|
|
title: {
|
|||
|
|
text: '国标限值(A)'
|
|||
|
|
},
|
|||
|
|
opposite: true
|
|||
|
|
}],
|
|||
|
|
legend: {
|
|||
|
|
shadow: false
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
shared: true,
|
|||
|
|
formatter:function () {
|
|||
|
|
var x,y1,y2;
|
|||
|
|
if(this.points.length==1){
|
|||
|
|
x="谐波次数："+this.points[0].x
|
|||
|
|
y2=this.points[0].series.name+":"+this.points[0].y+"A"
|
|||
|
|
return x+'<br>'+y2;
|
|||
|
|
}else{
|
|||
|
|
x="谐波次数："+this.points[0].x
|
|||
|
|
y1="国标限值(A):"+this.points[0].y+"A"
|
|||
|
|
y2="谐波电流幅值(A):"+this.points[1].y+"A"
|
|||
|
|
return x+'<br>'+y1+'<br>'+y2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
plotOptions: {
|
|||
|
|
column: {
|
|||
|
|
grouping: false,
|
|||
|
|
shadow: false,
|
|||
|
|
borderWidth: 0
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
series: [{
|
|||
|
|
name: '谐波电流幅值(A)',
|
|||
|
|
color: yellow,
|
|||
|
|
data: gb,
|
|||
|
|
tooltip: {
|
|||
|
|
valueSuffix: 'A'
|
|||
|
|
},
|
|||
|
|
pointPadding: 0.3,
|
|||
|
|
pointPlacement: -0.2
|
|||
|
|
}, {
|
|||
|
|
name: '国标限值(A)',
|
|||
|
|
color: green,
|
|||
|
|
data: serName,
|
|||
|
|
tooltip: {
|
|||
|
|
valueSuffix: 'A'
|
|||
|
|
},
|
|||
|
|
pointPadding: 0.4, // 通过 pointPadding 和 pointPlacement 控制柱子位置
|
|||
|
|
pointPlacement: -0.2
|
|||
|
|
|
|||
|
|
}]
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// ***********关闭loading
|
|||
|
|
ityzl_CLOSE_LOAD_LAYER(idea);
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
function queryData(tltName){
|
|||
|
|
var lineId=window.parent.document.getElementById("lineIndex").value;
|
|||
|
|
var startTime = $("#startTime").val();
|
|||
|
|
var endTime = $("#endTime").val();
|
|||
|
|
if(tltName=="谐波电压含有率"){
|
|||
|
|
getXbDy(startTime,endTime,lineId);
|
|||
|
|
}else if(tltName=="谐波电流幅值"){
|
|||
|
|
getXbDl(startTime,endTime,lineId);
|
|||
|
|
}
|
|||
|
|
}
|