From 2fe250ece8de95b3f70172fe5b45793ab6a3084a Mon Sep 17 00:00:00 2001 From: D:/workspace/chenjingjing/git/gx_tieta/gx_tieta/.gitignore <chenjingjing@LAPTOP-E51P2139> Date: 星期五, 18 一月 2019 17:30:50 +0800 Subject: [PATCH] 未审批可更改 --- gx_tieta/WebRoot/equip-stats-change.jsp | 483 ++++++++++++++++++++++++++++++---------------------- 1 files changed, 277 insertions(+), 206 deletions(-) diff --git a/gx_tieta/WebRoot/equip-stats-change.jsp b/gx_tieta/WebRoot/equip-stats-change.jsp index 4374c63..fb1685b 100644 --- a/gx_tieta/WebRoot/equip-stats-change.jsp +++ b/gx_tieta/WebRoot/equip-stats-change.jsp @@ -10,12 +10,23 @@ <!-- 榛樿浣跨敤鏈�楂樺唴鏍� --> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" > <base href="<%=basePath%>"> - <title><s:text name="Device_status_records_query"/></title> <!-- 璁惧鐘舵�佽褰曟煡璇� --> + <title><s:text name="Device_history_event_query"/></title> <!-- 璁惧鐘舵�佽褰曟煡璇� --> <link rel="stylesheet" href="css/basic.css"> <link rel="stylesheet" type="text/css" href="css/nocontent.css"> <link rel="stylesheet" type="text/css" href="css/loading.css"> <link rel="stylesheet" type="text/css" href="css/basic-layout.css"/> - <link rel="stylesheet" href="css/sidebar.css" /> + <link rel="stylesheet" href="css/common.css"> + <link rel="stylesheet" type="text/css" href="css/popup-tbl.css"> + <link rel="stylesheet" href="src/css/layui.css"> + <style> + #lside { + position: absolute; + top: 30px; + left: 0; + bottom: 0; + right: 0; + } + </style> </head> <body> @@ -26,13 +37,20 @@ <jsp:include page="nav.jsp" flush="true"/> <div class="page-content"> <div class="content-item side-bar-container"> - <div class="lside"></div> + <div class="siderbar-tools"> + <div class="siderbar-tools-right"> + <i class="fa fa-file-text-o" title="鏈哄巻鍗�" id="siderbarToolsCard"></i> + <i class="fa fa-search" title="鏌ヨ鏈烘埧" id="siderbarToolsSearch"></i> + <i class="fa fa-outdent" title="鍏ㄩ儴鏀剁缉" id="siderbarToolsHide"></i> + </div> + </div> + <div class="lside" id="lside"></div> </div> <div class="content-item data-show"> <div class="data-container"> <!-- 绛涢�夋潯浠� --> <div class="filter-container"> - <div class="filter-title"><a href="javascript:changeFilterStats();"><s:text name="Device_status_records_query"/>--><s:text name="Show/hide_the_query_conditions"/></a></div> <!-- 鏄剧ず鎴栭殣钘忔煡璇㈡潯浠� --> + <div class="filter-title"><a href="javascript:changeFilterStats();"><s:text name="Device_history_event_query"/>--><s:text name="Show/hide_the_query_conditions"/></a></div> <!-- 鏄剧ず鎴栭殣钘忔煡璇㈡潯浠� --> <div class="filter-content"> <table> <tbody> @@ -99,11 +117,43 @@ </div> </div> </div> + <div class="popup"></div> + <!-- 瀵艰埅瀹氫綅 --> + <div class="popup w500 mr250" id="localNav"> + <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> + </tr> + <tr> + <td> + <input name="popupHomeName" id="popupHomeName" type="text"> + </td> + </tr> + </tbody> + </table> + </div> + </div> + + <div class="popup-footer"> + <input type="button" name="" id="localNav_en" class="status-change-btn" value="纭畾" > <!-- 纭畾 --> + <input type="button" name="" class="close" value="鍙栨秷" > <!-- 鍙栨秷 --> + </div> + </div> + + <!-- iframe鏁版嵁涓存椂瀛樺偍浣嶇疆 --> + <div id="homeInfoIframeData"></div> + <script type="text/javascript" src="src/layui.all.js"></script> <script type="text/javascript" src="jqueryui/jquery-ui.min.js"></script> <script type="text/javascript" src="js/equip-stats-change.jquery.ui.js"></script> <script type="text/javascript" src="js/basic-layout.js"></script> - <script type="text/javascript" src="js/sidebar.js"></script> + <script type="text/javascript" src="pages/js/pages/siderbar.js"></script> <script type="text/javascript" src="js/pageUtil.js"></script> + <script type="text/javascript" src="js/popup.js"></script> + <script type="text/javascript" src="pages/js/pages/homeInfo.js"></script> <script type="text/javascript"> var arrTh = []; var arrTd = []; @@ -112,54 +162,22 @@ pageSize:10, pageAll:0 }; - /* 宸︿晶瀵艰埅鐐瑰嚮浜嬩欢 闇�瑕佸紩鍏idebar.js */ - $(function () { - //浜岀骇宸﹁彍鍗曠殑鏄剧ず鍜岄殣钘� - $('.lside').on('click','.fir', function(){ - // 鍒ゆ柇鏄惁鏄涓�娆$敓鎴愬唴瀹� - if ($(this).next().length == 0) { - searchAllStationByProvince($(this).attr('name')); - //createLsideSec(secObj, $(this).attr('name')); - }else { - //淇浜岀骇涓虹┖鏃剁殑bug - for(var i=0;i<$(this).next().children().length;i++) - { - if($(this).next().children().eq(i).children().eq(0).text()=='') - { - $(this).next().children().eq(i).children().eq(0).remove(); - $(this).next().children().eq(i).children().eq(0).next().slideToggle(); - } - } - $(this).next().slideToggle(function() { - changeFirImg($(this)); - }); - } - }); - - // 涓夌骇鑿滃崟鑳屾櫙鑹叉敼鍙� - $('.lside').on('click', '.thr', function(){ - $('.lside .thr').removeClass('active'); - $('.lside .fir').removeClass('active'); - $('.lside .sec').removeClass('active'); - $(this).addClass("active"); - // 涓嬫柟娣诲姞鐐瑰嚮涓夌骇鑿滃崟瑙﹀彂浜嬩欢 - searchDevHistoryRecord(); - }); - - //涓夌骇宸﹁彍鍗曠殑鏄剧ず鍜岄殣钘� - $('.lside').on('click', '.sec', function(){ - $('.lside .thr').removeClass('active'); - $('.lside .fir').removeClass('active'); - $('.lside .sec').removeClass('active'); - $(this).addClass("active"); - $(this).next().slideToggle(); - }); + var layerMsg; + + var localNav = new Popup($('#localNav')); + // 鍒濆鍖杔ocalNav寮瑰嚭妗� + $('#localNav').find('.close').bind('click', function() { + localNav.hidePopup(); // 闅愯棌localNav寮瑰嚭妗嗗拰閬僵灞� }); + // 绐楀彛澶у皬鏀瑰彉 + $(window).resize(function() { + localNav.hidePopup(); + }); // 鐢熸垚椤甸潰涓殑琛ㄦ牸 $(function () { - arrTh = ['璁惧Id', '鏈烘埧鍚嶇О', '鍙樿縼鍓嶇姸鎬�', '鍙樿縼鍚庣姸鎬�', '鍙樿縼鍘熷洜', '鍙樿縼鏃堕棿']; + arrTh = ['璁惧Id', '鏈烘埧鍚嶇О', '浜嬩欢绫诲瀷', '鍙樿縼鍓嶇姸鎬�', '鍙樿縼鍚庣姸鎬�', '鍙樿縼鍘熷洜','妯″潡缂栧彿','鍙樿縼鏃堕棿']; createFullTbl($('.tbl-header'), $('.tbl-body'), arrTh, arrTd); var stop_types = [ '鎵嬪姩鍋滄', '鏆傚仠', '姝e湪鏀剧數娴嬭瘯', '姝e湪绛夊緟鏀剧數', '姝e湪闄愭祦鏀剧數', @@ -198,156 +216,12 @@ ele.html($opt); } }); - - // 鐢熸垚宸︿晶瀵艰埅 - $(function(){ - searchAllProvince(); - }); - - /** - * 鐢熸垚宸︿晶涓�绾у鑸� - * @param array mList 涓�绾у鑸殑鏁版嵁鏈烘埧鍚嶇О锛屾満鎴縄D - * [{StationName:string,StationId:string}...] - */ - function createLsideFir(contain,mList){ - // 娓呴櫎contain鐨勫唴瀹� - contain.text(''); - var _ul = $('<ul></ul>'); - // 閬嶅巻mList鏍规嵁鍏舵暟鎹敓鎴愰〉闈腑鐨勫唴瀹� - for (var i = 0; i < mList.length; i++) { - var _li = $('<li></li>'); - var _a = $('<a href="javascript:;" class="fir" name="'+mList[i].StationName1+'"><strong class="arrow down"></strong><span></span>'+mList[i].StationName1+'</a>'); - _li.append(_a); - _ul.append(_li); - } - - contain.append(_ul); - } - - /** - * 鐢熸垚宸︿晶浜岀骇瀵艰埅 - * @param array mList 涓�绾у鑸殑鏁版嵁鏈烘埧鍚嶇О锛屾満鎴縄D - * [{StationName:string,StationId:string,BattGroupId:string,BattGroupName:string}...] - */ - function createLsideSec(mList, stationName){ - // 鏍规嵁_stationId鐨勫�肩‘瀹氳鐢熸垚浜岀骇瀵艰埅鐨勪綅缃� - var _fir = $('.lside .fir'); - - _fir.each(function() { - if($(this).attr('name') == stationName) { - $(this).next('ul').remove(); - $(this).children('strong.arrow').removeClass('down').addClass('up'); - - var _ul = $('<ul style="display:block"></ul>'); - var _li = $('<li></li>'); - var _a = $('<a href="javascript:;" class="sec" id="'+mList[0].FBSDeviceId+'" value="'+mList[0].StationName+'" style="display:none"></a>'); - _li.append(_a); - var __ul = $('<ul style="display: block"></ul>'); - var tagStr = ""; - // 閬嶅巻mList鐢熸垚绗簩绾у唴瀹� - for(var _i = 0; _i < mList.length; _i++) { - tagStr += '<li><a href="javascript:;" class="thr" id="'+mList[_i].FBSDeviceId+'">'+mList[_i].StationName+'</a></li>'; - } - var __li = $(tagStr); - __ul.append(__li); - _li.append(__ul); - _ul.append(_li); - $(this).after(_ul); - } - }); - } - - /** - * 灞曞紑宸﹁竟瀵艰埅鐨勭涓�涓� - */ - function slideFirstSideBar(mList, stationname) { - createLsideSec(mList, stationname); - $('.lside').find('.fir').eq(0).next().find('.thr').eq(0).addClass('active'); - } - - //鏌ヨ鎵�鏈夌殑缁存姢鍖� - function searchAllProvince(){ - $.ajax({ - type:"post", - //url: "BattInfAction!serchByStation", //鏌ヨ鎵�鏈夌殑缁存姢鍖� - url: "User_battgroup_baojigroup_battgroupAction!serchStationName1InGroup", //鏌ヨ褰撳墠鐢ㄦ埛绠$悊鐨勭淮鎶ゅ尯 - async:true, - dataType:'text', - data:null, - success: function(data){ - data = eval('('+data+')'); - var model = eval('('+data.result+')'); - if(model.code == 1){ - //console.info('****'); - //console.info(model); - var arr = new Array(); - for(var i=0;i<model.data.length;i++){ - arr.push({ - StationName1:model.data[i] - }); - } - createLsideFir($('.lside'), arr); - searchAllStationByProvinceFir(arr[0].StationName1); - }else{ - noContent.showNoContent("鏆傛棤绠$悊鐨勭淮鎶ゅ尯"); - } - } - }); - } - - //鏍规嵁缁存姢鍖烘煡璇㈡墍鏈夌殑鏈烘埧 - function searchAllStationByProvince(stationname){ - addLoadingToMenu(stationname); - $.ajax({ - type:"post", - //url: "BattInfAction!serchByStationName", - url: "User_battgroup_baojigroup_battgroupAction!serchStationInfoByStationName1", - async:true, - dataType:'text', - //data:"bif.StationName1="+stationname, - data:"json="+JSON.stringify({UNote:stationname}), - success: function(data){ - data = eval('('+data+')'); - var model = eval('('+data.result+')'); - //console.info(model); - removeLoadingMenu(stationname); // 绉婚櫎鏁版嵁鍔犺浇绛夊緟 - if(model.code == 1){ - createLsideSec(model.data, stationname); - }else{ - - } - } - }); - } - - // 绗竴娆$敓鎴愬乏渚у鑸� - function searchAllStationByProvinceFir(stationname) { - addLoadingToMenu(stationname); - $.ajax({ - type:"post", - //url: "BattInfAction!serchByStationName", - url: "User_battgroup_baojigroup_battgroupAction!serchStationInfoByStationName1", - async:true, - dataType:'text', - //data:"bif.StationName1="+stationname, - data:"json="+JSON.stringify({UNote:stationname}), - success: function(data){ - data = eval('('+data+')'); - var model = eval('('+data.result+')'); - removeLoadingMenu(stationname); // 绉婚櫎鏁版嵁鍔犺浇绛夊緟 - if(model.code == 1){ - //console.info(model.data); - slideFirstSideBar(model.data, stationname); - searchDevHistoryRecord(); - }else{ - - } - } - }); - } //鏍规嵁缁存姢鍖烘煡璇㈡墍鏈夌殑鏈烘埧 function searchDevHistoryRecord(){ + // 鍏抽棴msg + layer.close(layerMsg); + // 鐢熸垚鍐呭 arrTd = new Array(); loading.showLoading($('.tbl-body')); $.ajax({ @@ -359,22 +233,25 @@ success: function(data){ data = eval('('+data+')'); var model = eval('('+data.result+')'); - //console.info(model); + console.info(model); if(model.code == 1){ - for(var i=0;i<model.data.length;i++){ - arrTd.push(model.data[i].dev_id); //璁惧id - arrTd.push(model.data[i].note); //鏈烘埧鍚嶇О - arrTd.push(model.data[i].last_stat_name); //鍙樻崲鍓嶇姸鎬� - arrTd.push(model.data[i].now_stat_name); //鍙樺寲鍚庣姸鎬� - arrTd.push(model.data[i].state_change_reason_name); //鍙樻崲鍘熷洜 - arrTd.push(model.data[i].rec_time); //鍙樻崲鏃堕棿 + for(var i=0;i<model.data.length;i++){ + var _data = model.data[i]; + arrTd.push(_data.dev_id); //璁惧id + arrTd.push(_data.note); //鏈烘埧鍚嶇О + arrTd.push(_data.eve_type_name); //鍙樿縼鍓嶄簨浠剁被鍨� + arrTd.push(_data.last_stat_name); //鍙樻崲鍓嶇姸鎬� + arrTd.push(_data.now_stat_name); //鍙樺寲鍚庣姸鎬� + arrTd.push(_data.state_change_reason_name); //鍙樻崲鍘熷洜 + arrTd.push(_data.module_num); //妯″潡缂栧彿 + arrTd.push(_data.rec_time); //鍙樻崲鏃堕棿 if(model.data[i].page != undefined){ Page.pageAll = model.data[i].page.pageAll; //鎬昏褰曟潯鏁� } } }else{ - noContent.showNoContent("鏈煡璇㈠埌鐘舵�佸彉鎹㈣褰�"); + layerMsg = layer.msg("鏈煡璇㈠埌鐘舵�佸彉鎹㈣褰�"); Page.pageAll = 0; } $('#total').text(Page.pageAll); @@ -385,6 +262,28 @@ createFullTbl($('.tbl-header'), $('.tbl-body'), arrTh, arrTd); } }); + } + + // 浜嬩欢绫诲瀷 + function getTextByVal(num) { + var _num = Number(num); + var rs = ''; + switch(_num){ + case 0: + rs = 'BTS宸ヤ綔鐘舵�侊細'; + break; + case 11: + rs = 'SD鍗℃晠闅滐細'; + break; + case 12: + rs = '鐢垫睜绂荤嚎鐘舵�侊細'; + break; + case 20: + rs = 'DCDC妯″潡鍛婅鐘舵�侊細'; + break; + } + + return rs; } /** @@ -398,9 +297,16 @@ rec_time1:$('#record_end_time').val()+" 23:59:59", //璁惧id page:Page, }; - temp.dev_id = $('.lside .thr.active').attr('id'); + var battGroupInfo = getBatt(); + temp.dev_id = battGroupInfo.FBSDeviceId; temp.state_change_reason = $('#statsList').val(); return temp; + } + + // 鑾峰彇琚�変腑鐢垫睜缁勭殑淇℃伅 + function getBatt() { + var rs = $('#lside .sider-menu-file.active').data('attr'); + return rs; } $(function(){ @@ -459,7 +365,7 @@ console.info($('#tbHead .tbFixed thead th').length); exprotTable($('.tbl-body th'),$('.tbl-body tbody td'),$('#export_excel'),$('#table_th_arr'),$('#table_td_arr')); }); - + // 瀵煎嚭鍐呭 function exprotTable(eleTh,eleTd,eleform,eleTh_Text,eleTd_Text){ //alert("瀵煎嚭"); var ArrTh=new Array(); @@ -478,6 +384,171 @@ //console.info(ArrTd); eleform.submit(); } + + // siderbar妯″潡 + $(function() { + var TreeView = GLOBAL.pages.TreeView; + var first = GLOBAL.pages.siderbar.first; // 涓�绾у鑸� + var second = GLOBAL.pages.siderbar.second; // 浜岀骇瀵艰埅 + var third = GLOBAL.pages.siderbar.third; // 涓夌骇瀵艰埅 + var fourth = GLOBAL.pages.siderbar.fourth; // 鍥涚骇瀵艰埅 + var fifth = GLOBAL.pages.siderbar.fifth; // 浜旂骇瀵艰埅 + var localSideBar = GLOBAL.pages.siderbar.localSideBar; // 瀹氫綅鏈烘埧 + var treeView = new TreeView($('#lside')); + $('#lside').width($('#ele_content').width()); + treeView.setContainer(); + // 璁剧疆椤甸潰鐨勫乏渚у彲浠ュ乏鍙崇缉鏀� + $('.page-content .content-item.side-bar-container').resizable({ + handles: 'e', + maxWidth: 520, + minWidth: 200, + //alsoResize: $('#lside'), + resize:function() { + treeView.setContainer(); + } + }); + + // 鐢熸垚涓�绾у鑸�-鐪� + first(treeView, treeView.container); + + // 鐪�->甯� + treeView.ele.on('click', '.province', function() { + var province = $(this).data('attr'); + second(treeView, $(this).parent(), province); + }); + + // 甯�->鍖�/鍘� + treeView.ele.on('click', '.city', function() { + var city = $(this).data('attr'); + third(treeView, $(this).parent(), city); + }); + + // 甯�->鏈烘埧 + treeView.ele.on('click', '.county', function() { + var city = $(this).data('attr'); + fourth(treeView, $(this).parent(), city); + }); + + + + battinlist = []; + // 鏈烘埧->鐢垫睜缁� + treeView.ele.on('click', '.home', function() { + var home = $(this).data('attr'); + var tmp = { + StationName1: home.StationName1, + StationName2: home.StationName2, + StationName5: home.StationName5, + StationName: home.StationName, + StationId: home.StationId + }; + fifth(treeView, $(this).parent(), tmp); + }); + + // 鐢垫睜缁� + treeView.ele.on('click', '.eleGroup', function() { + var eleGroup = $(this).data('attr'); + searchDevHistoryRecord(); + }); + + // 宸ュ叿鏉�-鍏ㄩ儴鏀剁缉 + $('#siderbarToolsHide').click(function(){ + treeView.ele.find('li').removeClass('sider-menu-open'); + }); + + // 宸ュ叿鏉�-鏈哄巻鍗� + $('#siderbarToolsCard').click(function(){ + var batt = getBatt(); + var tmp = { + province: batt.StationName1, + city: batt.StationName2, + county: batt.StationName5, + home: batt.StationName, + homeid: batt.StationId, + battid: batt.BattGroupId + }; + // 鏄剧ず鍩虹珯鏈哄巻鍗� + showHomeInfo(batt.StationId); + // 鏍规嵁鏁版嵁瀹氫綅 + localSideBar(treeView, treeView.container, tmp); + }); + + // 宸ュ叿鏉�-鏌ヨ + $('#siderbarToolsSearch').click(function(){ + localNav.homeInfo = undefined; + $('#popupHomeName').val(''); + localNav.showPopup(); + }); + + // 鐐瑰嚮闈㈡澘鐨勭‘瀹氭寜閽� + $('#localNav_en').click(function() { + // 瀹氫綅 + if(localNav.homeInfo) { + localNav.hidePopup(); + localSideBar(treeView, treeView.container, localNav.homeInfo); + }else { + + } + }); + + // 鏌ヨ鏈烘埧骞舵洿鏂皊ource + var homeSource = []; + findHome(); + + // 瀹氫箟鏈烘埧鏌ヨ淇℃伅 + $( "#popupHomeName" ).autocomplete({ + source: homeSource, + select: function(event, ui) { + localNav.homeInfo = ui.item; // 璁剧疆鏈烘埧淇℃伅鍐呭 + } + }); + + // 鏌ヨ鏈烘埧 + function findHome() { + var tmp = { + StationName1:'', + StationName2: '', + StationName5:'' + }; + + // 鏌ヨ灏嗕俊鎭� + $.post("BattInfAction!serchStationName3","json="+JSON.stringify(tmp),function(result){ + var rs = JSON.parse(result.result); + if(rs.code==1){ + homeSource = []; + var data = rs.data; + for(var i=0; i<data.length; i++) { + var _data = data[i]; + var tmp = { + label: _data.StationName+'('+_data.StationId+')', + province: _data.StationName1, + city: _data.StationName2, + county: _data.StationName5, + home: _data.StationName, + homeid: _data.StationId, + battid: undefined + }; + + // 娣诲姞鍒拌祫婧� + homeSource.push(tmp); + } + $( "#popupHomeName" ).autocomplete('option', 'source', homeSource); + } + }); + } + + }); + + //鏍规嵁褰撳墠閫変腑鐨勭數姹犵粍id鑾峰彇褰撳墠鐢垫睜缁勭殑淇℃伅 + function getBatt(){ + var activeFile = $('.whyc-sider-menu .sider-menu-file.active'); + if(activeFile.length == 1) { + return activeFile.data('attr'); + }else { + return undefined; + } + + } </script> </body> </html> -- Gitblit v1.9.1