| | |
| | | <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>
|
| | | <!--清除浮动-->
|
| | |
| | | <script type="text/javascript" src="js/loading.js"></script>
|
| | | <script type="text/javascript" src="src/layui.js"></script>
|
| | | <script type="text/javascript" src="src/layui.all.js"></script>
|
| | | <script type="text/javascript" src="pages/js/pages/homeInfo.js"></script>
|
| | | <script type="text/javascript">
|
| | | var permits;
|
| | | <% Object obj=session.getAttribute("permits");
|
| | |
| | | }
|
| | | },
|
| | | {
|
| | | text: '恢复正常',
|
| | | text: '退出全屏显示',
|
| | | callback: function(e) {
|
| | | // console.info(e);
|
| | | smallMap();
|
| | |
| | | Almarr.push(/*{
|
| | | name:"<s:text name='Capacity'/><s:text name='Alarm'/><s:text name='Alarm'/>",val:parseInt(data.BattGroupId) // 容量告警告警
|
| | | } ,*/{
|
| | | name:"<s:text name='On-line_voltage'/>",val:parseInt(data.Record_Id), // 在线电压 |
| | | },{
|
| | | name:"<s:text name='Group_voltage'/>",val:parseInt(data.MonNum), // 组端电压
|
| | | },{
|
| | | name:"<s:text name='Charging_current'/>",val:parseInt(data.alm_id), // 充电电流
|
| | |
| | | //创建电池告警饼状图
|
| | | 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);
|
| | | }
|
| | | |
| | | });
|
| | | }
|
| | | });
|
| | | }
|
| | |
| | | }
|
| | | $.ajax({
|
| | | type: "post",
|
| | | url: "BattPower_offAction!serchPowerOff", |
| | | //url: "BattPower_offAction!serchPowerOff", |
| | | url: "Bts_station_stateAction_action_serchPowerOff", |
| | | async:true,
|
| | | dataType:'text',
|
| | | data:null,
|
| | |
| | | //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) {
|
| | |
| | | var content = '<div style="padding:6px;"><span>蓄电池组告警数目:</span>'+data.code+'<a style="margin-left: 14px" href="javascript:loadToWarnPage();">详情>></a></div>'+
|
| | | '<div style="padding:6px;"><span>蓄电池组落后数目:</span>'+data.sum+'<a style="margin-left: 14px" href="javascript:loadToBehindPage();">详情>></a></div>'+
|
| | | '<div style="padding:6px;"><span>蓄电池组延时数目:</span>'+data.newsum+'<a style="margin-left: 14px" href="javascript:loadToDischargeDelay();">详情>></a></div>'+
|
| | | '<div style="padding:6px"><a href="javascript:loadToRealTime();">实时数据</a><a style="margin-left: 20px" href="javascript:loadToOldTime();">历史数据</a><a style="margin-left: 20px" href="javascript:showHomeInfo();">基站信息</a></div>'+
|
| | | '<div style="padding:6px"><a href="javascript:loadToRealTime();">实时数据</a><a style="margin-left: 20px" href="javascript:loadToOldTime();">历史数据</a>'+
|
| | | '<a style="margin-left: 20px" href="javascript:showHomeInfo('+data.data.StationId+');">基站信息</a></div>'+
|
| | | '<div style="padding:6px;"><span>地址:</span>'+data.data.Address+'</div>'+
|
| | | '<input type="hidden" class="ipt-hide home" value="'+data.data.StationName+'">'+
|
| | | '<input type="hidden" class="ipt-hide province" value="'+data.data.stationName1+'">'+
|
| | |
| | | function loadToHomeInfo() {
|
| | | var stationId = $('.ipt-hide').eq(1).val();
|
| | | //window.open('homeinfor.jsp?stationId='+stationId);
|
| | | }
|
| | | |
| | | // 显示机房信息
|
| | | function showHomeInfo() {
|
| | | var sid = $('.ipt-hide.sid').val();
|
| | | var temp = {
|
| | | StationId: sid
|
| | | };
|
| | | |
| | | // 查询基站的信息
|
| | | $.ajax({
|
| | | type: 'post',
|
| | | async: true,
|
| | | url: 'BattInfAction!serchBattAllInfoByStationId',
|
| | | data: 'json='+JSON.stringify(temp),
|
| | | dataType: 'json',
|
| | | success: function(result) {
|
| | | var rs = JSON.parse(result.result);
|
| | | if(rs.code == 1) {
|
| | | var data = rs.data;
|
| | | console.log(data);
|
| | | var rsData = formatHomeInfo(data);
|
| | | $('#homeInfoIframeData').data('data', rsData);
|
| | | // 显示面板
|
| | | layer.open({
|
| | | type: 2,
|
| | | title: '<i class="fa fa-home"></i>基站信息',
|
| | | area: ['960px', '524px'],
|
| | | fixed: false, //不固定
|
| | | maxmin: true,
|
| | | content: 'iframe/homeinfo.html'
|
| | | });
|
| | | }else {
|
| | | layer.msg('暂无基站信息!');
|
| | | }
|
| | | |
| | | }
|
| | | });
|
| | | }
|
| | | |
| | | // 格式化机房信息数据
|
| | | function formatHomeInfo(data) {
|
| | | var groupDefaults = {
|
| | | homeid: '',
|
| | | homename: '',
|
| | | homeip: '',
|
| | | groupid: '',
|
| | | groupname: '',
|
| | | ordernum: '',
|
| | | brand: '',
|
| | | model: '',
|
| | | monproperty: '',
|
| | | startusetime: '',
|
| | | chargecurr: '',
|
| | | chargevol: '',
|
| | | equipeinfo: '',
|
| | | person: ''
|
| | | };
|
| | | |
| | | var homeDefaults = {
|
| | | |
| | | };
|
| | | var rs = {
|
| | | tabc:[]
|
| | | };
|
| | | var tabc = rs.tabc;
|
| | | // 遍历data生成机房的值
|
| | | for(var i=0; i<data.length; i++) {
|
| | | var _data = data[i];
|
| | | var tmp = {};
|
| | | tmp.title = '电池组'+(i+1)+'信息';
|
| | | tmp.type = 'group';
|
| | | tmp.content = $.extend({}, groupDefaults);
|
| | | tmp.tshow = '';
|
| | | tmp.cshow = '';
|
| | | if(i==0) {
|
| | | tmp.tshow = 'layui-this';
|
| | | tmp.cshow = 'layui-show';
|
| | | }
|
| | | // 设置content的值
|
| | | var content = tmp.content;
|
| | | content.homeid = _data.StationId; // 机房id
|
| | | content.homename = _data.StationName; // 机房名称
|
| | | content.homeip = _data.StationIp; // 机房ip
|
| | | content.groupid = _data.BattGroupId; // 电池组id
|
| | | content.groupname = _data.BattGroupName; // 电池组名称
|
| | | content.ordernum = _data.GroupIndexInFBSDevice+1;// 电池组编号
|
| | | content.brand = _data.BattProducer; // 电池品牌
|
| | | content.model = _data.BattModel;
|
| | | var monproperty = '标称容量:'+_data.MonCapStd+'AH'+',标称单体电压:'+_data.MonVolStd+'V'+',标称内阻:'+_data.MonResStd.toFixed(3)+'mΩ'
|
| | | +',标称温度:'+_data.MonTmpStd+'℃'+',单体数量:'+_data.MonCount+'节'; |
| | | content.monproperty = monproperty;
|
| | | content.startusetime = new Date(_data.BattInUseDate).format('yyyy-MM-dd');
|
| | | content.chargecurr = _data.BattFloatCurrent;
|
| | | content.chargevol = _data.FloatVolLevel;
|
| | | var equipeinfo = '型号:'+_data.FBSDeviceName+',ID:'+_data.FBSDeviceId
|
| | | +',IP:'+_data.FbsDeviceIp+',BIndex:'+_data.GroupIndexInFBSDevice;
|
| | | content.equipeinfo = equipeinfo;
|
| | | content.person = '';
|
| | | |
| | | tabc.push(tmp);
|
| | | }
|
| | | |
| | | var home = data[0].binf_ex;
|
| | | var tmp = {};
|
| | | tmp.title = '基站信息';
|
| | | tmp.type = 'home';
|
| | | tmp.content = $.extend({}, homeDefaults);
|
| | | tmp.tshow = '';
|
| | | tmp.cshow = '';
|
| | | // 设置content的值
|
| | | var content = tmp.content;
|
| | | |
| | | tabc.push(tmp);
|
| | | // 返回结果集
|
| | | return rs;
|
| | | }
|
| | |
|
| | | // 获取echarts对象的opt
|
| | |
| | |
|
| | | 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);
|
| | | }
|
| | | });
|
| | | };
|
| | | });
|
| | |
|
| | | // 更新地图工具搜索机房
|