From 28dc7fc1a014617c6db614a8801c91e97290cd08 Mon Sep 17 00:00:00 2001
From: hdw <496960745@qq.com>
Date: 星期二, 04 十二月 2018 09:03:24 +0800
Subject: [PATCH] 添加分页信息对象 用于计算分页数据
---
gx_tieta/WebRoot/index.jsp | 2
gx_tieta/WebRoot/bts-comm-task.jsp | 505 ++++++++++++++++++++++++++++++++++++++++++++++++++
gx_tieta/WebRoot/pages/js/mylayui.js | 56 +++++
3 files changed, 561 insertions(+), 2 deletions(-)
diff --git a/gx_tieta/WebRoot/bts-comm-task.jsp b/gx_tieta/WebRoot/bts-comm-task.jsp
new file mode 100644
index 0000000..94769cb
--- /dev/null
+++ b/gx_tieta/WebRoot/bts-comm-task.jsp
@@ -0,0 +1,505 @@
+<%@ 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;">
+ <!-- 琛ㄦ牸鍐呭 -->
+ <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">
+ layui.use(['form', 'table', 'layer', 'element'], function() {
+ var table = layui.table; // 鑾峰彇琛ㄦ牸妯″潡
+ var form = layui.form; // 鑾峰彇琛ㄥ崟妯″潡
+ var layer = layui.layer; // 鑾峰彇寮瑰嚭妗嗘ā鍧�
+ var element = layui.element; // 鑾峰彇鍏冪礌鎿嶄綔妯″潡
+
+ 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: false
+ ,cellMinWidth: 80
+ ,cols: [[
+ {fileld: 'Staionanme', title: '鏈烘埧鍚嶇О', align: 'center', width: 380}
+ ,{field:'dev_id', title:'璁惧id', align:'center', width: 150}
+ ,{field:'battgroup_id1', title:'鐢垫睜缁�1', align:'center', width: 150}
+ ,{field:'battgroup_id2', title:'鐢垫睜缁�2', align:'center', width: 150}
+ ,{field:'battgroup_id3', title:'鐢垫睜缁�3', align:'center', width: 150}
+ ,{field:'battgroup_id4', title:'鐢垫睜缁�4', align:'center', width: 150}
+ ,{field:'connet_time', title:'璁惧杩炴帴鏃堕棿', align:'center'}
+ ,{field: 'dev_comm_runtime', title: '璁惧杩愯鏃堕暱', align: 'center'}
+ ,{field:'break_type_txt', title:'杩炴帴鐘舵��', align:'center', templet: '#breakTypeTpl', width: 150}
+ ]]
+ ,data:[
+ {'break_type': 1}
+ ]
+ ,limit: 1000
+ ,page: false
+ ,height: 'full-290'
+ };
+
+ // 鐢熸垚琛ㄦ牸鏁版嵁
+ table.render(tOptions);
+
+ var Page = new TblPage();
+ Page.set(1, 100, 10);
+ //console.log(Page);
+
+ // 鏌ヨ鍚庡彴鏁版嵁
+ search(createSearchParam(), true);
+ function search(temp, newLoad) {
+ var load;
+ if(newLoad) {
+ load = layer.load(1)
+ }
+ console.log(temp);
+ setTimeout(function() {
+ setPageVal(Page);
+ layer.close(load);
+ }, 1000);
+ }
+
+ // 鏋勯�犳煡璇㈡潯浠�
+ function createSearchParam() {
+ var sid = $('#home').attr('stationid')?$('#home').attr('stationid'): 0;
+ var temp = {
+ StationId: sid
+ ,page: Page.getPage()
+ };
+
+ return temp;
+
+
+ }
+
+ //棣栭〉
+ $('#page_home').click(function(){
+ alert(123);
+ 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.pageCurr < Page.num){
+ Page.setCurr(Page.num);
+ search(createSearchParam(), true);
+ }
+ }
+ });
+
+ //璁剧疆姣忛〉琛屾暟
+ $('#number').blur(function(){
+ var value=$('#number').val();
+ //褰撹緭鍏ョ殑鏁板ぇ浜�0鏃�
+ if(value>0){
+ if(value != Page.pageSize){
+ 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);
+ }
+
+ });
+ </script>
+ </body>
+</html>
\ No newline at end of file
diff --git a/gx_tieta/WebRoot/index.jsp b/gx_tieta/WebRoot/index.jsp
index 4fbf7be..d0fa11c 100644
--- a/gx_tieta/WebRoot/index.jsp
+++ b/gx_tieta/WebRoot/index.jsp
@@ -2637,7 +2637,7 @@
bmap.updateDots(_list);
}
}
- console.log(updateStationData);
+ //console.log(updateStationData);
updateMapDotIcon(map, updateStationData, true);
// 鏇存柊鍒嗛〉淇℃伅
mapPages.pageCurr++;
diff --git a/gx_tieta/WebRoot/pages/js/mylayui.js b/gx_tieta/WebRoot/pages/js/mylayui.js
index 5aa35d8..b760837 100644
--- a/gx_tieta/WebRoot/pages/js/mylayui.js
+++ b/gx_tieta/WebRoot/pages/js/mylayui.js
@@ -58,4 +58,58 @@
RegExp.$1.length==1? o[k] :
("00"+ o[k]).substr((""+ o[k]).length));
return format;
-};
\ No newline at end of file
+};
+
+// 椤甸潰涓垎椤典俊鎭璞�
+var TblPage = function() {
+ this.size = 10;
+ this.curr = 1;
+ this.all = 0;
+ this.num = 1;
+};
+
+// 鍒濆鍖栧垎椤典俊鎭璞�
+TblPage.prototype.init = function() {
+ this.size = 10;
+ this.curr = 1;
+ this.all = 0;
+ this._setNum();
+};
+
+// 璁剧疆鍒嗛〉淇℃伅瀵硅薄
+TblPage.prototype.set = function(curr, all, size) {
+ this.size = size;
+ this.curr = curr;
+ this.all = all;
+ this._setNum();
+};
+TblPage.prototype.getPage = function() {
+ var temp = {
+ pageSize: this.size
+ ,pageCurr: this.curr
+ ,pageAll: this.all
+ };
+
+ return temp;
+};
+// 璁剧疆鍒嗛〉淇℃伅鐨勫綋鍓嶉〉
+TblPage.prototype.setCurr = function(curr) {
+ this.curr = curr;
+};
+
+//璁剧疆鍒嗛〉淇℃伅鐨勬瘡椤垫樉绀虹殑鏉℃暟
+TblPage.prototype.setSize = function(size) {
+ this.size = size;
+ this._setNum();
+};
+
+//璁剧疆鍒嗛〉淇℃伅鐨勬�绘潯鏁�
+TblPage.prototype.setAll = function(all) {
+ this.all = all;
+ this._setNum();
+};
+
+// 璁剧疆鍏辨湁澶氬皯椤�
+TblPage.prototype._setNum = function() {
+ this.num = Math.ceil(this.all/this.size);
+}
\ No newline at end of file
--
Gitblit v1.9.1