From 2bc94285f81aa3392689eeeb98bab506ed94603a Mon Sep 17 00:00:00 2001 From: hdw <496960745@qq.com> Date: 星期四, 15 十一月 2018 10:54:38 +0800 Subject: [PATCH] 升级设备 --- gx_tieta/WebRoot/iframe/batt-station-update.html | 110 ++++++ gx_tieta/WebRoot/batt-station-update1.jsp | 878 +++++++++++++++++++++++++++++++++++++++++++++++++++ gx_tieta/WebRoot/pages/css/mylayui.css | 6 3 files changed, 994 insertions(+), 0 deletions(-) diff --git a/gx_tieta/WebRoot/batt-station-update1.jsp b/gx_tieta/WebRoot/batt-station-update1.jsp new file mode 100644 index 0000000..605fd26 --- /dev/null +++ b/gx_tieta/WebRoot/batt-station-update1.jsp @@ -0,0 +1,878 @@ +<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> +<% +String path = request.getContextPath(); +String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; +%> +<%@ taglib uri="/struts-tags" prefix="s" %> +<!DOCTYPE HTML> +<html> + <head> + <base href="<%=basePath%>"> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta http-equiv="pragma" content="no-cache"> + <meta http-equiv="cache-control" content="no-cache"> + <meta http-equiv="expires" content="0"> + <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> + <meta http-equiv="description" content="This is my page"> + <title>鏈烘埧绔欑偣鍗囩骇鍔熻兘</title> + <link rel="stylesheet" type="text/css" href="pages/css/base.css"> + <link rel="stylesheet" type="text/css" href="jqueryui/jquery-ui.css"> + <link rel="stylesheet" type="text/css" href="src/css/layui.css"> + <link rel="stylesheet" type="text/css" href="pages/css/mylayui.css"> + <style> + .dataTypeCont { + width: 160px; + text-align: center; + } + .dataTypeCont .layui-form-switch { + min-width: 70px; + margin-top: 4px; + } + </style> + </head> + <body> + <!--澶撮儴鍐呭寮�濮�--> + <jsp:include page="Top.jsp" flush="true"/> + <!--澶撮儴鍐呭缁撴潫--> + <!--瀵艰埅寮�濮�--> + <jsp:include page="nav.jsp" flush="true"/> + <!-- 涓讳綋鍐呭 --> + <div class="layui-page-container"> + <!-- 鏉′欢绛涢�� --> + <div class="layui-page-filter"> + <div class="page-filter-header layui-page-filter-fweight">鏈烘埧绔欑偣鍗囩骇鍔熻兘</div> + <div class="page-filter-content"> + <table> + <tr class="layui-page-filter-tbl-header layui-page-filter-fweight"> + <td>鐪�</td> <!-- 鐪� --> + <td>甯�</td> <!-- 甯� --> + <td>鍖�/鍘�</td> <!-- 甯� --> + <td><s:text name="Computer_name"/></td> <!-- 鏈烘埧鍚嶇О --> + </tr> + <tr> + <td> + <div class="layui-form" lay-filter="provinceFilter"> + <div class="layui-form-item"> + <div class="layui-input-block"> + <select name="province" id="province" lay-filter="province"> + <option value="">璇烽�夋嫨鐪�</option> + </select> + </div> + </div> + </div> + </td> + <td> + <div class="layui-form" lay-filter="cityFilter"> + <div class="layui-form-item"> + <div class="layui-input-block"> + <select name="city" id="city" lay-filter="city"> + <option value="">璇烽�夋嫨甯�/鍖�</option> + </select> + </div> + </div> + </div> + </td> + + <td> + <div class="layui-form" lay-filter="countyFilter"> + <div class="layui-form-item"> + <div class="layui-input-block"> + <select name="county" id="county" lay-filter="county"> + <option value="">璇烽�夋嫨鍖�/鍘�</option> + </select> + </div> + </div> + </div> + </td> + + <td> + <div class="layui-form" lay-filter="homeFilter"> + <div class="layui-form-item"> + <div class="layui-input-block"> + <select name="home" id="home" lay-filter="home"> + <option value="">璇烽�夋嫨鏈烘埧</option> + </select> + </div> + </div> + </div> + </td> + </tr> + </table> + </div> + </div> + <!-- 椤甸潰涓婚鍐呭 --> + <div class="layui-page-content" style="position: relative;"> + <div class="layui-tbl-filter"> + <div class="layui-form layui-form-pane" lay-filter="tblFilter"> + <div class="layui-inline"> + <div class="layui-input-inline"> + <div class="layui-form" lay-filter="addTypeFilter"> + <select name="addType" id="addType" lay-filter="addType"> + <option value="0">鍗曚釜鏈烘埧</option> + <option value="5">鍏ㄥ尯/鍘�</option> + <option value="2">鍏ㄥ競</option> + <option value="1">鍏ㄧ渷</option> + </select> + </div> + </div> + </div> + <button class="layui-btn layui-btn-sm mrl8" id="addUpdate"><i class="fa fa-plus mrr8"></i>娣诲姞</button> + <button class="layui-btn layui-btn-sm" id="acUpdate"><i class="fa fa-refresh mrr8"></i>鎵归噺鍗囩骇</button> + </div> + </div> + <!-- 琛ㄦ牸鍐呭 --> + <table id="pageTbl" lay-filter="pageTbl"></table> + </div> + </div> + <!-- 瀛樺偍iframe闇�瑕佺殑鍊� --> + <div id="updateIframeData"></div> + <!-- 鏁翠綋鐏拌壊閬僵灞� --> + <div id="allShade"></div> + <script type="text/html" id="barDemo"> + <a class="layui-btn layui-btn-xs" lay-event="update">鍗囩骇</a> + </script> + <script type="text/javascript" src="js/jquery-1.8.3.js"></script> + <script type="text/javascript" src="js/echarts.js"></script> + <script type="text/javascript" src="jqueryui/jquery-ui.min.js"></script> + <script type="text/javascript" src="src/layui.js"></script> + <script type="text/javascript" src="pages/js/mylayui.js"></script> + <script type="text/javascript" src="pages/js/pages/control-common.js"></script> + <script type="text/javascript"> + layui.use(['form', 'table', 'layer', 'element'], function() { + var table = layui.table; // 鑾峰彇琛ㄦ牸妯″潡 + var form = layui.form; // 鑾峰彇琛ㄥ崟妯″潡 + var layer = layui.layer; // 鑾峰彇寮瑰嚭妗嗘ā鍧� + + var isNewLoad = true; + var pre_province = getQueryString('province'); + // 鏌ヨ鐪佷笅鎷夋 + searchProvince(); + // 鏌ヨ鐪� + var filterLoad = layer.load(); + function searchProvince() { + // 璇锋眰鍚庡彴鏌ヨ + $.ajax({ + type:'post', + async:true, + url: 'User_battgroup_baojigroup_battgroupAction!serchStationName1InGroup', + data: null, + dataType: 'json', + success:function(result) { + var rs = JSON.parse(result.result); + var list = []; // option缁撴灉闆� + var ele = $('#province'); // 鐩爣select + if(rs.code == 1) { + var data = rs.data; + list.push(getLayuiSelect('璇烽�夋嫨鐪�/鐩磋緰甯�', '', {}, undefined)); + // 閬嶅巻鏌ヨ缁撴灉 + for(var i=0; i<data.length; i++) { + var _data = data[i]; + var _tmp = getLayuiSelect(_data, _data, {}, {}); + if(pre_province == _data && isNewLoad){ + _tmp = getLayuiSelect(_data, _data, {}, {},true); + } + list.push(_tmp); + } + }else { + list.push(getLayuiSelect('鏆傛棤鐪�/鐩磋緰甯�', '', {}, undefined)); + } + + // 鏍规嵁瀵硅薄鏁扮粍鐢熸垚涓嬫媺鍒楄〃 + createLayuiSelect(ele, list); + form.render('select', 'provinceFilter'); + + // 鏌ヨ甯� + searchCity(); + } + }); + } + + // 鍒囨崲鐪�-甯� + form.on('select(province)', function(data) { + // 鏌ヨ甯� + searchCity(true); + }); + + // 鏌ヨ甯� + function searchCity(isLoad) { + // 鏋勯�犳煡璇㈡潯浠� + var tmp = { + StationName1: $("#province").val() + }; + var pre_city = getQueryString('city'); + + // 鏄惁娣诲姞绛夊緟 + if(isLoad) { + filterLoad = layer.load(); + } + // 鏍规嵁鏋勯�犳潯浠舵煡璇㈠唴瀹� + $.ajax({ + type: 'post', + async: true, + url: 'BattInfAction!serchStationName2', + dataType: 'json', + data: "json = "+JSON.stringify(tmp), + success: function(result) { + var rs = JSON.parse(result.result); + var list = []; // option缁撴灉闆� + var ele = $('#city'); // 鐩爣select + if(rs.code == 1) { + var data = rs.data; + list.push(getLayuiSelect('璇烽�夋嫨甯�/鍖�', '', {}, undefined)); + // 閬嶅巻鏌ヨ缁撴灉 + for(var i=0; i<data.length; i++) { + var _data = data[i]; + var _tmp = getLayuiSelect(_data.StationName2, _data.StationName2, {}, _data); + if(pre_city == _data.StationName2 && isNewLoad){ + _tmp = getLayuiSelect(_data.StationName2, _data.StationName2, {}, _data,true); + } + list.push(_tmp); + } + }else { + list.push(getLayuiSelect('鏆傛棤甯�/鍖�', '', {}, undefined)); + } + + // 鏍规嵁瀵硅薄鏁扮粍鐢熸垚涓嬫媺鍒楄〃 + createLayuiSelect(ele, list); + form.render('select', 'cityFilter'); + + // 鏌ヨ鍖哄幙 + searchCounty(); + } + }); + } + + // 鍒囨崲甯�-鍖哄幙 + form.on('select(city)', function(data) { + // 鏌ヨ鍖哄幙 + searchCounty(true); + }); + + + // 鏌ヨ鍖�/鍘� + function searchCounty(isLoad) { + // 鏋勯�犳煡璇㈡潯浠� + var tmp = { + StationName1: $("#province").val(), + StationName2: $("#city").val() + }; + // 鏄惁娣诲姞绛夊緟 + if(isLoad) { + filterLoad = layer.load(); + } + var pre_county = getQueryString('county'); + // 鏍规嵁鏋勯�犳潯浠舵煡璇㈠唴瀹� + $.ajax({ + type: 'post', + async: true, + url: 'BattInfAction!serchStationName5', + dataType: 'json', + data: "json = "+JSON.stringify(tmp), + success: function(result) { + var rs = JSON.parse(result.result); + //console.info(rs); + var list = []; // option缁撴灉闆� + var ele = $('#county'); // 鐩爣select + if(rs.code == 1) { + var data = rs.data; + list.push(getLayuiSelect('璇烽�夋嫨鍖�/鍘�', '', {}, undefined)); + // 閬嶅巻鏌ヨ缁撴灉 + for(var i=0; i<data.length; i++) { + var _data = data[i]; + var _tmp = getLayuiSelect(_data.StationName5, _data.StationName5, {}, _data); + if(pre_county == _data.StationName5 && isNewLoad){ + _tmp = getLayuiSelect(_data.StationName5, _data.StationName5, {}, _data,true); + } + //console.info(_tmp); + list.push(_tmp); + } + }else { + list.push(getLayuiSelect('鏆傛棤鍖�/鍘�', '', {}, undefined)); + } + + // 鏍规嵁瀵硅薄鏁扮粍鐢熸垚涓嬫媺鍒楄〃 + createLayuiSelect(ele, list); + form.render('select', 'countyFilter'); + + // 鏌ヨ鏈烘埧 + searchHome(); + } + }); + } + + // 鍒囨崲甯�-鍖哄幙 + form.on('select(county)', function(data) { + // 鏌ヨ鍖哄幙 + searchHome(true); + }); + + // 鏌ヨ鏈烘埧 + function searchHome(isLoad) { + // 鏋勯�犳煡璇㈡潯浠� + var tmp = { + StationName1:$("#province").val(), + StationName2:$("#city").val(), + StationName5:$("#county").val(), + }; + var pre_home = getQueryString('home'); + var auto_seach = false; + // 鏄惁娣诲姞绛夊緟 + if(isLoad) { + filterLoad = layer.load(); + } + // 鏍规嵁鏋勯�犳潯浠舵煡璇㈠唴瀹� + $.ajax({ + type: 'post', + async: true, + url: 'BattInfAction!serchStationName3', + dataType: 'json', + data: "json = "+JSON.stringify(tmp), + success: function(result) { + var rs = JSON.parse(result.result); + var list = []; // option缁撴灉闆� + var ele = $('#home'); // 鐩爣select + if(rs.code == 1) { + var data = rs.data; + list.push(getLayuiSelect('璇烽�夋嫨鏈烘埧', '', {StationId: '', dev_id: ''}, undefined)); + // 閬嶅巻鏌ヨ缁撴灉 + for(var i=0; i<data.length; i++) { + var _data = data[i]; + var _attr = { + StationId: _data.StationId, + dev_id: _data.FBSDeviceId + }; + var _tmp = getLayuiSelect(_data.StationName, _data.StationName3, _attr, _data); + if(pre_home == _data.StationName && isNewLoad){ + _tmp = getLayuiSelect(_data.StationName, _data.StationName3, _attr, _data,true); + auto_seach = true; + } + list.push(_tmp); + } + }else { + list.push(getLayuiSelect('鏆傛棤鏈烘埧', '', {}, undefined)); + } + // 鏍规嵁瀵硅薄鏁扮粍鐢熸垚涓嬫媺鍒楄〃 + createLayuiSelect(ele, list); + form.render('select', 'homeFilter'); + isNewLoad = false; + layer.close(filterLoad); + } + }); + } + + // 琛ㄦ牸妯″潡 + var tOptions = { + elem: '#pageTbl' + ,toolbar: true + ,defaultToolbar: [] + ,cellMinWidth: 80 + ,cols: [[ + {type: 'checkbox', fixed: 'left'} + ,{field:'stationid', title:'鏈烘埧ID', align:'center'} + ,{field:'stationname', title:'鏈烘埧鍚嶇О', align:'center', width: 400} + ,{field:'fbsid', title:'璁惧ID', align:'center'} + ,{field:'fbsname', title:'璁惧鍚嶇О', align:'center'} + ,{field:'updatestatus', title:'鍗囩骇鐘舵��', align:'center'} + ,{field:'status', title:'璇诲啓鐘舵��', align:'center'} + ,{field:'datapackage', title:'褰撳墠鏁版嵁鍖�', align:'center'} + ,{fixed: 'right', title:'鎿嶄綔', align:'center', toolbar: '#barDemo', width:100} + ]] + ,data:[] + ,limit: 1000 + ,page: false + ,height: 'full-252' + }; + + // 鐢熸垚琛ㄦ牸鏁版嵁 + table.render(tOptions); + + // 鎵归噺鍗囩骇 + $('#acUpdate').click(function() { + var checkStatus = table.checkStatus('pageTbl'); // 鑾峰彇閫変腑鐨勫唴瀹� + var data = checkStatus.data; + // 鍒ゆ柇鏄惁鍕鹃�夊唴瀹� + if(data.length == 0) { + layer.msg('璇烽�夋嫨瑕佸崌绾х殑璁惧锛�'); + return; + } + + // 瑕佹洿鏂扮殑璁惧id鍒楄〃 + var updateList = []; + // 閬嶅巻data鑾峰彇 + for(var i=0; i<data.length; i++) { + updateList.push(data[i].fbsid); + } + + // 鏍¢獙瑕佹洿鏂扮殑璁惧 + checkStationState(updateList, data); + }); + + // 鐐瑰嚮琛ㄦ牸鐨則oolbar + table.on('tool(pageTbl)', function(obj) { + var event = obj.event; + switch(event) { + case 'update': + // 鏍煎紡鍖栧綋鍓嶈澶囩殑淇℃伅骞舵娴� + formaterEquipeData(obj.data); + break; + default: + layer.msg('鍔熻兘寮�鍙戜腑...'); + break; + } + }); + + // 妫�娴嬪綋鍓嶈澶囩殑淇℃伅 + function formaterEquipeData(data) { + // 鏋勯�犳煡璇㈡潯浠� + var updateList = [data.fbsid]; + var allData = [data]; + + // 鏍¢獙瑕佹洿鏂扮殑璁惧 + checkStationState(updateList, allData); + } + + // 鐐瑰嚮娣诲姞鐢熸垚琛ㄦ牸 + $('#addUpdate').click(function() { + var structData = structAddData(); + // 鍒ゆ柇鏄惁閫夋嫨瑕佹坊鍔犵殑鍐呭 + if(structData.msg) { + layer.msg(structData.msg); + return; + } + // 鏍规嵁瀵硅薄鏌ヨ鍐呭 + addStationOnTable(structData); + }); + + //娣诲姞璁惧鍒拌〃鏍� + var load; + function addStationOnTable(temp){ + load = layer.load(1); + $.ajax({ + type: "post", + url: "Fbs9100s_dfu_stateAction_action_addPro", //灏嗗綋鍓嶉渶瑕佸崌绾х殑璁惧娣诲姞鍒版暟鎹簱琛ㄤ腑 + async:true, + dataType:'json', + data:"json = "+JSON.stringify(temp), + success: function(data){ + var rs = JSON.parse(data.result); + // console.log(rs); + if(rs.code == 1){ + searchAddStationInfo(temp); //娣诲姞鎴愬姛鐨勬椂鍊欐煡璇㈠綋鍓嶅凡缁忔坊鍔犲埌鏁版嵁搴撹〃涓殑鏈烘埧淇℃伅 + }else{ + layer.msg('娣诲姞澶辫触'); + } + },error:function(e){ + layer.msg('娣诲姞澶辫触'); + } + }); + } + + + //鏌ヨ娣诲姞鍒拌〃鏍间腑鐨勮澶囦俊鎭� + function searchAddStationInfo(temp){ + $.ajax({ + type: "post", + url: "Fbs9100s_dfu_stateAction_action_serchInserStation", + async:true, + dataType:'json', + data:"json = "+JSON.stringify(temp), + success: function(data){ + var rs = JSON.parse(data.result); + if(rs.code == 1 && rs.data.length>0){ + var allData = tOptions.data; + var formaterData = formaterAddData(rs.data, allData); //瑙f瀽鏁版嵁 + if(formaterData.length) { + // 閬嶅巻formaterData + for(var i=0; i<formaterData.length; i++) { + var _formaterData = formaterData[i]; + var tmp = {}; + tmp.stationid = _formaterData.StationId; // 鏈烘埧id + tmp.stationname = _formaterData.StationName; // 鏈烘埧鍚嶇О + tmp.fbsid = _formaterData.FBSDeviceId; // 璁惧id + tmp.fbsname = _formaterData.FBSDeviceName; // 璁惧鍚嶇О + tmp.updatestatusnum = 0; // 0 绛夊緟鍗囩骇 + tmp.updatestatus = '绛夊緟鍗囩骇'; // 鍗囩骇鐘舵�� + tmp.status = '鍐�'; // 璇诲啓鐘舵�� + tmp.datapackage = 1; // 褰撳墠鏁版嵁鍖� + tmp.isNewAdd = true; + //console.log(tmp); + allData.push(tmp); + } + + // 鐢熸垚琛ㄦ牸鏁版嵁 + table.render(tOptions); + }else { + layer.msg('娌℃湁瑕佹坊鍔犵殑鍐呭锛�'); + } + }else{ + layer.msg('娣诲姞澶辫触'); + } + layer.close(load); + },error:function(e){ + layer.msg('娣诲姞澶辫触'); + layer.close(load); + } + }); + } + + // 鐐瑰嚮娣诲姞鏋勯�犳煡璇� + function structAddData() { + //1鐪�(鏂囨湰鍊�) 2:甯傦紙鏂囨湰鍊硷級 5:鍖哄幙锛堟枃鏈�硷級 0:鏈烘埧 (璁惧id) + var addType = $('#addType').val(); // 娣诲姞鏈烘埧鐨勬柟寮� + var msg = ''; // 鎻愮ず淇℃伅 + var rs = { + num: addType, + StationName: '' + }; + switch(addType) { + case '1': + var province = $('#province').val(); + rs.StationName = province; + msg = '璇烽�夋嫨鐪�'; + break; + case '2': + var city = $('#city').val(); + rs.StationName = city; + msg = '璇烽�夋嫨甯�'; + break; + case '5': + var county = $('#county').val(); + rs.StationName = county; + msg = '璇烽�夋嫨鍖�/鍘�'; + break; + case '0': + var home = $('#home').find('option:selected').attr('stationid'); + rs.StationName = home; + msg = '璇烽�夋嫨鏈烘埧'; + break; + } + if(!rs.StationName) { + rs.msg = msg; + } + return rs; + } + + // 鏍煎紡鍖栧姞杞界殑鏁版嵁 + function formaterAddData(addData, all) { + //console.log(addData); + var rs = []; + // 閬嶅巻addData鐨勫�� + for(var i=0; i<addData.length; i++) { + var _addData = addData[i]; + var fbsid = _addData.FBSDeviceId; // 璁惧鐨処D + var isAdd = true; // 鏄惁娣诲姞 + for(var k=0; k<all.length;k++) { + var _all = all[k]; + if(_all.fbsid == fbsid) { + isAdd = false; + } + } + // 鏍规嵁isAdd娣诲姞鏁版嵁 + if(isAdd) { + rs.push(_addData); + } + } + return rs; + } + + var myTimeOutThreath; // 璁℃椂鍣� + fulshMyTable(); //鏇存柊琛ㄦ牸 + //鏇存柊琛ㄦ牸绾跨▼ + function fulshMyTable(){ + //console.info(allUpdataList); + var temp = new Array(); + for(var i =0 ; i< tOptions.data.length ; i++){ + temp.push(tOptions.data[i].fbsid); + } + if(temp.length > 0){ + updateDevUpdate(temp,fulshMyTable); + }else{ + window.clearTimeout(myTimeOutThreath); + myTimeOutThreath = window.setTimeout(fulshMyTable,4000); + } + + } + + //鏇存柊璁惧鏇存柊鐨勮〃鏍� + function updateDevUpdate(temp,callback){ + //console.info(temp); + $.ajax({ + type: "post", + url: "Fbs9100s_dfu_stateAction_action_serchByCondition", + async:true, + dataType:'json', + data:"json = "+JSON.stringify(temp), + success: function(data){ + var rs = JSON.parse(data.result); + var tmp = { + updatestatus:[], + status: [], + datapackage: [] + }; + //console.log(rs); + if(rs.code == 1 && rs.data.length>0){ + var tblData = tOptions.data; + for(var i=0; i<rs.data.length; i++) { + var _data = rs.data[i]; + var num = -1; + // 閬嶅巻鐜版湁鐨則blData + for(var k=0; k<tblData.length;k++) { + var _tblData = tblData[k]; + if(_tblData.fbsid == _data.dev_id) { + num = k; + break; + } + + } + + if(num == -1) { + continue; + } + // 鏇存柊鍐呭 + var _tblData = tblData[num]; + if(_data.dfu_en == 1){ + _tblData.isNewAdd = false; //鍒ゆ柇鏄惁鏄涓�娆℃坊鍔犳暟鎹� + } + var dfuEn = _data.dfu_en == 1?'鍗囩骇涓�':_tblData.isNewAdd?'绛夊緟鍗囩骇':_data.dfu_en == 0?'鍗囩骇瀹屾垚':''; + var dfuWr = _data.dfu_wr_stat == 1?'鍐�':_data.dfu_wr_stat == 2?'璇�':_data.dfu_wr_stat == 3?'瀹屾垚':''; + var dfuData = _data.dfu_data_blocknum; + // 鏇存柊琛ㄦ牸閰嶇疆椤圭殑鍊� + _tblData.updatestatus = dfuEn; + _tblData.status = dfuWr; + _tblData.datapackage = dfuData; + _tblData.updatestatusnum = _data.dfu_en; // 0绛夊緟鍗囩骇 1鍗囩骇瀹屾垚 + + tmp.updatestatus[num] = dfuEn; + tmp.status[num] = dfuWr; + tmp.datapackage[num] = dfuData; + } + var pageTbl = $('#pageTbl'); + + // 鏇存柊琛ㄦ牸鍐呭 + Object.keys(tmp).forEach(function(key) { + updateLayuiTblCol(pageTbl, key, tmp[key]); + }); + }else{ + + } + + window.clearTimeout(myTimeOutThreath); + myTimeOutThreath = window.setTimeout(callback,4000); + },error:function(e){ + window.clearTimeout(myTimeOutThreath); + myTimeOutThreath = window.setTimeout(callback,4000); + } + }); + } + + // 鏇存柊layui妗嗘灦鐨勬寚瀹氱殑鍒� + function updateLayuiTblCol(tbl, field, list) { + var layuiTbl = tbl.next('.layui-table-view'); + var layuiTblContent = layuiTbl.find('.layui-table-box .layui-table-body table'); + var tr = layuiTblContent.find('tr'); + // 閬嶅巻list鐨勫�兼洿鏂拌〃鏍兼寚瀹氱殑鍗曞厓鏍� + for(var i=0; i<list.length; i++) { + var _tr = tr.eq(i); + var td = _tr.find('td'); + td.each(function() { + var tdField = $(this).data('field'); + if(tdField == field) { + $(this).find('.layui-table-cell').text(list[i]); + } + }); + } + } + + + //楠岃瘉璁惧鏄惁鍏佽璁惧杩涜杩滅▼鍗囩骇 + function checkStationState(temp, all){ + $.ajax({ + type: "post", + url: "Fbs9100s_dfu_stateAction_action_judgeStation", + async:true, + dataType:'json', + data:"json = "+JSON.stringify(temp), + success: function(result){ + var rs = JSON.parse(result.result); + //console.log(rs); + if(rs.code == 1) { + var data = rs.data; + var updateData = checkUpdating(data, all); + var errorUpdate = checkErrorUpdate(data, all); + $('#updateIframeData').data('update', updateData); // 鍙洿鏂扮殑璁惧淇℃伅 + $('#updateIframeData').data('errorUpdate', errorUpdate); // 鏃犳硶鏇存柊鐨勮澶囦俊鎭� + + // 鍒ゆ柇鏄惁鏈夊崌绾х殑璁惧 + if(updateData.length == 0) { + if(temp.length == 1) { + layer.msg('褰撳墠璁惧鏃犳硶鍗囩骇锛�'); + }else { + layer.msg('鏆傛棤鍙崌绾х殑璁惧锛�'); + } + + return; + } + + // 鏄剧ず闈㈡澘 + layer.open({ + type: 2, + title: '鏇存柊璁惧', + area: ['700px', '524px'], + fixed: false, //涓嶅浐瀹� + maxmin: true, + content: 'iframe/batt-station-update.html', + btn: ['纭鍗囩骇', '鍙栨秷'], + yes: function(index, layero) { + var updateData = $('#updateIframeData').data('update'); // 鑾峰彇鍙崌绾ц澶囩殑淇℃伅 + // 鏍规嵁鍙崌绾ц澶囩殑淇℃伅鏋勯�犳煡璇㈡潯浠� + var updateList = []; + for(var i=0; i<updateData.length; i++) { + var _tmp = { + dev_id: updateData[i].FBSDeviceId + }; + + // 娣诲姞鍒拌澶囧崌绾у垪琛ㄤ腑 + updateList.push(_tmp); + } + + // 鍏抽棴寮瑰嚭闈㈡澘 + layer.close(index); + + // 鍗囩骇璁惧 + updateBTSDevice(updateList); + //console.log(updateList); + } + }); + }else { + if(temp.length == 1) { + layer.msg('褰撳墠璁惧鏃犳硶鍗囩骇锛�'); + }else { + layer.msg('鏆傛棤鍙崌绾х殑璁惧锛�'); + } + + } + }, + error: function() { + layer.msg('鏍¢獙鍙崌绾ц澶囧け璐ワ紒'); + } + }); + + } + + // 浠庤繑鍥炵殑鍙崌绾х殑璁惧涓墧闄ゆ鍦ㄥ崌绾х殑璁惧 + function checkUpdating(rsData, all) { + var rs = []; + // 閬嶅巻all + for(var i=0; i<all.length; i++) { + var _all = all[i]; + var isError = true; + for(var k=0; k<rsData.length; k++) { + var _rsData = rsData[k]; + + // 鍒ゆ柇褰撳墠璁惧鏄惁姝e湪鍗囩骇 + if(_all.updatestatusnum == 1) { + isError = false; + } + } + + // 鏍规嵁isError鍒よ鏄惁鏄笉鍙坊鍔犵殑鏈烘埧 + if(isError) { + rs.push(_all); + } + } + + return rs; + } + + // 鑾峰彇鏃犳硶鍗囩骇鐨勮澶� + function checkErrorUpdate(rsData, all) { + var rs = []; + // 閬嶅巻all + for(var i=0; i<all.length; i++) { + var _all = all[i]; + var isError = true; + for(var k=0; k<rsData.length; k++) { + var _rsData = rsData[k]; + + // 鍒ゆ柇褰撳墠璁惧鏄惁姝e湪鍗囩骇 + if(_all.updatestatusnum != 1) { + if(_all.fbsid == _rsData.FBSDeviceId) { + isError = false; + } + } + } + + // 鏍规嵁isError鍒よ鏄惁鏄笉鍙坊鍔犵殑鏈烘埧 + if(isError) { + rs.push(_all); + } + } + + return rs; + } + + + //鎵归噺鍗囩骇BTS璁惧 + function updateBTSDevice(temp){ + $.ajax({ + type: "post", + url: "Fbs9100s_dfu_stateAction_action_updatePro", + async:true, + dataType:'json', + data:"json = "+JSON.stringify(temp), + success: function(data){ + var rs = JSON.parse(data.result); + console.info(rs); + if(rs.code == 1){ + layer.msg("鍚姩杩滅▼鍗囩骇"); + }else{ + layer.msg("鍚姩杩滅▼澶辫触"); + } + } + }); + } + // 鏌ヨ姝e湪鍗囩骇鐨勮澶� + searchUpgrades(); + // 鏌ヨ姝e湪鍗囩骇鐨勮澶� + function searchUpgrades() { + $.ajax({ + type: "post", + url: "Fbs9100s_dfu_stateAction_action_searchAll", + async:true, + dataType:'json', + data:null, + success: function(result){ + var rs = JSON.parse(result.result); + // 閬嶅巻鏌ヨ缁撴灉 + if(rs.code == 1) { + var data = rs.data; + //console.log(data); + var allData = tOptions.data; + for(var i=0; i<data.length; i++) { + var _data = data[i]; + var tmp = {}; + tmp.stationid = _data.stationId; // 鏈烘埧id + tmp.stationname = _data.stationName; // 鏈烘埧鍚嶇О + tmp.fbsid = _data.dev_id; // 璁惧id + tmp.fbsname = _data.fBSDeviceName; // 璁惧鍚嶇О + tmp.updatestatusnum = 1; // 0 绛夊緟鍗囩骇 1姝e湪鍗囩骇 + tmp.updatestatus = '姝e湪鍗囩骇'; // 鍗囩骇鐘舵�� + tmp.status = _data.dfu_wr_stat == 1?'鍐�':_data.dfu_wr_stat == 2?'璇�':_data.dfu_wr_stat == 3?'瀹屾垚':''; // 璇诲啓鐘舵�� + tmp.datapackage = _data.dfu_data_blocknum; // 褰撳墠鏁版嵁鍖� + tmp.isNewAdd = false; + + allData.push(tmp); + } + + // 鏇存柊琛ㄦ牸 + table.render(tOptions); + } + } + }); + } + + }); + </script> + </body> +</html> \ No newline at end of file diff --git a/gx_tieta/WebRoot/iframe/batt-station-update.html b/gx_tieta/WebRoot/iframe/batt-station-update.html new file mode 100644 index 0000000..ed84629 --- /dev/null +++ b/gx_tieta/WebRoot/iframe/batt-station-update.html @@ -0,0 +1,110 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <title>鏈烘埧淇℃伅</title> + <link rel="stylesheet" href="../css/basic.css"> + <link rel="stylesheet" href="../src/css/layui.css"> + <link rel="stylesheet" href="../css/common.css"> + <link rel="stylesheet" href="../pages/css/mylayui.css"> + <style> + body.homeinfo-tab .layui-tab { + margin: 0; + } + body.homeinfo-tab .layui-tab-card{ + border: none; + } + body.homeinfo-tab .layui-tab-content { + padding: 0; + } + </style> +</head> +<body class="homeinfo-tab"> + <div class="abs"> + <div class="layui-tab layui-tab-card" lay-filter="homeInfoTab" id="homeInfoTab" style="height: 100%;"> + <ul class="layui-tab-title"> + <li class="layui-this">鍙崌绾ц澶�<span class="layui-badge layui-bg-blue" id="updateBadge">0</span></li> + <li>涓嶅彲鍗囩骇璁惧<span class="layui-badge" id="errorUpdateBadge">0</span></li> + </ul> + <div class="layui-tab-content abs abs-top41 abs-overflow-y"> + <div class="layui-tab-item layui-show" id="update"></div> + <div class="layui-tab-item" id="errorUpdate"></div> + </div> + </div> + </div> + <script type="text/html" id="updateTpl"> + <table class="hdw-tbl"> + <thead> + <tr> + <th style="width:30%">璁惧ID</th> + <th>鏈烘埧鍚嶇О</th> + </tr> + </thead> + <tbody> + {{# layui.each(d, function(index, item){ }} + <tr> + <td>{{ item.FBSDeviceId }}</td> + <td>{{ item.StationName }}</td> + </tr> + {{# }); }} + </tbody> + </table> + </script> + <script type="text/html" id="errorUpdateTpl"> + {{# if(d.length == 0){ }} + <div style="text-align: center; font-size:18px;margin-top: 8px">鏆傛棤鏁版嵁</div> + {{# }else{ }} + <table class="hdw-tbl"> + <thead> + <tr> + <th style="width:30%">璁惧ID</th> + <th>鏈烘埧鍚嶇О</th> + </tr> + </thead> + <tbody> + {{# layui.each(d, function(index, item){ }} + <tr> + <td>{{ item.fbsid }}</td> + <td>{{ item.stationname }}</td> + </tr> + {{# }); }} + </tbody> + </table> + {{# } }} + </script> + <script src="../js/jquery-1.8.3.js"></script> + <script src="../src/layui.js"></script> + <script> + layui.use(['element', 'laytpl'], function() { + var element = layui.element; + var laytpl = layui.laytpl; + + var updateTpl = $('#updateTpl').html(); + var errorUpdateTpl = $('#errorUpdateTpl').html(); + + // 鑾峰彇鏁版嵁 + var updateData = parent.$('#updateIframeData').data('update'); + var errorUpdateData = parent.$('#updateIframeData').data('errorUpdate'); + updateData = updateData?updateData: []; + errorUpdateData= errorUpdateData?errorUpdateData:[]; + + // 鏇存柊寰芥爣 + $('#updateBadge').text(updateData.length); + $('#errorUpdateBadge').text(errorUpdateData.length); + + // console.log(updateData); + // 娓叉煋鍙崌绾ц澶囩殑琛ㄦ牸 + laytpl(updateTpl).render(updateData, function(html) { + $('#update').html(html); + }); + + // 娓叉煋涓嶅彲鍗囩骇璁惧鐨勮〃鏍� + laytpl(errorUpdateTpl).render(errorUpdateData, function(html) { + $('#errorUpdate').html(html); + }); + }); + </script> +</body> +</html> diff --git a/gx_tieta/WebRoot/pages/css/mylayui.css b/gx_tieta/WebRoot/pages/css/mylayui.css index a5aa8c4..db394bc 100644 --- a/gx_tieta/WebRoot/pages/css/mylayui.css +++ b/gx_tieta/WebRoot/pages/css/mylayui.css @@ -65,6 +65,12 @@ color: #FFFFFF; } +.layui-tbl-filter { + position: absolute; + top: 8px; + left: 8px; + z-index: 891; +} /*鍒嗛〉鏍峰紡*/ #paging{ -webkit-user-select: none; -- Gitblit v1.9.1