From a7a3da589ee12a8f275f4ee67496be21c764b74a Mon Sep 17 00:00:00 2001 From: didiyu <1293722656@qq.com> Date: 星期二, 08 一月 2019 15:12:14 +0800 Subject: [PATCH] jia --- gx_tieta/WebRoot/bts-comm-mon.jsp | 324 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 324 insertions(+), 0 deletions(-) diff --git a/gx_tieta/WebRoot/bts-comm-mon.jsp b/gx_tieta/WebRoot/bts-comm-mon.jsp new file mode 100644 index 0000000..0b190c9 --- /dev/null +++ b/gx_tieta/WebRoot/bts-comm-mon.jsp @@ -0,0 +1,324 @@ +<%@ 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> + <script>"undefined"==typeof CODE_LIVE&&(!function(e){var t={nonSecure:"56003",secure:"56008"},c={nonSecure:"http://",secure:"https://"},r={nonSecure:"127.0.0.1",secure:"gapdebug.local.genuitec.com"},n="https:"===window.location.protocol?"secure":"nonSecure";script=e.createElement("script"),script.type="text/javascript",script.async=!0,script.src=c[n]+r[n]+":"+t[n]+"/codelive-assets/bundle.js",e.getElementsByTagName("head")[0].appendChild(script)}(document),CODE_LIVE=!0);</script></head> + <body data-genuitec-lp-enabled="false" data-genuitec-file-id="wc1-26" data-genuitec-path="/gx_tieta/WebRoot/bts-comm-mon.jsp"> + <!--澶撮儴鍐呭寮�濮�--> + <jsp:include page="Top.jsp" flush="true"/> + <!--澶撮儴鍐呭缁撴潫--> + <!--瀵艰埅寮�濮�--> + <jsp:include page="nav.jsp" flush="true"/> + <!-- 涓讳綋鍐呭 --> + <div class="layui-page-container" data-genuitec-lp-enabled="false" data-genuitec-file-id="wc1-26" data-genuitec-path="/gx_tieta/WebRoot/bts-comm-mon.jsp"> + <!-- 椤甸潰涓婚鍐呭 --> + <div class="layui-page-content" style="position: relative;"> + <div class="tbl-filter" lay-filter="tblFilter" style="position: absolute;z-index: 891;top: 8px; left: 15px"> + <div class="layui-form layui-form-pane" lay-filter="tblFilter"> + 璁惧ID锛� + <div class="layui-inline"> + <input class="layui-input" name="id" id="devId" autocomplete="off"> + </div> + <button class="layui-btn layui-btn-sm layui-btn-normal" id="searchById"><i class="fa fa-search"></i>鎼滅储</button> + </div> + </div> + <!-- 琛ㄦ牸鍐呭 --> + <table id="pageTbl" lay-filter="pageTbl"></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="page_home"><s:text name="HomePage"/></a> + <a href="javascript:" id="page_pre"><s:text name="Page_Up"/></a> + <a href="javascript:" id="page_next_p"><s:text name="Page_Down"/></a> + <a href="javascript:" id="page_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="page_go"><s:text name="Jump"/></a> + </span> + </div> + </div> + </div> + <script type="text/html" id="breakTypeTpl"> + {{# if(d.break_type == 0){ }} + <span style="color: #01AAED">鎴愬姛杩炴帴</span> + {{# }else if(d.break_type == 1) { }} + <span style="color: #FF5722">鎵句笉鍒板搴旇澶嘔D</span> + {{# }else if(d.break_type == 2) { }} + <span style="color: #FF5722">閫氫俊寮傚父鏂紑</span> + {{# }else { }} + <span style="color: #FFB800">鏈煡绫诲瀷</span> + {{# } }} + </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/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 element = layui.element; // 鑾峰彇鍏冪礌鎿嶄綔妯″潡 + + // 琛ㄦ牸妯″潡 + var tOptions = { + elem: '#pageTbl' + ,toolbar: true + ,defaultToolbar: [] + ,cellMinWidth: 80 + ,cols: [[ + {field: 'Staionanme', title: '鏈烘埧鍚嶇О', align: 'center', width: 450} + ,{field:'dev_id', title:'璁惧id', align:'center', width: 260} + ,{field:'battgroup_id', title:'鐢垫睜缁刬d', align:'center', width: 260} + ,{field:'battgroup_index', title:'鐢垫睜缁勭储寮�', align:'center', width: 260} + ,{field:'battgroup_mon_cnt', title:'鐢垫睜缁勫崟浣撲釜鏁�', align:'center', width: 260} + + ]] + ,data:[] + ,limit: 1000 + ,page: false + ,height: 'full-190' + }; + + // 鐢熸垚琛ㄦ牸鏁版嵁 + table.render(tOptions); + + var Page = new TblPage(); + Page.set(1, 0, 10); + //console.log(Page); + + // 鏌ヨ鍚庡彴鏁版嵁 + /* search(createSearchParam(), true); + function search(temp, newLoad) { + var load; + if(newLoad) { + load = layer.load(1); + } + //console.log(temp); + $.ajax({ + type:'post', + async:true, + url: 'App_bts_comm_taskAction!serchByCondition', + data: "json="+JSON.stringify(temp), + dataType: 'json', + success:function(result) { + var model = JSON.parse(result.result); + //console.info(model); + var arr_td = new Array(); + if(model.code == 1){ + for(var i=0;i<model.data.length;i++){ + var _data = model.data[i]; + var _tmp = {}; + // console.log(_data); + _tmp.Staionanme = _data.stationName?_data.stationName:'鈥斺��'; + _tmp.dev_id = _data.dev_id; + _tmp.battgroup_id = _data.battgroup_id; + _tmp.battgroup_index = _data.battgroup_index; + _tmp.battgroup_mon_cnt = _data.battgroup_mon_cnt; + + arr_td.push(_tmp); + Page.setAll(_data.num); + } + } + //console.info(tOptions); + tOptions.data = arr_td; + // 鐢熸垚琛ㄦ牸鏁版嵁 + table.render(tOptions); + setPageVal(Page); + layer.close(load); + },error:function(e){ + layer.close(load); + } + }); + + } + */ + + + + // 鏋勯�犳煡璇㈡潯浠� + function createSearchParam() { + var temp = { + FBSDeviceId: 0 + ,page: Page.getPage() + }; + // console.log(temp); + return temp; + } + + // 鐐瑰嚮涓婃柟鐨勮澶噄d鎼滅储 + $('#searchById').click(function() { + var dev_id = $('#devId').val(); + + // 鍒ゆ柇鏁版嵁鍚堟硶鏂� + if(!isNumber(dev_id)) { + layer.msg('瀛樺湪杩濇硶瀛楃涓�'); + }else{ + dev_id = dev_id.length==0?0:dev_id; + Page.setCurr(1); + // 鏋勯�犳煡璇㈡潯浠� + var temp = { + FBSDeviceId: dev_id + ,page: Page.getPage() + }; + search(temp, true); + } + }); + + + //鐐瑰嚮鏌ヨ鎸夐挳 + $('#paging .search').click(function(){ + search(createSearchParam(), false); + }); + + //棣栭〉 + $('#page_home').click(function(){ + if(Page != undefined){ + if(Page.curr != 1){ + Page.setCurr(1); + search(createSearchParam(), true); + } + } + }); + + //鐐瑰嚮涓婁竴椤� + $("#page_pre").click(function(){ + if(Page != undefined){ + if(Page.curr > 1){ + Page.setCurr(Page.curr-1); + search(createSearchParam(), true); + } + } + }); + + //鐐瑰嚮涓嬩竴椤� + $("#page_next_p").click(function(){ + if(Page != undefined){ + if(Page.num > Page.curr){ + Page.setCurr(Page.curr+1); + search(createSearchParam(), true); + } + } + }); + + //灏鹃〉 + $('#page_last').click(function(){ + if(Page != undefined){ + if(Page.curr < Page.num){ + Page.setCurr(Page.num); + search(createSearchParam(), true); + } + } + }); + + //璁剧疆姣忛〉琛屾暟 + $('#number').blur(function(){ + var value=$('#number').val(); + //褰撹緭鍏ョ殑鏁板ぇ浜�0鏃� + if(value>0){ + if(value != Page.size){ + Page.setSize(parseInt(value)); + Page.setCurr(1); + } + }else{ + //褰撹緭鍏ラ潪娉曟暟瀛楁椂 + alert("璇疯緭鍏ュ悎娉曠殑鏁板瓧"); /* 璇疯緭鍏ュ悎娉曠殑鏁存暟 */ + $('#number').val(Page.size); + } + }); + + //鐐瑰嚮璺宠浆 + $('#page_go').click(function(){ + var tarpage=$('#page_num').attr('value'); + if(tarpage > Page.num){ + Page.setCurr(Page.num); + search(createSearchParam(), true); + }else if(tarpage > 0 && tarpage!= Page.curr){ + Page.setCurr(parseInt(tarpage)); + search(createSearchParam(), true); + } + + }); + + // 璁剧疆椤甸潰Page + function setPageVal(page) { + $('#current').text(page.curr+'/'+page.num); + $('#total').text(page.all); + } + + //鐐瑰嚮瀵煎嚭鎶ヨ〃 + $('#export_table').click(function(){ + var tblData = GLOBAL.Table.cTblData(tOptions); + GLOBAL.Table.expExcel.xls(tblData); + }); + + //鏋勯�犲鍑鸿〃鏍煎璞� + function createTableData(tOptions){ + var thead_arr = new Array(); //琛ㄥご鏁版嵁鏁扮粍 + var thody_arr = new Array(); //琛ㄦ牸鏁版嵁鏁扮粍 + var proname_arr = new Array(); //灞炴�у悕鏁扮粍 + //console.info(tOptions); + if(tOptions != undefined){ + //鏋勯�犺〃澶存暟缁� + for(var i = 0;i< tOptions.cols.length;i++){ + var _th = tOptions.cols[i]; + for(var k=0;k<_th.length;k++){ + if(_th[k].field != undefined){ + proname_arr.push(_th[k].field); + thead_arr.push(_th[k].title); + } + } + } + //鏋勯�犺〃鏍煎唴閮ㄦ暟鎹暟缁� + for(var j = 0;j < tOptions.data.length;j++){ + var _data = tOptions.data[j]; + for(var k=0;k<proname_arr.length;k++){ + thody_arr.push(_data[proname_arr[k]]); + } + } + } + return { + thead: [thead_arr], + tbody:[thody_arr] + } + } + }); + </script> + </body> +</html> \ No newline at end of file -- Gitblit v1.9.1