From 5f4088f87f8150443bd66a8cb0f987e99a737f6c Mon Sep 17 00:00:00 2001
From: D:/workspace/chenjingjing/git/gx_tieta/gx_tieta/.gitignore <chenjingjing@LAPTOP-E51P2139>
Date: 星期一, 07 一月 2019 21:03:31 +0800
Subject: [PATCH] 修改列表分页滑动到底加载
---
gx_tieta/WebRoot/bts-comm-task.jsp | 386 +++++++++++++------------------------------------------
1 files changed, 92 insertions(+), 294 deletions(-)
diff --git a/gx_tieta/WebRoot/bts-comm-task.jsp b/gx_tieta/WebRoot/bts-comm-task.jsp
index beae88b..2d4b6b5 100644
--- a/gx_tieta/WebRoot/bts-comm-task.jsp
+++ b/gx_tieta/WebRoot/bts-comm-task.jsp
@@ -39,70 +39,17 @@
<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"><s:text name="Dev_connect_info_query"/></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="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>
@@ -141,234 +88,19 @@
<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 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
+ ,toolbar: true
+ ,defaultToolbar: []
,cellMinWidth: 80
,cols: [[
{field: 'Staionanme', title: '鏈烘埧鍚嶇О', align: 'center', width: 450}
@@ -378,15 +110,13 @@
,{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:'dev_comm_runtime', title: '璁惧杩愯鏃堕棿', align: 'center'}
,{field:'break_type_txt', title:'杩炴帴鐘舵��', align:'center', templet: '#breakTypeTpl', width: 150}
]]
- ,data:[
- {'break_type': 1}
- ]
+ ,data:[]
,limit: 1000
,page: false
- ,height: 'full-290'
+ ,height: 'full-190'
};
// 鐢熸垚琛ㄦ牸鏁版嵁
@@ -418,7 +148,8 @@
for(var i=0;i<model.data.length;i++){
var _data = model.data[i];
var _tmp = {};
- _tmp.Staionanme = _data.stationName;
+ // console.log(_data);
+ _tmp.Staionanme = _data.stationName?_data.stationName:'鈥斺��';
_tmp.dev_id = _data.dev_id;
_tmp.battgroup_id1 = _data.battgroup_id1;
_tmp.battgroup_id2 = _data.battgroup_id2;
@@ -427,11 +158,12 @@
_tmp.connet_time = _data.connet_time;
_tmp.dev_comm_runtime = _data.dev_comm_runtime;
_tmp.break_type = _data.break_type;
+ _tmp.break_type_txt = createDeviceType(_data.break_type);
arr_td.push(_tmp);
Page.setAll(_data.num);
}
}
- //console.info(arr_td);
+ //console.info(tOptions);
tOptions.data = arr_td;
// 鐢熸垚琛ㄦ牸鏁版嵁
table.render(tOptions);
@@ -444,19 +176,49 @@
}
+ //鑾峰彇璁惧杩炴帴鐨勭姸鎬�
+ function createDeviceType(dev_type){
+ var str_type = "鏈煡绫诲瀷";
+ //console.info(typeof dev_type);
+ switch(dev_type){
+ case 0:str_type="鎴愬姛杩炴帴";break;
+ case 1:str_type="鎵句笉鍒板搴旇澶嘔D";break;
+ case 2:str_type="閫氫俊寮傚父鏂紑";break;
+ default:str_type="鏈煡绫诲瀷";
+ }
+ return str_type;
+ }
+
// 鏋勯�犳煡璇㈡潯浠�
function createSearchParam() {
- var sid = $('#home').find('option:selected').attr('stationid')?$('#home').find('option:selected').attr('stationid'): 0;
var temp = {
- StationId: sid,
- StationName1:$('#province').attr('value'),
- StationName2:$('#city').attr('value'),
- StationName5:$('#county').attr('value'),
- page: Page.getPage(),
+ 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(){
@@ -508,7 +270,7 @@
var value=$('#number').val();
//褰撹緭鍏ョ殑鏁板ぇ浜�0鏃�
if(value>0){
- if(value != Page.pageSize){
+ if(value != Page.size){
Page.setSize(parseInt(value));
Page.setCurr(1);
}
@@ -538,6 +300,42 @@
$('#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>
--
Gitblit v1.9.1