9e8638f5 by Zelig

搜索重构

1 parent 48392166
...@@ -72,4 +72,55 @@ ...@@ -72,4 +72,55 @@
72 function msg(msg) { 72 function msg(msg) {
73 layer.msg(msg); 73 layer.msg(msg);
74 } 74 }
75
76 $.extend( true, $.fn.dataTable.defaults, {
77 sDom: '<"top">rt<"bottom"ip><"clear">',
78 aaSorting: [[1, "desc"]],
79 serverSide: true,
80 processing: true,
81 bSort: false,
82 iDisplayLength: 6,
83 bLengthChange: false,
84 ajax: {
85 url: apiBaseUrl + $('#table').attr('url'),
86 dataFilter: function (json) {
87 var ret = {}, json = jQuery.parseJSON(json);
88 ret.data = json.data || [];
89 var draw = getUrlParam('draw');
90 if(draw) {
91 ret.draw = draw;
92 }
93 ret.recordsTotal = 0;
94 ret.recordsFiltered = 0;
95 if (json.page) {
96 ret.recordsTotal = parseInt(json.page.totalNumber);
97 ret.recordsFiltered = parseInt(json.page.totalNumber);
98 }
99 return JSON.stringify(ret);
100 },
101 data: function (data) {
102 data.startTime = $('#min').val();
103 data.endTime = $('#max').val();
104
105 data.pageSize = data.length;
106 data.currentPage = parseFloat(data.start / data.length) + 1;
107 return data;
108 }
109 },
110 });
111
112 $('.table_search').on('change', function () {
113 search = $(this).val();
114 column = $(this).attr('column');
115
116 $('#table').DataTable().column(column).search(search).draw();
117 });
118
119 $('#min, #max').on('keyup', function () {
120 $('#table').DataTable().draw();
121 });
122
123 function resetHandler() {
124 $('#table').DataTable().columns().search("").draw();
125 }
75 </script> 126 </script>
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 </form> 11 </form>
12 12
13 <div class="body mt-20"> 13 <div class="body mt-20">
14 <table class="table table-border table-bordered table-bg" id="table"> 14 <table class="table table-border table-bordered table-bg" id="table" url="/order/into/getAllApplyOrder">
15 <thead class="text-c"> 15 <thead class="text-c">
16 <tr> 16 <tr>
17 <th width="68px">操作</th> 17 <th width="68px">操作</th>
...@@ -43,36 +43,6 @@ ...@@ -43,36 +43,6 @@
43 43
44 <script> 44 <script>
45 var table = $('#table').dataTable({ 45 var table = $('#table').dataTable({
46 aaSorting: [[1, "desc"]],
47 serverSide: true,
48 processing: true,
49 bSort: false,
50 searching: false,//是否显示搜索
51 iDisplayLength: 6,
52 bLengthChange: false,
53 ajax: {
54 url: apiBaseUrl + '/order/into/getAllApplyOrder',
55 dataFilter: function (json) {
56 var ret = {}, json = jQuery.parseJSON(json);
57 ret.data = json.data || [];
58 var draw = getUrlParam('draw');
59 if(draw) {
60 ret.draw = draw;
61 }
62 ret.recordsTotal = 0;
63 ret.recordsFiltered = 0;
64 if (json.page) {
65 ret.recordsTotal = parseInt(json.page.totalNumber);
66 ret.recordsFiltered = parseInt(json.page.totalNumber);
67 }
68 return JSON.stringify(ret);
69 },
70 data: function (data) {
71 data.pageSize = data.length;
72 data.currentPage = parseFloat(data.start / data.length) + 1;
73 return data;
74 }
75 },
76 columns: [ 46 columns: [
77 { 47 {
78 data: "id", render: function (data, type, full) { 48 data: "id", render: function (data, type, full) {
...@@ -89,50 +59,16 @@ ...@@ -89,50 +59,16 @@
89 {data: "idCard"},//身份证 59 {data: "idCard"},//身份证
90 {data: "phoneNumber"},//手机号 60 {data: "phoneNumber"},//手机号
91 {data: "createTime"},//进件时间 61 {data: "createTime"},//进件时间
92 {data: "departmentName"},//网点 62 {name: "departmentId", data: "departmentName"},//网点
93 {data: "productName"},//产品名称 63 {name: "productId", data: "productName"},//产品名称
94 {data: "applyMoney"},//申请金额 64 {data: "applyMoney"},//申请金额
95 {data: "agreeMoney"},//审批金额 65 {data: "agreeMoney"},//审批金额
96 {data: "createUser"},//客户经理 66 {name: "createUser", data: "createUserName"},//客户经理
97 {data: "statusDesc"},//流程节点 67 {name: "status", data: "statusDesc"},//流程节点
98 {data: "modifyTime"},//流转时间 68 {data: "modifyTime"},//流转时间
99 {data: "modifyUser"}//处理人 69 {name: "modifyUser", data: "modifyUserName"}, //处理人
100 ] 70 ]
101 }); 71 });
102
103 $.fn.dataTableExt.afnFiltering.push(
104 function (oSettings, aData, iDataIndex) {
105 var min = document.getElementById('min').value;
106 var max = document.getElementById('max').value;
107 var iDateCol = 12;
108
109 var dateMin = new Date(aData[iDateCol]);
110 var dateMax = new Date(aData[iDateCol]);
111
112 if (min === '' && max === '')
113 return true;
114 else if (new Date(min).getTime() <= dateMin.getTime() && max === '')
115 return true;
116 else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime())
117 return true;
118 return false;
119 }
120 );
121
122 $('.table_search').on('change', function () {
123 search = $(this).val();
124 column = $(this).attr('column');
125
126 $('#table').DataTable().column(column).search(search).draw();
127 });
128
129 $('#min, #max').on('keyup', function () {
130 $('#table').DataTable().draw();
131 });
132
133 function resetHandler() {
134 $('#table').DataTable().columns().search("").draw();
135 }
136 </script> 72 </script>
137 </body> 73 </body>
138 <html> 74 <html>
......
1 <div class="date mb-20"> 1 <div class="date mb-20">
2 <input type="text" 2 <input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'max\')||\'%y-%M-%d\'}',onpicked:function(){$('#table').DataTable().draw()} })" id="min" class="input-text Wdate"> -
3 onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'max\')||\'%y-%M-%d\'}',onpicked:function(){$('#table').DataTable().draw()} })" 3 <input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'min\')}',maxDate:'%y-%M-%d',onpicked:function(){$('#table').DataTable().draw()} })" id="max" class="input-text Wdate">
4 id="min" class="input-text Wdate"> -
5 <input type="text"
6 onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'min\')}',maxDate:'%y-%M-%d',onpicked:function(){$('#table').DataTable().draw()} })"
7 id="max" class="input-text Wdate">
8 </div> 4 </div>
9 <div class="row cl mb-20"> 5 <div class="row cl mb-20">
10 <div class="col-xs-2"> 6 <div class="col-xs-2">
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!