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');
         });
     }