1409 lines
66 KiB
JavaScript
1409 lines
66 KiB
JavaScript
|
var fontcolor_grey = '#aeaeae';
|
|||
|
|
var fontcolor_black = '#0d2336';
|
|||
|
|
var color_blue = '#36FFF9';
|
|||
|
|
var color_blue_other = '#1D4F6D';
|
|||
|
|
var img_name = '';
|
|||
|
|
var titleColor = '#ffffff';
|
|||
|
|
var heightV =1;
|
|||
|
|
var widthV =1;
|
|||
|
|
var height = 1080;
|
|||
|
|
var width = 1920;
|
|||
|
|
var bizid = "";
|
|||
|
|
var jsp_id = "";
|
|||
|
|
var color = ['#ffff13','#31ff7d','#ff2ee3','#2e97ff','#ffb536','#58C6FF','#07FF72'];
|
|||
|
|
|
|||
|
|
var selected_DailyWaterSupply = true;
|
|||
|
|
var selected_RawWaterQuality = true;
|
|||
|
|
var selected_EffluentQuality_beijiang = true;
|
|||
|
|
var selected_EffluentQuality_xijiang = true;
|
|||
|
|
var selectedAll = [];
|
|||
|
|
var left_top_height = 0;
|
|||
|
|
var left_middle_height = 0;
|
|||
|
|
var left_bottom_height = 0;
|
|||
|
|
var center_top_height = 0;
|
|||
|
|
var center_middle_height = 0;
|
|||
|
|
var center_bottom_height = 0;
|
|||
|
|
var right_top_height = 0;
|
|||
|
|
var right_middle_height = 0;
|
|||
|
|
var right_bottom_height = 0;
|
|||
|
|
function changeDataType(){
|
|||
|
|
var dataType = $("#dataType").val();
|
|||
|
|
if(dataType==1){
|
|||
|
|
$("#unit").show();
|
|||
|
|
$("#configureDetail").show();
|
|||
|
|
$("#proDatavisualFrame").hide();
|
|||
|
|
}else{
|
|||
|
|
if(dataType==2){
|
|||
|
|
$("#configureDetail").show();
|
|||
|
|
}else{
|
|||
|
|
$("#configureDetail").hide();
|
|||
|
|
}
|
|||
|
|
$("#proDatavisualFrame").show();
|
|||
|
|
$("#unit").hide();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showDatavisualFrame4Select(hiddenId,textId,id){
|
|||
|
|
$.post(ext.contextPath + '/process/dataVisualFrame/showMenu4Select.do', {
|
|||
|
|
formId: "subForm",
|
|||
|
|
hiddenId: hiddenId,
|
|||
|
|
textId: textId,
|
|||
|
|
ownId: id,
|
|||
|
|
menuType: 'proVisual'
|
|||
|
|
}, function (data) {
|
|||
|
|
$("#menu4SelectDiv").html(data);
|
|||
|
|
openModal("menu4SelectModal")
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function showSmartCompany4Select(){
|
|||
|
|
$.post(ext.contextPath + '/smart/showCompany4Select.do', {
|
|||
|
|
formId: "subForm",
|
|||
|
|
hiddenId: "companyid",
|
|||
|
|
textId: "companyname",
|
|||
|
|
}, function (data) {
|
|||
|
|
$("#menu4SelectDiv").html(data);
|
|||
|
|
openModal("company4SelectModal")
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function dosaveElement(){
|
|||
|
|
var icon_width = 36;
|
|||
|
|
var icon_height = 49;
|
|||
|
|
var elementLeft = $("#elementLeft").val();
|
|||
|
|
var elementTop = $("#elementTop").val();
|
|||
|
|
if(dataType==1){
|
|||
|
|
icon_width = 36;
|
|||
|
|
icon_height = 49;
|
|||
|
|
}else{
|
|||
|
|
icon_width = 18;
|
|||
|
|
icon_height = 42;
|
|||
|
|
}
|
|||
|
|
$("#subForm #elementLeft").val(elementLeft-icon_width/2);
|
|||
|
|
$("#subForm #elementTop").val(elementTop-icon_height);
|
|||
|
|
$("#subForm").bootstrapValidator({
|
|||
|
|
live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证
|
|||
|
|
fields: {
|
|||
|
|
name: {
|
|||
|
|
validators: {
|
|||
|
|
notEmpty: {
|
|||
|
|
message: '名称不能为空'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
$("#subForm").bootstrapValidator('validate');//提交验证
|
|||
|
|
if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码
|
|||
|
|
$.post(ext.contextPath + "/jspConfigure/save.do", $("#subForm").serialize(), function(result) {
|
|||
|
|
if (result == 1) {
|
|||
|
|
getImgData();
|
|||
|
|
}else{
|
|||
|
|
alert('保存失败');
|
|||
|
|
}
|
|||
|
|
},'json');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function doupdateElement() {
|
|||
|
|
$("#subForm").bootstrapValidator('validate');//提交验证
|
|||
|
|
if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码
|
|||
|
|
$.post(ext.contextPath + "/jspConfigure/update.do", $("#subForm").serialize(), function(data) {
|
|||
|
|
if (data == 1){
|
|||
|
|
getImgData();
|
|||
|
|
}else if(data == 0){
|
|||
|
|
alert('保存失败');
|
|||
|
|
}else{
|
|||
|
|
alert(data);
|
|||
|
|
}
|
|||
|
|
},'json');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function dodelElement() {
|
|||
|
|
swal({
|
|||
|
|
text: "您确定要删除此记录？",
|
|||
|
|
dangerMode: true,
|
|||
|
|
buttons: {
|
|||
|
|
cancel: {
|
|||
|
|
text: "取消",
|
|||
|
|
value: null,
|
|||
|
|
visible: true,
|
|||
|
|
className: "btn btn-default btn-sm",
|
|||
|
|
closeModal: true,
|
|||
|
|
},
|
|||
|
|
confirm: {
|
|||
|
|
text: "确定",
|
|||
|
|
value: true,
|
|||
|
|
visible: true,
|
|||
|
|
className: "btn btn-danger btn-sm",
|
|||
|
|
closeModal: true
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
.then(function(willDelete) {
|
|||
|
|
if (willDelete) {
|
|||
|
|
$.post(ext.contextPath + '/jspConfigure/delete.do', $("#subForm").serialize(), function(data) {
|
|||
|
|
if(data>0){
|
|||
|
|
getImgData();
|
|||
|
|
}else{
|
|||
|
|
alert('删除失败');
|
|||
|
|
}
|
|||
|
|
},'json');
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function doConfigureDetail(id) {
|
|||
|
|
$.post(ext.contextPath + '/jspConfigure/jspConfigureDetail.do', {configureId: id,}, function (data) {
|
|||
|
|
$("#menu4SelectDiv").html(data);
|
|||
|
|
openModal("jspConfigureDetailModal")
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function getImgData(){
|
|||
|
|
$('.center-middle').empty();
|
|||
|
|
$.post(ext.contextPath + '/jspConfigure/getSmartImgData.do', {bizid:bizid,jsp_id:jsp_id} , function(data) {
|
|||
|
|
var arr = JSON.parse(data);
|
|||
|
|
console.log(arr);
|
|||
|
|
var elements = "";
|
|||
|
|
if(arr.rows!=null && arr.rows!=undefined && arr.rows!=''){
|
|||
|
|
for(var i=0;i<arr.rows.length;i++){
|
|||
|
|
var element= arr.rows[i];
|
|||
|
|
var icon_width = 36;
|
|||
|
|
var icon_height = 49;
|
|||
|
|
if(element.dataType==1){
|
|||
|
|
src = ext.contextPath+"/IMG/smart/map_waterworks.png";
|
|||
|
|
icon_width = 36;
|
|||
|
|
icon_height = 49;
|
|||
|
|
}else{
|
|||
|
|
src = ext.contextPath+"/IMG/smart/map_pump_station.png";
|
|||
|
|
icon_width = 18;
|
|||
|
|
icon_height = 42;
|
|||
|
|
}
|
|||
|
|
var heightAlone = 0;
|
|||
|
|
var widthAlone = 0;
|
|||
|
|
if(element.windowsHeight != null && element.windowsHeight != undefined && element.windowsHeight != ''){
|
|||
|
|
heightAlone = height/element.windowsHeight;
|
|||
|
|
}else{
|
|||
|
|
heightAlone = heightV;
|
|||
|
|
}
|
|||
|
|
if(element.windowsWidth != null && element.windowsWidth != undefined && element.windowsWidth != ''){
|
|||
|
|
widthAlone = width/element.windowsWidth;
|
|||
|
|
}else{
|
|||
|
|
widthAlone = widthV;
|
|||
|
|
}
|
|||
|
|
var proDatavisualFrameName= "";
|
|||
|
|
if(element.dataVisualFrame!=null){
|
|||
|
|
proDatavisualFrameName=element.dataVisualFrame.name;
|
|||
|
|
}
|
|||
|
|
var companyname= "";
|
|||
|
|
if(element.unit!=null){
|
|||
|
|
companyname=element.unit.sname;
|
|||
|
|
}
|
|||
|
|
var selectUnitName= "";
|
|||
|
|
if(element.unit!=null){
|
|||
|
|
selectUnitName=element.unit.sname;
|
|||
|
|
}
|
|||
|
|
var left = 0;
|
|||
|
|
if(element.dataType==1){
|
|||
|
|
left = element.name.length/2*3;
|
|||
|
|
}else{
|
|||
|
|
left = element.name.length/2*8;
|
|||
|
|
}
|
|||
|
|
elements = '<span class="edit-element-name" style="left: '+(element.elementLeft*widthAlone-left)+'px;top: '+(element.elementTop*heightAlone-20)+'px;">'
|
|||
|
|
+element.name+'</span>';
|
|||
|
|
|
|||
|
|
elements += '<div id="'+element.id+'" '+
|
|||
|
|
' class="edit-element" title="'+element.name+'" data-id="'+element.id+'" data-name="'+element.name+'" '+
|
|||
|
|
' data-elementLeft="'+element.elementLeft+'" data-elementTop="'+element.elementTop+'" data-proDatavisualFrameId="'+element.proDatavisualFrameId+'" '+
|
|||
|
|
' data-proDatavisualFrameName="'+proDatavisualFrameName+'" data-dataType="'+element.dataType+'" '+
|
|||
|
|
' data-companyid="'+element.companyid+'" data-companyname="'+companyname+'" '+
|
|||
|
|
' data-selectUnitId="'+element.selectUnitId+'" data-selectUnitName="'+selectUnitName+'" '+
|
|||
|
|
' style=" left: '+(element.elementLeft*widthAlone)+'px;top: '+(element.elementTop*heightAlone)+'px;">'+
|
|||
|
|
' <img src= "'+src+'" style="width: '+icon_width+'px;height: '+icon_height+'px;" draggable="false"/>'+
|
|||
|
|
' </div>';
|
|||
|
|
var detailList = element.detailList;
|
|||
|
|
if(detailList!=null && detailList.length>0){
|
|||
|
|
var detailListStr =
|
|||
|
|
'<div class="map-content map-content-'+element.id+'" style="left: '+(element.elementLeft*widthAlone-left-70)+'px;top: '+(element.elementTop*heightAlone+icon_height)+'px;">';
|
|||
|
|
for(var d=0;d<detailList.length;d++){
|
|||
|
|
var value = 0;
|
|||
|
|
if(detailList[d].value!=null && detailList[d].value!=undefined && detailList[d].value!=''){
|
|||
|
|
value =detailList[d].value;
|
|||
|
|
}else{
|
|||
|
|
if(detailList[d].mPoint!=null && detailList[d].mPoint!=undefined && detailList[d].mPoint!=''){
|
|||
|
|
value =detailList[d].mPoint.parmvalue;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
detailListStr+=
|
|||
|
|
'<div class="col-xs-5">'+detailList[d].dataName+'</div>'+
|
|||
|
|
'<div class="col-xs-4 font-color-blue">'+value+'</div>'+
|
|||
|
|
'<div class="col-xs-3">'+detailList[d].unit+'</div>';
|
|||
|
|
}
|
|||
|
|
detailListStr+='</div>';
|
|||
|
|
elements += detailListStr;
|
|||
|
|
if($.inArray(element.id,map_content)==-1){
|
|||
|
|
map_content.push(element.id);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
$('.center-middle').append(elements);
|
|||
|
|
|
|||
|
|
var fun = "drag"; // 函数的名称
|
|||
|
|
try {
|
|||
|
|
if($.isFunction(eval(fun))){
|
|||
|
|
drag(element.id);
|
|||
|
|
}
|
|||
|
|
} catch(e) {
|
|||
|
|
console.log('drag函数不存在!');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//结束定时器
|
|||
|
|
clearInterval(interval);
|
|||
|
|
/*启动定时*/
|
|||
|
|
doIntervalShowAndHide();
|
|||
|
|
$(".edit-element").hover(function() {
|
|||
|
|
noMouse = false;
|
|||
|
|
//结束定时器
|
|||
|
|
clearInterval(interval);
|
|||
|
|
//隐藏所有
|
|||
|
|
doHiddenAll();
|
|||
|
|
//显示当前
|
|||
|
|
doShow($(this).attr('id'));
|
|||
|
|
}, function() {
|
|||
|
|
//隐藏所有
|
|||
|
|
doHiddenAll();
|
|||
|
|
noMouse = true;
|
|||
|
|
/*启动定时*/
|
|||
|
|
doIntervalShowAndHide();
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
var map_content = [];
|
|||
|
|
var noMouse = true;
|
|||
|
|
var interval;
|
|||
|
|
var j = 0;
|
|||
|
|
/*定时-10s*/
|
|||
|
|
function doIntervalShowAndHide(){
|
|||
|
|
/*初始显示第一个*/
|
|||
|
|
doShow(map_content[j]);
|
|||
|
|
interval = setInterval(function(){
|
|||
|
|
//判断鼠标状态
|
|||
|
|
if(noMouse){
|
|||
|
|
doHidden(map_content[j]);
|
|||
|
|
j++;
|
|||
|
|
if(j==(map_content.length)){
|
|||
|
|
j=0;
|
|||
|
|
}
|
|||
|
|
doShow(map_content[j]);
|
|||
|
|
}
|
|||
|
|
},10000);
|
|||
|
|
}
|
|||
|
|
/*执行显示*/
|
|||
|
|
function doShow(code){
|
|||
|
|
$(".map-content-"+code).show();
|
|||
|
|
}
|
|||
|
|
/*执行隐藏*/
|
|||
|
|
function doHidden(code){
|
|||
|
|
$(".map-content-"+code).hide();
|
|||
|
|
}
|
|||
|
|
/*隐藏全部*/
|
|||
|
|
function doHiddenAll(){
|
|||
|
|
$(".map-content").hide();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function addAndRemove4Class(one,two){
|
|||
|
|
$('.'+one).addClass(two);
|
|||
|
|
$('.'+one).removeClass(one);
|
|||
|
|
}
|
|||
|
|
function getData(bizid){
|
|||
|
|
var jsp_id = $('#jsp_id').val();
|
|||
|
|
var time_input = $('#time_input').val();
|
|||
|
|
$.post(ext.contextPath + '/smart/getSmartCompanyData.do', {bizid:bizid,time:time_input,jsp_id:jsp_id} , function(data) {
|
|||
|
|
var arr= JSON.parse(data);
|
|||
|
|
console.log(arr);
|
|||
|
|
var left_top_line_legenddata=[];
|
|||
|
|
var left_top_line_seriesdata=[];
|
|||
|
|
var left_middle_line_legenddata=[];
|
|||
|
|
var left_middle_line_seriesdata=[];
|
|||
|
|
var left_bottom_bar_legenddata=[];
|
|||
|
|
var left_bottom_bar_seriesdata=[];
|
|||
|
|
|
|||
|
|
var left_bottom_line_1_legenddata=[];
|
|||
|
|
var left_bottom_line_1_seriesdata=[];
|
|||
|
|
var left_bottom_line_2_legenddata=[];
|
|||
|
|
var left_bottom_line_2_seriesdata=[];
|
|||
|
|
|
|||
|
|
var bar_max =0;
|
|||
|
|
var bar_min =0;
|
|||
|
|
var bar_totle =0;
|
|||
|
|
var center_bottom_line_legenddata=[];
|
|||
|
|
var center_bottom_line_seriesdata=[];
|
|||
|
|
var patrol =0;
|
|||
|
|
var maintenance =0;
|
|||
|
|
var right_bottom_bar_legenddata=[];
|
|||
|
|
var right_bottom_bar_seriesdata=[];
|
|||
|
|
var water_supply_title = "";
|
|||
|
|
var rawWaterQuality_title = "";
|
|||
|
|
var effluentQuality_title = "";
|
|||
|
|
if(arr.rows!=null && arr.rows!=undefined && arr.rows!=''){
|
|||
|
|
for(var i=0;i<arr.rows.length;i++){
|
|||
|
|
var value =0;
|
|||
|
|
var numtail=0;
|
|||
|
|
var dataMax=0;
|
|||
|
|
var rate = 1;
|
|||
|
|
var nowdate = getNowTime();
|
|||
|
|
if(arr.rows[i].visualCacheConfig!=null
|
|||
|
|
&& arr.rows[i].visualCacheConfig!=undefined
|
|||
|
|
&& arr.rows[i].visualCacheConfig!=''){
|
|||
|
|
var visualCacheConfig = arr.rows[i].visualCacheConfig;
|
|||
|
|
if(visualCacheConfig.numtail!=null && visualCacheConfig.numtail!=undefined && visualCacheConfig.numtail!=''){
|
|||
|
|
numtail = visualCacheConfig.numtail;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].visualCacheData!=null
|
|||
|
|
&& arr.rows[i].visualCacheData!=undefined
|
|||
|
|
&& arr.rows[i].visualCacheData!=''){
|
|||
|
|
var visualCacheData = arr.rows[i].visualCacheData;
|
|||
|
|
if(visualCacheData.inivalue!=null && visualCacheData.inivalue!=undefined && visualCacheData.inivalue!=''){
|
|||
|
|
value = visualCacheData.inivalue;
|
|||
|
|
}else{
|
|||
|
|
if(visualCacheData.value!=null && visualCacheData.value!=undefined && visualCacheData.value!=''){
|
|||
|
|
value = visualCacheData.value;
|
|||
|
|
}else{
|
|||
|
|
if(arr.rows[i].mPoint!=null && arr.rows[i].mPoint!=undefined && arr.rows[i].mPoint!=''){
|
|||
|
|
var mPoint = arr.rows[i].mPoint;
|
|||
|
|
if(mPoint.parmvalue!=null && mPoint.parmvalue!=undefined && mPoint.parmvalue!=''){
|
|||
|
|
value = mPoint.parmvalue;
|
|||
|
|
}
|
|||
|
|
if(mPoint.alarmmax!=null && mPoint.alarmmax!=undefined && mPoint.alarmmax!=''){
|
|||
|
|
dataMax = mPoint.alarmmax;
|
|||
|
|
}
|
|||
|
|
if(mPoint.numtail!=null && mPoint.numtail!=undefined && mPoint.numtail!=''){
|
|||
|
|
numtail = mPoint.numtail;
|
|||
|
|
}
|
|||
|
|
if(mPoint.measuredt!=null && mPoint.measuredt!=undefined && mPoint.measuredt!=''){
|
|||
|
|
nowdate = mPoint.measuredt;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(visualCacheData.numtail!=null && visualCacheData.numtail!=undefined && visualCacheData.numtail!=''){
|
|||
|
|
numtail = visualCacheData.numtail;
|
|||
|
|
}
|
|||
|
|
if(visualCacheData.insdt!=null && visualCacheData.insdt!=undefined && visualCacheData.insdt!=''){
|
|||
|
|
nowdate = visualCacheData.insdt;
|
|||
|
|
}
|
|||
|
|
if(visualCacheData.rate!=null && visualCacheData.rate!=undefined && visualCacheData.rate!=''){
|
|||
|
|
rate = visualCacheData.rate;
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
var mPoint = arr.rows[i].mPoint;
|
|||
|
|
if(mPoint!=null && mPoint!=undefined && mPoint!=''){
|
|||
|
|
if(mPoint.parmvalue!=null && mPoint.parmvalue!=undefined && mPoint.parmvalue!=''){
|
|||
|
|
value = mPoint.parmvalue;
|
|||
|
|
}
|
|||
|
|
if(mPoint.alarmmax!=null && mPoint.alarmmax!=undefined && mPoint.alarmmax!=''){
|
|||
|
|
dataMax = mPoint.alarmmax;
|
|||
|
|
}
|
|||
|
|
if(mPoint.numtail!=null && mPoint.numtail!=undefined && mPoint.numtail!=''){
|
|||
|
|
numtail = mPoint.numtail;
|
|||
|
|
}
|
|||
|
|
if(mPoint.measuredt!=null && mPoint.measuredt!=undefined && mPoint.measuredt!=''){
|
|||
|
|
nowdate = mPoint.measuredt;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
value = parseFloat(value)*rate;
|
|||
|
|
value = value.toFixed(numtail);
|
|||
|
|
if($("."+arr.rows[i].elementCode).length > 0){
|
|||
|
|
$("."+arr.rows[i].elementCode).html(toThousands(value));
|
|||
|
|
}
|
|||
|
|
if($("."+arr.rows[i].elementCode).parent().find('.nowdate').length > 0){
|
|||
|
|
$("."+arr.rows[i].elementCode).parent().find('.nowdate').html(nowdate.substring(11,16));
|
|||
|
|
}
|
|||
|
|
//原水浊度\原水PH\原水溶解氧
|
|||
|
|
if(arr.rows[i].elementCode=='raw_water_turbidity'
|
|||
|
|
|| arr.rows[i].elementCode=='raw_water_ph'
|
|||
|
|
|| arr.rows[i].elementCode=='raw_water_dissolved_oxygen'){
|
|||
|
|
if(arr.rows[i].visualCacheData.mpcode!=null){
|
|||
|
|
rawWaterQuality_title += arr.rows[i].visualCacheData.mpcode+",";
|
|||
|
|
}
|
|||
|
|
left_middle_line_legenddata.push(arr.rows[i].name);
|
|||
|
|
if(!selectedAll.some(item=>item.name===arr.rows[i].name)){
|
|||
|
|
var legenddata = {
|
|||
|
|
name : arr.rows[i].name,
|
|||
|
|
flag : selected_RawWaterQuality
|
|||
|
|
};
|
|||
|
|
selectedAll.push(legenddata);
|
|||
|
|
selected_RawWaterQuality = false;
|
|||
|
|
}
|
|||
|
|
var dataseries =[];
|
|||
|
|
if(arr.rows[i].mPointHistory!=null
|
|||
|
|
&& arr.rows[i].mPointHistory!=undefined
|
|||
|
|
&& arr.rows[i].mPointHistory!=''){
|
|||
|
|
var mPointHistory = arr.rows[i].mPointHistory;
|
|||
|
|
for(var m=0;m<mPointHistory.length;m++){
|
|||
|
|
var dataserie =[];
|
|||
|
|
if(mPointHistory[m].parmvalue!=null
|
|||
|
|
&& mPointHistory[m].parmvalue!=undefined
|
|||
|
|
&& mPointHistory[m].parmvalue!=''){
|
|||
|
|
dataserie.push(mPointHistory[m].measuredt);
|
|||
|
|
if(mPointHistory[m].parmvalue!=null){
|
|||
|
|
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
|||
|
|
}
|
|||
|
|
dataseries.push(dataserie);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
if(arr.rows[i].visualCacheDataList!=null
|
|||
|
|
&& arr.rows[i].visualCacheDataList!=undefined
|
|||
|
|
&& arr.rows[i].visualCacheDataList!=''){
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
var dataserie =[];
|
|||
|
|
if(visualCacheDataList[m].value!=null
|
|||
|
|
&& visualCacheDataList[m].value!=undefined
|
|||
|
|
&& visualCacheDataList[m].value!=''){
|
|||
|
|
dataserie.push(visualCacheDataList[m].insdt);
|
|||
|
|
if(visualCacheDataList[m].value!=null){
|
|||
|
|
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
|||
|
|
}
|
|||
|
|
dataseries.push(dataserie);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
left_middle_line_seriesdata.push({
|
|||
|
|
name: arr.rows[i].name,
|
|||
|
|
type: 'line',
|
|||
|
|
smooth: true,
|
|||
|
|
symbol: 'none',
|
|||
|
|
data: dataseries
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='effluent_turbidity' ){
|
|||
|
|
if($(".yesterday_water_supply").length > 0){
|
|||
|
|
var yes_value = 0;
|
|||
|
|
if(arr.rows[i].mPointHistory!=null
|
|||
|
|
&& arr.rows[i].mPointHistory!=undefined
|
|||
|
|
&& arr.rows[i].mPointHistory!=''){
|
|||
|
|
var mPointHistory = arr.rows[i].mPointHistory;
|
|||
|
|
if(mPointHistory.length>2){
|
|||
|
|
yes_value = mPointHistory[mPointHistory.length-2].parmvalue.toFixed(numtail);
|
|||
|
|
}else{
|
|||
|
|
if(mPointHistory.length>1){
|
|||
|
|
yes_value = mPointHistory[mPointHistory.length-1].parmvalue.toFixed(numtail);
|
|||
|
|
}else{
|
|||
|
|
yes_value = mPointHistory[0].parmvalue.toFixed(numtail);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
if(arr.rows[i].visualCacheDataList!=null
|
|||
|
|
&& arr.rows[i].visualCacheDataList!=undefined
|
|||
|
|
&& arr.rows[i].visualCacheDataList!=''){
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
if(visualCacheDataList.length>2){
|
|||
|
|
yes_value = visualCacheDataList[visualCacheDataList.length-2].value.toFixed(numtail);
|
|||
|
|
}else{
|
|||
|
|
if(visualCacheDataList.length>1){
|
|||
|
|
yes_value = visualCacheDataList[visualCacheDataList.length-1].value.toFixed(numtail);
|
|||
|
|
}else{
|
|||
|
|
yes_value = visualCacheDataList[0].value.toFixed(numtail);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
$(".yesterday_water_supply").html(toThousands(yes_value));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//巡检完成率
|
|||
|
|
if(arr.rows[i].elementCode=='patrol_inspection_completion_rate'){
|
|||
|
|
patrol=value;
|
|||
|
|
}
|
|||
|
|
//维修完成率
|
|||
|
|
if(arr.rows[i].elementCode=='maintenance_completion_rate'){
|
|||
|
|
maintenance=value;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//机械设备日维修次\电气设备日维修次数\自动化设备日维修次数\水质设备日维修次数
|
|||
|
|
if(arr.rows[i].elementCode=='mechanics_equipment_repair_day'
|
|||
|
|
|| arr.rows[i].elementCode=='electrical_equipment_repair_day'
|
|||
|
|
|| arr.rows[i].elementCode=='automation_equipment_repair_day'
|
|||
|
|
|| arr.rows[i].elementCode=='water_equipment_repair_day' ){
|
|||
|
|
right_bottom_bar_legenddata.push(arr.rows[i].name);
|
|||
|
|
var dataseries =[];
|
|||
|
|
if(arr.rows[i].mPointHistory!=null
|
|||
|
|
&& arr.rows[i].mPointHistory!=undefined
|
|||
|
|
&& arr.rows[i].mPointHistory!=''){
|
|||
|
|
var mPointHistory = arr.rows[i].mPointHistory;
|
|||
|
|
for(var m=0;m<mPointHistory.length;m++){
|
|||
|
|
var dataserie =[];
|
|||
|
|
dataserie.push(mPointHistory[m].measuredt.substr(0,7));
|
|||
|
|
if(mPointHistory[m].parmvalue!=null){
|
|||
|
|
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
|||
|
|
}
|
|||
|
|
dataseries.push(dataserie);
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
if(arr.rows[i].visualCacheDataList!=null
|
|||
|
|
&& arr.rows[i].visualCacheDataList!=undefined
|
|||
|
|
&& arr.rows[i].visualCacheDataList!=''){
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
var dataserie =[];
|
|||
|
|
dataserie.push(visualCacheDataList[m].insdt.substr(0,7));
|
|||
|
|
if(visualCacheDataList[m].value!=null){
|
|||
|
|
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
|||
|
|
}
|
|||
|
|
dataseries.push(dataserie);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
right_bottom_bar_seriesdata.push({
|
|||
|
|
name: arr.rows[i].name,
|
|||
|
|
type: 'bar',
|
|||
|
|
barMaxWidth: '10%',
|
|||
|
|
stack: '设备',
|
|||
|
|
data: dataseries
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//日供水量
|
|||
|
|
if(arr.rows[i].elementCode=='water_supply' ){
|
|||
|
|
if(arr.rows[i].visualCacheData.mpcode!=null){
|
|||
|
|
water_supply_title += arr.rows[i].visualCacheData.mpcode+",";
|
|||
|
|
}
|
|||
|
|
left_top_line_legenddata.push('总供水量');
|
|||
|
|
if(!selectedAll.some(item=>item.name==='总供水量')){
|
|||
|
|
var legenddata = {
|
|||
|
|
name : '总供水量',
|
|||
|
|
flag : selected_DailyWaterSupply
|
|||
|
|
};
|
|||
|
|
selectedAll.push(legenddata);
|
|||
|
|
selected_DailyWaterSupply = false;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].visualCacheData!=null
|
|||
|
|
&& arr.rows[i].visualCacheData!=undefined
|
|||
|
|
&& arr.rows[i].visualCacheData!=''){
|
|||
|
|
var visualCacheData = arr.rows[i].visualCacheData;
|
|||
|
|
if(visualCacheData.mpcode!=null && visualCacheData.mpcode!=''){
|
|||
|
|
water_supply_title += visualCacheData.mpcode+',';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var dataseries =[];
|
|||
|
|
if(arr.rows[i].mPointHistory!=null
|
|||
|
|
&& arr.rows[i].mPointHistory!=undefined
|
|||
|
|
&& arr.rows[i].mPointHistory!=''){
|
|||
|
|
var mPointHistory = arr.rows[i].mPointHistory;
|
|||
|
|
for(var m=0;m<mPointHistory.length;m++){
|
|||
|
|
var dataserie =[];
|
|||
|
|
dataserie.push(mPointHistory[m].measuredt);
|
|||
|
|
if(mPointHistory[m].parmvalue!=null){
|
|||
|
|
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
|||
|
|
}
|
|||
|
|
dataseries.push(dataserie);
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
if(arr.rows[i].visualCacheDataList!=null
|
|||
|
|
&& arr.rows[i].visualCacheDataList!=undefined
|
|||
|
|
&& arr.rows[i].visualCacheDataList!=''){
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
var dataserie =[];
|
|||
|
|
dataserie.push(visualCacheDataList[m].insdt);
|
|||
|
|
if(visualCacheDataList[m].value!=null){
|
|||
|
|
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
|||
|
|
}
|
|||
|
|
dataseries.push(dataserie);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
left_top_line_seriesdata.push({
|
|||
|
|
name: '总供水量',
|
|||
|
|
type: 'line',
|
|||
|
|
smooth: true,
|
|||
|
|
symbol: 'none',
|
|||
|
|
areaStyle: {},
|
|||
|
|
/* barMaxWidth: '10%',
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
barBorderRadius: 12,
|
|||
|
|
},
|
|||
|
|
}, */
|
|||
|
|
data: dataseries
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
//日供水量
|
|||
|
|
if(arr.rows[i].elementCode=='water_supply_beijiang' ){
|
|||
|
|
if(arr.rows[i].visualCacheData.mpcode!=null){
|
|||
|
|
water_supply_title += arr.rows[i].visualCacheData.mpcode+",";
|
|||
|
|
}
|
|||
|
|
left_top_line_legenddata.push('北江厂');
|
|||
|
|
if(!selectedAll.some(item=>item.name==='北江厂')){
|
|||
|
|
var legenddata = {
|
|||
|
|
name : '北江厂',
|
|||
|
|
flag : selected_DailyWaterSupply
|
|||
|
|
};
|
|||
|
|
selectedAll.push(legenddata);
|
|||
|
|
selected_DailyWaterSupply = false;
|
|||
|
|
}
|
|||
|
|
var dataseries =[];
|
|||
|
|
if(arr.rows[i].mPointHistory!=null
|
|||
|
|
&& arr.rows[i].mPointHistory!=undefined
|
|||
|
|
&& arr.rows[i].mPointHistory!=''){
|
|||
|
|
var mPointHistory = arr.rows[i].mPointHistory;
|
|||
|
|
for(var m=0;m<mPointHistory.length;m++){
|
|||
|
|
var dataserie =[];
|
|||
|
|
dataserie.push(mPointHistory[m].measuredt);
|
|||
|
|
if(mPointHistory[m].parmvalue!=null){
|
|||
|
|
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
|||
|
|
}
|
|||
|
|
dataseries.push(dataserie);
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
if(arr.rows[i].visualCacheDataList!=null
|
|||
|
|
&& arr.rows[i].visualCacheDataList!=undefined
|
|||
|
|
&& arr.rows[i].visualCacheDataList!=''){
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
var dataserie =[];
|
|||
|
|
dataserie.push(visualCacheDataList[m].insdt);
|
|||
|
|
if(visualCacheDataList[m].value!=null){
|
|||
|
|
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
|||
|
|
}
|
|||
|
|
dataseries.push(dataserie);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
left_top_line_seriesdata.push({
|
|||
|
|
name: '北江厂',
|
|||
|
|
type: 'line',
|
|||
|
|
smooth: true,
|
|||
|
|
symbol: 'none',
|
|||
|
|
areaStyle: {},
|
|||
|
|
/* barMaxWidth: '10%',
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
barBorderRadius: 12,
|
|||
|
|
},
|
|||
|
|
}, */
|
|||
|
|
data: dataseries
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//日供水量
|
|||
|
|
if(arr.rows[i].elementCode=='water_supply_xijiang' ){
|
|||
|
|
if(arr.rows[i].visualCacheData.mpcode!=null){
|
|||
|
|
water_supply_title += arr.rows[i].visualCacheData.mpcode+",";
|
|||
|
|
}
|
|||
|
|
left_top_line_legenddata.push('西江厂');
|
|||
|
|
if(!selectedAll.some(item=>item.name==='西江厂')){
|
|||
|
|
var legenddata = {
|
|||
|
|
name : '西江厂',
|
|||
|
|
flag : selected_DailyWaterSupply
|
|||
|
|
};
|
|||
|
|
selectedAll.push(legenddata);
|
|||
|
|
selected_DailyWaterSupply = false;
|
|||
|
|
}
|
|||
|
|
var dataseries =[];
|
|||
|
|
if(arr.rows[i].mPointHistory!=null
|
|||
|
|
&& arr.rows[i].mPointHistory!=undefined
|
|||
|
|
&& arr.rows[i].mPointHistory!=''){
|
|||
|
|
var mPointHistory = arr.rows[i].mPointHistory;
|
|||
|
|
for(var m=0;m<mPointHistory.length;m++){
|
|||
|
|
var dataserie =[];
|
|||
|
|
dataserie.push(mPointHistory[m].measuredt);
|
|||
|
|
if(mPointHistory[m].parmvalue!=null){
|
|||
|
|
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
|||
|
|
}
|
|||
|
|
dataseries.push(dataserie);
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
if(arr.rows[i].visualCacheDataList!=null
|
|||
|
|
&& arr.rows[i].visualCacheDataList!=undefined
|
|||
|
|
&& arr.rows[i].visualCacheDataList!=''){
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
var dataserie =[];
|
|||
|
|
dataserie.push(visualCacheDataList[m].insdt);
|
|||
|
|
if(visualCacheDataList[m].value!=null){
|
|||
|
|
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
|||
|
|
}
|
|||
|
|
dataseries.push(dataserie);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
left_top_line_seriesdata.push({
|
|||
|
|
name: '西江厂',
|
|||
|
|
type: 'line',
|
|||
|
|
smooth: true,
|
|||
|
|
symbol: 'none',
|
|||
|
|
areaStyle: {},
|
|||
|
|
/* barMaxWidth: '10%',
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
barBorderRadius: 12,
|
|||
|
|
},
|
|||
|
|
}, */
|
|||
|
|
data: dataseries
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//北江
|
|||
|
|
//出水浊度\出水PH\出水溶解氧
|
|||
|
|
if(arr.rows[i].elementCode=='effluent_turbidity_beijiang'
|
|||
|
|
|| arr.rows[i].elementCode=='effluent_ph_beijiang'
|
|||
|
|
|| arr.rows[i].elementCode=='effluent_dissolved_oxygen_beijiang'){
|
|||
|
|
if(arr.rows[i].visualCacheData.mpcode!=null){
|
|||
|
|
effluentQuality_title += arr.rows[i].visualCacheData.mpcode+",";
|
|||
|
|
}
|
|||
|
|
left_bottom_line_1_legenddata.push(arr.rows[i].name);
|
|||
|
|
if(!selectedAll.some(item=>item.name===arr.rows[i].name)){
|
|||
|
|
var legenddata = {
|
|||
|
|
name : arr.rows[i].name,
|
|||
|
|
flag : selected_EffluentQuality_beijiang
|
|||
|
|
};
|
|||
|
|
selectedAll.push(legenddata);
|
|||
|
|
selected_EffluentQuality_beijiang = false;
|
|||
|
|
}
|
|||
|
|
var dataseries =[];
|
|||
|
|
if(arr.rows[i].mPointHistory!=null
|
|||
|
|
&& arr.rows[i].mPointHistory!=undefined
|
|||
|
|
&& arr.rows[i].mPointHistory!=''){
|
|||
|
|
var mPointHistory = arr.rows[i].mPointHistory;
|
|||
|
|
for(var m=0;m<mPointHistory.length;m++){
|
|||
|
|
var dataserie =[];
|
|||
|
|
dataserie.push(mPointHistory[m].measuredt);
|
|||
|
|
if(mPointHistory[m].parmvalue!=null){
|
|||
|
|
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
|||
|
|
}
|
|||
|
|
dataseries.push(dataserie);
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
if(arr.rows[i].visualCacheDataList!=null
|
|||
|
|
&& arr.rows[i].visualCacheDataList!=undefined
|
|||
|
|
&& arr.rows[i].visualCacheDataList!=''){
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
var dataserie =[];
|
|||
|
|
dataserie.push(visualCacheDataList[m].insdt);
|
|||
|
|
if(visualCacheDataList[m].value!=null){
|
|||
|
|
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
|||
|
|
}
|
|||
|
|
dataseries.push(dataserie);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
left_bottom_line_1_seriesdata.push({
|
|||
|
|
name: arr.rows[i].name,
|
|||
|
|
type: 'line',
|
|||
|
|
smooth: true,
|
|||
|
|
symbol: 'none',
|
|||
|
|
data: dataseries
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
//西江
|
|||
|
|
//出水浊度\出水PH\出水溶解氧
|
|||
|
|
if(arr.rows[i].elementCode=='effluent_turbidity_xijiang'
|
|||
|
|
|| arr.rows[i].elementCode=='effluent_ph_xijiang'
|
|||
|
|
|| arr.rows[i].elementCode=='effluent_dissolved_oxygen_xijiang'){
|
|||
|
|
if(arr.rows[i].visualCacheData.mpcode!=null){
|
|||
|
|
effluentQuality_title += arr.rows[i].visualCacheData.mpcode+",";
|
|||
|
|
}
|
|||
|
|
left_bottom_line_2_legenddata.push(arr.rows[i].name);
|
|||
|
|
if(!selectedAll.some(item=>item.name===arr.rows[i].name)){
|
|||
|
|
var legenddata = {
|
|||
|
|
name : arr.rows[i].name,
|
|||
|
|
flag : selected_EffluentQuality_xijiang
|
|||
|
|
};
|
|||
|
|
selectedAll.push(legenddata);
|
|||
|
|
selected_EffluentQuality_xijiang = false;
|
|||
|
|
}
|
|||
|
|
var dataseries =[];
|
|||
|
|
if(arr.rows[i].mPointHistory!=null
|
|||
|
|
&& arr.rows[i].mPointHistory!=undefined
|
|||
|
|
&& arr.rows[i].mPointHistory!=''){
|
|||
|
|
var mPointHistory = arr.rows[i].mPointHistory;
|
|||
|
|
for(var m=0;m<mPointHistory.length;m++){
|
|||
|
|
var dataserie =[];
|
|||
|
|
dataserie.push(mPointHistory[m].measuredt);
|
|||
|
|
if(mPointHistory[m].parmvalue!=null){
|
|||
|
|
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
|||
|
|
}
|
|||
|
|
dataseries.push(dataserie);
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
if(arr.rows[i].visualCacheDataList!=null
|
|||
|
|
&& arr.rows[i].visualCacheDataList!=undefined
|
|||
|
|
&& arr.rows[i].visualCacheDataList!=''){
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
var dataserie =[];
|
|||
|
|
dataserie.push(visualCacheDataList[m].insdt);
|
|||
|
|
if(visualCacheDataList[m].value!=null){
|
|||
|
|
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
|||
|
|
}
|
|||
|
|
dataseries.push(dataserie);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
left_bottom_line_2_seriesdata.push({
|
|||
|
|
name: arr.rows[i].name,
|
|||
|
|
type: 'line',
|
|||
|
|
smooth: true,
|
|||
|
|
symbol: 'none',
|
|||
|
|
data: dataseries
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var selected = {};
|
|||
|
|
if(selectedAll.length>0){
|
|||
|
|
for(var s=0;s<selectedAll.length;s++){
|
|||
|
|
selected[selectedAll[s].name]=selectedAll[s].flag;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
echarts_line('left-middle-line',left_middle_line_legenddata,left_middle_line_seriesdata,selected);
|
|||
|
|
echarts_line('left-bottom-line-1',left_bottom_line_1_legenddata,left_bottom_line_1_seriesdata,selected);
|
|||
|
|
echarts_line('left-bottom-line-2',left_bottom_line_2_legenddata,left_bottom_line_2_seriesdata,selected);
|
|||
|
|
echarts_line_top('left-top-line',left_top_line_legenddata,left_top_line_seriesdata,selected);
|
|||
|
|
echarts_bar_right('right-bottom-bar',right_bottom_bar_legenddata,right_bottom_bar_seriesdata,titleColor);
|
|||
|
|
var data = {value:patrol,name:'巡检完成率'};
|
|||
|
|
doendPie('right-top-pie-1',data);
|
|||
|
|
data = {value:maintenance,name:'维修完成率'};
|
|||
|
|
doendPie('right-top-pie-2',data);
|
|||
|
|
|
|||
|
|
if($("#water_supply_title").length > 0){
|
|||
|
|
$("#water_supply_title").attr("data-mpcode",water_supply_title);
|
|||
|
|
}
|
|||
|
|
if($("#rawWaterQuality_title").length > 0){
|
|||
|
|
$("#rawWaterQuality_title").attr("data-mpcode",rawWaterQuality_title);
|
|||
|
|
}
|
|||
|
|
if($("#effluentQuality_title").length > 0){
|
|||
|
|
$("#effluentQuality_title").attr("data-mpcode",effluentQuality_title);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
getMonitorData(bizid,time_input,jsp_id);
|
|||
|
|
getImgData();
|
|||
|
|
}
|
|||
|
|
function getMonitorData(bizid,time_input,jsp_id){
|
|||
|
|
$.post(ext.contextPath + '/smart/getMonitorData.do', {bizid:bizid,time:time_input,jsp_id:'monitor'} , function(data) {
|
|||
|
|
var arr= JSON.parse(data);
|
|||
|
|
console.log(arr);
|
|||
|
|
if(arr.rows!=null && arr.rows!=undefined && arr.rows!=''){
|
|||
|
|
$('#monitor_pressure').empty();
|
|||
|
|
$('#monitor_flow').empty();
|
|||
|
|
for(var i=0;i<arr.rows.length;i++){
|
|||
|
|
var value =0;
|
|||
|
|
var numtail=0;
|
|||
|
|
var dataMax=0;
|
|||
|
|
var rate = 1;
|
|||
|
|
var nowdate = getNowTime();
|
|||
|
|
if(arr.rows[i].visualCacheConfig!=null
|
|||
|
|
&& arr.rows[i].visualCacheConfig!=undefined
|
|||
|
|
&& arr.rows[i].visualCacheConfig!=''){
|
|||
|
|
var visualCacheConfig = arr.rows[i].visualCacheConfig;
|
|||
|
|
if(visualCacheConfig.numtail!=null && visualCacheConfig.numtail!=undefined && visualCacheConfig.numtail!=''){
|
|||
|
|
numtail = visualCacheConfig.numtail;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].visualCacheData!=null
|
|||
|
|
&& arr.rows[i].visualCacheData!=undefined
|
|||
|
|
&& arr.rows[i].visualCacheData!=''){
|
|||
|
|
var visualCacheData = arr.rows[i].visualCacheData;
|
|||
|
|
if(visualCacheData.inivalue!=null && visualCacheData.inivalue!=undefined && visualCacheData.inivalue!=''){
|
|||
|
|
value = visualCacheData.inivalue;
|
|||
|
|
}else{
|
|||
|
|
if(visualCacheData.value!=null && visualCacheData.value!=undefined && visualCacheData.value!=''){
|
|||
|
|
value = visualCacheData.value;
|
|||
|
|
}else{
|
|||
|
|
if(arr.rows[i].mPoint!=null && arr.rows[i].mPoint!=undefined && arr.rows[i].mPoint!=''){
|
|||
|
|
var mPoint = arr.rows[i].mPoint;
|
|||
|
|
if(mPoint.parmvalue!=null && mPoint.parmvalue!=undefined && mPoint.parmvalue!=''){
|
|||
|
|
value = mPoint.parmvalue;
|
|||
|
|
}
|
|||
|
|
if(mPoint.alarmmax!=null && mPoint.alarmmax!=undefined && mPoint.alarmmax!=''){
|
|||
|
|
dataMax = mPoint.alarmmax;
|
|||
|
|
}
|
|||
|
|
if(mPoint.numtail!=null && mPoint.numtail!=undefined && mPoint.numtail!=''){
|
|||
|
|
numtail = mPoint.numtail;
|
|||
|
|
}
|
|||
|
|
if(mPoint.measuredt!=null && mPoint.measuredt!=undefined && mPoint.measuredt!=''){
|
|||
|
|
nowdate = mPoint.measuredt;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(visualCacheData.numtail!=null && visualCacheData.numtail!=undefined && visualCacheData.numtail!=''){
|
|||
|
|
numtail = visualCacheData.numtail;
|
|||
|
|
}
|
|||
|
|
if(visualCacheData.insdt!=null && visualCacheData.insdt!=undefined && visualCacheData.insdt!=''){
|
|||
|
|
nowdate = visualCacheData.insdt;
|
|||
|
|
}
|
|||
|
|
if(visualCacheData.rate!=null && visualCacheData.rate!=undefined && visualCacheData.rate!=''){
|
|||
|
|
rate = visualCacheData.rate;
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
var mPoint = arr.rows[i].mPoint;
|
|||
|
|
if(mPoint!=null && mPoint!=undefined && mPoint!=''){
|
|||
|
|
if(mPoint.parmvalue!=null && mPoint.parmvalue!=undefined && mPoint.parmvalue!=''){
|
|||
|
|
value = mPoint.parmvalue;
|
|||
|
|
}
|
|||
|
|
if(mPoint.alarmmax!=null && mPoint.alarmmax!=undefined && mPoint.alarmmax!=''){
|
|||
|
|
dataMax = mPoint.alarmmax;
|
|||
|
|
}
|
|||
|
|
if(mPoint.numtail!=null && mPoint.numtail!=undefined && mPoint.numtail!=''){
|
|||
|
|
numtail = mPoint.numtail;
|
|||
|
|
}
|
|||
|
|
if(mPoint.measuredt!=null && mPoint.measuredt!=undefined && mPoint.measuredt!=''){
|
|||
|
|
nowdate = mPoint.measuredt;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
value = parseFloat(value)*rate;
|
|||
|
|
value = value.toFixed(numtail);
|
|||
|
|
var tableStr='<tr>'+
|
|||
|
|
'<td>'+arr.rows[i].name+'</td>'+
|
|||
|
|
'<td class="'+arr.rows[i].elementCode+'">'+toThousands(value)+'</td>'+
|
|||
|
|
'<td class="nowdate">'+nowdate.substring(11,16)+'</td>'+
|
|||
|
|
'</tr>';
|
|||
|
|
if(arr.rows[i].pid=="monitor_flow"){
|
|||
|
|
$('#monitor_flow').append(tableStr);
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].pid=="monitor_pressure"){
|
|||
|
|
$('#monitor_pressure').append(tableStr);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function echarts_line(id,legenddata,seriesdata,selected){
|
|||
|
|
var lifeChart = echarts.getInstanceByDom(document.getElementById(id));
|
|||
|
|
//有的话就获取已有echarts实例的DOM节点。
|
|||
|
|
if (lifeChart != null) { // 如果存在，就进行销毁。
|
|||
|
|
lifeChart.dispose();
|
|||
|
|
}
|
|||
|
|
var option = {
|
|||
|
|
color:color,
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis'
|
|||
|
|
},
|
|||
|
|
legend: {
|
|||
|
|
data: legenddata,
|
|||
|
|
x:'right',
|
|||
|
|
textStyle: {
|
|||
|
|
color: fontcolor_grey ,
|
|||
|
|
fontSize: 12 ,
|
|||
|
|
},
|
|||
|
|
icon:'roundRect',
|
|||
|
|
selected: selected
|
|||
|
|
},
|
|||
|
|
grid: {
|
|||
|
|
left: '3%',
|
|||
|
|
right: '4%',
|
|||
|
|
bottom: '3%',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
type: 'time',
|
|||
|
|
},
|
|||
|
|
yAxis: {
|
|||
|
|
type: 'value',
|
|||
|
|
axisLine: {
|
|||
|
|
show: true,
|
|||
|
|
},
|
|||
|
|
splitLine: {
|
|||
|
|
show: true,
|
|||
|
|
lineStyle: {
|
|||
|
|
type: 'dashed' ,
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
series: seriesdata,
|
|||
|
|
};
|
|||
|
|
lifeChart = echarts.init(document.getElementById(id));
|
|||
|
|
lifeChart.setOption(option,true);
|
|||
|
|
lifeChart.on('legendselectchanged', function(obj) {
|
|||
|
|
var selected = obj.selected;
|
|||
|
|
var legend = obj.name;
|
|||
|
|
if(selectedAll.length>0){
|
|||
|
|
for(var s=0;s<selectedAll.length;s++){
|
|||
|
|
if(selectedAll[s].name===legend){
|
|||
|
|
selectedAll[s].flag = selected[legend];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function echarts_line_top(id,legenddata,seriesdata,selected){
|
|||
|
|
var lifeChart = echarts.getInstanceByDom(document.getElementById(id));
|
|||
|
|
//有的话就获取已有echarts实例的DOM节点。
|
|||
|
|
if (lifeChart != null) { // 如果存在，就进行销毁。
|
|||
|
|
lifeChart.dispose();
|
|||
|
|
}
|
|||
|
|
var option = {
|
|||
|
|
color:[color[5],color[6],color[0]],
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis'
|
|||
|
|
},
|
|||
|
|
grid: {
|
|||
|
|
left: '3%',
|
|||
|
|
right: '4%',
|
|||
|
|
bottom: '3%',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
legend: {
|
|||
|
|
data: legenddata,
|
|||
|
|
x:'right',
|
|||
|
|
textStyle: {
|
|||
|
|
color: fontcolor_grey ,
|
|||
|
|
fontSize: 12 ,
|
|||
|
|
},
|
|||
|
|
icon:'roundRect',
|
|||
|
|
selected: selected
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
type: 'time',
|
|||
|
|
name:''
|
|||
|
|
},
|
|||
|
|
yAxis: {
|
|||
|
|
type: 'value',
|
|||
|
|
axisLine: {
|
|||
|
|
show: true,
|
|||
|
|
},
|
|||
|
|
max: function (value) {
|
|||
|
|
if(value.max>1){
|
|||
|
|
return Math.floor(value.max*1.3);
|
|||
|
|
}else{
|
|||
|
|
return (value.max+0.2);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
splitLine: {
|
|||
|
|
show: true,
|
|||
|
|
lineStyle: {
|
|||
|
|
type: 'dashed' ,
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
series: seriesdata,
|
|||
|
|
};
|
|||
|
|
lifeChart = echarts.init(document.getElementById(id));
|
|||
|
|
lifeChart.setOption(option,true);
|
|||
|
|
lifeChart.on('legendselectchanged', function(obj) {
|
|||
|
|
var selected = obj.selected;
|
|||
|
|
var legend = obj.name;
|
|||
|
|
if(selectedAll.length>0){
|
|||
|
|
for(var s=0;s<selectedAll.length;s++){
|
|||
|
|
if(selectedAll[s].name===legend){
|
|||
|
|
selectedAll[s].flag = selected[legend];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function echarts_bar_right(id,legenddata,seriesdata,titleColor){
|
|||
|
|
var lifeChart = echarts.getInstanceByDom(document.getElementById(id));
|
|||
|
|
//有的话就获取已有echarts实例的DOM节点。
|
|||
|
|
if (lifeChart != null) { // 如果存在，就进行销毁。
|
|||
|
|
lifeChart.dispose();
|
|||
|
|
}
|
|||
|
|
var option = {
|
|||
|
|
color:color,
|
|||
|
|
title: {
|
|||
|
|
text: '月度设备维修次数统计',
|
|||
|
|
textStyle: {
|
|||
|
|
color: titleColor ,
|
|||
|
|
fontSize: 16 ,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis'
|
|||
|
|
},
|
|||
|
|
legend: {
|
|||
|
|
data: legenddata,//['机械设备', '电气设备', '自动化设备', '水质设备'],
|
|||
|
|
top:'30',
|
|||
|
|
x:'right',
|
|||
|
|
textStyle: {
|
|||
|
|
color: fontcolor_grey ,
|
|||
|
|
fontSize: 14 ,
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
grid: {
|
|||
|
|
left: '3%',
|
|||
|
|
right: '4%',
|
|||
|
|
bottom: '3%',
|
|||
|
|
top:'85',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
type: 'category',
|
|||
|
|
},
|
|||
|
|
yAxis: {
|
|||
|
|
type: 'value',
|
|||
|
|
name:'次',
|
|||
|
|
axisLine: {
|
|||
|
|
show: true,
|
|||
|
|
},
|
|||
|
|
splitLine: {
|
|||
|
|
show: true,
|
|||
|
|
lineStyle: {
|
|||
|
|
type: 'dashed' ,
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
series: seriesdata,
|
|||
|
|
};
|
|||
|
|
lifeChart = echarts.init(document.getElementById(id));
|
|||
|
|
lifeChart.setOption(option,true);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function doendPie(id,data){
|
|||
|
|
var othVal = 100 - data.value;
|
|||
|
|
var myChart = echarts.init(document.getElementById(id));
|
|||
|
|
var option = {
|
|||
|
|
color: [color_blue_other],
|
|||
|
|
title: {
|
|||
|
|
text: data.value,
|
|||
|
|
subtext: '%',
|
|||
|
|
x: 'center',
|
|||
|
|
y: 'center',
|
|||
|
|
top:'30%',
|
|||
|
|
textStyle: {
|
|||
|
|
fontWeight: 'normal',
|
|||
|
|
color: color_blue,
|
|||
|
|
fontSize: '48'
|
|||
|
|
},
|
|||
|
|
subtextStyle: {
|
|||
|
|
fontWeight: 'normal',
|
|||
|
|
color: color_blue,
|
|||
|
|
fontSize: '16',
|
|||
|
|
verticalAlign :'top'
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
legend: {
|
|||
|
|
data:[data.name],
|
|||
|
|
left: '16%',
|
|||
|
|
y: '5%',
|
|||
|
|
icon:'none',
|
|||
|
|
textStyle: {
|
|||
|
|
color: '#a3a9af' ,
|
|||
|
|
lineHeight: 16,
|
|||
|
|
fontSize: 13 ,
|
|||
|
|
fontWeight : 600 ,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
grid: {
|
|||
|
|
top:0,
|
|||
|
|
left:0,
|
|||
|
|
right:0,
|
|||
|
|
bottom:0,
|
|||
|
|
},
|
|||
|
|
series: [{
|
|||
|
|
name: 'Line 1',
|
|||
|
|
type: 'pie',
|
|||
|
|
clockWise: true,
|
|||
|
|
radius: ['50%', '60%'],
|
|||
|
|
center: ['50%', '50%'],
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
label: {
|
|||
|
|
show: false
|
|||
|
|
},
|
|||
|
|
labelLine: {
|
|||
|
|
show: false
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
hoverAnimation: false,
|
|||
|
|
startAngle:90, //起始角度
|
|||
|
|
data: [{
|
|||
|
|
value: data.value,
|
|||
|
|
name: data.name,
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
color: color_blue,
|
|||
|
|
label: {
|
|||
|
|
show: false
|
|||
|
|
},
|
|||
|
|
labelLine: {
|
|||
|
|
show: false
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}, {
|
|||
|
|
name: '02',
|
|||
|
|
value: othVal
|
|||
|
|
}]
|
|||
|
|
}]
|
|||
|
|
}
|
|||
|
|
myChart.clear();
|
|||
|
|
myChart.setOption(option, true);
|
|||
|
|
}
|
|||
|
|
//添加千分位符合
|
|||
|
|
function toThousands(num) {
|
|||
|
|
var nums =num;
|
|||
|
|
var re=/\d{1,3}(?=(\d{3})+$)/g;
|
|||
|
|
var n1=0;
|
|||
|
|
if(nums!=null && nums!='' && nums!=undefined){
|
|||
|
|
n1=nums.toString().replace(/^(\d+)((\.\d+)?)$/,function(s,s1,s2){return s1.replace(re,"$&,")+s2;});
|
|||
|
|
}
|
|||
|
|
return n1;
|
|||
|
|
}
|
|||
|
|
//配置压力、流量
|
|||
|
|
function showMonitor() {
|
|||
|
|
$.post(ext.contextPath + '/smart/monitor.do',{jsp_id:'monitor',unitId:unitId}, function (data) {
|
|||
|
|
$("#monitorDiv").html(data);
|
|||
|
|
openModal("monitorModal")
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$(function () {
|
|||
|
|
left_top_height = $('.left-top').height();
|
|||
|
|
left_middle_height = $('.left-middle').height();
|
|||
|
|
left_bottom_height = $('.left-bottom').height();
|
|||
|
|
center_top_height = $('.center-top').height();
|
|||
|
|
center_middle_height = $('.center-middle').height();
|
|||
|
|
center_bottom_height = $('.center-bottom').height();
|
|||
|
|
right_top_height = $('.right-top').height();
|
|||
|
|
right_middle_height = $('.right-middle').height();
|
|||
|
|
right_bottom_height = $('.right-bottom').height();
|
|||
|
|
showElement();
|
|||
|
|
/*$('.mask-beijiang').click(function(){
|
|||
|
|
parent.changgeCompany("f31c04e44c9548bdaeca9f54c9e982e2","北江水厂","1");
|
|||
|
|
//parent.changgeCompany("7b19e5c1efe94009b6ba777f096f4caa","泵站所","1");;
|
|||
|
|
});*/
|
|||
|
|
bizid = unitId;
|
|||
|
|
jsp_id = $('#jsp_id').val();
|
|||
|
|
$(document).on('click','.center-middle',function(e){
|
|||
|
|
var fun = "mapClick"; // 函数的名称
|
|||
|
|
try {
|
|||
|
|
if($.isFunction(eval(fun))){
|
|||
|
|
var element = this;
|
|||
|
|
mapClick(element,e);
|
|||
|
|
}
|
|||
|
|
} catch(e) {
|
|||
|
|
console.log('mapClick函数不存在!');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
$(document).on('click','.new-element',function(event){
|
|||
|
|
//防止事件冒泡到DOM树上，也就是不触发的任何前辈元素上的事件处理函数。
|
|||
|
|
event.stopPropagation();
|
|||
|
|
});
|
|||
|
|
$(document).on('click','.edit-element',function(event){
|
|||
|
|
//防止事件冒泡到DOM树上，也就是不触发的任何前辈元素上的事件处理函数。
|
|||
|
|
event.stopPropagation();
|
|||
|
|
var element = this;
|
|||
|
|
editElement(element,event);
|
|||
|
|
});
|
|||
|
|
$(document).on('click','.btn-box-tool',function(event){
|
|||
|
|
//防止事件冒泡到DOM树上，也就是不触发的任何前辈元素上的事件处理函数。
|
|||
|
|
event.stopPropagation();
|
|||
|
|
var widget = $(this).data("widget");
|
|||
|
|
if(widget=='remove'){
|
|||
|
|
$(this).parent().parent().parent().remove();
|
|||
|
|
getImgData();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
$('#switch').bootstrapSwitch({ //初始化按钮
|
|||
|
|
onText:" ",
|
|||
|
|
offText:" ",
|
|||
|
|
onColor:"primary",
|
|||
|
|
offColor:"default",
|
|||
|
|
size:"mini",
|
|||
|
|
handleWidth:10,
|
|||
|
|
labelWidth:20,
|
|||
|
|
onSwitchChange:function(event,state){
|
|||
|
|
if(state==true){
|
|||
|
|
console.log("深色");
|
|||
|
|
addAndRemove4Class('content-wrapper-bg-grey','content-wrapper-bg-darkblue');
|
|||
|
|
addAndRemove4Class('content-wrapper-bg-white','content-wrapper-bg-transparent');
|
|||
|
|
//addAndRemove4Class('font-color-lightBlack','font-color-white');
|
|||
|
|
addAndRemove4Class('font-color-lightBlue','font-color-blue');
|
|||
|
|
addAndRemove4Class('font-color-smalt','font-color-dark-blue');
|
|||
|
|
addAndRemove4Class('font-color-lightWhite','font-color-black');
|
|||
|
|
addAndRemove4Class('font-color-light-blue','font-color-dark-white');
|
|||
|
|
addAndRemove4Class('bgcolor-white','bgcolor-blue');
|
|||
|
|
addAndRemove4Class('right-title-blue','right-title');
|
|||
|
|
addAndRemove4Class('right-title-long-blue','right-title-long');
|
|||
|
|
addAndRemove4Class('waterDataLight','waterData');
|
|||
|
|
addAndRemove4Class('modularLight','modular');
|
|||
|
|
addAndRemove4Class('table_font_black','table_font_white');
|
|||
|
|
fontcolor_black = '#0d2336';
|
|||
|
|
color_blue = '#36FFF9';
|
|||
|
|
color_blue_other = '#1D4F6D';
|
|||
|
|
titleColor = '#ffffff';
|
|||
|
|
img_name = '';
|
|||
|
|
$('.switch-title').html("深色");
|
|||
|
|
}else{
|
|||
|
|
console.log("浅色");
|
|||
|
|
addAndRemove4Class('content-wrapper-bg-darkblue','content-wrapper-bg-grey');
|
|||
|
|
addAndRemove4Class('content-wrapper-bg-transparent','content-wrapper-bg-white');
|
|||
|
|
addAndRemove4Class('font-color-black','font-color-lightWhite');
|
|||
|
|
addAndRemove4Class('font-color-blue','font-color-lightBlue');
|
|||
|
|
addAndRemove4Class('font-color-dark-blue','font-color-smalt');
|
|||
|
|
addAndRemove4Class('font-color-dark-white','font-color-light-blue');
|
|||
|
|
addAndRemove4Class('bgcolor-blue','bgcolor-white');
|
|||
|
|
addAndRemove4Class('right-title','right-title-blue');
|
|||
|
|
addAndRemove4Class('right-title-long','right-title-long-blue');
|
|||
|
|
addAndRemove4Class('waterData','waterDataLight');
|
|||
|
|
addAndRemove4Class('modular','modularLight');
|
|||
|
|
addAndRemove4Class('table_font_white','table_font_black');
|
|||
|
|
fontcolor_black = '#fff';
|
|||
|
|
color_blue = '#1790FF';
|
|||
|
|
color_blue_other = '#E9E9E9';
|
|||
|
|
titleColor = '#0d2336';
|
|||
|
|
img_name = '_blue';
|
|||
|
|
$('.switch-title').html("浅色");
|
|||
|
|
}
|
|||
|
|
getData(bizid);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
echarts_line('left-middle-line',[],[]);
|
|||
|
|
echarts_bar_right('right-bottom-bar',[],[],titleColor);
|
|||
|
|
getData(bizid);
|
|||
|
|
//setInterval("getData('"+bizid+"')",600000);
|
|||
|
|
$(window).resize(function() {
|
|||
|
|
showElement();
|
|||
|
|
getData(bizid);
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
function showElement(){
|
|||
|
|
height = $(window).height();
|
|||
|
|
width = $(window).width();
|
|||
|
|
if(height<(global_height*0.1)){
|
|||
|
|
height = global_height;
|
|||
|
|
}
|
|||
|
|
if(width<(global_width*0.1)){
|
|||
|
|
width = global_width;
|
|||
|
|
}
|
|||
|
|
heightV = height/1080;
|
|||
|
|
widthV = width/1690;
|
|||
|
|
var proportion = height/1080;
|
|||
|
|
$('.left-top').height(left_top_height*proportion);
|
|||
|
|
$('.left-top-line').height($('.left-top').height()-30);
|
|||
|
|
$('.left-middle').height(left_middle_height*proportion);
|
|||
|
|
$('.left-middle-line').height($('.left-middle').height()-30);
|
|||
|
|
$('.left-bottom').height(left_bottom_height*proportion);
|
|||
|
|
$('.left-bottom-line').height($('.left-bottom').height()-30);
|
|||
|
|
$('.left-bottom-line').width($('.left-bottom').width());
|
|||
|
|
|
|||
|
|
$('.center-top').height(center_top_height*proportion);
|
|||
|
|
$('.center-middle').height(center_middle_height*proportion);
|
|||
|
|
$('.center-middle').css('background-size',(695*proportion)+'px '+(830*proportion)+'px');
|
|||
|
|
$('.center-bottom').height(center_bottom_height*proportion);
|
|||
|
|
$('.center-bottom-line').height($('.center-bottom').height()-30);
|
|||
|
|
|
|||
|
|
$('.right-top').height(right_top_height*proportion);
|
|||
|
|
$('.right-bottom-bar').height($('.right-top').height()-150*proportion);
|
|||
|
|
$('.right-top-pie').height($('.right-top').height()*0.45);
|
|||
|
|
$('.right-top-pie').width($('.right-top').width()*0.5);
|
|||
|
|
$('.right-bottom').height(right_bottom_height*proportion);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showLine(ele) {
|
|||
|
|
var mpcode = $(ele).attr("data-mpcode");
|
|||
|
|
$.post(ext.contextPath + '/data/showOnlyLine.do', {mpcode: mpcode, unitId: unitId}, function (data2) {
|
|||
|
|
$("#subDiv").html(data2);
|
|||
|
|
openModal('curveModal');
|
|||
|
|
});
|
|||
|
|
}
|