| | |
| | | .elecircle-status li.elecircle-status-warn a { |
| | | color: #FF0000; |
| | | } |
| | | table.state-table { |
| | | width: 160px !important; |
| | | color: #0244f8; |
| | | } |
| | | .state-table th { |
| | | text-align: center; |
| | | } |
| | | table.state-table td { |
| | | border: none !important; |
| | | line-height: 20px; |
| | | text-align: center; |
| | | } |
| | | .tools-btn { |
| | | position: absolute; |
| | | top: .5em; |
| | |
| | | font-weight: bold; |
| | | padding-right: 1em; |
| | | } |
| | | .layui-card-header.primary { |
| | | background-color: #1495E7; |
| | | text-align: center; |
| | | color: #fff; |
| | | font-weight: bold; |
| | | } |
| | | </style> |
| | | |
| | | </head> |
| | |
| | | </li> |
| | | <li><span id="Warning">告警</span> |
| | | </li> |
| | | <li><span id="DevState" class="hide">均衡供电模块</span></li> |
| | | </ul> |
| | | </div> |
| | | <!-- <div id="ele_statue"></div> --> |
| | |
| | | <div style="" class="ele-circle"> |
| | | <canvas id="eleCircle" width="800" height="540"></canvas> |
| | | <div class="elecircle-status" id="eleCircleStatus"> |
| | | <ul> |
| | | <ul class="state-list"> |
| | | <li><i class="fa fa-rss"></i><a href="javascript:;">通讯正常</a></li> |
| | | <li class="elecircle-status-warn"><i class="fa fa-thermometer-half"></i><a href="javascript:;">设备内部过温告警</a></li> |
| | | </ul> |
| | | <table class="state-table"> |
| | | <thead> |
| | | <tr> |
| | | <th>编号</th> |
| | | <th>天数</th> |
| | | <th>模式</th> |
| | | <th>组压</th> |
| | | <th>峰压</th> |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | <tr> |
| | | <td>1</td> |
| | | <td>100</td> |
| | | <td>停止</td> |
| | | <td>48</td> |
| | | <td>48.5</td> |
| | | </tr> |
| | | <tr> |
| | | <td>1</td> |
| | | <td>100</td> |
| | | <td>停止</td> |
| | | <td>48</td> |
| | | <td>48.5</td> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | <div class="tools-btn"> |
| | | <a href="javascript:void(0);" id="setParamBtn" class="whyc-btn whyc-btn-disabled" id="specialGraphExport"> |
| | |
| | | <span class="whyc-btn-icon fa fa-stop-circle"></span> |
| | | <span class="whyc-btn-txt">停止测试</span> |
| | | </a> |
| | | <br> |
| | | <!-- 屏蔽养护除硫模块 --> |
| | | <div id="curingToolsBtn"> |
| | | <a href="javascript:void(0);" id="setCuringParamBtn" class="whyc-btn whyc-btn-disabled" id="specialGraphExport"> |
| | | <span class="whyc-btn-icon fa fa-play-circle"></span> |
| | | <span class="whyc-btn-txt">启动养护/除硫</span> |
| | | </a> |
| | | <br> |
| | | <a href="javascript:void(0);" id="stopCuring" class="whyc-btn whyc-btn-disabled"> |
| | | <span class="whyc-btn-icon fa fa-stop-circle"></span> |
| | | <span class="whyc-btn-txt" id="stopCuringBtn">停止养护/除硫</span> |
| | | </a> |
| | | </div> |
| | | <br> |
| | | <a href="javascript:void(0);" id="battInfoBtn" class="whyc-btn whyc-btn-disabled" id="specialGraphExport"> |
| | | <span class="whyc-btn-icon fa fa-battery-full"></span> |
| | |
| | | </a> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 设备状态 --> |
| | | <div class="tab_dev_state h550" style="margin-top: 8px; margin-left: 16px; margin-right: 16px; display: none"> |
| | | <div class="layui-row layui-col-space15"> |
| | | <div class="layui-col-md4"> |
| | | <div class="layui-card"> |
| | | <div class="layui-card-header primary">电压</div> |
| | | <div class="layui-card-body" id="jhVols"></div> |
| | | </div> |
| | | </div> |
| | | <div class="layui-col-md4"> |
| | | <div class="layui-card"> |
| | | <div class="layui-card-header primary">电流</div> |
| | | <div class="layui-card-body" id="jhCurrs"></div> |
| | | </div> |
| | | </div> |
| | | <div class="layui-col-md4"> |
| | | <div class="layui-card"> |
| | | <div class="layui-card-header primary">其他</div> |
| | | <div class="layui-card-body"> |
| | | <table class="card-table" id="jhOthers"> |
| | | <colgroup> |
| | | <col width="50%"></col> |
| | | <col width="50%"></col> |
| | | </colgroup> |
| | | <tbody> |
| | | <tr> |
| | | <td>版本号</td> |
| | | <td></td> |
| | | </tr> |
| | | <tr> |
| | | <td>设备温度</td> |
| | | <td></td> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 告警面板 --> |
| | | <div class="panel_warning"> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 除硫养护面板 --> |
| | | <div class="popup" id="curingPopup"> |
| | | <div class="popup-title"><span>除硫养护参数设置</span> <a href="javascript:;" class="close">X</a></div> |
| | | <div class="popup-content"> |
| | | <div class="popup-tbl"> |
| | | <table> |
| | | <tbody> |
| | | <tr> |
| | | <th>设备id</th> |
| | | <th>除硫/养护</th> |
| | | </tr> |
| | | <tr> |
| | | <td><input type="text" id="curing_dev_id" readonly="readonly" value="" /></td> |
| | | <td> |
| | | <select id="curing_style"> |
| | | <option value="0xA2">除硫</option> |
| | | <option value="0xA3">养护</option> |
| | | </select> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <th>标称容量</th> |
| | | <th>电池组号</th> |
| | | </tr> |
| | | <tr> |
| | | <td><input type="text" id="curing_STDCap" readonly="readonly" value="" /></td> |
| | | <td> |
| | | <select id="curing_GroupNum"> |
| | | <option value="1">1</option> |
| | | <option value="2">2</option> |
| | | <option value="3">3</option> |
| | | <option value="4">4</option> |
| | | </select> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <th>浮充电压(0~90V)</th> |
| | | <th>除硫强度(0~30)</th> |
| | | </tr> |
| | | <tr> |
| | | <td><input type="text" id="curing_FloatVol" value="" /></td> |
| | | <td><input type="text" id="curing_Strength" value="" /></td> |
| | | </tr> |
| | | <tr> |
| | | <th>养护强度(0~30)</th> |
| | | <th>除硫天数(0~999天)</th> |
| | | </tr> |
| | | <tr> |
| | | <td><input type="text" id="curing_YHStrength" value="" /></td> |
| | | <td><input type="text" id="curing_TimeLong" value="" /></td> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | </div> |
| | | <div class="popup-footer"> |
| | | <input type="button" name="" id="curing_btn_start_test" class="status-change-btn" value="启动" > <!-- 启动测试 --> |
| | | <input type="button" name="" id="curing_btn_flush" value="读取" > <!-- 读取 --> |
| | | <input type="button" name="" id="curing_btn_ensure" class="status-change-btn" value="设定" > <!-- 设定 --> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 停止养护除硫 --> |
| | | <div class="popup" id="stopCuringPopup"> |
| | | <div class="popup-title"><span>停止养护除硫</span> <a href="javascript:;" class="close">X</a></div> |
| | | <div class="popup-content"> |
| | | <div class="popup-tbl"> |
| | | <table> |
| | | <tbody> |
| | | <tr> |
| | | <th>模块编号</th> |
| | | <th>模块状态</th> |
| | | </tr> |
| | | <tr> |
| | | <td> |
| | | <select id="stop_Curing_module_num"> |
| | | <option value="1">1</option> |
| | | <option value="2">2</option> |
| | | <option value="3">3</option> |
| | | <option value="4">4</option> |
| | | <option value="5">5</option> |
| | | </select> |
| | | </td> |
| | | <td> |
| | | <select id="stop_Curing_module_state" disabled="true"> |
| | | <option value="0">停止</option> |
| | | <option value="1">养护</option> |
| | | <option value="2">除硫</option> |
| | | </select> |
| | | </td> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | <div class="popup-footer"> |
| | | <input type="button" name="" id="stop_curing_btn" class="status-change-btn" value="停止" > <!-- 停止 --> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 最大内阻单体 --> |
| | | <div class="confirm"> |
| | | <div class="confirm-header"><span>最大内阻单体(前10)</span><a href="javascript:closeConfirm();" class="close">X</a></div> |
| | |
| | | var sysSet_popup = new Popup($('#sysSet_popup')); |
| | | var localNav = new Popup($('#localNav')); |
| | | var battInfo_popup = new Popup($('#battInfo_popup')); |
| | | var curing_popup = new Popup($('#curingPopup')); |
| | | var stopCuringPopup = new Popup($('#stopCuringPopup')); |
| | | // 充放电弹出框设置 |
| | | $(function() { |
| | | // 初始化LD9充放电弹出框 |
| | |
| | | $('#battInfo_popup').find('.close').bind('click', function() { |
| | | battInfo_popup.hidePopup(); // 隐藏battInfo_popup弹出框和遮罩层 |
| | | }); |
| | | |
| | | // 初始化除硫养护面板 |
| | | $('#curingPopup').find('.close').bind('click', function() { |
| | | curing_popup.hidePopup(); // 隐藏除硫养护面板和遮罩层 |
| | | }); |
| | | |
| | | // 初始化停止除硫养护面板 |
| | | $('#stopCuringPopup').find('.close').bind('click', function() { |
| | | stopCuringPopup.hidePopup(); // 隐藏除硫养护面板和遮罩层 |
| | | }); |
| | | |
| | | |
| | | |
| | | // bts面板充电电流编辑 |
| | |
| | | localNav.hidePopup(); |
| | | sysSet_popup.hidePopup(); // 隐藏sysSet_popup弹出框和遮罩层 |
| | | battInfo_popup.hidePopup(); // 隐藏battInfo_popup弹出框和遮罩层 |
| | | curing_popup.hidePopup(); // 隐藏除硫养护面板和遮罩层 |
| | | stopCuringPopup.hidePopup(); // 隐藏停止养护除硫面板和遮罩层 |
| | | }); |
| | | }); |
| | | //初始化柱状图 |
| | |
| | | |
| | | lname = $(this).attr('id'); |
| | | realname = $(this).text(); |
| | | if(lname != 'eleCircleBtn') { |
| | | if(lname != 'eleCircleBtn' && lname != 'DevState') { |
| | | table_index = $(this).index(); |
| | | } |
| | | |
| | |
| | | }else if(lname == 'eleCircleBtn') { |
| | | $('.graph, .panel_warning').hide(); |
| | | $('.ele-circle').show(); |
| | | }else if(lname == 'DevState'){ |
| | | $('.tab_dev_state').show(); |
| | | $('.graph').hide(); |
| | | $('.ele-circle').hide(); |
| | | }else{ |
| | | $('.ele-circle, .panel_warning').hide(); |
| | | $('.graph').show(); |
| | |
| | | |
| | | // 更新拓扑图状态 |
| | | searchDevStatusByDev_id(); |
| | | |
| | | // 更新养护除硫信息 |
| | | realTimeStateList(); |
| | | |
| | | // 查询均衡供电模块信息 |
| | | jhPowerSupplyModule(); |
| | | } |
| | | |
| | | //根据设备id查询设备当前的开关状态 |
| | |
| | | $('.graph').show(); |
| | | myChart.resize(); |
| | | } |
| | | |
| | | // 判断设备是否为61850设备 |
| | | if(regEquipType(batt.FBSDeviceId, globalPattern.equip61850, globalPattern.BTS)) { |
| | | $('#DevState').removeClass('hide'); |
| | | }else { |
| | | var isAct = $('#DevState').hasClass('action'); |
| | | if(isAct) { |
| | | lname = 'Voltage'; |
| | | $('#'+lname).addClass('action'); |
| | | $('.tab_dev_state').hide(); |
| | | $('.graph').show(); |
| | | } |
| | | $('#DevState').removeClass('action').addClass('hide'); |
| | | myChart.resize(); |
| | | } |
| | | |
| | | mygraph.ischange = 1; //重新绘制拓扑图 |
| | | |
| | | getBattStr(); |
| | |
| | | $('.graph').show(); |
| | | myChart.resize(); |
| | | } |
| | | |
| | | // 判断设备是否为61850设备 |
| | | if(regEquipType(batt.FBSDeviceId, globalPattern.equip61850, globalPattern.BTS)) { |
| | | $('#DevState').removeClass('hide'); |
| | | }else { |
| | | var isAct = $('#DevState').hasClass('action'); |
| | | if(isAct) { |
| | | lname = 'Voltage'; |
| | | $('#'+lname).addClass('action'); |
| | | $('.tab_dev_state').hide(); |
| | | $('.graph').show(); |
| | | } |
| | | $('#DevState').removeClass('action').addClass('hide'); |
| | | myChart.resize(); |
| | | } |
| | | |
| | | mygraph.ischange = 1; //重新绘制拓扑图 |
| | | |
| | | |
| | |
| | | }); |
| | | } |
| | | |
| | | // 获取剩余天数,工作模式,组端电压,峰值电压 |
| | | function realTimeStateList() { |
| | | let batt = getBatt(); |
| | | $.ajax({ |
| | | type:"post", |
| | | url:"Fbs9100s_fod_stateAction_action_serchByCondition", |
| | | async:true, |
| | | datatype:'json', |
| | | data:"json="+JSON.stringify({ |
| | | battGroupId: batt.BattGroupId, |
| | | }), |
| | | success:function(res){ |
| | | let rs = JSON.parse(res.result); |
| | | if(rs.code == 1) { |
| | | let data = rs.data[0]; |
| | | let nums = ['one', 'two', 'three', 'four', 'five']; |
| | | let workModels = ["停止", "养护", "除硫"]; |
| | | // 解析数据 |
| | | let list = nums.map((item,index)=>{ |
| | | let workModel = workModels[data['WorkState_'+item]]; |
| | | let tmp = [index+1, data['RestTime_'+item], workModel, data['VGroupVol_'+item], data['VpeakVol_'+item]]; |
| | | return tmp; |
| | | }); |
| | | $('#eleCircleStatus .state-table').show(); |
| | | $('#eleCircleStatus .state-table tbody').text(""); |
| | | list.forEach(item=>{ |
| | | let tr = $('<tr></tr>'); |
| | | item.forEach(value=>{ |
| | | let td = $('<td>'+value+'</td>'); |
| | | tr.append(td); |
| | | }); |
| | | $('#eleCircleStatus .state-table tbody').append(tr); |
| | | }); |
| | | }else { |
| | | $('#eleCircleStatus .state-table').hide(); |
| | | } |
| | | } |
| | | }); |
| | | } |
| | | |
| | | // 查询均衡供电模块信息 |
| | | function jhPowerSupplyModule() { |
| | | var batt = getBatt(); |
| | | // 判断是否为61850设备 |
| | | if(!regEquipType(batt.FBSDeviceId, globalPattern.equip61850, globalPattern.BTS)) { |
| | | return; |
| | | } |
| | | // 请求后台数据 |
| | | $.ajax({ |
| | | type: 'post', |
| | | async: true, |
| | | url: 'JhStateAction_action_serchByCondition', |
| | | data: 'json='+JSON.stringify({ |
| | | dev_id: batt.FBSDeviceId |
| | | }), |
| | | dataType: 'json', |
| | | success: function(res) { |
| | | var rs = JSON.parse(res.result); |
| | | var vols = []; |
| | | var currs = []; |
| | | var others = []; |
| | | if(rs.code == 1) { |
| | | var data = rs.data[0]; |
| | | // 电压 |
| | | vols = [ |
| | | { |
| | | label: '总输入电压', |
| | | value: data.input_vol_total+'V', |
| | | }, |
| | | { |
| | | label: '总输出电压', |
| | | value: data.output_vol_total+'V', |
| | | }, |
| | | { |
| | | label: '输出电压1', |
| | | value: data.output_vol_one+'V', |
| | | }, |
| | | { |
| | | label: '输出电压2', |
| | | value: data.output_vol_two+'V', |
| | | }, |
| | | { |
| | | label: '输出电压3', |
| | | value: data.output_vol_three+'V', |
| | | }, |
| | | { |
| | | label: '输出电压4', |
| | | value: data.output_vol_four+'V', |
| | | }, |
| | | { |
| | | label: '输出电压5', |
| | | value: data.output_vol_five+'V', |
| | | }, |
| | | { |
| | | label: '输出电压6', |
| | | value: data.output_vol_six+'V', |
| | | }, |
| | | { |
| | | label: '输出电压7', |
| | | value: data.output_vol_seven+'V', |
| | | }, |
| | | { |
| | | label: '输出电压8', |
| | | value: data.output_vol_eight+'V', |
| | | }, |
| | | { |
| | | label: '输出电压9', |
| | | value: data.output_vol_nine+'V', |
| | | }, |
| | | { |
| | | label: '输出电压10', |
| | | value: data.output_vol_ten+'V', |
| | | }, |
| | | ]; |
| | | |
| | | // 电流 |
| | | currs = [ |
| | | { |
| | | label: '总输入电流', |
| | | value: data.input_curr_total+'A', |
| | | }, |
| | | { |
| | | label: '总输出电流', |
| | | value: data.output_curr_total+'A', |
| | | }, |
| | | ]; |
| | | |
| | | |
| | | // 其他 |
| | | others = [ |
| | | { |
| | | label: '版本号', |
| | | value: data.dev_version, |
| | | }, |
| | | { |
| | | label: '温度', |
| | | value: data.dev_temp+'℃', |
| | | } |
| | | ]; |
| | | } |
| | | |
| | | // 生成电压列表 |
| | | createCardTable($('#jhVols'), vols); |
| | | // 生成电压列表 |
| | | createCardTable($('#jhCurrs'), currs); |
| | | // 生成电压列表 |
| | | createCardTable($('#jhOthers'), others); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | // 生成面板中的表格 |
| | | function createCardTable(container, data) { |
| | | container.text(''); |
| | | if(data.length == 0) { |
| | | var noText = $('<div style="height: 32px; text-align: center;">暂无数据</div>'); |
| | | container.append(noText); |
| | | return; |
| | | } |
| | | var table = $('<table class="card-table"></table>'); |
| | | var colgroup = $('<colgroup><col width="50%"></col><col width="50%"></col></colgroup>'); |
| | | table.append(colgroup); |
| | | var tbody = $('<tbody></tbody>'); |
| | | for(var i=0; i<data.length; i++) { |
| | | var tr = $('<tr></tr>'); |
| | | var _data = data[i]; |
| | | var td1 = $("<td>"+_data.label+"</td>"); |
| | | var td2 = $("<td>"+_data.value+"</td>"); |
| | | tr.append(td1); |
| | | tr.append(td2); |
| | | tbody.append(tr); |
| | | } |
| | | table.append(tbody); |
| | | container.append(table); |
| | | }3 |
| | | |
| | | </script> |
| | | <script type="text/javascript" src="js/Title.js"></script> |
| | | <script type="text/javascript" src="js/control.js"></script> |
| | | <script type="text/javascript" src="js/dischargetest/curing.js"></script> |
| | | <script type="text/javascript" src="js/dischargetest/stopCuring.js"></script> |
| | | </body> |
| | | </html> |