From 93b5c564dc708050f7f8586ae2b5888d8502f0a1 Mon Sep 17 00:00:00 2001 From: hdw <496960745@qq.com> Date: 星期五, 19 十月 2018 10:29:32 +0800 Subject: [PATCH] 添加面板 --- gx_tieta/WebRoot/iframe/batt-state-statistical-details.html | 245 +++++++++++++++++ gx_tieta/WebRoot/pages/js/common.js | 23 + gx_tieta/WebRoot/batt-state-statistical.jsp | 560 +++++++++++++++------------------------ 3 files changed, 482 insertions(+), 346 deletions(-) diff --git a/gx_tieta/WebRoot/batt-state-statistical.jsp b/gx_tieta/WebRoot/batt-state-statistical.jsp index 2cdeed9..d8b76f7 100644 --- a/gx_tieta/WebRoot/batt-state-statistical.jsp +++ b/gx_tieta/WebRoot/batt-state-statistical.jsp @@ -17,6 +17,8 @@ <link rel="stylesheet" type="text/css" href="css/basic-layout.css"/> <link rel="stylesheet" href="css/sidebar.css" /> <link rel="stylesheet" href="css/confirm.css" /> + <link rel="stylesheet" href="src/css/layui.css" /> + <link rel="stylesheet" href="pages/css/mylayui.css"> <style type="text/css"> .b8cfe5 { background-color: #b8cfe5 !important; @@ -33,102 +35,91 @@ <!--澶撮儴鍐呭缁撴潫--> <!--瀵艰埅寮�濮�--> <jsp:include page="nav.jsp" flush="true"/> - <div class="page-content"> - <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="Show/hide_the_query_conditions"/></a></div> - <div class="filter-content"> - <table> - <tbody> - <tr> - <th>鐪�</th> <!-- 鐪� --> - <th>甯�</th> <!-- 甯� --> - <th><s:text name="Computer_site"/></th> <!-- 鏈烘埧绔欑偣 --> - - <th colspan="2" style="width: 30%;">鏃堕棿</th> <!-- 寮�濮嬪憡璀︽棩鏈� --> - <th>缁熻鏂瑰紡</th> - </tr> - <tr> - <td> - <select name="" id="station_name1"> - - </select> - </td> - <td> - <select name="" id="city"> - - </select> - </td> - <td> - <select name="" id="station_name3"> - - </select> - </td> - - <td><input type="text" id="startalm" readonly="readonly" name="bmd.adata.alm_start_time" value="2000-1-1" /></td> - <td><input type="text" id="endTalm" readonly="readonly" name="bmd.adata.alm_start_time1" /></td> - <td> - <select id="statistics"> - <option value=3>鎸夊勾缁熻</option> - <option value=1>鎸夋湀缁熻</option> - </select> - </td> - </tr> - </tbody> - </table> - <table class="condi-opt"> - <tr> + <div class="filter-container"> + <div class="filter-title"><a href="javascript:;">鍩虹珯鐘舵�佺粺璁℃煡璇�--><s:text name="Show/hide_the_query_conditions"/></a></div> + <div class="filter-content"> + <table> + <tbody> + <tr> + <th>鐪�</th> <!-- 鐪� --> + <th>甯�</th> <!-- 甯� --> + <th><s:text name="Computer_site"/></th> <!-- 鏈烘埧绔欑偣 --> + + <th colspan="2" style="width: 30%;">鏃堕棿</th> <!-- 寮�濮嬪憡璀︽棩鏈� --> + <th>缁熻鏂瑰紡</th> + </tr> + <tr> + <td> + <select name="" id="station_name1"> + </select> + </td> + <td> + <select name="" id="city"> - <input type="hidden" id="ALM_TYPE_BTS9100S_POFF_ComError" name="" value="" class="" /> <!-- 鍋滅數 --> + </select> + </td> + <td> + <select name="" id="station_name3"> - <input type="hidden" id="ALM_TYPE_BTS9100S_FADIAN_ComError" name="" value="" class="" /> <!-- 鍙戠數 --> - - <input type="hidden" id="ALM_TYPE_BTS9100S_DIAOZHAN_ComError" name="" value="" class=""> <!-- 鎺夌珯 --> - - - <input type="hidden" id="ALM_TYPE_BTS9100S_DOOROPEN_ComError" name="" value="" class="" > <!-- 寮�闂紝寮�鍏崇數婧愬紓甯� --> - <input type="hidden" id="ALM_TYPE_BTS9100S_TEMPUP_ComError" name="" value="" class=""> - <input type="hidden" id="ALM_TYPE_BTS9100S_TEMPLOW_ComError" name="" value="" class=""> <!-- 娓╁害寮傚父 --> - <input type="hidden" id="ALM_TYPE_BTS9100S_DAMPUP_ComError" name="" value="" class=""> - <input type="hidden" id="ALM_TYPE_BTS9100S_DAMPLOW_ComError" name="" value="" class=""> <!-- 婀垮害寮傚父 --> - </tr> - </table> - </div> - </div> - <!-- 瀵煎嚭琛ㄦ牸鏁版嵁鐨勮〃鍗� --> - <form id="export_excel" action="ExportTable.servlet" method="post"> - <input type="hidden" name="PageName" value="eleHistoryWarn.jsp"/> - <input type="hidden" id="table_th_arr" name="table_th_arr"/> - <input type="hidden" id="table_td_arr" name="table_td_arr"/> - </form> - - <!-- 鏁版嵁琛ㄦ牸鏄剧ず --> - <div class="tbl-header"></div> - <div class="tbl-body"></div> - <div class="data-footer"> - <!-- 鍒嗛〉鍐呭 --> - <div id="paging"> - <a href="javascript:" class="search"><s:text name="Search"/></a> <!-- 鏌ヨ --> - <a href="javascript:" id="export_table"><s:text name="Export"/></a> <!-- 瀵煎嚭 --> - <span id="current">1/1</span> - <span><s:text name="Each_page"/><!-- 姣忛〉 --><input type="text" id="number" value="10"/><s:text name="Item"/><!-- 鏉� --></span> - <s:text name="Total_data"/><!-- 鏁版嵁鎬婚噺 --><span id="total">0</span> - <a href="javascript:" id="home"><s:text name="HomePage"/><!-- 棣栭〉 --></a> - <a href="javascript:" id="pre"><s:text name="Page_Up"/><!-- 涓婁竴椤� --></a> - <a href="javascript:" id="next_p"><s:text name="Page_Down"/><!-- 涓嬩竴椤� --></a> - <a href="javascript:" id="last"><s:text name="End_Page"/><!-- 灏鹃〉 --></a> - <span id="cont"> - <s:text name="Goto"/><!-- 杞埌 --><input type="text" id="page_num" value="1"/> - <a href="javascript:" id="go"><s:text name="Jump"/><!-- 璺宠浆 --></a> - </span> - </div> - </div> - </div> + </select> + </td> + + <td><input type="text" id="startalm" readonly="readonly" name="bmd.adata.alm_start_time" value="2000-1-1" /></td> + <td><input type="text" id="endTalm" readonly="readonly" name="bmd.adata.alm_start_time1" /></td> + <td> + <select id="statistics"> + <option value=3>鎸夊勾缁熻</option> + <option value=1>鎸夋湀缁熻</option> + </select> + </td> + </tr> + </tbody> + </table> + <table class="condi-opt"> + <tr> + <input type="hidden" id="ALM_TYPE_BTS9100S_POFF_ComError" name="" value="" class="" /> <!-- 鍋滅數 --> + <input type="hidden" id="ALM_TYPE_BTS9100S_FADIAN_ComError" name="" value="" class="" /> <!-- 鍙戠數 --> + <input type="hidden" id="ALM_TYPE_BTS9100S_DIAOZHAN_ComError" name="" value="" class=""> <!-- 鎺夌珯 --> + <input type="hidden" id="ALM_TYPE_BTS9100S_DOOROPEN_ComError" name="" value="" class="" > <!-- 寮�闂紝寮�鍏崇數婧愬紓甯� --> + <input type="hidden" id="ALM_TYPE_BTS9100S_TEMPUP_ComError" name="" value="" class=""> + <input type="hidden" id="ALM_TYPE_BTS9100S_TEMPLOW_ComError" name="" value="" class=""> <!-- 娓╁害寮傚父 --> + <input type="hidden" id="ALM_TYPE_BTS9100S_DAMPUP_ComError" name="" value="" class=""> + <input type="hidden" id="ALM_TYPE_BTS9100S_DAMPLOW_ComError" name="" value="" class=""> <!-- 婀垮害寮傚父 --> + </tr> + </table> </div> </div> + <!-- 瀵煎嚭琛ㄦ牸鏁版嵁鐨勮〃鍗� --> + <form id="export_excel" action="ExportTable.servlet" method="post"> + <input type="hidden" name="PageName" value="eleHistoryWarn.jsp"/> + <input type="hidden" id="table_th_arr" name="table_th_arr"/> + <input type="hidden" id="table_td_arr" name="table_td_arr"/> + </form> + <div style="width: 100%;overflow:hidden;"> + <table id="eleInfoTbl" lay-filter="eleInfoTbl"></table> + </div> + + <div class="data-footer"> + <!-- 鍒嗛〉鍐呭 --> + <div id="paging"> + <a href="javascript:" class="search"><s:text name="Search"/></a> <!-- 鏌ヨ --> + <a href="javascript:" id="export_table"><s:text name="Export"/></a> <!-- 瀵煎嚭 --> + <span id="current">1/1</span> + <span><s:text name="Each_page"/><!-- 姣忛〉 --><input type="text" id="number" value="10"/><s:text name="Item"/><!-- 鏉� --></span> + <s:text name="Total_data"/><!-- 鏁版嵁鎬婚噺 --><span id="total">0</span> + <a href="javascript:" id="home"><s:text name="HomePage"/><!-- 棣栭〉 --></a> + <a href="javascript:" id="pre"><s:text name="Page_Up"/><!-- 涓婁竴椤� --></a> + <a href="javascript:" id="next_p"><s:text name="Page_Down"/><!-- 涓嬩竴椤� --></a> + <a href="javascript:" id="last"><s:text name="End_Page"/><!-- 灏鹃〉 --></a> + <span id="cont"> + <s:text name="Goto"/><!-- 杞埌 --><input type="text" id="page_num" value="1"/> + <a href="javascript:" id="go"><s:text name="Jump"/><!-- 璺宠浆 --></a> + </span> + </div> + </div> + <div id="details"></div> + <div id="detailsOpts"></div> <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/eleHistWarn1-jquery.ui.js"></script> @@ -138,6 +129,10 @@ <script type="text/javascript" src="js/myConfirm.js"></script> <script type="text/javascript" src="js/myinterval.js"></script> <script type="text/javascript" src="js/pageUtil.js"></script> + <script type="text/javascript" src="src/layui.js"></script> + <script type="text/html" id="toolBar"> + <a class="layui-btn layui-btn-xs" lay-event="details">璇︽儏</a> + </script> <script type="text/javascript"> var permits; <% Object obj=session.getAttribute("permits"); @@ -146,179 +141,147 @@ permits=<%=permits%>; //console.info(json); <% } %> - var Page = { - pageCurr:1, - pageSize:10, - pageAll:0 - }; - - var ArrWarnTh; //琛ㄥご鏁版嵁 - var ArrWarnTb; //琛ㄦ牸鏁版嵁 - - $(function () { - // 鍒濆鍖栭〉闈㈢殑鏁版嵁 - //鑷畾涔夋暟缁勫彉閲忥紝鏁扮粍鐨勫�间负鐢垫睜鍛婅琛ㄦ牸鐨勮〃澶� 缂栧彿 鏈烘埧鍚嶇О 鐢垫睜缁勫悕绉� 鍛婅鍚嶇О 鍗曚綋缂栧彿 鍛婅鍊� 鍛婅绛夌骇 鍛婅纭 鍛婅纭鏃堕棿 鍛婅寮�濮嬫椂闂� 鍛婅鎴鏃堕棿 - ArrWarnTh = ['鍛婅鏃堕棿娈�','鏈烘埧鍚嶇О','鍋滅數娆℃暟','鍙戠數娆℃暟','鎺夌珯娆℃暟','寮�闂ㄥ紓甯告鏁�','娓╁害涓婇檺鍛婅','娓╁害涓嬮檺鍛婅','婀垮害涓婇檺鍛婅','婀垮害涓嬮檺鍛婅','璇︽儏']; - ArrWarnTb = new Array(); // 鐢ㄤ簬瀛樻斁琛ㄦ牸鏁版嵁 - - createFullTbl($('.tbl-header'), $('.tbl-body'), ArrWarnTh, ArrWarnTb); - - // 鐐瑰嚮琛ㄦ牸鐨勫彸閿樉绀哄彸閿彍鍗� - var $tblBody = $('.tbl-body'); - var tblBody = $tblBody.get(0); - tblBody.oncontextmenu = function() { - return false; + // 搴旂敤layui妗嗘灦 + layui.use(['layer', 'table', 'form', 'laytpl', 'element'],function() { + var layer = layui.layer // 鑾峰彇layer妯″潡 + ,table = layui.table // 鑾峰彇table妯″潡 + ,form = layui.form; + // 琛ㄦ牸鏁版嵁閰嶇疆椤� + var tOptions = { + elem: '#eleInfoTbl' + ,toolbar: false + ,defaultToolbar: ['exports', 'filter'] + ,cellMinWidth: 80 + ,cols: [[ + {field:'note', title:'鍛婅鏃堕棿娈�', align:'center'} + ,{field:'stationName', title:'鏈烘埧鍚嶇О', align:'center'} + ,{field:'station_event_type_poff', title:'鍋滅數娆℃暟', align:'center'} + ,{field:'station_event_type_fadian', title:'鍙戠數娆℃暟', align:'center'} + ,{field:'station_event_type_diaozhan', title:'鎺夌珯娆℃暟', align:'center'} + ,{field:'station_event_type_dooropen', title:'寮�闂ㄥ紓甯告鏁�', align:'center'} + ,{field:'station_event_type_tempup', title:'娓╁害涓婇檺鍛婅', align:'center'} + ,{field:'station_event_type_templow', title:'娓╁害涓嬮檺鍛婅', align:'center'} + ,{field:'station_event_type_dampup', title:'婀垮害涓婇檺鍛婅', align:'center'} + ,{field:'station_event_type_damplow', title:'娓╁害涓嬮檺鍛婅', align:'center'} + ,{fixed: 'right', title:'璇︽儏', toolbar: '#toolBar', width: 70} + ]] + ,data:[] + ,page: false + ,height: 'full-280' }; - $('.tbl-body').on('click', 'table tbody tr', function() { - $('.tbl-body table tbody tr').removeClass('b8cfe5'); - $(this).addClass('b8cfe5'); - }); + // 鐢熸垚琛ㄦ牸鏁版嵁 + table.render(tOptions); - var menuItems = [ - {cla:'all-pitch', txt:'鍏ㄩ儴閫変腑'}, - {cla:'del', txt:'鍒犻櫎'} - ]; - $('.tbl-body').on('mousedown', 'table tbody tr', function(e) { - //鍒╃敤jquery鐨勬柟寮忚幏鍙栧綋鍓嶇偣鍑荤殑鏄惁鏄彸閿� - if(e.which==3) { - if(!$(this).hasClass('b8cfe5')) { - $('.tbl-body table tbody tr').removeClass('b8cfe5'); - $(this).addClass('b8cfe5'); - } - //alert($(this).attr('class')); - var disX=(e||event).clientX+10; //鑾峰彇榧犳爣鐐瑰嚮鐨勬í鍧愭爣 - var disY=(e||event).clientY+10; // 鑾峰彇榧犳爣鐐瑰嚮鐨勭旱鍧愭爣 - var scrollY=$(document).scrollTop(); - - rightMenu.showMenu(menuItems,disX, disY); + // 鐐瑰嚮琛ㄦ牸宸ュ叿鏍忚鎯� + table.on('tool(eleInfoTbl)', function(obj) { + //details + var event = obj.event; + switch(event) { + case 'details': + var param = getSearchOpts(obj.data); + searchStationHistRecord(param); + //console.log(obj.data); + break; } }); - }); - - // 鐐瑰嚮鍏ㄩ儴閫変腑瑙﹀彂鏉′欢 - $('body').on('click', '#rightMenu .all-pitch', function() { - $('.tbl-body table tbody tr').addClass('b8cfe5'); - }); - - - - //瀵煎嚭琛ㄦ牸 - $('#export_table').click(function(){ - exprotTable($('.tbl-body table thead th'),$('.tbl-body table tbody td'),$('#export_excel'),$('#table_th_arr'),$('#table_td_arr')); - }); - - //瀵煎嚭琛ㄦ牸鏁版嵁鐨勬柟娉� - function exprotTable(eleTh,eleTd,eleform,eleTh_Text,eleTd_Text){ - //alert("瀵煎嚭"); - var ArrTh=new Array(); - for(var i=0;i<eleTh.length;i++) - { - ArrTh[i]=eleTh.eq(i).text(); - } - var ArrTd=new Array(); - for(var i=0;i<eleTd.length;i++) - { - if(eleTd.eq(i).find('input').length!=0){ - //alert(12); - if(eleTd.eq(i).find('input').is(':checked')){ - ArrTd[i]='鏄�'; - }else{ - ArrTd[i]='鍚�'; + //鏌ヨ鍩虹珯璇︽儏 + function searchStationHistRecord(param){ + // 灏唒aram娣诲姞鍒�#detailsOpts + $('#detailsOpts').data('data', param); + + // 璇锋眰鑾峰彇褰撳墠鐪佷笅鐨勫競 + $.ajax({ + type: "post", + url: "Bts_station_eventAction!serchByInfo", + async:true, + dataType:'json', + data:"json = "+JSON.stringify(param), + success: function(data){ + var rs = JSON.parse(data.result); + //console.info(rs); + if(rs.code == 1) { + $('#details').data('data', rs.data); + var txt = param.stationname; + // 鏄剧ず闈㈡澘 + layer.open({ + type: 2, + title: txt+'<span style="font-weight:bold">>>璇︽儏</span>', + area: ['1200px', '500px'], + fixed: false, //涓嶅浐瀹� + maxmin: true, + content: 'iframe/batt-state-statistical-details.html' + }); + }else { + layer.msg(rs.msg); + } } - }else{ - ArrTd[i]=eleTd.eq(i).text(); - } + }); } - eleTh_Text.attr('value',ArrTh); - eleTd_Text.attr('value',ArrTd); - //console.info(ArrTh); - //console.info(ArrTd); - eleform.submit(); - } - - - $(function(){ + + // 鏋勯�犳煡璇㈣鎯呮潯浠� + function getSearchOpts(data) { + var timearr = data.note.split('~'); + var param = { + stationname: data.stationName, + dev_id:data.dev_id, + record_datetime:timearr[0], + record_datetime_end:timearr[1], + station_event_type:0, //1:鍩虹珯鍋滅數 2:鍩虹珯缁埅 3:鍩虹珯鍙戠數 4:鍩虹珯寮�闂� 5:鍩虹珯鎺夌珯 6:鍩虹珯娓╁害涓婇檺 7:鍩虹珯娓╁害涓嬮檺 8:鍩虹珯婀垮害涓婇檺 9:鍩虹珯婀垮害涓嬮檺 + page:{ + pageSize:10, //姣忛〉鐨勮鏁� + pageCurr:1 //褰撳墠椤电爜鏁� + } + }; + + return param; + } + + // 鏌ヨ鍐呭 + function serachBattStatistical(){ + var temp = createSearchForm(); + var json = JSON.stringify(temp); + $.ajax({ + type:"post", + url:"Bts_station_eventAction!serchByCondition", + async:true, + dataType:'json', + data:"json="+json, + success:function(data){ + var data=JSON.parse(data.result); + if(data.code==1&&data!=null){ + tOptions.data = data.data; + } + + table.render(tOptions); + } + }) + } + + // 鏋勯�犳煡璇㈡潯浠� + function createSearchForm(){ + var stationid = $('#station_name3').find("option:selected").attr('Stationid'); + var temp={ + StationName1:$('#station_name1').val(), // 鐪� + StationName2:$('#city').val(), // 甯� + StationName3:$('#station_name3').val(), //鏈烘埧鍚嶇О + StationId: stationid?stationid:0, + BattInUseDate:$('#startalm').val()+" 00:00:00", + BattInUseDate1:$('#endTalm').val()+" 23:59:59", + BattGroupNum:$('#statistics').val() + }; + //console.info(temp); + return temp; + } + //鐐瑰嚮鏌ヨ鎸夐挳 $('#paging .search').click(function(){ - //var check = $("#ALM_TYPE_BTS9100S_FADIAN_ComError").attr("checked"); - //console.info(check); serachBattStatistical(); }); - }); - - - var formjson; - - function serachBattStatistical(){ - var temp = createSearchForm(); - var json = JSON.stringify(temp); - ArrWarnTb = new Array(); - $.ajax({ - type:"post", - url:"Batt_devalarm_data_historyAction!serchStateBydev_id", - async:true, - dataType:'json', - data:"json="+json, - success:function(data){ - var data=JSON.parse(data.result); - var index=0; - //console.info(data); - if(data.code==1&&data!=null){ - data=data.data; - Page.pageAll = data.length; - var pageNum=Math.ceil(Page.pageAll/Page.pageSize); - $('#total').text(Page.pageAll); - $('#current').text(Page.pageCurr+"/"+pageNum); - var currentStartdata=Math.ceil((Page.pageCurr-1)*Page.pageSize); - var currenEnddata = 0; - if(Page.pageAll-(Page.pageCurr-1)*Page.pageSize<Page.pageSize){ - currenEnddata =(Page.pageAll-(Page.pageCurr-1)*Page.pageSize)+(Page.pageCurr-1)*Page.pageSize; - }else{ - currenEnddata = (Page.pageCurr)*Page.pageSize; - } - //console.info(currenEnddata); - for(i=currentStartdata;i<currenEnddata;i++){ - //console.info(data); - ArrWarnTb[index++]=data[i].dev_ip; //鍛婅鏃堕棿娈� - ArrWarnTb[index++]=data[i].stationName; //鏈烘埧鍚嶇О - ArrWarnTb[index++]=data[i].num; //鍋滅數 - ArrWarnTb[index++]=data[i].record_id; //鍙戠數娆℃暟 - ArrWarnTb[index++]=data[i].alm_type; //鎺夌珯娆℃暟 - ArrWarnTb[index++]=data[i].alm_level; //寮�闂ㄥ紓甯� - ArrWarnTb[index++]=data[i].alm_is_confirmed;//娓╁害涓婇檺 - ArrWarnTb[index++]=data[i].alm_cleared_type;//娓╁害涓嬮檺 - ArrWarnTb[index++]=data[i].usr_id; //婀垮害涓婇檺 - ArrWarnTb[index++]=data[i].note; //婀垮害涓嬮檺 - ArrWarnTb[index++]="<a href="" >璇︽儏</a>"; //璇︽儏 - } - createFullTbl($('.tbl-header'), $('.tbl-body'), ArrWarnTh, ArrWarnTb); - } - } - }) - } - //鏋勯�犳煡璇㈡潯浠跺璞� - // function creatArrTb(var arr,int){ - // var arr = new Array(); - // return arr; - // } - function createSearchForm(){ - var stationid = $('#station_name3').find("option:selected").attr('Stationid'); - var temp={ - StationName1:$('#station_name1').val(), // 鐪� - StationName2:$('#city').val(), // 甯� - StationName3:$('#station_name3').val(), //鏈烘埧鍚嶇О - StationId: stationid?stationid:0, - BattInUseDate:$('#startalm').val(), - BattInUseDate1:$('#endTalm').val(), - BattGroupNum:$('#statistics').val() - }; - //console.info(temp); - return temp; - } - + + }); // 鐪�-甯�-鏈烘埧-鐢垫睜缁� $(document).ready(function(){ @@ -420,101 +383,6 @@ } }); } - - //棣栭〉 - $('#home').click(function(){ - if(Page!=undefined){ - var pageNum = Math.ceil(Page.pageAll/Page.pageSize); - if(Page.pageCurr != 1){ - Page.pageCurr=1; - $('#paging .search').click(); - } - } - }); - - //鐐瑰嚮涓婁竴椤� - $("#pre").click(function(){ - if(Page!=undefined){ - if(Page.pageCurr > 1){ - Page.pageCurr = Page.pageCurr-1; - $('#paging .search').click(); - } - } - }); - - - //鐐瑰嚮涓嬩竴椤� - $("#next_p").click(function(){ - if(Page!=undefined){ - var pageNum=Math.ceil(Page.pageAll/Page.pageSize); - if(Page.pageCurr < pageNum){ - Page.pageCurr = Page.pageCurr+1; - - //console.info(Page); - $('#paging .search').click(); - } - } - }); - - //灏鹃〉 - $('#last').click(function(){ - if(Page !=undefined){ - var pageNum=Math.ceil(Page.pageAll/Page.pageSize); - if(Page.pageCurr<pageNum){ - Page.pageCurr = pageNum; - $('#paging .search').click(); - } - } - }); - - - //璁剧疆姣忛〉琛屾暟 - $('#number').blur(function(){ - var value=$('#number').attr("value"); - //褰撹緭鍏ョ殑鏁板ぇ浜�0鏃� - if(value>0){ - value=parseInt(value); - if(Page.pageSize != value){ - Page.pageSize = value; - Page.pageCurr = 1; - } - }else{ - //褰撹緭鍏ラ潪娉曟暟瀛楁椂 - alert("<s:text name='Please_enter_the_legitimate_number!'/>"); /* 璇疯緭鍏ュ悎娉曠殑鏁存暟 */ - $('#number').attr('value',Page.pageSize); - } - }); - - //濉啓瀹岃烦杞埌鎸囧畾椤� - $('#page_num').blur(function(){ - var tarpage=$('#page_num').attr('value'); - if(tarpage>0){ - - }else{ - alert("<s:text name='Please_enter_the_legitimate_number!'/>"); /* 璇疯緭鍏ュ悎娉曠殑鏁板瓧 */ - $('#page_num').attr('value',Page.pageCurr); - } - }); - - //鐐瑰嚮璺宠浆 - $('#go').click(function(){ - var tarpage=$('#page_num').attr('value'); - tarpage=parseInt(tarpage); - if(Page!=undefined && Page.pageAll != 0){ - var pageNum=Math.ceil(Page.pageAll/Page.pageSize); - if(tarpage > pageNum){ - tarpage=pageNum; - $('#page_num').attr('value',pageNum); - } - Page.pageCurr= tarpage; - }else{ - Page.pageCurr= tarpage; - } - $('#paging .search').click(); - }); - - - </script> </body> diff --git a/gx_tieta/WebRoot/iframe/batt-state-statistical-details.html b/gx_tieta/WebRoot/iframe/batt-state-statistical-details.html new file mode 100644 index 0000000..36c85da --- /dev/null +++ b/gx_tieta/WebRoot/iframe/batt-state-statistical-details.html @@ -0,0 +1,245 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <title>閰嶇粍绠$悊</title> + <link rel="stylesheet" href="../jqueryui/jquery-ui.min.css"> + <link rel="stylesheet" href="../src/css/layui.css"> + <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css"> + <link rel="stylesheet" href="../pages/css/mylayui.css"> + <link rel="stylesheet" href="../pages/css/common.css"> + <style type="text/css"> + html, body { + height: 100%; + } + .layui-table-view { + margin: 0; + } + </style> +</head> +<body> + <div class="whyc-page-layui-main abs-top0 abs-bottom0"> <!-- 鏈�澶栧眰鎺у埗浣嶇疆 --> + <div class="whyc-page-layui-content-container"> + <!-- <div class="whyc-page-layui-siderbar w360"></div> --> + <div class="whyc-page-layui-content" style="background-color: pink"> + <div class="tbl-container"> + <div class="tbl-filter" lay-filter="tblFilter"> + <div class="layui-form layui-form-pane" lay-filter="tblFilter"> + <div class="layui-inline"> <!-- 娉ㄦ剰锛氳繖涓�灞傚厓绱犲苟涓嶆槸蹇呴』鐨� --> + <label>寮�濮嬫椂闂�</label> + <div class="layui-input-inline"> + <input type="text" class="layui-input" id="startTime"> + </div> + </div> + <div class="layui-inline"> <!-- 娉ㄦ剰锛氳繖涓�灞傚厓绱犲苟涓嶆槸蹇呴』鐨� --> + <label>缁撴潫鏃堕棿</label> + <div class="layui-input-inline"> + <input type="text" class="layui-input" id="endTime"> + </div> + </div> + <div class="layui-input-inline"> + <div class="layui-form" lay-filter="warnTypeFilter"> + <select name="warnType" id="warnType" lay-search="warnType"> + <option value="0">鍏ㄩ儴(寮傚父)</option> + <option value="1">鍩虹珯鍋滅數</option> + <option value="2">鍩虹珯缁埅</option> + <option value="3">鍩虹珯鍙戠數</option> + <option value="4">鍩虹珯寮�闂�</option> + <option value="5">鍩虹珯鎺夌珯</option> + <option value="6">鍩虹珯娓╁害涓婇檺</option> + <option value="7">鍩虹珯娓╁害涓嬮檺</option> + <option value="8">鍩虹珯婀垮害涓婇檺</option> + <option value="9">鍩虹珯婀垮害涓嬮檺</option> + </select> + </div> + </div> + <button class="layui-btn layui-btn-sm layui-btn-normal" id="search"><i class="fa fa-search"></i> 鏌ヨ</button> + </div> + </div> + <!-- 琛ㄦ牸鍐呭 --> + <table id="groupTbl" lay-filter="groupTbl"></table> + </div> + </div> + </div> + </div> + <script type="text/javascript" src="../js/jquery-1.8.3.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="../src/layui.js"></script> + <script type="text/javascript" src="../pages/js/mylayui.js"></script> + <script type="text/javascript" src="../js/base.js"></script> + <script type="text/javascript" src="../pages/js/common.js"></script> + <script type="text/javascript"> + layui.use(['layer', 'table', 'form', 'laytpl', 'element', 'laydate'],function() { + var layer = layui.layer // 鑾峰彇layer妯″潡 + ,table = layui.table // 鑾峰彇table妯″潡 + ,form = layui.form + ,laydate = layui.laydate; + + var parentData = parent.$('#details').data('data'); // 鐖跺鍣ㄥ瓨鍌ㄧ殑鍊� + var detailsOpts = parent.$('#detailsOpts').data('data'); // 鏌ヨ褰撳墠鏃堕棿娈电殑璇︽儏 + //console.log(detailsOpts); + + var getAbnormalTxt = GLOBAL.BaseStation.getAbnormalTxt; // 鑾峰彇鏈烘埧寮傚父绫诲瀷鐨勬枃鏈� + var abnormal = GLOBAL.BaseStation.Abnormal; // 鍩虹珯寮傚父绫诲瀷 + var warnTypeList = []; + // 閬嶅巻鍩虹珯寮傚父绫诲瀷 + for(var i=0; i<abnormal.length; i++) { + var _abnormal = abnormal[i]; + var items= getLayuiSelect(_abnormal, i, {}, {}); + warnTypeList.push(items); + } + + // 鐢熸垚鍩虹珯寮傚父涓嬫媺骞堕噸鏂版覆鏌� + createLayuiSelect($('#warnType'), warnTypeList); + form.render('select', 'warnTypeFilter'); + + // 寮�濮�-缁撴潫鏃堕棿 + laydate.render({ + elem: '#startTime' //鎸囧畾鍏冪礌 + ,value: detailsOpts.record_datetime // 鍒濆鍊� + ,format: 'yyyy-MM-dd HH:mm:ss' + ,type: 'datetime' + ,btns: ['confirm'] + }); + laydate.render({ + elem: '#endTime' //鎸囧畾鍏冪礌 + ,value: detailsOpts.record_datetime_end // 鍒濆鍊� + ,format: 'yyyy-MM-dd HH:mm:ss' + ,type: 'datetime' + ,btns: ['confirm'] + }); + + + var rsData = handleRsData(parentData); + + // 琛ㄦ牸鏁版嵁閰嶇疆椤� + var tOptions = { + elem: '#groupTbl' + ,toolbar: true + ,defaultToolbar: ['exports', 'filter'] + ,cellMinWidth: 80 + ,cols: [[ + {field:'stationname', title:'鏈烘埧鍚嶇О', align:'center', width: 380} + ,{field:'warntype', title:'寮傚父绫诲瀷', align:'center'} + ,{field:'warnstarttime', title:'寮傚父寮�濮嬫椂闂�', align:'center'} + ,{field:'warnendtime', title:'寮傚父缁撴潫鏃堕棿', align:'center'} + ,{field:'warntimelen', title:'寮傚父鏃堕暱(绉�)', align:'center'} + ]] + ,data: rsData + ,page: { + layout:['count', 'prev', 'page', 'next'] + } + ,height: 'full-0' + }; + + // 鐢熸垚琛ㄦ牸鏁版嵁 + table.render(tOptions); + + $('#search').click(function() { + // 鏍规嵁鏉′欢鏌ヨ鍐呭 + searchData(detailsOpts); + }); + + + // 澶勭悊鏌ヨ缁撴灉鏁版嵁 + function handleRsData(data) { + var rsData = []; + // + var temp = {}; + for(var i=0;i<data.length;i++){ + var _data = data[i]; + if(_data.station_event_trig == 1){ + temp = { + stationname:_data.stationName, + warntype:abnormal[_data.station_event_type], + warntypenum:_data.station_event_type, + warnstarttime:_data.record_datetime, + warnendtime:'-', + warntimelen:'-', + } + rsData.push(temp); + }else if(_data.station_event_trig == 2){ + if(temp.warntypenum == _data.station_event_type){ + temp.warnendtime = _data.record_datetime; + var timelong = (new Date(temp.warnendtime).getTime()- new Date(temp.warnstarttime).getTime())/1000; + temp.warntimelen = timelong; + } + + } + } + return rsData; + } + + // 鏌ヨ鐢垫睜缁勪笅鎵�鏈夌殑鍗曚綋 + function searchData(obj) { + // 娣诲姞绛夊緟妗� + var loading = layer.load(0, {shade: [0.1,'#fff']}); //0浠h〃鍔犺浇鐨勯鏍硷紝鏀寔0-2 + var structData = structSearchData(obj); + $.ajax({ + type: 'post', + async: true, + url:'Bts_station_eventAction!serchByInfo', + data: 'json='+JSON.stringify(structData), + dataType: 'json', + success: function(result) { + layer.close(loading); // 鍏抽棴绛夊緟妗� + var rs = JSON.parse(result.result); + if(rs.code == 1) { + var data = rs.data; + //console.log(data); + var num = 0; + var rsData = handleRsData(data); + num = rsData.length; + tOptions.data = rsData; + // 璁剧疆鍒嗛〉淇℃伅 + tOptions.page.layout = ['count', 'prev', 'page', 'next']; //鑷畾涔夊垎椤靛竷灞� + }else { + tOptions.data = []; + } + // 閲嶆柊缁樺埗琛ㄦ牸鍐呭 + table.reload('groupTbl', tOptions); + } + }); + } + + // 鏋勯�犳煡璇㈠璞� + function structSearchData(data) { + var obj = data; + obj.record_datetime = $('#startTime').val(); // 寮�濮嬫椂闂� + obj.record_datetime_end = $('#endTime').val(); // 缁撴潫鏃堕棿鏃堕棿 + obj.station_event_type = $('#warnType').val(); + return obj; + } + + // 鏋勯�犵敓鎴愯〃鏍兼暟鎹殑鏂规硶 + function formaterTblData(data) { + //console.log(data); + var rs = []; // 缁撴灉闆� + + // 閬嶅巻鏌ヨ鐨勭粨鏋滄牴鎹煡璇㈢粨鏋滅敓鎴愭寚瀹氱殑鏍煎紡 + for(var i=0; i<data.length; i++) { + var _data = data[i]; + var obj = {}; + obj.stationname = _data.StationName; // 鏈烘埧鍚嶇О + obj.groupname = _data.BattGroupName; // 鐢垫睜缁勫悕绉� + obj.monvol = _data.MonVolStd; // 鏍囩О鐢靛帇 + obj.nominalcap = Number(_data.MonCapStd); // 鏍囩О瀹归噺 + obj.monnum = '#'+_data.MonNum; // 鍗曚綋缂栧彿 + obj.brandname = _data.BattProducer; // 鍝佺墝 + // 涓嶆樉绀哄唴瀹� + obj.num = _data.MonNum; // 鍗曚綋缂栧彿涓嶅姞# + obj.battgroupid = _data.BattGroupId; // 鐢垫睜缁刬d + obj.stationid = _data.StationId; // 鏈烘埧id + // 鍒ゆ柇褰撳墠浣嶇疆鐨勫崟浣撴槸鍚︿负绌虹櫧() + if(_data.num || _data.num == undefined) { + rs.push(obj); + } + } + + return rs; // 杩斿洖缁撴灉闆� + } + }); + </script> +</body> +</html> diff --git a/gx_tieta/WebRoot/pages/js/common.js b/gx_tieta/WebRoot/pages/js/common.js index 47b449f..541f0b8 100644 --- a/gx_tieta/WebRoot/pages/js/common.js +++ b/gx_tieta/WebRoot/pages/js/common.js @@ -310,6 +310,29 @@ , '搴旀�ヤ緵鐢靛崟浣撲笅闄愬埌', '甯傜數鎭㈠鍋滄搴旀�ヤ緵鐢�', '鍋滄鑷姩搴旀�ヤ緵鐢�', '鏃犳硶鍚姩鏍稿娴嬭瘯', '妯″潡鏁呴殰', '鐢垫睜寮�璺晠闅�']; })(jQuery, window, document, GLOBAL); +// 鍩虹珯淇℃伅 +;(function($, window, document, gl, undefined) { + // 鍩虹珯寮傚父绫诲瀷 + gl.namespace('BaseStation.Abnormal'); + //1:鍩虹珯鍋滅數 2:鍩虹珯缁埅 3:鍩虹珯鍙戠數 4:鍩虹珯寮�闂� 5:鍩虹珯鎺夌珯 6:鍩虹珯娓╁害涓婇檺 7:鍩虹珯娓╁害涓嬮檺 8:鍩虹珯婀垮害涓婇檺 9:鍩虹珯婀垮害涓嬮檺 + var abnormal = ['鍏ㄩ儴锛堝紓甯革級', '鍩虹珯鍋滅數', '鍩虹珯缁埅', '鍩虹珯鍙戠數', '鍩虹珯寮�闂�', '鍩虹珯鎺夌珯', '鍩虹珯娓╁害涓婇檺', '鍩虹珯娓╁害涓嬮檺', '鍩虹珯婀垮害涓婇檺', '鍩虹珯婀垮害涓嬮檺']; + gl.BaseStation.Abnormal = abnormal; + + + // 鏍规嵁涓嬫爣鑾峰彇鍩虹珯寮傚父绫诲瀷鐨勬枃鏈�� + function getAbnormalTxt(num) { + var rs = abnormal[num]; + if(rs == undefined) { + alert('鍩虹珯寮傚父绫诲瀷'+num+'涓嶅瓨鍦�'); + rs = abnormal[0]; + } + return rs; + } + // 灏嗗嚱鏁扮粦瀹氬埌GLOBAL.BaseStation + gl.BaseStation.getAbnormalTxt = getAbnormalTxt; + +})(jQuery, window, document, GLOBAL); + //椤甸潰涓鏃跺櫒鐨勪娇鐢� ;(function($, gl) { gl.namespace('Timer'); -- Gitblit v1.9.1