3.3、交互逻辑代码

var indexPage = null;
$(function () {
    indexPage = new IndexPage();
    indexPage.init();
    window.parent.parent.indexPage = indexPage;
});
function IndexPage() {
  this.currentMebu = "首页";
  this.state = 0;//0正常状态 1 加载状态
  this.runAutoRoute = false;//运行自动漫游
  this.liftVideoCache = null;
};
function closeAutoRouteFunc() {
  indexPage.runAutoRoute = false;
  $(".btn_li").attr("class", "btn_li");
  layer.closeAll();
}
IndexPage.prototype.init = function () {
 


  $("#indexBtn").click(function () {
      $(".btn_li").attr("class", "btn_li");
      $("#indexBtn").attr("class", "btn_li action");
      indexPage.selectControl('index')

  });

  $("#sbfBtn").click(function () {
      $(".btn_li").attr("class", "btn_li");
      $("#sbfBtn").attr("class", "btn_li action");
      indexPage.selectControl('rooms')
  });
  $("#xzldbBtn").click(function () {
      $(".btn_li").attr("class", "btn_li");
      $("#xzldbBtn").attr("class", "btn_li action");
      indexPage.selectControl('xzldb')




      //if (window.parent && window.parent.parent && window.parent.parent.openAutoRoute) {
      //  window.parent.parent.openAutoRoute();
      //}
      //  indexPage.songpaifeng();
  });
  $("#xfmdylBtn").click(function () {
      $(".btn_li").attr("class", "btn_li");
      $("#xfmdylBtn").attr("class", "btn_li action");
      indexPage.selectControl('xfmdyl')
 
  });
  $("#room_exitBtn").click(function () {
      $("#chart_index").show();
      if (window.parent.iframeOpenHeaderFun) {
          window.parent.iframeOpenHeaderFun();
      }
      layer.closeAll();

  });
  $("#ltxtBtn").click(function () {
      $(".btn_li").attr("class", "btn_li");
      $("#ltxtBtn").attr("class", "btn_li action");
      indexPage.selectControl('ltxt')

  });

  $("#searchDoorEventBtn").click(function () {
    indexPage.searchDoorEventEvent();
  })
 
  $("#exitDoorEventBtn").click(function () {
      layer.closeAll();

  });
  $("#exitDevAlarmBtn").click(function () {
    layer.closeAll();
  });
  $("#searchDevAlarmBtn").click(function () {
    indexPage.showAlarmListByDev($("#selectEAlarmDevid").val(), $("#alarmStartTime").val(), $("#alarmEndTime").val());
  });

     
}
IndexPage.prototype.selectControl = function (menuType) {
    var _this = this;
  if (indexPage.state == 1) {
    layer.msg(indexPage.currentMebu+"系统加载中，请稍后操作");
    return;
  }
  indexPage.state = 1;
  setTimeout(function () {
    indexPage.state = 0;
  }, 1500);
  indexPage.currentMebuType = menuType;
  modelBussiness.addVitureDev(menuType);
  $(".contentRight").hide();
  $("#fourBtns").show();
  this.commonFunc.removeAllVideo();
  $("#floorsBtn").html("");
  switch (menuType) {
      case "index": {
          indexPage.currentMebu = "首页";
          indexPage.indexPage(menuType, "首页");
          if (window.parent.iframeOpenFun) {
              window.parent.iframeOpenFun();
          }
      } break;
      case "rooms": {
          if (window.parent.iframeCloseFun) {
              window.parent.iframeCloseFun();
          }
          indexPage.currentMebu = "设备房";



          var floorsbtn = ' 
全楼层
';
          modelList.rooms.data = modelList.rooms.data.sort(function (a, b) { return parseInt(b.floor) - parseInt(a.floor) });
          var floornub = -100;
          $.each(modelList.rooms.data, function (_index, _obj) {
              if (floornub != _obj.floor) {
                  floorsbtn += ' 
楼层' + _obj.floor + '
';
                  floornub = _obj.floor;
              }
          });
          setTimeout(function () {
              $("#floorsBtn").html(floorsbtn);
          }, 3000);


          _this.showRooms();

      } break;
      case "xzldb": {
          if (window.parent.iframeCloseFun) {
              window.parent.iframeCloseFun();
          }
          indexPage.currentMebu = "写字楼电表";
   
          var floorsbtn = ' 
全楼层
';
          modelList.xzldb.data = modelList.xzldb.data.sort(function (a, b) { return parseInt(b.floor) - parseInt(a.floor) });
          var floornub = -100;
          $.each(modelList.xzldb.data, function (_index,_obj) {
              if (floornub != _obj.floor) {
                  floorsbtn += ' 
楼层' + _obj.floor + '
';
                  floornub = _obj.floor;
              }
          });

          setTimeout(function () {
              $("#floorsBtn").html(floorsbtn);
          }, 3000);

          var roomnubs = modelList.xzldb.roomId.length;
          var result = [];
          $.each(modelList.xzldb.roomId, function (_i, _o) {
               
              webapi.getDevAndVluesList(_o, function (response) {
                  roomnubs--;
                  if (response && response.result && response.result.length >= 0) {
                      result = result.concat(response.result)
                  }
                  if (roomnubs == 0) {
                      _this.showListDetail(result);
                  };
          
              });
          })
      } break;
      case "xfmdyl": {
          if (window.parent.iframeCloseFun) {
              window.parent.iframeCloseFun();
          }
          indexPage.currentMebu = "消防压力";


          var floorsbtn = ' 
全楼层
';
          modelList.xfmdyl.data = modelList.xfmdyl.data.sort(function (a, b) { return parseInt(b.floor) - parseInt(a.floor) });
          var floornub = -100;
          $.each(modelList.xfmdyl.data, function (_index, _obj) {
              if (floornub != _obj.floor) {
                  floorsbtn += ' 
楼层' + _obj.floor + '
';
                  floornub = _obj.floor;
              }
          });

          setTimeout(function () {
              $("#floorsBtn").html(floorsbtn);
          }, 3000);

          webapi.getDevAndVluesList(modelList.xfmdyl.roomId, function (response) {
              if (response && response.result && response.result.length >= 0) {
                  _this.showListDetail(response.result);
                //  if (callBack) { callBack(response.result); }
              } else {
                  layer.msg("获取设备失败");
              }
          });
      } break;
      case "ltxt": {
          if (window.parent.iframeCloseFun) {
              window.parent.iframeCloseFun();
          }
          indexPage.currentMebu = "冷通系统";
          webapi.getDevAndVluesList(modelList.ltxt.roomId, function (response) {
              if (response && response.result && response.result.length >= 0) {
                  _this.showListDetail(response.result);
               //   if (callBack) { callBack(response.result); }
              } else {
                  layer.msg("获取设备失败");
              }
          });
      } break;

    case "door": {
      indexPage.currentMebu = "门禁";
      indexPage.doorPage(menuType,"门禁");
      $("#fourBtns").hide();
    } break;
    case "TV": {
      indexPage.currentMebu = "信息发布";
      indexPage.TVPage(menuType, "信息发布");
      $("#fourBtns").hide();
    } break;
    case "environment": {
      indexPage.currentMebu = "环境";
      indexPage.environmentPage(menuType, "环境");
      $("#fourBtns").hide();
    } break;
    case "aircontrol": {
      indexPage.currentMebu = "空调";
      indexPage.aircontrolPage(menuType, "空调");
      $("#fourBtns").hide();
    } break;
    case "radio": {
      indexPage.currentMebu = "广播";
      indexPage.radioPage(menuType, "广播");
      $("#fourBtns").hide();
    } break;
    case "video": {
      indexPage.currentMebu = "视频";
      indexPage.videooPage(menuType, "视频");
      $("#fourBtns").hide();
    } break;
    case "fire": {
      indexPage.currentMebu = "消防";
      indexPage.firePage(menuType, "消防");
      $("#fourBtns").hide();
    } break;
    case "lift": {
      indexPage.currentMebu = "电梯";
      indexPage.liftPage(menuType, "电梯");
      $("#fourBtns").hide();
    } break;
    case "pds": {
      console.log(window);
      window.location.href = "pdsCenter.html";
    } break;
    case "dataCenter": {
      window.location.href = "dataCenter.html";
    } break;
  
  }
}
IndexPage.prototype.selectFloor = function (floornub,type) {
    $(".floorNub").attr("class", "floorNub")
    $("#floorBtn_" + floornub).attr("class", "floorNub action");
    modelBussiness.showFloorDev(floornub, type);
}

//通用方法
IndexPage.prototype.webRtcServers = {};
IndexPage.prototype.commonFunc ={
  addVideo: function (divId, url, video) {
    if (indexPage.webRtcServers["video_" + divId]) {
      indexPage.webRtcServers["video_" + divId].disconnect();
    }
    indexPage.webRtcServers["video_" + divId] = null;
    var urlConfig = { video: video, audio: null };
    indexPage.webRtcServers["video_" + divId] = new WebRtcStreamer(divId, url);
    indexPage.webRtcServers["video_" + divId].connect(urlConfig.video, urlConfig.audio, "rtptransport=tcp&timeout=60");
   // window.onbeforeunload = function () { this.webRtcServer.disconnect() }
  },
  removeVideo: function (divId) {
    if (indexPage.webRtcServers["video_" + divId]) {
      indexPage.webRtcServers["video_" + divId].disconnect();
    }
    indexPage.webRtcServers["video_" + divId] = null;
  }
  ,
  removeAllVideo: function () {
    for (var webrtc in indexPage.webRtcServers) {
      if (indexPage.webRtcServers[webrtc]) {
        indexPage.webRtcServers[webrtc].disconnect();
      }
      indexPage.webRtcServers[webrtc] = null;
    }
  }
  ,
  createPIEChart: function (id, giftImageUrl, value) {
    if ($("#" + id).length > 0) {
    var myChart = echarts.init(document.getElementById(id));
     
    var option = {
      graphic: {
        elements: [{
          type: 'image',
          style: {
            image: giftImageUrl,
            width: 20,
            height: 20
          },
          left: 'center',
          top: 'center'
        }]
      },
      polar: {
        radius: ['65%', '78%'],
        center: ['50%', '50%'],
      },
      angleAxis: {
        max: 100,
        show: false,
      },
      radiusAxis: {
        type: 'category',
        show: true,
        axisLabel: {
          show: false,
        },
        axisLine: {
          show: false,
        },
        axisTick: {
          show: false,
        },
      },
      series: [{
        name: '',
        type: 'bar',
        roundCap: true,
        barWidth: 90,
        showBackground: true,
        backgroundStyle: {
          color: 'rgba(66, 66, 66, .0)',
        },
        data: [value],
        coordinateSystem: 'polar',

        itemStyle: {
          normal: {
            color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
              offset: 0,
              color: '#16CEB9',
            },
                {
                  offset: 1,
                  color: '#6648FF',
                },
            ]),
          },
        },
      },
          {
            name: '',
            type: 'pie',
            startAngle: 80,
            radius: ['90%'],
            hoverAnimation: false,
            center: ['50%', '50%'],
            itemStyle: {
              color: 'rgba(66, 66, 66, .1)',
              borderWidth: 1,
              borderColor: '#5269EE',
            },
            data: [100],
          },

      ],

    };
    myChart.setOption(option);
    }
  }
  ,
  createStaticByDevType: function (devType) { }
  }

//=============设备房==========================
IndexPage.prototype.showRooms = function () {
    $("#chart_index").show();
    var _this = this;
    var html = "";
    var allNub = modelList.rooms.data.length;
    var onlineNub = modelList.rooms.data.length;
    $.each(modelList.rooms.data, function (_index, _obj) {
        html += _this.showRoomDetail(_obj);
    });

    createCSystemRoomsStatic("index", allNub, onlineNub);
    $("#index_1").html(html);
    var roomNub = modelList.rooms.data.length;
    var Allonnub = 0;
    var Alloffnub = 0;
    $.each(modelList.rooms.data, function (_rindex, _robj) {
        webapi.getDevAndVluesList(_robj.id, function (response) {
            roomNub--;
            var roomContentDevHtml = "";
            if (response && response.result && response.result.length >= 0) {
                var ronnub = 0;
                var roffnub = 0;
                $.each(response.result, function (_devindex, _eobj) {
                   
                    if (_eobj) {
                        {
                            roomContentDevHtml += ' 
\
                      
' + _eobj.objName + '>\
                        ' + _eobj.objName + '：\
                      
\
                      
' + (_eobj.objState == "ONLINE" ? "在线" : "离线") + '\
                      
\
                    ';
                            _eobj.objState == "ONLINE" ? ronnub++ : roffnub++;
                        }
                    }
                });
                $("#room_" + _robj.id).html(roomContentDevHtml);
                $("#room_" + _robj.id + "_all").html(ronnub + roffnub);
                $("#room_" + _robj.id + "_on").html(ronnub);
                $("#room_" + _robj.id + "_off").html(roffnub);
                Allonnub += ronnub;
                Alloffnub+=roffnub;
                if (roomNub == 0) {
                    createCSystemStatic("index", (Allonnub + Alloffnub), Allonnub);

                }
            } else {
                console.log("error:获取设备失败,eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee");
        }
    });
    });
 
}

IndexPage.prototype.showRoomDetail = function (_obj) {
    var html = "";
    if (_obj ) {

        html = ' 
\
            
\
              ' + _obj.name + '\
              总数：3；在线：3；离线：_off" >3\
            
\
            
"> 
\
            ';
    }
    return html;
}
//=============其它设备==========================

IndexPage.prototype.showListDetail = function (result) {
    $("#chart_index").show();
    var _this = this;
    var html = "";
    var allNub = 0;
    var onlineNub = 0;
    $.each(result, function (_index, _obj) {
        html += _this.showDetail(_obj);
        allNub++;
        if (_obj.objState == "ONLINE") {
        
            onlineNub++;
        }
    });
    createCSystemStatic("index", allNub, onlineNub);
    $("#index_1").html(html);
}
IndexPage.prototype.showDetail = function (_obj) {
    var html = "";
  
        html = ' 
" style="height:auto;">\
            
\
              ' + _obj.objName + '\
              ' + (_obj.objState == "ONLINE" ? "在线" : "离线") + '\
            
\
            
';
        if (_obj && _obj.values && _obj.values.length > 0) {

            $.each(_obj.values, function (_eindex, _eobj) {
                {
                    if (_eobj.key) {
                    
                    
                    _eobj.sValue2 = _eobj.sValue;
                    if (_eobj.sValue == "END") {
                        _eobj.sValue2 = "无告警"
                    } else if (_eobj.sValue == "BEGIN") {
                        _eobj.sValue2 = "告警"
                    }

                    html += '        
\
                      
' + _eobj.meteName + '>\
                        ' + _eobj.meteName + '：\
                      
\
                      
' + _eobj.sValue2+(_eobj.unit ? _eobj.unit : "") + '\
                      
\
                    ';
                    }
                }
            });
        }
        html += ' 
\
            
';
    
    return html;
}
//===================================
IndexPage.prototype.XZLDBPage = function (id, name) {
    var _this = this;
    $("#chart_" + id).show();
    createCSystemStatic(id, name, config.XZLDB.deviceTypeId, false, function (result) {
        _this.showXZLDBListDetail(result);
    });
}

IndexPage.prototype.showXZLDBListDetail = function (result) {
    var _this = this;
    var html = "";
    var meteids = [];
    result = result.sort(function (a, b) { return b.onlineState - a.onlineState });
    $.each(result, function (_index, _obj) {
        var hobj = _this.showXZLDBDetail(_obj);
        html += hobj.html;
        meteids = meteids.concat(hobj.meteids);
    });
    $("#XZLDB_2").html(html);
    setTimeout(function () {
        _this.flashXZLDBDetailValue(meteids);
    }, 200);
    if (_this.flashXZLDBDetailValueInterval) {
        clearInterval(_this.flashXZLDBDetailValueInterval);
    }
    _this.flashXZLDBDetailValueInterval = setInterval(function () {
        if (_this.currentMebuType == "XZLDB" && meteids.length > 0) {
            _this.flashXZLDBDetailValue(meteids);
        } else {
            clearInterval(_this.flashXZLDBDetailValueInterval);
        }
    }, 5000);
}
IndexPage.prototype.flashXZLDBDetailValueInterval = null;
IndexPage.prototype.flashXZLDBDetailValue = function (meteids) {
    var _this = this;
    webapi.bulkGetRealTimeData(meteids, function (data) {
        if (data && data.length > 0) {
            $.each(data, function (_dindex, _dobj) {
                var keyname = $("#devParamValue_" + _dobj.pointId).attr("data-keyname");
                if (keyname) {
                    if (keyname.indexOf("温度") >= 0) {
                        _dobj.value += "℃";
                    } else if (keyname.indexOf("湿度") >= 0) {
                        _dobj.value += "%";
                    }
                }
                console.log("#devParamValue_" + _dobj.pointId)
                console.log(_dobj.value)
                $("#devParamValue_" + _dobj.pointId).html(_dobj.value);
            });
        }
    });

}
IndexPage.prototype.showXZLDBDetail = function (_obj) {
    var html = ' 
" style="height:auto;">\
            
\
              ' + _obj.name + '\
              ' + (_obj.onlineState == 1 ? "在线" : "离线") + '\
            
\
            
';
    var meteids = [];
    if (_obj && _obj.extra && _obj.extra.length > 0) {

        $.each(_obj.extra, function (_eindex, _eobj) {
            if (_eobj.key.indexOf("控制") < 0) {
                html += '        
\
                      
\
                        ' + _eobj.key + '：\
                      
\
                      
">\
                       \
                      
\
                    ';
                meteids.push(_eobj.value);
            }
        });
    }
    html += ' 
\
            
\
              
\
                位置：\
               ' + _obj.shortAddress + '\
              
\
              
\')">\
                查看报警记录\
              
\
            
\
            
';
    return {
        html: html,
        meteids: meteids
    };
} 
 
//==============主页===========================

IndexPage.prototype.indexPage = function (id, name) {
} 
 
//自动漫游
IndexPage.prototype.showAutoRunRouteTimeIndex = null;
 
//机房
IndexPage.prototype.showDataCenter = function (filter) {
  layer.open({
    type: 1,
    shade: 0.8,
    skin: 'myLayer',
    title: false,
    area: ["1050px", "750px"],
    content: $('#dataCeneterDiv'),
    cancel: function () {
      indexPage.runAutoRoute = false;
      if (indexPage.showAutoRunRouteTimeIndex) {
        clearTimeout(indexPage.showAutoRunRouteTimeIndex);
      }
      if (window.parent && window.parent.parent && window.parent.parent.closeAutoRoute) {
        window.parent.parent.closeAutoRoute();
      }
      $(".btn_li").attr("class", "btn_li");
      $("#iframe_dataCenterContent").html('')
    },
    success: function () {

      $("#iframe_dataCenterContent").html('')
    }
  });

}
//变电站
IndexPage.prototype.showBianDianZhan = function () {
  layer.closeAll();
  setTimeout(function () { 
  layer.open({
    type: 1,
    shade: 0.8,
    skin: 'myLayer',
    title: false,
    area: ["1050px", "750px"],
    content: $('#peidianshi'),
    cancel: function () {
      indexPage.runAutoRoute = false;
      if (indexPage.showAutoRunRouteTimeIndex) {
        clearTimeout(indexPage.showAutoRunRouteTimeIndex);
      }
      if (window.parent && window.parent.parent && window.parent.parent.closeAutoRoute) {
        window.parent.parent.closeAutoRoute();
      }
        $(".btn_li").attr("class", "btn_li");
        $("#iframe_bpdContent").html('')
    },
    success: function () {
       
        $("#iframe_bpdContent").html('')
    }
  });
  }, 200)
}
//显示首页视频
IndexPage.prototype.showIndexVideo = function () {
  var url = { video: location.search.slice(1) };
  var options = webrtcConfig.options;
  if (typeof URLSearchParams != 'undefined') {
    var params = new URLSearchParams(location.search);
    if (params.has("video") || params.has("audio")) {
      url = { video: params.get("video"), audio: params.get("audio") };
    }
    if (params.has("options")) {
      options = params.get("options");
    }
  }
  window.onload = function () {
    this.webRtcServer = new WebRtcStreamer("video", webrtcConfig.url);
    document.getElementById("title").innerHTML = url.video;
    webRtcServer.connect(url.video, url.audio, options);
    fetch(webrtcConfig.url + "/api/version").then(r => r.text()).then((response) => {
      document.getElementById("footer").innerHTML = "
WebRTC-Streamer " + JSON.parse(response).split(" ")[0] + "
";
    });
  }
  window.onbeforeunload = function () { this.webRtcServer.disconnect() }

}
//==============给排水===========================
IndexPage.prototype.showJiPaiShui = function () {
  layer.closeAll();

  $(".btn_li").attr("class", "btn_li");
  $("#jipaishuiBtn").attr("class", "btn_li action");
  setTimeout(function () { 
  layer.open({
    type: 1,
    shade: 0.8,
    skin: 'myLayer',
    title: false,
    area: ["985px", "750px"],
    content: $('#jpaishui'),
    cancel: function () {
      indexPage.runAutoRoute = false;
      if (indexPage.showAutoRunRouteTimeIndex) {
        clearTimeout(indexPage.showAutoRunRouteTimeIndex);
      }
      if (window.parent && window.parent.parent && window.parent.parent.closeAutoRoute) {
        window.parent.parent.closeAutoRoute();
      }
        $(".btn_li").attr("class", "btn_li");
    },
    success: function () {
      webapi.getDeviceList(config.water.deviceTypeId, function (result) {
        console.log(result);
        var _html = "";
        var meteids = [];
        if (result && result.length > 0) {
          result = result.sort(function (a, b) { return a.type - b.type });
          var typenub = 0;
          $.each(result, function (_index, _obj) {
            if (_obj.type != typenub) {
              typenub = _obj.type;
              _html += "
" + (_obj.type == 1 ? " 发电机房" : (_obj.type == 2 ? "消防泵房" : "消防稳压泵")) + "
";
            }
            _html += '
" style="float:left;margin:10px;padding:5px;background:rgba(190, 225, 255, 0.05);width:280px;height:270px;margin:20px;">\
          
\
            ' + _obj.name + '\
            " style="display:none;float:right;color:white;margin-right:5px;font-size:12px;color:#32C5FF">-\
          
\
          
\
            ' + (_obj.name.indexOf("泵") >= 0 && _obj.name.indexOf("井") < 0 ? '
' : '') + '\
= 0 && _obj.name.indexOf("井") < 0 ? 'shuibeng' : 'jipaishui') + '">
\
          
';

            if (_obj.extra && _obj.extra.length>0) {
              $.each(_obj.extra, function (_eindex, _eobj) {
                _html += '
;line-height:33px !important;">\
                  ' + _eobj.key + '：">\
                
';
                meteids.push(_eobj.value);
              })
            }
          //  _html += '
\
          //  高液位：\
          //
\
          //
\
          //  底液位：\
          //
';
            _html += '
\')">\
            查看告警记录\
          
\
        
';
        
          //  meteids.push(_obj.extra[1].value);
          });

        } 
        $("#waterCotent").html(_html);
        //获取量的值
        webapi.bulkGetRealTimeData(meteids, function (data) {
          if (data && data.length > 0) {
            $.each(data, function (_dindex, _dobj) {
              if ($("#meteValue_" + _dobj.pointId).attr("data-keyname").indexOf("手自动") >= 0) {
                $("#meteValue_" + _dobj.pointId).html(_dobj.value == "1" ? "自动" : "手动");
              } else if ($("#meteValue_" + _dobj.pointId).attr("data-keyname").indexOf("运行状态") >= 0) {
                $("#meteValue_" + _dobj.pointId).html(_dobj.value == "1" ? "运行" : "停止");
                if (_dobj.value == "1") {
                  var dclass = $("div[data-runid*='_" + _dobj.pointId + "_']").attr("class");
                  $("div[data-runid*='_" + _dobj.pointId + "_']").attr("class", dclass + " RunSW");
                }
              } else if ($("#meteValue_" + _dobj.pointId).attr("data-keyname").indexOf("高液位") >= 0) {
                $("#meteValue_" + _dobj.pointId).html(_dobj.value == "0" ? "正常" : "报警");
                if (_dobj.value!="0") {

                  $("div[data-runid*='_" + _dobj.pointId + "_']").attr("class", "jipaishuiGW");
                }
              } else if ($("#meteValue_" + _dobj.pointId).attr("data-keyname").indexOf("低液位") >= 0) {
                $("#meteValue_" + _dobj.pointId).html(_dobj.value == "0" ? "正常" : "报警");
                if (_dobj.value != "0") {
                  $("div[data-runid*='_" + _dobj.pointId + "_']").attr("class", "jipaishuiDSW");
                }
              } else {
              $("#meteValue_" + _dobj.pointId).html(_dobj.value == "1" ? "报警" : "正常");
              }
              $("#meteValueRun_" + _dobj.pointId).html(_dobj.value == "1" ? "运行" : "停止");
            })

          }
        })
      }, true);
    }
  });
  }, 200);
}
//==============送排风===========================
IndexPage.prototype.songpaifeng = function () {
  layer.closeAll();
  $(".btn_li").attr("class", "btn_li");
  $("#songpaifengBtn").attr("class", "btn_li action");
  setTimeout(function () { 
    layer.open({
    type: 1,
    shade: 0.8,

    skin: 'myLayer',
    title: false,
    area: ["975px", "750px"],
    content: $('#songfeng'),
    cancel: function () {
      indexPage.runAutoRoute = false;
      if (indexPage.showAutoRunRouteTimeIndex) {
        clearTimeout(indexPage.showAutoRunRouteTimeIndex);
      }
      if (window.parent && window.parent.parent && window.parent.parent.closeAutoRoute) {
        window.parent.parent.closeAutoRoute();
      }
        $(".btn_li").attr("class", "btn_li");
    },
    success: function () {
      webapi.getDeviceList(config.wind.deviceTypeId, function (result) {
        console.log(result);
        var _html = "";
        var meteids = [];
        if (result && result.length > 0) {
          $.each(result, function (_index,_obj) {
            _html += '
" style="float:left;margin:10px;padding:5px;background:rgba(190, 225, 255, 0.05);width:280px;height:270px;margin:20px;">\
          
\
            ' + _obj.name+ '\
            " style="display:none;float:right;color:white;margin-right:5px;font-size:12px;color:#32C5FF">\
          
\
          
\
            \
  
" class="songPaiFengFS">
\
          
\
        
\
            ' + _obj.extra[0].key + '：">\
          
\
        
\
            故障报警：">\
          
\
          
\
            位置：' + _obj.shortAddress + '\
          
\
          
\')">\
            查看告警记录\
          
\
        
';

            meteids.push(_obj.extra[0].value);
            meteids.push(_obj.extra[1].value);
          });

        }
        $("#songfengContent").html(_html);

        //获取量的值
        webapi.bulkGetRealTimeData(meteids, function (data) {
          if (data && data.length > 0) {
            $.each(data, function (_dindex, _dobj) {
              if ($("#meteValue_" + _dobj.pointId).attr("data-keyname").indexOf("手自动") >= 0) {
                $("#meteValue_" + _dobj.pointId).html(_dobj.value == "1" ? "自动" : "手动");
              } else if ($("#meteValue_" + _dobj.pointId).attr("data-keyname").indexOf("运行状态") >= 0) {
                $("#meteValue_" + _dobj.pointId).html(_dobj.value == "1" ? "运行" : "停止");
                if (_dobj.value == "1") {
                  $("#meteValueRunState_" + _dobj.pointId).attr("class", "songPaiFengFS Run");
                } else {
                  $("#meteValueRunState_" + _dobj.pointId).attr("class", "songPaiFengFS");
                }
                
              } else {
                $("#meteValue_" + _dobj.pointId).html(_dobj.value == "1" ? "报警" : "正常");
              }
              $("#meteValueRun_" + _dobj.pointId).html(_dobj.value == "1" ? "运行" : "停止");
            })

          }
        })
      }, true);
    }

  });
  }, 200);
}

//================告警列表========================
IndexPage.prototype.showAlarmsList = function () {
  var _this = this;
  layer.open({
    type: 1,
    shade: 0.8,
    skin: 'myLayer',
    title: false,
    area: ["700px", "650px"],
    content: $('#alarmsList'),
    cancel: function () {
      indexPage.runAutoRoute = false;
      if (indexPage.showAutoRunRouteTimeIndex) {
        clearTimeout(indexPage.showAutoRunRouteTimeIndex);
      }
      if (window.parent && window.parent.parent && window.parent.parent.closeAutoRoute) {
        window.parent.parent.closeAutoRoute();
      }
      $("#AlarmListResult").html("");
    },
    success: function () {
      _this.flashAlarmList(layer.load());
    }
  });
}
IndexPage.prototype.flashAlarmList = function (layerloadindex) {
  webapi.getAlarmDataList(function (records) {
    if (layerloadindex) {
    layer.close(layerloadindex);
    }
    if (records && records.length > 0) {
      console.log(records);
      var _html = '';
      var nub = 0;
      $.each(records, function (_index, _obj) {
        if (_obj.device) {//存在设备信息
          nub++;
          _html += '
">\
                    \
                      \
                        \
                        \
                        \
                        \
                        \
                        \
                      \
                      \
                        \
                        \
                        \
                      \
                    
设备类型：
' + getDeviceTypeById(_obj.device.deviceTypeId) + '
设备名称：
' + _obj.device.name + '
报警时间：
' + _obj.time + '
报警原因：
' + _obj.message + '
 
巡游报警位置
\')" class="alarmListBtn">解除报警
\
                
';

        }
      });

      $("#alarmListNub").html(nub);
      $("#AlarmListResult").html(_html);
    }
  });
}
IndexPage.prototype.showAlarmPosition = function (deviceTypeid, id, name, serialNumber) {
  layer.closeAll();
  switch (""+deviceTypeid) {
    case config.water.deviceTypeId:
      indexPage.showJiPaiShui()
      break;
    case config.dataCenter.deviceTypeId:
      indexPage.showDataCenter(serialNumber);

      break;
    case config.powerCenter.deviceTypeId:
      indexPage.showBianDianZhan();

      break;
    case config.wind.deviceTypeId:
      indexPage.songpaifeng()
      break;
    case config.energy.deviceTypeId:
      break;
    case config.lift.deviceTypeId:
      indexPage.selectControl('lift')
      break;
    case config.environment.deviceTypeId:
      indexPage.selectControl('environment');

      break;
    case config.aircontrol.deviceTypeId:
      indexPage.selectControl('aircontrol')
      break;
    case config.fire.deviceTypeId:
      indexPage.selectControl('fire')
      break;
    case config.video.deviceTypeId:
      indexPage.selectControl('video');
      break;
    case config.radio.deviceTypeId:
      indexPage.selectControl('radio')
      break;
    case config.door.deviceTypeId:
      indexPage.selectControl('door')
      break;
    case config.TV.deviceTypeId:
      indexPage.selectControl('TV')
      break; 
  }

  setTimeout(function () {
    var tvmodel = WT3DObj.commonFunc.findObject("devLogo_" + indexPage.currentMebuType + "_" + id + "_" + name)
    if (tvmodel) {
      WT3DObj.commonFunc.changeCameraPosition({ x: tvmodel.position.x + 500, y: tvmodel.position.y + 500, z: tvmodel.position.z + 500 }, tvmodel.position,
       500, function () {

        WT3DObj.commonFunc.flashObjs([tvmodel], "0x000000", "0x00ffff", 10, 200, 0);

      });
    }
  }, 2000);
}
IndexPage.prototype.cancelAlarm = function (id) {
  layer.confirm("是否确认解除该报警？", function () {
    var layerloadindex=layer.load();
    webapi.deviceAlarmRelieve(id, function (res) {
      layer.close(layerloadindex);
      if (res.status == 200) {
        layer.msg("解除成功");
        $("#alarmDetal_" + id).remove();
        _this.flashAlarmList();
      } else {
        layer.msg("解除失败");
        console.log(res);
      }
    })
  }, function () {

  })
}
//=============门禁=============================
IndexPage.prototype.doorPage = function (id, name) {
  var _this = this;
  $("#chart_" + id).show();
  createCSystemStatic(id, name, config.door.deviceTypeId, false, function (result) {
    _this.showDoorListDetail(result);
  });
}

IndexPage.prototype.showDoorListDetail = function (result) {
  var _this = this;
  var html = "";
  result = result.sort(function (a, b) { return b.onlineState - a.onlineState });
  $.each(result, function (_index, _obj) {
    html += _this.showDoorDetail(_obj);
  });
  $("#door_2").html(html);
  _this.getDoorState();
}
IndexPage.prototype.showDoorDetail = function (_obj,td) {
  var html = '
">\
            
\
              ' + _obj.name + '\
              ' + (_obj.onlineState + "" == "1" ? "在线" : "离线") + '\
            
\
            
\
              \
              
\
                门禁开关：\
                
\')">开
\
              
\
              
\')">\
                查看门禁记录\
              
\
            
\
          
';
  return html;

}
IndexPage.prototype.doorCloseOpenBtn = function (devControlBtnId) {
  var className = $("#" + devControlBtnId).attr("class");
  var devid = $("#" + devControlBtnId).attr("data-id");// devControlBtnId.split("_")[devControlBtnId.split("_").length-1];
  var sSate = $("#" + devControlBtnId).attr("data-senserSate");
  if (sSate == "2") {

    layer.tips("状态未知", "#" + devControlBtnId);
    return;
  }

  if (className.indexOf("closeBtn") < 0){
    layer.confirm("是否确认关门",{title:"远程关门"}, function () {
      webapi.remoteDoorCloseById(devid, function (res) {
        if (res.status == 200) {
          layer.closeAll();
          layer.msg("远程关门成功");
          $("#" + devControlBtnId).attr("class", "doorLi_openClose closeBtn");
        } else {
          console.log(res);
          layer.msg("远程关门异常：" + res.msg);
        }
      })
    }, function () {  })
  } else {
    layer.confirm("开门时长：秒", { title: "远程开门" }, function () {
     var loadindex= layer.load();
      var timelong = parseInt($("#timeLong").val());
      webapi.remoteDoorOpenById(devid, timelong, function (res) {
        layer.close(loadindex);
        if (res&&res.status &&res.status == 200) {
          layer.closeAll();
          layer.msg("远程开门成功");
          $("#" + devControlBtnId).attr("class", "doorLi_openClose");
        } else {
          console.log(res);
          layer.msg("远程开门失败："+res.msg);
        }
      })
    }, function () { })


  }
}
IndexPage.prototype.getDoorState = function (fromCache) {
  webapi.getAllDoorState(function (dataList) {
    /*
    alarm: "0"
connect: "1"
deviceId: "40288a857a514c53017a516404210970"
id: "40288a857a514c53017a5164042b09c9"
name: "192.168.10.219-1"
relay: "0"
sensor: "0"
    */
    var doorStateobj = {}
    if (dataList && dataList.length > 0) {
      $.each(dataList, function (_index, _obj) {
        
        doorStateobj["door_" + _obj.id] = _obj;
      });
    }
    var doorClist = webapi.DeviceListCache["deviceType_" + config.door.deviceTypeId]
    if (doorClist) {
      $.each(doorClist, function (_index, _obj) {
        if (doorStateobj["door_" + _obj.serialNumber]) {
          var doorState = doorStateobj["door_" + _obj.serialNumber];
          _obj.name = doorState.name;
          _obj.onlineState = doorState.connect;//设备链接状态（0离线，1在线，2禁用）
          _obj.doorId = doorState.id;
          _obj.doorSensorState = doorState.sensor;//门磁状态（0未知，1无门磁，2关闭，3打开）
          _obj.alarm = doorState.alarm;//报警状态（无，报警，门开超时，门被意外打开，防拆，胁迫密码 开门，胁迫指纹开门，胁迫开门，门开超时，常开报警，电池电压过低，立即更 换电池，非法操作，后备电源，未知）
          _obj.relay = doorState.relay;//继电器状态（0关闭，1打开，2未知）
          if (_obj.relay + "" == "0") {
            $("#doorCloseOpenBtn_" + _obj.serialNumber).attr("class", "doorLi_openClose closeBtn")
            $("#doorCloseOpenBtn_3d_" + _obj.serialNumber).attr("class", "doorLi_openClose closeBtn")

            $("#doorCloseOpenBtn_" + _obj.serialNumber).html("关")
            $("#doorCloseOpenBtn_3d_" + _obj.serialNumber).html("关")
          } else if (_obj.relay + "" == "2") {//未知
            $("#doorCloseOpenBtn_" + _obj.serialNumber).attr("class", "doorLi_openClose nouse")
            $("#doorCloseOpenBtn_3d_" + _obj.serialNumber).attr("class", "doorLi_openClose nouse");

            $("#doorCloseOpenBtn_" + _obj.serialNumber).html("未知")
            $("#doorCloseOpenBtn_3d_" + _obj.serialNumber).html("未知")
            
          }
          
          else if (_obj.relay + "" == "1") {//打开
            $("#doorCloseOpenBtn_" + _obj.serialNumber).attr("class", "doorLi_openClose")
            $("#doorCloseOpenBtn_3d_" + _obj.serialNumber).attr("class", "doorLi_openClose");

            $("#doorCloseOpenBtn_" + _obj.serialNumber).html("开")
            $("#doorCloseOpenBtn_3d_" + _obj.serialNumber).html("开")
          }
           
          $("#doorCloseOpenBtn_" + _obj.serialNumber).attr("data-senserSate", _obj.relay);
          $("#doorCloseOpenBtn_3d_" + _obj.serialNumber).attr("data-senserSate", _obj.relay);
           
          $("#doorCloseOpenBtn_" + _obj.serialNumber).attr("data-id", _obj.doorId)
          $("#doorCloseOpenBtn_3d_" + _obj.serialNumber).attr("data-id", _obj.doorId)
           
          $("#doorDetailDiv_" + _obj.serialNumber + " .doorLi_DivTopName").attr("title",_obj.name);
          $("#doorDetailDiv_" + _obj.serialNumber + " .doorLi_DivTopName").html(_obj.name);
          if (_obj.onlineState + "" == "1") {
            $("#doorDetailDiv_" + _obj.serialNumber + " .doorLi_DivTopState").html("在线")
            $("#doorDetailDiv_3d_" + _obj.serialNumber).attr("class", "doorLi_Div")
            $("#doorDetailDiv_" + _obj.serialNumber).attr("class", "doorLi_Div")
          } else {
            if (_obj.onlineState + "" == "0") {
              $("#doorDetailDiv_" + _obj.serialNumber + " .doorLi_DivTopState").html("离线")
            } else {
              $("#doorDetailDiv_" + _obj.serialNumber + " .doorLi_DivTopState").html("禁用")
            }
            $("#doorDetailDiv_" + _obj.serialNumber).attr("class", "doorLi_Div offline")
            $("#doorDetailDiv_3d_" + _obj.serialNumber).attr("class", "doorLi_Div offline")
          }
           
          $("#doorShowEventListBtn_" + _obj.serialNumber).attr("onclick", "indexPage.showDoorEvent('" + _obj.ssid + "')")
          $("#doorShowEventListBtn_3d_" + _obj.serialNumber).attr("onclick", "indexPage.showDoorEvent('" + _obj.ssid + "')")


        }
      });
    }
    console.log("门禁状态：");
    console.log(dataList);
    /*
    alarm: "0"报警状态（无，报警，门开超时，门被意外打开，防拆，胁迫密码 开门，胁迫指纹开门，胁迫开门，门开超时，常开报警，电池电压过低，立即更 换电池，非法操作，后备电源，未知）
connect: "1"设备链接状态（0离线，1在线，2禁用）
deviceId: "40288a857a514c53017a5163b37b06d5"
id: "40288a857a514c53017a5163b3d0072e"
name: "192.168.10.206-1"
relay: "0"继电器状态（关闭，打开，未知
sensor: "0" 门磁状态（未知，无门磁，关闭，打开）
    */ 
  }, fromCache)
}
IndexPage.prototype.showDoorEvent = function (deviceSn) {
  var _this = this;
  layer.open({
    type: 1,
    shade: 0.8,
    skin: 'myLayer',
    title: false,
    area: ["700px", "615px"],
    content: $('#doorEventList'),
    colseBtn:0,
    cancel: function () {
      _this.runAutoRoute = false;
      if (indexPage.showAutoRunRouteTimeIndex) {
        clearTimeout(indexPage.showAutoRunRouteTimeIndex);
      }
      if (window.parent && window.parent.parent && window.parent.parent.closeAutoRoute) {
        window.parent.parent.closeAutoRoute();
      }
    },
    success: function () {
     
      var startTime = new Date().format("yyyy-MM-dd 00:00:00");
      var endTime = new Date().format("yyyy-MM-dd hh:mm:ss");
      $("#doorEventStartTime").val(startTime);
      $("#doorEventEndTime").val(endTime);
      $("#doorDevicecSn").val(deviceSn);
      _this.searchDoorEventEvent();
      //webapi.transactionDevice(deviceSn, startTime, endTime, 1, 1000, function (data) {
      //  if (data && data.length > 0) {
      //    _this.addDoorEventList(data);
      //  } else {

      //  }
      //});
      //layer.close(layerLoadindex);
    }
  });
}
IndexPage.prototype.searchDoorEventEvent = function () {
  //var startTime = new Date().format("yyyy-MM-dd 00:00:00");
  //var endTime = new Date().format("yyyy-MM-dd hh:mm:ss");
  var layerLoadindex = layer.load();
  var deviceSn = $("#doorDevicecSn").val();
  var startTime = $("#doorEventStartTime").val();
  var endTime = $("#doorEventEndTime").val();
  //var timeleng = (new Date(endTime).getTime() - new Date(startTime).getTime()) / 1000 / 3600 / 24;
  //if (timeleng < 0 || timeleng > 30) {
  //  layer.tips("查询间隔需在30天内", "#doorEventEndTime", {
  //    tips: [1, '#fc8b11'],
  //    time: 4000
  //  });
  //  layer.close(layerLoadindex)
  //  return;
  //}
  webapi.transactionDevice(deviceSn, startTime, endTime, 1, 1000, function (data) {
    layer.close(layerLoadindex)
    if (data && data.length > 0) {
      _this.addDoorEventList(data);
    } else {
      $("#doorEventListResult").html("
查无事件
");
    }
  });
}
/*
id        设备id
eventTime    Date    记录设备触发时间
deptName        部门名称
areaName        区域名称
cardNo        卡号
pin        人员编号
name        人员名称
lastName        人员姓名，英文下才有用
devSn        设备序列号
verifyModeName        验证方式名称
eventName        事件描述
eventPointName        事件出发点名称
readerName        读头名称
devName        设备名称
logId        事件索引值，根据设备是否支持才有值
*/
IndexPage.prototype.addDoorEventList = function (data){
  var _html = ' ';
  var pins = [];
  $.each(data, function (_index, _obj) {
    if (_obj.eventName.indexOf("连接断开") < 0
      && _obj.eventName.indexOf("设备启动") < 0
      && _obj.eventName.indexOf("取消报警") < 0
      ) {



    if (_obj.pin && _obj.pin!="") {
     pins.push(_obj.pin);
    }
    _html += '  
\
            
\
              " src="../img/pics/icons/doorP.png" style="width:65px;height:80px;margin-left:15px; border:1px solid #32C5FF" />\
            
\
            
\
              \
                \
                  \
                  \
                  \
                  \
                \
                 \
                  \
                  \
                  \
                  \
                \
              
事件
' + _obj.eventName + '
进入时间
' + (new Date(_obj.eventTime).format("yyyy-MM-dd hh:mm:ss")) + '
姓名
' + _obj.name + '
所属部门
' + _obj.deptName + '
\
            
\
          ';
  }
  });
 
  $("#doorEventListResult").html(_html);
  webapi.getPerson(pins + "", function (data) {
   
    if (data && data.length > 0) {
      $.each(data, function (_index, _obj) {
        if (_obj.personPhoto && _obj.personPhoto!="") {
          $("img[id^='personPhoto_" + _obj.pin + "_']").attr("src", "data:image/jpg;base64," + _obj.personPhoto);
          $("img[id^='personPhoto_" + _obj.pin + "_']").css("cursor", "url('../img/pics/icons/fangdajingSmall.png'), auto");
          $("img[id^='personPhoto_" + _obj.pin + "_']").click(function () {
            layer.open({
              type: 1,
              shade: 0.8,
              skin: 'myLayer',
              title: false,
              area: ["350px", "420px"],
              content: '',
              colseBtn: 0,
              cancel: function () {
            
              },
              success: function () {

              }
            });

          });
        }
      });
    }
  });


}

//==============信息发布=============================
IndexPage.prototype.TVPage = function (id, name) {
  var _this = this;
   $("#chart_" + id).show();
   createCSystemStatic(id, name, config.TV.deviceTypeId,false, function (result) {
     _this.showTVListDetail(result);
   });
}
IndexPage.prototype.showTVListDetail = function (result) {
  var _this = this;
  var html = "";
  result = result.sort(function (a, b) { return b.onlineState - a.onlineState });
  $.each(result, function (_index, _obj) {
    html += _this.showTVDetail(_obj);
  });
  $("#TV_2").html(html);
}
IndexPage.prototype.showTVDetail = function (_obj, td) {
  if (_obj.onlineState == 1) {
    webapi.getTVScreenshot(_obj.serialNumber, function (res) {
      if (res.status == 200 && res.data && res.data.img) {
        $("#TVLi_DivBottomImg_" + (td ? td + "_" : "") + _obj.serialNumber).attr("src", res.data.img);
        $("#TVLi_DivBottomImg_" + _obj.serialNumber).attr("src", res.data.img);
      }
    });
  }
  var html = '
">\
             
\
               ' + _obj.name + '\
               ' + (_obj.onlineState == 1 ? "在线" : "离线") + '\
             
\
             
\
               "  src="../img/pics/icons/tvPic.png" />\
               
\
                 远程关机：\
     
' + (_obj.onlineState == 1 ? "关机" : " 离线") + '
\
               
\
               
\
                 \
                   \
                   \
\
                 
\')">\
               "/>\
             
\')">\
             "/>
\')">设置音量
\')">设备重启
\
               
\
               
\')">\
                 查看发布内容\
               
\
             
\
           
';
  return html;
}
IndexPage.prototype.changeTVDetail = function (_obj,td) {
  _obj.onlineState = 0;
  var html = '
\
               ' + _obj.name + '\
               ' + (_obj.onlineState == 1 ? "在线" : "离线") + '\
             
\
             
\
               "  src="../img/pics/icons/tvPic.png" />\
               
\
                 远程关机：\
     
' + (_obj.onlineState == 1 ? "关机" : " 离线") + '
\
               
\
               
\
                 \
                   \
                   \
\
                 
\')">\
               "/>\
             
\')">\
             "/>
\')">设置音量
\')">设备重启
\
               
\
               
\')">\
                 查看发布内容\
               
\
             ';
  $(".TVLi_Div[data-id^='" + _obj.serialNumber + td + "']").attr("class", "TVLi_Div offline");
  $(".TVLi_Div[data-id^='" + _obj.serialNumber + td + "']").html(html);

  var tvmodel = WT3DObj.commonFunc.findObject("devLogo_TV_" + _obj.id + "_" + _obj.name)
  if (tvmodel) {
    var textture = WT3DObj.createSkinPic(WT3DObj, null, null, {
      imgurl: "../img/icons/tvLogo_offline.png",
    });
    tvmodel.material.map = textture;
  }
}
IndexPage.prototype.TVCloseOpenBtn = function (devControlBtnId, state) {
  if (state != "1") {
    //layer.msg("设备离线，无法控制");
    return;
  }
 
  var className = $("#" + devControlBtnId).attr("class");
  var devid = devControlBtnId.split("_")[devControlBtnId.split("_").length - 1];
  if (className.indexOf("closeBtn") >= 0) {
    layer.confirm("是否确认关机", { title: "远程关机" }, function () {
      var loadindex = layer.load();
      var data = {
        data: [devid]
      }
      webapi.TVDoAction(data, "shutdown", function (res) {
        if (res.status == 200) {
          layer.closeAll();
         
          var tvlist = webapi.DeviceListCache["deviceType_" + config.TV.deviceTypeId];
          if (tvlist && tvlist.length > 0) {

            $.each(tvlist, function (_index, _obj) {
              if (_obj.serialNumber == devid) {
                indexPage.changeTVDetail(_obj, "");
                indexPage.changeTVDetail(_obj,"3d");
              }
            });
          }

         
          layer.msg("远程关机成功");
          //  $("#" + devControlBtnId).attr("class", "doorLi_openClose closeBtn");
        } else {
          console.log(res);
          layer.msg("远程关机异常：" + res.msg);
        }
        layer.close(loadindex);
      })
    }, function () {  })
  }
} 
IndexPage.prototype.setTVRestart = function (id, state) {
  if (state != "1") {
    // layer.msg("设备离线，无法控制");
    return;
  }
  layer.confirm("是否确认重启", {
    title: "重启设备"
  }, function () {
    layer.msg("重启命令已发送");
    var loadindex = layer.load();
    var data = {
      data: [id]
    }
    webapi.TVDoAction(data, "reboot", function (res) {
      console.log(res);
      layer.close(loadindex);
      if (res.status == 200) {
        layer.closeAll();
        layer.msg("重启命令成功！");
      } else {
        layer.msg("命令发送失败：" + res.msg);
      }
    })
  }, function () { })
}
IndexPage.prototype.setTVVolume = function (id, state) {
  if (state != "1") {
   // layer.msg("设备离线，无法控制");
    return;
  }
  layer.confirm('
音量设置：
 
', {
    title: "音量设置",
    success: function () {
      layui.use('slider', function () {
        var $ = layui.$
        , slider = layui.slider;
        //默认滑块
        slider.render({
          elem: '#slideTest1',
          change: function (value) {
            $("#slideTest1Value").val(value);
           console.log('当前数值：' + value);
          }
        });
      });
    }
  }, function () {
    var loadindex = layer.load();
    var data = {
      data: [id],
      volume: parseInt($("#slideTest1Value").val())
    }
    webapi.TVDoAction(data, "setVolume", function (res) {
      console.log(res);
      layer.close(loadindex);
      if (res.status == 200) {
        layer.closeAll();
        layer.msg("音量设置成功！");
      } else {
        layer.msg("命令发送失败：" + res.msg);
      }
    })
  }, function () { })
}
IndexPage.prototype.showTVScreenshot = function (id, state) {
  if (state != "1") {
    // layer.msg("设备离线，无法控制");
    return;
  }
  layer.load();
  webapi.getTVScreenshot(id, function (res) {
    layer.closeAll();
    console.log(res);
    if (res.status == 200 && res.data) {
      var width = res.data.width;
      var height = res.data.height;
      if (width > 1000) {
        width = 1000;
        height = height * 1000 / res.data.width;
      }
      if (window.parent && window.parent.parent && window.parent.parent.openAutoRoute) {
        window.parent.parent.openAutoRoute();
      }
      layer.open({
        type: 1,
        shade: 0.8,
        skin: 'myLayer',
        title: res.data.programName + "-信息展示",
        area: [width + "px", (height + 50) + "px"],
        content: "",
        cancel: function () {
          if (window.parent && window.parent.parent && window.parent.parent.closeAutoRoute) {
            window.parent.parent.closeAutoRoute();
          }
        },
        success: function () {
        }
      });
    } else {
      layer.msg("获取失败：" + res.msg);

    }
  })
}
//=============电梯==========================
IndexPage.prototype.liftPage = function (id, name) {
   $("#chart_" + id).show();
   createCSystemStatic(id, name, config.lift.deviceTypeId,true);
   
     var data = indexPage.liftVideoCache;
     if (data && data.length > 0) {
       $("#lift_title_1").html(data[0].label);
       $("#lift_title_2").html(data[1].label);
         indexPage.commonFunc.addVideo("lift_video1", config.videoBaseUrl, data[0].value);
         $("#lift_video1_title").html(data[0].label);
         indexPage.commonFunc.addVideo("lift_video2", config.videoBaseUrl, data[1].value);
         $("#lift_video2_title").html(data[1].label);
       }
     
}
IndexPage.prototype.showVideoWin = function (index) {
  var data = indexPage.liftVideoCache;
  var videoobj = data[index];
  if (window.parent && window.parent.parent && window.parent.parent.openAutoRoute) {
    window.parent.parent.openAutoRoute();
  }

  html = '
\
       \
      
\');" src="../img/pics/icons/play-filling.png" style="width:60px;height:60px;"/>
\
     ';
  layer.open({
    type: 1,
    shade: 0.8,
    skin: 'myLayer',
    title: videoobj.label + "-实时视频",
    area: ["450px", "350px"],
    content: html,
    cancel: function () {
      if (window.parent && window.parent.parent && window.parent.parent.closeAutoRoute) {
        window.parent.parent.closeAutoRoute();
      }
    },
    success: function () {
    }
  });
}
//=============消防==============================
IndexPage.prototype.firePage = function (id, name) {
   $("#chart_" + id).show();
   createCSystemStatic(id, name, config.fire.deviceTypeId);
 

}
//==============空调=============================
IndexPage.prototype.aircontrolPage = function (id, name) {
  var _this = this;
  $("#chart_" + id).show();
  createCSystemStatic(id, name, config.aircontrol.deviceTypeId, false, function (result) {
    _this.showAircontrolListDetail(result);
  });
}
IndexPage.prototype.showAircontrolListDetail = function (result) {
  var _this = this;
  var html = "";
  var meteids = [];
  result = result.sort(function (a, b) { return b.onlineState - a.onlineState });
  result = result.sort(function (a, b) { return b.type - a.type });
  $.each(result, function (_index, _obj) {
    html += _this.showAircontrolDetail(_obj);
    $.each(_obj.extra, function (_eindex, _eobj) {
      if (_eobj.key == "开关") {
        meteids.push(_eobj.value);
      }
      if (_eobj.key == "模式") {
        meteids.push(_eobj.value);
      }
      if (_eobj.key == "温度") {
        meteids.push(_eobj.value);
      }
    });
  });
  $("#aircontrol_2").html(html);
  _this.getOpenCloseState(meteids);
}
IndexPage.prototype.showAircontrolDetail = function (_obj, td) {
  var data_openid = "";
  var data_zlid = "";
  var data_tempid = "";
  var data_ms = "";
  var data_temp = "";
  $.each(_obj.extra, function (_eindex, _eobj) {
    if (_eobj.key == "开关") {
      data_openid = _eobj.value;
    }
    if (_eobj.key == "模式") {
      data_ms = _eobj.value;
    }
    if (_eobj.key == "温度") {
      data_temp = _eobj.value;
    }
    if (_eobj.key == "模式控制") {
      data_zlid = _eobj.value;
    }
    if (_eobj.key == "温度控制") {
      data_tempid = _eobj.value;
    }
  });
  var html = '
"">\
            
' + (_obj.type == 1 ? '' : "") + '\
              ' + _obj.name + '\
              ' + (_obj.onlineState == 1 ? "在线" : "离线") + '\
            
\
            
\
              
">\
               模式">温度\
              
\
              
\
                空调开关：\
    
\')">开
\
              
\
              
\
                
)" >\
                  制冷\
                
\
                
)" >\
                  制热\
                
\
              
\
              
)">\
                温度调节\
              
\
              
\
               位置：' + _obj.shortAddress + '\
              
\
            
\
          
';
  return html;
}
IndexPage.prototype.getOpenCloseState= function (meteIDs) {
  webapi.bulkGetRealTimeData(meteIDs, function (data) {
    if (data && data.length > 0) {
      $.each(data, function (_dindex, _dobj) {

        $("div[data-modelmeteid='" + _dobj.pointId + "']").css("color", _dobj.value + "" == "2" ? "#C3EEFF" : "#FF8484");
        $("font[data-modelmeteid='" + _dobj.pointId + "']").html( _dobj.value+""=="2"?"制冷":"制热");
        $("font[data-tempmeteid='" + _dobj.pointId + "']").html( _dobj.value + "℃");
        

        $("div[data-openid='" + _dobj.pointId + "']").attr("data-state", _dobj.value)
        $(".airControlLi_btn_1[data-openmeteid='" + _dobj.pointId + "']").attr("data-state", _dobj.value)
        $(".airControlLi_divBtn2[data-openmeteid='" + _dobj.pointId + "']").attr("data-state", _dobj.value)
        if (_dobj.value + "" == "0") {
          $("font[data-modelopenid='" + _dobj.pointId + "']").hide();
          $("font[data-tempopenid='" + _dobj.pointId + "']").hide();

          $("div[data-openid='" + _dobj.pointId + "']").html("关")
          $("div[data-openid='" + _dobj.pointId + "']").attr("class", "airControlLi_openClose closeBtn")
          $(".airControlLi_btn_1[data-openmeteid='" + _dobj.pointId + "']").attr("class", "airControlLi_btn_1 nouse");
          $(".airControlLi_divBtn2[data-openmeteid='" + _dobj.pointId + "']").attr("class", "airControlLi_divBtn2 nouse");
        }else{
          $("font[data-modelopenid='" + _dobj.pointId + "']").show();
          $("font[data-tempopenid='" + _dobj.pointId + "']").show();
          $("div[data-openid='" + _dobj.pointId + "']").html("开")
          $("div[data-openid='" + _dobj.pointId + "']").attr("class", "airControlLi_openClose")
          $(".airControlLi_btn_1[data-openmeteid='" + _dobj.pointId + "']").attr("class", "airControlLi_btn_1");
          $(".airControlLi_divBtn2[data-openmeteid='" + _dobj.pointId + "']").attr("class", "airControlLi_divBtn2");
        }
      });
    }
  })
}
IndexPage.prototype.setCoolTemp = function (serialNumber,td) {
  if ($("#airControlBtn1_"  +(td ? td + "_" : "") + serialNumber).attr("data-state")=="0") {

    return;
  }
  layer.confirm("是否确认调节为制冷模式", { title: "调节为制冷模式" }, function () {
    var loadindex=layer.load();
    var meteid = "";
    var airlist = webapi.DeviceListCache["deviceType_" + config.aircontrol.deviceTypeId];
    if (airlist && airlist.length > 0) {

      $.each(airlist, function (_index,_obj) {
        if (_obj.serialNumber == serialNumber) {
          $.each(_obj.extra, function (_eindex, _eobj) {
            if (_eobj.key == "模式控制") {
              meteid = _eobj.value;
            }
          })
        }
      });
    }
    webapi.bulkSetRealTimeData(meteid, 2, function (res) {
      layer.close(loadindex);
      if (res.status == 200) {
        layer.closeAll();
        layer.msg("调节为制冷模式成功");
      } else {
        console.log(res);
        layer.msg("调节为制冷模式异常：" + res.msg);
      }
    })
  }, function () { })
}
IndexPage.prototype.setHotTemp = function (serialNumber, td) {

  if ($("#airControlBtn2_"  +(td ? td + "_" : "") + serialNumber).attr("data-state") == "0") {

    return;
  }
  layer.confirm("是否确认调节为制热模式", { title: "调节为制热模式" }, function () {
    var loadindex = layer.load();
    var meteid = "";
    var airlist = webapi.DeviceListCache["deviceType_" + config.aircontrol.deviceTypeId];
    if (airlist && airlist.length > 0) {
      $.each(airlist, function (_index, _obj) {
        if (_obj.serialNumber == serialNumber) {
          $.each(_obj.extra, function (_eindex, _eobj) {
            if (_eobj.key == "模式控制") {
              meteid = _eobj.value;
            }
          })
        }
      });
    }
    webapi.bulkSetRealTimeData(meteid,1, function (res) {
      layer.close(loadindex);
      if (res.status == 200) {
        layer.closeAll();
        layer.msg("调节为制热模式成功");
      } else {
        console.log(res);
        layer.msg("调节为制热模式异常：" + res.msg);
      }
    })
  }, function () { })
}
IndexPage.prototype.airControlCloseOpenBtn = function (devControlBtnId) {
  var className = $("#" + devControlBtnId).attr("class");
  var serialNumber = devControlBtnId.split("_")[devControlBtnId.split("_").length - 1];
  if (className.indexOf("closeBtn")< 0) {
    layer.confirm("是否确认关闭", { title: "远程关闭" }, function () {
      var loadindex = layer.load();
      var meteid = "";
      var airlist = webapi.DeviceListCache["deviceType_" + config.aircontrol.deviceTypeId];
      if (airlist && airlist.length > 0) {
        $.each(airlist, function (_index, _obj) {
          if (_obj.serialNumber == serialNumber) {
            $.each(_obj.extra, function (_eindex, _eobj) {
              if (_eobj.key == "开关控制") {
                meteid = _eobj.value;
              }
            })
          }
        });
      }
      webapi.bulkSetRealTimeData(meteid, 0, function (res) {
        layer.close(loadindex);
        if (res.status == 200) {
          layer.closeAll();
          layer.msg("远程关闭成功");
          //修改按钮样式
          $("#" + devControlBtnId).attr("class", "airControlLi_openClose closeBtn");
          $("#" + devControlBtnId).html("关");
          $("#airControlBtn1_" + serialNumber).attr("class", "airControlLi_btn_1 nouse");
          $("#airControlBtn2_" + serialNumber).attr("class", "airControlLi_btn_1 nouse");
          $("#airControlBtn3_" + serialNumber).attr("class", "airControlLi_divBtn2 nouse");
          $("#airControlBtn1_" + serialNumber).attr("data-state", "0");
          $("#airControlBtn2_" + serialNumber).attr("data-state", "0");
          $("#airControlBtn3_" + serialNumber).attr("data-state", "0");
          $("#airControlLi_DivBottomImg_" + serialNumber+" font").hide();

          

        } else {
          console.log(res);
          layer.msg("远程关闭异常：" + res.msg);
        }
      })
    }, function () { })
  } else {
    layer.confirm("远程开启", { title: "远程开启" }, function () {
      var loadindex = layer.load();
      var timelong = parseInt($("#timeLong").val());
      var meteid = "";
      var airlist = webapi.DeviceListCache["deviceType_" + config.aircontrol.deviceTypeId];
      if (airlist && airlist.length > 0) {
        $.each(airlist, function (_index, _obj) {
          if (_obj.serialNumber == serialNumber) {
            $.each(_obj.extra, function (_eindex, _eobj) {
              if (_eobj.key == "开关控制") {
                meteid = _eobj.value;
              }
            })
          }
        });
      }
      webapi.bulkSetRealTimeData(meteid, 1, function (res) {
        layer.close(loadindex);
        if (res.status == 200) {
          layer.closeAll();
          layer.msg("远程开启成功");

          //修改按钮样式
          $("#" + devControlBtnId).attr("class", "airControlLi_openClose");
          $("#" + devControlBtnId).html("开");

          $("#airControlBtn1_" + serialNumber).attr("class", "airControlLi_btn_1");
          $("#airControlBtn2_" + serialNumber).attr("class", "airControlLi_btn_1");
          $("#airControlBtn3_" + serialNumber).attr("class", "airControlLi_divBtn2");

          $("#airControlBtn1_" + serialNumber).attr("data-state", "1");
          $("#airControlBtn2_" + serialNumber).attr("data-state", "1");
          $("#airControlBtn3_" + serialNumber).attr("data-state", "1");

          $("#airControlLi_DivBottomImg_" + serialNumber + " font").show();
        } else {
          console.log(res);
          layer.msg("远程开启失败：" + res.msg);
        }
      })
    }, function () { })
  }
}
IndexPage.prototype.setAirConfigTempTure = function (serialNumber, td) {

  if ($("#airControlBtn3_" +(td ? td + "_" : "") + serialNumber).attr("data-state") == "0") {
    return;
  }
  layer.confirm('
温度：
', {
    title: "温度设置",
    success: function (){
      layui.use('slider', function () {
        var $ = layui.$
        , slider = layui.slider;
        //默认滑块


        var ins1 = slider.render({
          elem: '#slideTest1',
          min: 16 //最小值
        , max: 30, //最大值
          change: function (value) {
            $("#slideTest1Value").val(value);
            //  console.log('当前数值：' + value);
          }
        });
     

        //获取值
        var meteid = "";
        var airlist = webapi.DeviceListCache["deviceType_" + config.aircontrol.deviceTypeId];
        if (airlist && airlist.length > 0) {
          $.each(airlist, function (_index, _obj) {
            if (_obj.serialNumber == serialNumber) {
              $.each(_obj.extra, function (_eindex, _eobj) {
                if (_eobj.key == "温度") {
                  meteid = _eobj.value;
                }
              })
            }
          });
        }
        webapi.bulkGetRealTimeData([meteid], function (data) {
          if (data && data.length > 0) {
            $.each(data, function (_dindex, _dobj) {
            ins1.setValue(parseInt(_dobj.value)-16);
            });
          }
        })
       

      });

   
    }
  }, function () {
  
    var loadindex = layer.load();
    var meteid = "";
    var airlist = webapi.DeviceListCache["deviceType_" + config.aircontrol.deviceTypeId];
    if (airlist && airlist.length > 0) {
      $.each(airlist, function (_index, _obj) {
        if (_obj.serialNumber == serialNumber) {
          $.each(_obj.extra, function (_eindex, _eobj) {
            if (_eobj.key == "温度控制") {
              meteid = _eobj.value;
            }
          })
        }
      });
    }
    webapi.bulkSetRealTimeData(meteid, parseInt($("#slideTest1Value").val()), function (res) {
      layer.close(loadindex);
      console.log(res);
      if (res.status == 200) {
        layer.closeAll();
        layer.msg("设置成功！");
      } else {
        layer.msg("命令发送失败：" + res.msg);
      }
    })
  }, function () { })
 
}
//===============环境============================
IndexPage.prototype.environmentPage = function (id, name) {
  var _this = this;
  $("#chart_" + id).show();
   createCSystemStatic(id, name, config.environment.deviceTypeId, false, function (result) {
     _this.showEnvironmentListDetail(result);
   });
}

IndexPage.prototype.showEnvironmentListDetail = function (result) {
  var _this = this;
  var html = "";
  var meteids = [];
  result = result.sort(function (a, b) { return b.onlineState - a.onlineState });
  $.each(result, function (_index, _obj) {
    var hobj = _this.showEnvironmentDetail(_obj);
    html += hobj.html;
    meteids = meteids.concat(hobj.meteids);
  });
  $("#environment_2").html(html);
  setTimeout(function () { 
    _this.flashEnvironmentDetailValue(meteids);
  }, 200);
  if (_this.flashEnvironmentDetailValueInterval) {
    clearInterval(_this.flashEnvironmentDetailValueInterval);
  }
  _this.flashEnvironmentDetailValueInterval = setInterval(function () {
    if (_this.currentMebuType == "environment" && meteids.length>0) {
      _this.flashEnvironmentDetailValue(meteids);
    } else {
      clearInterval(_this.flashEnvironmentDetailValueInterval);
    }
  },5000);
}
IndexPage.prototype.flashEnvironmentDetailValueInterval = null;
IndexPage.prototype.flashEnvironmentDetailValue = function (meteids) {
  var _this=this;
  webapi.bulkGetRealTimeData(meteids, function (data) {
    if (data && data.length > 0) {
      $.each(data, function (_dindex, _dobj) {
        var keyname = $("#devParamValue_" + _dobj.pointId).attr("data-keyname");
        if (keyname) {
          if (keyname.indexOf("温度") >= 0) {
            _dobj.value += "℃";
          } else if (keyname.indexOf("湿度") >= 0) {
            _dobj.value += "%";
          }
        }
        console.log("#devParamValue_" + _dobj.pointId)
        console.log(_dobj.value)
        $("#devParamValue_" + _dobj.pointId).html(_dobj.value);
      });
    }
  });

}
IndexPage.prototype.showEnvironmentDetail = function (_obj) {
  var html = ' 
" style="height:auto;">\
            
\
              ' + _obj.name + '\
              ' + (_obj.onlineState == 1 ? "在线" : "离线") + '\
            
\
            
';
  var meteids = [];
  if (_obj && _obj.extra && _obj.extra.length > 0) {
  
    $.each(_obj.extra, function (_eindex, _eobj) {
      if (_eobj.key.indexOf("控制") < 0) {
        html += '        
\
                      
\
                        ' + _eobj.key+ '：\
                      
\
                      
">\
                       \
                      
\
                    '; 
        meteids.push(_eobj.value);
      }
    });
  } 
  html += ' 
\
            
\
              
\
                位置：\
               ' + _obj.shortAddress + '\
              
\
              
\')">\
                查看报警记录\
              
\
            
\
            
';
           return {
             html:html,
             meteids:meteids
           };
}
IndexPage.prototype.showMetesValueDetail = function (objname) {

    var devType = objname.split("_")[1];
    var devId = objname.split("_")[3];
    var devName = objname.split("_")[4];
    var devdatas = modelList[devType].data;
    var devinfo = null;
    $.each(devdatas, function (_index, _obj) {
        if (_obj.id == devId) {
            devinfo = _obj;
        }
    })
    var html = ' 
">\
            
\
              ' + devName + '\
            
\
            
';
  html += ' 
\
            
\
              
\
                位置：\
               ' + devinfo.shortAddress + '\
              
\
              
\')">\
                查看更多\
              
\
            
\
            
';
  setTimeout(function () {
  webapi.getDevValue(devId, function (response) {
          if (response && response.result ) {
              _obj = response.result;
              if (_obj && _obj.values && _obj.values.length > 0) {
                  var _mhtml = "";
                  $.each(_obj.values, function (_eindex, _eobj) {
                      {
                          if(_eobj.key){
                          
                      
                          _eobj.sValue2 = _eobj.sValue;
                          if (_eobj.sValue == "END") {
                              _eobj.sValue2 = "无告警"
                          } else if (_eobj.sValue == "BEGIN") {
                              _eobj.sValue2 = "告警"
                          }
 
                          _mhtml += '        
\
                      
\
                        ' + _eobj.meteName + '：\
                      
\
                      
' + _eobj.sValue2 + (_eobj.unit ? _eobj.unit : "") + '\
                      
\
                    ';
                          }
                      }
                  });
                  if (_obj.objState == "OFFLINE") {
                    
                      $("#showMetes_" + devId).attr("class", "fireLi_Div3D offline");
                  }
                  $("#showMeteContent3D_" + devId).html(_mhtml);
              }
          } else {
              console.log("error:获取设备失败,eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee");
          }
      }); 
  }, 200);
  return html;
  
}

IndexPage.prototype.showAirControlMetesValueDetail = function (seobj) {
  var _obj = seobj;
  var html = ' 
" style="width:270px;">\
            
\
              ' + _obj.name + '\
            
\
            
';
  var meteids = [];
  if (_obj && _obj.extra && _obj.extra.length > 0) {

    $.each(_obj.extra, function (_eindex, _eobj) {
      if (_eobj.key.indexOf("控制") < 0) {
        html += '        
\
                      
\
                        ' + _eobj.key + '：\
                      
\
                      
">\
                       \
                      
\
                    ';
        meteids.push(_eobj.value);
      }
    });

  }
  html += ' 
\
            
\
              
\
                位置：\
               ' + _obj.shortAddress + '\
              
\
            
\
            
';
  webapi.bulkGetRealTimeData(meteids, function (data) {
    if (data && data.length > 0) {
      $.each(data, function (_dindex, _dobj) {
        var keyname = $("#devParamValue3D_" + _dobj.pointId).attr("data-keyname");
        if (keyname) {

          if (keyname.indexOf("开关") >= 0) {
            _dobj.value = (_dobj.value == 0 ? "关" : "开");
          } else if (keyname.indexOf("模式") >= 0) {
            _dobj.value = (_dobj.value == 1 ? "制热" : "制冷");
          } else if (keyname.indexOf("报警状态") >= 0) {
            _dobj.value = (_dobj.value == 0 ? "正常" : "告警");
          } else if (keyname.indexOf("状态") >= 0) {
            _dobj.value = (_dobj.value == 0 ? "停止" : "开启");
          }
        }
        $("#devParamValue3D_" + _dobj.pointId).html(_dobj.value);
        $("#devParamValue_" + _dobj.pointId).html(_dobj.value);
      });
    }
  })
  return html;

}

IndexPage.prototype.showAllMeteListByDev = function (devId) {
    $('#devMeteListResult').html("");
    var _this = this;
    layer.open({
        type: 1,
        shade: 0.8,
        skin: 'myLayer',
        title: false,
        area: ["700px", "615px"],
        content: $('#devAllMeteList'),
        colseBtn: 0,
        cancel: function () {
          
        },
        success: function () {

            webapi.getDevValue(devId, function (response) {
                if (response && response.result) {

                    _obj = response.result;
                    $("#devTitle").html(_obj.objName )
                    if (_obj && _obj.values && _obj.values.length > 0) {
                        var _mhtml = "";
                        _obj.values = _obj.values.sort(function (a, b) { return a.sort - b.sort });
                        $.each(_obj.values, function (_eindex, _eobj) {
                            if (_eobj.key) {



                                _eobj.sValue2 = _eobj.sValue;
                                if (_eobj.sValue == "END") {
                                    _eobj.sValue2 = "无告警"
                                } else if (_eobj.sValue == "BEGIN") {
                                    _eobj.sValue2 = "告警"
                                }

                                _mhtml += '        
\
                      
\
                        ' + _eobj.meteName + '：\
                      
\
                      
' + _eobj.sValue2 + '\
                      
\
                    ';

                            }
                        });
                        _mhtml += '
';
                        $.each(_obj.values, function (_eindex, _eobj) {
                            if (!_eobj.key) {


                                _eobj.sValue2 = _eobj.sValue;
                                if (_eobj.sValue == "END") {
                                    _eobj.sValue2 = "无告警"
                                } else if (_eobj.sValue == "BEGIN") {
                                    _eobj.sValue2 = "告警"
                                }

                                _mhtml += '        
\
                      
\
                        ' + _eobj.meteName + '：\
                      
\
                      
' + _eobj.sValue2 + '\
                      
\
                    ';

                            }
                        });
                        $("#devMeteListResult").html(_mhtml);
                    }
                } else {
                    console.log("error:获取设备失败,eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee");
                }
            });

        }
    });
   
    
}
IndexPage.prototype.showEDevAlarmListByDev = function (devId) {

  var _this = this;
  layer.open({
    type: 1,
    shade: 0.8,
    skin: 'myLayer',
    title: false,
    area: ["700px", "615px"],
    content: $('#devAlarmList'),
    colseBtn:0,
    cancel: function () {
      _this.runAutoRoute = false;
      if (indexPage.showAutoRunRouteTimeIndex) {
        clearTimeout(indexPage.showAutoRunRouteTimeIndex);
      }
      if (window.parent && window.parent.parent && window.parent.parent.closeAutoRoute) {
        window.parent.parent.closeAutoRoute();
      }
    },
    success: function () {
    
      var StartTime = new Date().format("yyyy-MM-01 00:00:00");
      var EndTime = new Date().format("yyyy-MM-dd hh:mm:ss");
      $("#alarmStartTime").val(StartTime);
      $("#alarmEndTime").val(EndTime);
      $("#selectEAlarmDevid").val(devId);
      _this.showAlarmListByDev(devId, StartTime, EndTime);
    }
  });
}
IndexPage.prototype.showAlarmListByDev = function (devId, StartTime, EndTime) {
  var layerLoadindex = layer.load();
  webapi.getAlarmDataList(function (records) {
    layer.close(layerLoadindex);
      if (records && records.length > 0) {
        if ($("#alarmDevSort").val() == 1) {
          records = records.sort(function (a, b) {

            return new Date(a.createTime).getTime() - new Date(b.createTime).getTime()
          })
        } else {
          records = records.sort(function (a, b) {
            return new Date(b.createTime).getTime() - new Date(a.createTime).getTime()
          })
        }
        console.log(records);
        var _html = '';
        $.each(records, function (_index, _obj) {

          if (_obj.device) {
            _html += '
\
            \
              \
                \
                \
                \
                \
                \
                \
              \
            
报警类型
' + _obj.message + '
报警时间
' + _obj.createTime + '
解除时间
' + _obj.updateTime + '
\
          ';
          }
        });
        $("#devAlarmListResult").html(_html);
      } else {
        $("#devAlarmListResult").html("
查无数据
");

      }
  }, devId,StartTime, EndTime);

}
//==============广播============================
IndexPage.prototype.radioPage = function (id, name) {
  var _this = this;
  $("#chart_" + id).show();
  createCSystemStatic(id, name, config.radio.deviceTypeId, false, function (result) {
    _this.showRadioListDetail(result);
  });
}
IndexPage.prototype.showRadioListDetail = function (result) {
  var _this = this;
  var html = "";
  result = result.sort(function (a, b) { return b.onlineState - a.onlineState });
  $.each(result, function (_index, _obj) {
      html += _this.showRadioDetail(_obj);
  });
  $("#radio_2").html(html);
}
IndexPage.prototype.showRadioDetail = function (_obj, td) {

  var html = '  
"">\
            
\
              ' + _obj.name + '\
              ' + (_obj.onlineState == 1 ? "在线" : "离线") + '\
            
\
            
\
              \
              
\
                音量调节：\
\')">\
               \
             
\
              
\
            
\
          
';
  //
开
\
  return html;
}

IndexPage.prototype.setRadioVolume = function (id, state) {
  if (state != "1") {
    layer.msg("设备离线，无法控制");
    return;
  }
  layer.confirm('
音量设置：
 
', {
    title: "音量设置",
    success: function () {
      layui.use('slider', function () {
        var $ = layui.$
        , slider = layui.slider;
        //默认滑块
        slider.render({
          elem: '#slideTest1',
          min: 0 //最小值
        , max: 15, //最大值,
          change: function (value) {
            $("#slideTest1Value").val(value);
            console.log('当前数值：' + value);
          }
        });
      });
    }
  }, function () {
    var data = {
      data: [id],
      volume: parseInt($("#slideTest1Value").val())
    }
    webapi.setmachinecodece(id, parseInt($("#slideTest1Value").val()), function (res) {
      console.log(res);
      if (res.msg && res.status!=200) {
        layer.msg(res.msg);
      }else{
        layer.closeAll();
      }
    });
   
  }, function () { })
}
IndexPage.prototype.RadioCloseOpenBtn = function (devControlBtnId) {
  var className = $("#" + devControlBtnId).attr("class");
  var devid = devControlBtnId.split("_")[devControlBtnId.split("_").length - 1];
  if (className.indexOf("closeBtn") >= 0) {
    layer.msg("远程关机接口异常");
    return;
    layer.confirm("是否确认关机", { title: "远程关机" }, function () {
      
      //webapi.remoteDoorCloseById(devid, function (res) {
      //  if (res.status == 200) {
      //    layer.closeAll();
      //    layer.msg("远程关机成功");
      // //   $("#" + devControlBtnId).attr("class", "doorLi_openClose closeBtn");
      //  } else {
      //    console.log(res);
      //    layer.msg("远程关机异常：" + res.msg);
      //  }
      //})
    }, function () { })
  } else {
    layer.confirm("开门时长：秒", { title: "远程开门" }, function () {
      var timelong = parseInt($("#timeLong").val());
      webapi.remoteDoorOpenById(devid, timelong, function (res) {
        if (res.status == 200) {
          layer.closeAll();
          layer.msg("远程开门成功");
          $("#" + devControlBtnId).attr("class", "doorLi_openClose");
        } else {
          console.log(res);
          layer.msg("远程开门失败：" + res.msg);
        }
      })
    }, function () { })


  }
}
//==============摄像头============================
IndexPage.prototype.videooPage = function (id, name) {
  var _this = this;
  $("#chart_" + id).show();
   createCSystemStatic(id, name, config.video.deviceTypeId, false, function (result) {
     _this.showVideoListDetail(result);
   });
}


IndexPage.prototype.showVideoListDetail = function (result) {
  var _this = this;
  var html = "";
  result = result.sort(function (a, b) { return b.onlineState - a.onlineState });
  result = result.sort(function (a, b) { return b.status - a.status });
  var showNub = 0;
  $.each(result, function (_index, _obj) {
    if (showNub < 6) {
      showNub++;
    html += _this.showVideoDetail(_obj);
    }
  });
  $("#video_2").html(html);
  $.each(result, function (_index, _obj) {
    if (_index < 6) {
      if (_obj.stream) {
        indexPage.commonFunc.addVideo("videoList_" + _obj.id, config.videoBaseUrl, _obj.stream)
      }
    }
  });
 

}
IndexPage.prototype.showVideoDetail = function (_obj) {
  
  var html = '
"" style="width: 190px;height:110px; float: left;margin-left:20px;margin-top:15px;">\
       \
       
\
         ' + _obj.name + '\
         ' + (_obj.onlineState == 1 ? "在线" : "离线") + '\
       
\
     
';
  return html;
}
//电梯
IndexPage.prototype.showLiftDetailByModel = function (modelName) {
  $("#liftNub").html(config.liftRunningDetail[modelName].name);
  var cameraId = config.Videos[modelName];
  webapi.runningDetail(config.liftRunningDetail[modelName].identifier, function (data) {
    $("#nowFloor").html(data.floor);
    $("#liftequipmentStatus").html(data.equipmentStatus);
    $("#lifttimes").html(data.times);
    $("#liftmileage").html(data.mileage);
  });
}
function createCSystemStatic(id, count, onlineState) {
    $("#chart_" + id).show();
    var _html = "\
    ";
    _html += "
 
\
\
\
\
\
\
监测设备总数
0/个
在线总数
离线总数
0/个
0/个
\
 
";
    $("#" + id + "_chart").html(_html);
    $("#right_" + id + "_all").html(count);
    $("#right_" + id + "_offline").html(count - onlineState);
    $("#right_" + id + "_online").html(onlineState);
    var rate = 0;
    if (count > 0) {
        rate = onlineState / count;
    }
    createDevRunPercent("index_chart1", rate);
}

function createCSystemRoomsStatic(id, count, onlineState) {
    $("#chart_" + id).show();
    var _html = "\
    ";
    _html += "
 
\
\
\
\
\
\
监测房间数
0/个
在线总数
离线总数
0/个
0/个
\
 
";
    $("#" + id + "_chart").html(_html);
    $("#right_" + id + "_all").html(count);
    $("#right_" + id + "_offline").html(count - onlineState);
    $("#right_" + id + "_online").html(onlineState);
    var rate = 0;
    if (count > 0) {
        rate = onlineState / count;
    }
    createDevRunPercent("index_chart1", rate);
}
function createDevRunPercent(id,value) {
  $("#" + id).html("
");
     var myChart = echarts.init(document.getElementById(id + "_Chart"));
     let title = '运行率';
     let int = value.toFixed(2).split('.')[0];
     let float = value.toFixed(2).split('.')[1];
     var percent = parseInt(parseFloat(value.toFixed(2)) * 100)
     option = {
       title: {
         text: '{a|' + percent + '}{b|%}\n{c|' + title + '}',
         x: 'center',
         y: 'center',
         textStyle: {
           rich: {
             a: {
               fontSize: 28,
               color: '#fff',
               fontWeight: '600',
             },
             b: {
               fontSize: 16,
               color: '#fff',
               padding: [0, 0, 14, 0]
             },
             c: {
               fontSize: 16,
               color: '#fff',
               padding: [5, 0]
             }
           }
         }
       },
       series: [
         {
           type: 'gauge',
           radius: '100%',
           clockwise: false,
           startAngle: '90',
           endAngle: '-269.9999',
           splitNumber: 30,
           detail: {
             offsetCenter: [0, -20],
             formatter: ' '
           },
           pointer: {
             show: false
           },
           axisLine: {
             show: true,
             lineStyle: {
               color: [
                 [0, '#2CFAFC'],
                 [( 1 - (parseFloat(value.toFixed(2))==1?0.999: parseFloat(value.toFixed(2)))) , '#0ff'],
                 [1, '#0f232e']
               ],
               width: 20
             }
           },
           axisTick: {
             show: false
           },
           splitLine: {
             show: true,
             length: 100,
             lineStyle: {
               shadowBlur: 10,
               shadowColor: 'rgba(0, 255, 255, 1)',
               shadowOffsetY: '0',
               color: '#020f18',
               width: 2
             }
           },
           axisLabel: {
             show: false
           }
         },
         {
           type: 'pie',
           radius: ['74%', '75%'],
           hoverAnimation: false,
           clockWise: false,
           itemStyle: {
             normal: {
               color: '#0C355E'
             }
           },
           label: {
             show: false
           },
           data: _dashed()
         },

         {
           type: 'pie',
           radius: [0, '60%'],
           hoverAnimation: false,
           clockWise: false,
           itemStyle: {
             normal: {
               shadowBlur: 20,
               shadowColor: '#000',
               color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
                 offset: 0,
                 color: '#0FF',
               }, {
                 offset: 1,
                 color: '#060f20'
               }])
             }
           },
           label: {
             show: false
           },
           data: [100]
         },
         {
           type: 'pie',
           radius: ['94%', '95.5%'],
           hoverAnimation: false,
           clockWise: false,
           itemStyle: {
             normal: {
               shadowBlur: 20,
               shadowColor: 'rgba(0, 255, 255,.3)',
               color: '#0f232e'
             }
           },
           label: {
             show: false
           },
           data: [100]
         },
         {
           type: 'pie',
           radius: ['98%', '99.5%'],
           hoverAnimation: false,
           clockWise: false,
           itemStyle: {
             normal: {
               shadowBlur: 20,
               shadowColor: 'rgba(0, 255, 255,.3)',
               color: 'rgba(15, 35, 46,.6)',
             }
           },
           label: {
             show: false
           },
           data: [100]
         },
       ]
     };

     function _dashed() {
       let dataArr = [];
       for (var i = 0; i < 100; i++) {
         if (i % 2 === 0) {
           dataArr.push({
             name: (i + 1).toString(),
             value: 20,
             itemStyle: {
               normal: {
                 color: 'rgb(0,255,255,.3)',
               }
             }
           })
         } else {
           dataArr.push({
             name: (i + 1).toString(),
             value: 20,
             itemStyle: {
               normal: {
                 color: 'rgb(0,0,0,0)',
                 borderWidth: 1,
                 borderColor: "rgba(0,255,255,1)"
               }
             }
           })
         }

       }
       return dataArr

     }
    myChart.setOption(option);
}
//创建在线离线柱状图
function createDevNubs(id, allDates, onlinedatas) {
  $("#" + id).html("
");
  {
  var myChart = echarts.init(document.getElementById(id + "_Chart"));
  var salvProName = ["F13", "F12", "F11", "F10", "F9", "F8", "F7", "F6", "F5", "F4", "F3", "F2", "F1"];
  var salvProValue = onlinedatas;
  //for (var i = 0; i < 13; i++) {
  //  salvProValue.push(parseInt(Math.random()*100));
  //}
  var salvProMax = allDates;//背景按最大值
  //for (let i = 0; i < salvProValue.length; i++) {
  //  salvProMax.push(100)
  //}
  option = {
    grid: {
      left: '2%',
      right: '2%',
      bottom: '2%',
      top: '2%',
      containLabel: true
    },
    tooltip: {
      trigger: 'axis',
      axisPointer: {
        type: 'none'
      },
      formatter: function (params) {
        return params[0].name + ' : ' + params[0].value
      }
    },
    xAxis: {
      show: false,
      type: 'value'
    },
    yAxis: [{
      type: 'category',
      inverse: true,
      axisLabel: {
        show: true,
        textStyle: {
          color: '#fff',fontSize:9
        },
      },
      splitLine: {
        show: false
      },
      axisTick: {
        show: false
      },
      axisLine: {
        show: false
      },
      data: salvProName
    }, {
      type: 'category',
      inverse: true,
      axisTick: 'none',
      axisLine: 'none',
      show: true,
      axisLabel: {
        textStyle: {
          color: 'rgb(46,200,207,1)',
          fontSize: '10'
        },
      },
      data: salvProValue
    }],
    series: [{
      name: '值',
      type: 'bar',
      zlevel: 1,
      itemStyle: {
        normal: {
          barBorderRadius:9,
          color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
            offset: 0,
            color: 'rgb(46,200,207,0)'
          }, {
            offset: 1,
            color: 'rgb(46,200,207,1)'
          }]),
        },
      },
      barWidth: 4,
      data: salvProValue
    },
    {
      name: '背景',
      type: 'bar',
      barWidth: 4,
      barGap: '-100%',
      data: salvProMax,
      itemStyle: {
        normal: {
          color: 'rgba(24,31,68,1)',
          barBorderRadius: 9,
        }
      },
    },
    {
      name: '检查',
      type: 'pictorialBar',
      symbol: 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAZlBMVEUAAABe3uVe3+Vf3uVf3+Zf3uVg3+Zg3+Zf3+Vi4OZh4OZg3+Z86/Bh3+Zi4Odj4Odi4OZ86/B76/B86/Bj4ed56+9x5+xn4umB7/N87PB36e+A7/N+7fF/7vJ/7vJ+7fGA7/OB7/PReX+lAAAAIXRSTlMABQkVDREmIhk3MR10LEFFPHh7cUprXE35h2XnqMLAp+mHAG9cAAAB5ElEQVRIx83WjU7CMBQFYIoiKMqU/XUboHv/l/Tce7t2XamDNSacETEmX86tlK2rx4py150o+MstMBLwWRfHKo6JCVxLnvmFGBjFQ58oF1//sUZhGy/ClSTWObgnL4O+bkeN4nY2okfNMbkRt9/vtxz8InoTsWplJSCzFxPmO8+GpSIByX3YQAuGDWtRKhKjCnxDXhF6Z4yxnZ20Wgko7BMRDmxtSGVaI4kdTIgb+zTYoJQlIMlDlmUFgrcDWWC201qSayqlTkiCddWWeV62VU0YlnpRi9VOKaSUsiyq/N0krwq2Ugt7lVpZl5BfHNiytjagMi+XYp0kCR45hMlivVQrE/uU5pXSrCB5bM6d1t2lOZItMqmliT3q5uVxqxzyW/ccfYLNKx7ZTeykMvNyac2yt2Fbc61MHLSC0rwoxbiNdlQ3GBm1NLHQsHUrtEXppR/ljNpW6DbSCoqlFiVoN6YdaFlgsSFVPs1BdT8OaB5QyQzVcaqWDows/zepxR8ObLglTrdtCRVuRNj4Rrxh+//0ke2f8KVL+Kon3GCSbmsJN9OUW3j6g0Ns+LgCij2u0h+Sghc8mlMPBMgdx5DFh59VmOVHrvmDnoNxCz3J7MFWsMuaLyR089xz/xhlfijvwutR8gv3zk6BLUUeCgAAAABJRU5ErkJggg==',
      symbolSize: [18, 18], symbolPosition: 'end',
      symbolOffset: [8, 0],
      z: 12,
      data: salvProValue
    }
    ]
  };
  myChart.setOption(option);

  }
  {

    var myChart = echarts.init(document.getElementById(id + "_Chart2"));
    var salvProName = ["F13", "F12", "F11", "F10", "F9", "F8", "F7", "F6", "F5", "F4", "F3", "F2", "F1"];
    var salvProValue = [];
    //for (var i = 0; i < 13; i++) {
    //  salvProValue.push(parseInt(Math.random() *30));
    //}
    var offlineData = [];
    $.each(allDates, function (_i,_o) {
      offlineData.push(_o - onlinedatas[_i]);
    })
    salvProValue = offlineData;
    var salvProMax = allDates;//背景按最大值
    //for (let i = 0; i < salvProValue.length; i++) {
    //  salvProMax.push(100)
    //}
    option = {
      grid: {
        left: '2%',
        right: '2%',
        bottom: '0%',
        top: '2%',
        containLabel: true
      },
      tooltip: {
        trigger: 'axis',
        axisPointer: {
          type: 'none'
        },
        formatter: function (params) {
          return params[0].name + ' : ' + params[0].value
        }
      },
      xAxis: {
        show: false,
        type: 'value'
      },
      yAxis: [{
        type: 'category',
        inverse: true,
        axisLabel: {
          show: false,
          textStyle: {
            color: '#fff'
          },
        },
        splitLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLine: {
          show: false
        },
        data: salvProName
      }, {
        type: 'category',
        inverse: true,
        axisTick: 'none',
        axisLine: 'none',
        show: true,
        axisLabel: {
          textStyle: {
            color: '#ff8D63',
            fontSize: '10'
          },
        },
        data: salvProValue
      }],
      series: [{
        name: '值',
        type: 'bar',
        zlevel: 1,
        itemStyle: {
          normal: {
            barBorderRadius: 9,
            color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
              offset: 0,
              color: 'rgb(238,141,99,0)'
            }, {
              offset: 1,
              color: '#EE8D63'
            }]),
          },
        },
        barWidth: 4,
        data: salvProValue
      },
      {
        name: '背景',
        type: 'bar',
        barWidth: 4,
        barGap: '-100%',
        data: salvProMax,
        itemStyle: {
          normal: {
            color: 'rgba(24,31,68,1)',
            barBorderRadius: 9,
          }
        },
      }
      ]
    };
    myChart.setOption(option);

  }
}
function showDevDetail(objname) {
    //devType, devId, devName
    //"devLogo_" + _this.functionState +  "_" + _obj.type+"_" + _obj.id + "_" + _obj.name;
  
    var devType = objname.split("_")[1];
    var devId = objname.split("_")[3];
    var devName = objname.split("_")[4];
  var html = "设备信息";
  var height = "150px";
  var width = "100px";
    {
      switch (devType) {
       case "rooms": {
           html = '
';
           html += devName+' 
';
           height = "50px"
              width = "auto"
          } break;
          case "xzldb":
          case "xfmdyl":
              {
           html = indexPage.showMetesValueDetail(objname);
              height = "160px"
              width = "415px"
          } break;
      case "door": {
        html = indexPage.showDoorDetail(devDataInfo, "3d");
        setTimeout(function () {
          indexPage.getDoorState(true);
        }, 200)
        height = "220px"
        width = "185px"
      } break;
      case "aircontrol": {
        html = indexPage.showAirControlMetesValueDetail(devDataInfo);
        height = "150px"
        width = "270px"
      } break;
      case "radio": {
        html = indexPage.showRadioDetail(devDataInfo);
        height = "220px"
        width = "185px"

      } break;
      case "fire": {


      } break;
      case "TV": {
        html = indexPage.showTVDetail(devDataInfo, "3d");
        height = "250px"
        width = "185px"
      } break;
      case "video": {
        html = '
"" style="width: 190px;height:110px; float: left;">\
       \
       
\
         ' + devDataInfo.name + '\
         ' + (devDataInfo.onlineState == 1 ? "在线" : "离线") + '\
       
\
      
\');" src="../img/pics/icons/play-filling.png" style="width:60px;height:60px;"/>
\
     
';
        height = "140px";
        width = "220px";
        //if (devDataInfo.stream) {
        //setTimeout(function () {
        //  
        //}, 1000);
        //}
      } break;
      case "lift": { } break;
    }
  } 
  return {
    html:html,
    width: width,
    height: height,

  };
}
function showDevListByType(devType,list) {
  switch (devType) {
    case "door": { indexPage.showDoorListDetail(list); } break;
    case "aircontrol": { indexPage.showAircontrolListDetail(list); } break;
    case "radio": { indexPage.showRadioListDetail(list); } break;
    case "fire": { } break;
    case "TV": {indexPage.showTVListDetail(list);} break;
    case "video": { indexPage.showVideoListDetail(list); } break;
    case "environment": { indexPage.showEnvironmentListDetail(list); } break;
    case "lift": { } break;
  }
}
function getDevInfoByTypeIdAndDevId(tid,did) {
  var devDatas = webapi.DeviceListCache["deviceType_" + tid];
  var devinfo = null;
  $.each(devDatas, function (_index, _obj) {
    if (_obj.id == did) {
      devinfo = _obj;
    }
  });
  return devinfo;
}