| | |
| | | <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="3" class="alg-r btn-container">
|
| | | <span class="mrr8">已安装设备数/设备总数:<span id="installnum">12/600</span><i id="installnumbtn" class="fa fa-refresh mrl8 page-link" title="刷新"></i></span>
|
| | | |
| | | <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>
|
| | |
| | | }
|
| | | //创建电池故障饼状图
|
| | | 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) {
|
| | | // 核容/停电放电
|