| | |
|---|
| | | <div class="map-info-detail">
|
|---|
| | | <div class="layui-collapse" lay-filter="test" lay-accordion="">
|
|---|
| | | <div class="layui-colla-item">
|
|---|
| | | <h2 class="layui-colla-title">定位机房</h2>
|
|---|
| | | <h2 class="layui-colla-title">搜索机房</h2>
|
|---|
| | | <div class="layui-colla-content layui-show">
|
|---|
| | | <table>
|
|---|
| | | <tbody>
|
|---|
| | | <tr>
|
|---|
| | | <td class="w5em alg-c f-bold">机房名称:</td>
|
|---|
| | | <td class="w5em alg-c f-bold"><span class="mrl8">机房名称:</span></td>
|
|---|
| | | <td><input type="text" id="mapToolSearch"></td>
|
|---|
| | | <td class="w54 btn-container">
|
|---|
| | | <button type="button" value="搜索" id="mapToolSearchBtn" class="mrr8"><i class="fa fa-search page-link"></i></button>
|
|---|
| | | </td>
|
|---|
| | | </tr>
|
|---|
| | | <tr>
|
|---|
| | | <td colspan="2" class="alg-r btn-container">
|
|---|
| | | <button type="button" value="搜索" id="mapToolSearchBtn" class="mrr8">搜索</button>
|
|---|
| | | <td colspan="3" class="btn-container">
|
|---|
| | | <span class="mrl8">已安装设备数/设备总数：<span id="installnum">12/600</span><i id="installnumbtn" class="fa fa-refresh mrl8 page-link" title="刷新"></i></span>
|
|---|
| | | </td>
|
|---|
| | | </tr>
|
|---|
| | | </tbody>
|
|---|
| | |
|---|
| | | <i class="fa fa-cog"></i>
|
|---|
| | | </a>
|
|---|
| | | </div>
|
|---|
| | | <!--电池故障修复图-->
|
|---|
| | | <div class="repair-pie module"></div>
|
|---|
| | | <!-- 电池故障饼状图 -->
|
|---|
| | | <div class="brdn-pie module"></div>
|
|---|
| | | <!-- 电池告警饼状图 -->
|
|---|
| | | <div class="warn-pie module"></div>
|
|---|
| | | <!--电池故障修复图-->
|
|---|
| | | <div class="repair-pie module"></div>
|
|---|
| | | <!--电池健康饼状图-->
|
|---|
| | | <div class="health-pie module"></div>
|
|---|
| | | <!--清除浮动-->
|
|---|
| | |
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | {
|
|---|
| | | text: '恢复正常',
|
|---|
| | | text: '退出全屏显示',
|
|---|
| | | callback: function(e) {
|
|---|
| | | // console.info(e);
|
|---|
| | | smallMap();
|
|---|
| | |
|---|
| | | //创建电池告警饼状图
|
|---|
| | | var warnTle="<s:text name='Battery_alarm_rate'/>"; /* 电池告警率 */
|
|---|
| | | createPie(warnPie,warnTle,Almarr);
|
|---|
| | | warnPie.on('click', function(param) {
|
|---|
| | | // 0:在线电压 1:组端电压 2:充电电流 3:放电电流 4:单体电压 5:容量告警 |
|---|
| | | if(param.dataIndex == 5) {
|
|---|
| | | |
|---|
| | | }else {
|
|---|
| | | window.open('elewarn.jsp?warntype='+param.dataIndex+'&warntxt='+param.name);
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | });
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | |
|---|
| | | //console.info(model);
|
|---|
| | | if((model.sum>=0) && (model.newsum>=0) && (model.newsum>=model.sum)){
|
|---|
| | | repairObj=[{name:"<s:text name='Computer_room'/><s:text name='Power_cut'/>",val:model.sum,color:'#FF0000'}, /*已停电机房*/
|
|---|
| | | {name:"<s:text name='Computer_room'/><s:text name='Not'/><s:text name='Power_cut'/>",val:model.newsum-model.sum,color:'#31CB36'}]; /* 未停电机房 */
|
|---|
| | | {name:"<s:text name='Computer_room'/><s:text name='Not'/><s:text name='Power_cut'/>",val:model.newsum-model.sum,color:'#31CB36'}, /* 未停电机房 */
|
|---|
| | | {name:"机房掉站", val: model.code}]; |
|---|
| | | }else{
|
|---|
| | | repairObj=[{name:"<s:text name='Computer_room'/><s:text name='Power_cut'/>",val:0,color:'#FF0000'}, /* 已停电机房 */
|
|---|
| | | {name:"<s:text name='Computer_room'/><s:text name='Not'/><s:text name='Power_cut'/>",val:model.sum,color:'#31CB36'}]; /* '未修复' */
|
|---|
| | | {name:"<s:text name='Computer_room'/><s:text name='Not'/><s:text name='Power_cut'/>",val:model.sum,color:'#31CB36'},
|
|---|
| | | {name:"机房掉站", val: model.code}]; /* '未修复' */
|
|---|
| | | }
|
|---|
| | | var repairTle="<s:text name='Computer_room'/><s:text name='Power_cut'/>"; /* '机房停电' */
|
|---|
| | | if(powercut_isNew){
|
|---|
| | |
|---|
| | | powercut_isNew = false;
|
|---|
| | | createPie(repairPie,repairTle,repairObj);
|
|---|
| | | repairPie.on('click', function() {
|
|---|
| | | window.open('powercut.jsp?power_state=0');
|
|---|
| | | window.open('batt-state-manage.jsp');
|
|---|
| | | });
|
|---|
| | | }else{
|
|---|
| | | var opt = getOpt(repairTle, repairObj);
|
|---|
| | |
|---|
| | | }
|
|---|
| | | //创建电池故障饼状图
|
|---|
| | | createPie(healthPie,healthTle,healthObj);
|
|---|
| | | |
|---|
| | | // 点击饼状图进行跳转
|
|---|
| | | healthPie.on('click', function(param) {
|
|---|
| | | window.open('taskplan.jsp'); // 跳转到落后单体查询
|
|---|
| | | });
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|---|
| | |
|
|---|
| | | // 普通机房描述
|
|---|
| | | function mapImgDescNormal(iconExplain) {
|
|---|
| | | // 机房落后
|
|---|
| | | // 落后机房
|
|---|
| | | var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
|
|---|
| | | var input = $('<input type="checkbox" data-img="item-behind" checked="checked">');
|
|---|
| | | var span = $('<span>电池落后机房</span>');
|
|---|
| | | var icon = $('<img src="'+mapImages.behind+'">');
|
|---|
| | | var span = $('<span>电池组落后机房</span>');
|
|---|
| | | var badge = $('<a href="javascript:;" class="layui-badge-rim mrr8 badge-behind">0</a>');
|
|---|
| | | iconList.append(input);
|
|---|
| | | iconList.append(span);
|
|---|
| | | iconList.append(icon);
|
|---|
| | | iconList.append(badge);
|
|---|
| | | iconExplain.append(iconList);
|
|---|
| | |
|
|---|
| | | // 机房告警
|
|---|
| | | // 告警机房
|
|---|
| | | var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
|
|---|
| | | var input = $('<input type="checkbox" data-img="item-warn" checked="checked">');
|
|---|
| | | var span = $('<span>电池告警机房</span>');
|
|---|
| | | var icon = $('<img src="'+mapImages.warn+'">');
|
|---|
| | | var span = $('<span>电池组告警机房</span>');
|
|---|
| | | var badge = $('<a href="javascript:;" class="layui-badge-rim mrr8 badge-warn">0</a>');
|
|---|
| | | iconList.append(input);
|
|---|
| | | iconList.append(span);
|
|---|
| | | iconList.append(icon);
|
|---|
| | | iconList.append(badge);
|
|---|
| | | iconList.append('<div class="clear"></div>');
|
|---|
| | | iconExplain.append(iconList);
|
|---|
| | |
|
|---|
| | | |
|---|
| | | // 掉站机房
|
|---|
| | | var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
|
|---|
| | | var input = $('<input type="checkbox" data-img="item-down" checked="checked">');
|
|---|
| | | var icon = $('<img src="'+mapImages.timeout+'">');
|
|---|
| | | var span = $('<span>掉站机房</span>');
|
|---|
| | | var badge = $('<a href="javascript:;" class="layui-badge-rim mrr8 badge-down">0</a>');
|
|---|
| | | iconList.append(input);
|
|---|
| | | iconList.append(span);
|
|---|
| | | iconList.append(icon);
|
|---|
| | | iconList.append(badge);
|
|---|
| | | //iconExplain.append(iconList);
|
|---|
| | |
|
|---|
| | | // 机房延时
|
|---|
| | | var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
|
|---|
| | |
|---|
| | | iconList.append(input);
|
|---|
| | | iconList.append(span);
|
|---|
| | | iconList.append(icon);
|
|---|
| | | iconExplain.append(iconList);
|
|---|
| | | //iconExplain.append(iconList);
|
|---|
| | |
|
|---|
| | | // 停电机房
|
|---|
| | | var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
|
|---|
| | | var input = $('<input type="checkbox" data-img="item-poff" checked="checked">');
|
|---|
| | | var icon = $('<img src="'+mapImages.powercut+'">');
|
|---|
| | | var span = $('<span>停电机房</span>');
|
|---|
| | | var badge = $('<a href="javascript:;" class="layui-badge-rim mrr8 badge-powercut">0</a>');
|
|---|
| | | iconList.append(input);
|
|---|
| | | iconList.append(span);
|
|---|
| | | iconList.append(icon);
|
|---|
| | | iconList.append(badge);
|
|---|
| | | iconExplain.append(iconList);
|
|---|
| | |
|
|---|
| | | // 正常机房
|
|---|
| | |
|---|
| | | var input = $('<input type="checkbox" data-img="item-normal" checked="checked">');
|
|---|
| | | var icon = $('<img src="'+mapImages.normal+'">');
|
|---|
| | | var span = $('<span>正常机房</span>');
|
|---|
| | | var badge = $('<a href="javascript:;" class="layui-badge-rim mrr8 badge-normal">0</a>');
|
|---|
| | | iconList.append(input);
|
|---|
| | | iconList.append(span);
|
|---|
| | | iconList.append(icon);
|
|---|
| | | iconList.append(badge);
|
|---|
| | | iconExplain.append(iconList);
|
|---|
| | | |
|---|
| | | // 续航不足3小时机房
|
|---|
| | | var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
|
|---|
| | | var input = $('<input type="checkbox" data-img="item-weak" checked="checked">');
|
|---|
| | | var icon = $('<img src="'+mapImages.normal+'">');
|
|---|
| | | var span = $('<span>续航不足3小时机房</span>');
|
|---|
| | | var badge = $('<a href="javascript:;" class="layui-badge-rim mrr8 badge-weak">0</a>');
|
|---|
| | | iconList.append(input);
|
|---|
| | | iconList.append(span);
|
|---|
| | | iconList.append(icon);
|
|---|
| | | iconList.append(badge);
|
|---|
| | | //iconExplain.append(iconList);
|
|---|
| | | |
|---|
| | | |
|---|
| | | }
|
|---|
| | | |
|---|
| | | // 更新地图图标badge的值
|
|---|
| | | function updateMapIconBadge() {
|
|---|
| | | var mapImgDesc = $('#mapImgDesc');
|
|---|
| | | var behind = mapImgDesc.find('.badge-behind'); // 电池落后机房
|
|---|
| | | var warn = mapImgDesc.find('.badge-warn'); // 电池告警机房
|
|---|
| | | var down = mapImgDesc.find('.badge-down'); // 掉站机房
|
|---|
| | | var powercut = mapImgDesc.find('.badge-powercut'); // 停电机房
|
|---|
| | | var normal = mapImgDesc.find('.badge-normal'); // 正常机房
|
|---|
| | | var weak = mapImgDesc.find('.badge-weak'); // 续航不足3小时机房
|
|---|
| | | }
|
|---|
| | | |
|---|
| | |
|
|---|
| | | // 61850描述
|
|---|
| | | function mapImgDesc61850(iconExplain) {
|
|---|
| | |
|---|
| | |
|
|---|
| | | return point;
|
|---|
| | | }
|
|---|
| | | // 点击设备安装状态的刷新按钮
|
|---|
| | | $('#installnumbtn').click(function() {
|
|---|
| | | getInstallNum(true);
|
|---|
| | | });
|
|---|
| | | |
|---|
| | | // 统计设备安装情况
|
|---|
| | | getInstallNum();
|
|---|
| | | // 获取当前已经安装的设备数目
|
|---|
| | | function getInstallNum(isLoad) {
|
|---|
| | | var load;
|
|---|
| | | // 查询后台数据
|
|---|
| | | $.ajax({
|
|---|
| | | type: 'post',
|
|---|
| | | async:true,
|
|---|
| | | url: 'BattInfAction!serchDevice',
|
|---|
| | | data: null,
|
|---|
| | | dataType: 'json',
|
|---|
| | | beforeSend: function(xhr) {
|
|---|
| | | if(isLoad) {
|
|---|
| | | load = layer.load(1);
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | },
|
|---|
| | | complete: function(xhr) {
|
|---|
| | | layer.close(load);
|
|---|
| | | },
|
|---|
| | | success: function(result) {
|
|---|
| | | // 格式化数据
|
|---|
| | | var rs = JSON.parse(result.result);
|
|---|
| | | var txt = rs.newsum+'/'+rs.sum;
|
|---|
| | | |
|---|
| | | // 更新文本值
|
|---|
| | | $('#installnum').text(txt);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | };
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | // 更新地图工具搜索机房
|
|---|
