Skip to content

杨建斌 / page

Go to a project
Toggle navigation
Toggle navigation pinning
e08f6d3d by yangjianbin
Options

init

1 parent c2125448
Inline Side-by-side
Showing 1 changed file with 143 additions and 130 deletions
application/views/work/index.php
1 <?php $this->load->view('common/header'); ?> 1 <?php $this->load->view('common/header'); ?>
2 2
3 <body> 3 <body>
4 <?php $this->load->view('common/work_header'); ?> 4 <?php $this->load->view('common/work_header'); ?>
5 <div class="page-container"> 5 <div class="page-container">
6 <form class="" onreset="resetHandler()"> 6 <form class="" onreset="resetHandler()">
7 <div class="date mb-20"> 7 <div class="date mb-20">
8 <input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'max\')||\'%y-%M-%d\'}',onpicked:function(){$('#table').DataTable().draw()} })" id="min" class="input-text Wdate"> - 8 <input type="text"
9 <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"> 9 onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'max\')||\'%y-%M-%d\'}',onpicked:function(){$('#table').DataTable().draw()} })"
10 </div> 10 id="min" class="input-text Wdate"> -
11 <div class="row cl mb-20"> 11 <input type="text"
12 <div class="col-xs-2"> 12 onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'min\')}',maxDate:'%y-%M-%d',onpicked:function(){$('#table').DataTable().draw()} })"
13 id="max" class="input-text Wdate">
14 </div>
15 <div class="row cl mb-20">
16 <div class="col-xs-2">
13 <span class="select-box"> 17 <span class="select-box">
14 <select class="select table_search" size="1" column="6"> 18 <select class="select table_search" size="1" column="6">
15 <option value="" selected>网点</option> 19 <option value="" selected>网点</option>
...@@ -18,8 +22,8 @@ ...@@ -18,8 +22,8 @@
18 <option value="3">菜单三</option> 22 <option value="3">菜单三</option>
19 </select> 23 </select>
20 </span> 24 </span>
21 </div> 25 </div>
22 <div class="col-xs-2"> 26 <div class="col-xs-2">
23 <span class="select-box"> 27 <span class="select-box">
24 <select class="select table_search" size="1" column="7"> 28 <select class="select table_search" size="1" column="7">
25 <option value="" selected>产品名称</option> 29 <option value="" selected>产品名称</option>
...@@ -28,8 +32,8 @@ ...@@ -28,8 +32,8 @@
28 <option value="3">菜单三</option> 32 <option value="3">菜单三</option>
29 </select> 33 </select>
30 </span> 34 </span>
31 </div> 35 </div>
32 <div class="col-xs-2"> 36 <div class="col-xs-2">
33 <span class="select-box"> 37 <span class="select-box">
34 <select class="select table_search" size="1" column="10"> 38 <select class="select table_search" size="1" column="10">
35 <option value="" selected>客户经理</option> 39 <option value="" selected>客户经理</option>
...@@ -38,8 +42,8 @@ ...@@ -38,8 +42,8 @@
38 <option>菜单三</option> 42 <option>菜单三</option>
39 </select> 43 </select>
40 </span> 44 </span>
41 </div> 45 </div>
42 <div class="col-xs-2"> 46 <div class="col-xs-2">
43 <span class="select-box"> 47 <span class="select-box">
44 <select class="select table_search" size="1" column="11"> 48 <select class="select table_search" size="1" column="11">
45 <option value="" selected>流程节点</option> 49 <option value="" selected>流程节点</option>
...@@ -48,8 +52,8 @@ ...@@ -48,8 +52,8 @@
48 <option>菜单三</option> 52 <option>菜单三</option>
49 </select> 53 </select>
50 </span> 54 </span>
51 </div> 55 </div>
52 <div class="col-xs-2"> 56 <div class="col-xs-2">
53 <span class="select-box"> 57 <span class="select-box">
54 <select class="select table_search" size="1" column="13"> 58 <select class="select table_search" size="1" column="13">
55 <option value="" selected>处理人</option> 59 <option value="" selected>处理人</option>
...@@ -58,134 +62,143 @@ ...@@ -58,134 +62,143 @@
58 <option value="3">菜单三</option> 62 <option value="3">菜单三</option>
59 </select> 63 </select>
60 </span> 64 </span>
61 </div>
62 </div>
63 <div>
64 <input class="btn btn-warning radius" type="reset" value="重置">
65 </div> 65 </div>
66 </form>
67
68 <div class="body mt-20">
69 <table class="table table-border table-bordered table-bg" id="table">
70 <thead class="text-c">
71 <tr>
72 <th width="68px">操作</th>
73 <th>订单编号</th>
74 <th>申请人</th>
75 <th>身份证</th>
76 <th>手机号</th>
77 <th>进件时间</th>
78 <th>网点</th>
79 <th>产品名称</th>
80 <th>申请金额</th>
81 <th>审批金额</th>
82 <th>客户经理</th>
83 <th>流程节点</th>
84 <th>流转时间</th>
85 <th>处理人</th>
86 </tr>
87 </thead>
88 <tbody class="text-c">
89 <tr>
90 <td></td>
91 <td></td>
92 </tr>
93 </tbody>
94 </table>
95 </div> 66 </div>
67 <div>
68 <input class="btn btn-warning radius" type="reset" value="重置">
69 </div>
70 </form>
71
72 <div class="body mt-20">
73 <table class="table table-border table-bordered table-bg" id="table">
74 <thead class="text-c">
75 <tr>
76 <th width="68px">操作</th>
77 <th>订单编号</th>
78 <th>申请人</th>
79 <th>身份证</th>
80 <th>手机号</th>
81 <th>进件时间</th>
82 <th>网点</th>
83 <th>产品名称</th>
84 <th>申请金额</th>
85 <th>审批金额</th>
86 <th>客户经理</th>
87 <th>流程节点</th>
88 <th>流转时间</th>
89 <th>处理人</th>
90 </tr>
91 </thead>
92 <tbody class="text-c">
93 <tr>
94 <td></td>
95 <td></td>
96 </tr>
97 </tbody>
98 </table>
96 </div> 99 </div>
97 <?php $this->load->view('common/footer'); ?> 100 </div>
101 <?php $this->load->view('common/footer'); ?>
98 102
99 <script> 103 <script>
100 var table = $('#table').dataTable({ 104 var table = $('#table').dataTable({
101 aaSorting: [[ 1, "desc" ]], 105 aaSorting: [[1, "desc"]],
102 serverSide: true, 106 serverSide: true,
103 processing: true, 107 processing: true,
104 bSort : false, 108 bSort: false,
105 searching : false,//是否显示搜索 109 searching: false,//是否显示搜索
106 iDisplayLength:10, 110 iDisplayLength: 10,
107 bLengthChange: false, 111 bLengthChange: false,
108 //ajax: '<?//=site_url("work/data")?>//', 112 //ajax: '<?//=site_url("work/data")?>//',
109 // dataSrc: function ( json ) { 113 // dataSrc: function ( json ) {
110 // alert('json') 114 // alert('json')
111 // for ( var i=0, ien=json.data.length ; i<ien ; i++ ) { 115 // for ( var i=0, ien=json.data.length ; i<ien ; i++ ) {
112 // json.data[i][0] = '<a href="/message/'+json.data[i][0]+'>View message</a>'; 116 // json.data[i][0] = '<a href="/message/'+json.data[i][0]+'>View message</a>';
113 // } 117 // }
114 // return json.data; 118 // return json.data;
115 // }, 119 // },
116 ajax: { 120 ajax: {
117 url: apiBaseUrl + '/order/into/getAllApplyOrder', 121 url: apiBaseUrl + '/order/into/getAllApplyOrder',
118 dataSrc: function ( json ) { 122 dataFilter: function (json) {
119 // for ( var i=0, ien=json.data.length ; i<ien ; i++ ) { 123 var ret = {};
120 // json.data[i][0] = '<a href="/message/'+json.data[i][0]+'>View message</a>'; 124 ret.data = json.data;
121 // } 125 ret.draw = parseInt(json.page.currentPage);
122 var ret = {}; 126 ret.recordsTotal = parseInt(json.page.totalNumber);
123 ret.data = json.data; 127 ret.recordsFiltered = parseInt(json.page.totalNumber);
124 ret.draw = parseInt(json.page.currentPage); 128 return ret;
125 ret.recordsTotal = parseInt(json.page.totalNumber);
126 ret.recordsFiltered = parseInt(json.page.totalNumber);
127 return ret.data;
128 }
129 }, 129 },
130 columns: [ 130 dataSrc: function (json) {
131 {data: "id", render: function (data, type, full) { 131 // for ( var i=0, ien=json.data.length ; i<ien ; i++ ) {
132 // json.data[i][0] = '<a href="/message/'+json.data[i][0]+'>View message</a>';
133 // }
134 var ret = {};
135 ret.data = json.data;
136 ret.draw = parseInt(json.page.currentPage);
137 ret.recordsTotal = parseInt(json.page.totalNumber);
138 ret.recordsFiltered = parseInt(json.page.totalNumber);
139 return ret.data;
140 }
141 },
142 columns: [
143 {
144 data: "id", render: function (data, type, full) {
132 return '<span class="dropDown dropDown_hover">\ 145 return '<span class="dropDown dropDown_hover">\
133 <button class="btn radius size-M">请选择 <i class="Hui-iconfont">&#xe6d5;</i></button>\ 146 <button class="btn radius size-M">请选择 <i class="Hui-iconfont">&#xe6d5;</i></button>\
134 <ul class="dropDown-menu menu radius box-shadow"><li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/'+ data +'?tab=0\')">查看详细</a></li>\ 147 <ul class="dropDown-menu menu radius box-shadow"><li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/' + data + '?tab=0\')">查看详细</a></li>\
135 <li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/'+ data +'?tab=2\')">处理记录</a></li>\ 148 <li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/' + data + '?tab=2\')">处理记录</a></li>\
136 <li><a href="#">客户取消</a></li>\ 149 <li><a href="#">客户取消</a></li>\
137 </ul></span>'; 150 </ul></span>';
138 }}, 151 }
139 {data: "orderId"}, 152 },
140 {data: "createUser"}, 153 {data: "orderId"},
141 {data: "idCard"}, 154 {data: "createUser"},
142 {data: "phoneNumber"}, 155 {data: "idCard"},
143 {data: "createTime"}, 156 {data: "phoneNumber"},
144 {data: "createTime"}, 157 {data: "createTime"},
145 {data: "createTime"}, 158 {data: "createTime"},
146 {data: "createTime"}, 159 {data: "createTime"},
147 {data: "createTime"}, 160 {data: "createTime"},
148 {data: "createTime"}, 161 {data: "createTime"},
149 {data: "createTime"}, 162 {data: "createTime"},
150 {data: "createTime"}, 163 {data: "createTime"},
151 {data: "createTime"} 164 {data: "createTime"},
152 ] 165 {data: "createTime"}
153 }); 166 ]
167 });
154 168
155 $.fn.dataTableExt.afnFiltering.push( 169 $.fn.dataTableExt.afnFiltering.push(
156 function( oSettings, aData, iDataIndex ) { 170 function (oSettings, aData, iDataIndex) {
157 var min = document.getElementById('min').value; 171 var min = document.getElementById('min').value;
158 var max = document.getElementById('max').value; 172 var max = document.getElementById('max').value;
159 var iDateCol = 12; 173 var iDateCol = 12;
160 174
161 var dateMin = new Date(aData[iDateCol]); 175 var dateMin = new Date(aData[iDateCol]);
162 var dateMax = new Date(aData[iDateCol]); 176 var dateMax = new Date(aData[iDateCol]);
163 177
164 if (min === '' && max === '') 178 if (min === '' && max === '')
165 return true; 179 return true;
166 else if (new Date(min).getTime() <= dateMin.getTime() && max === '') 180 else if (new Date(min).getTime() <= dateMin.getTime() && max === '')
167 return true; 181 return true;
168 else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime()) 182 else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime())
169 return true; 183 return true;
170 return false; 184 return false;
171 } 185 }
172 ); 186 );
173 187
174 $('.table_search').on('change', function () { 188 $('.table_search').on('change', function () {
175 search = $(this).val(); 189 search = $(this).val();
176 column = $(this).attr('column'); 190 column = $(this).attr('column');
177 191
178 $('#table').DataTable().column(column).search(search).draw(); 192 $('#table').DataTable().column(column).search(search).draw();
179 }); 193 });
180 194
181 $('#min, #max').on('keyup', function () { 195 $('#min, #max').on('keyup', function () {
182 $('#table').DataTable().draw(); 196 $('#table').DataTable().draw();
183 }); 197 });
184 198
185 function resetHandler () 199 function resetHandler() {
186 { 200 $('#table').DataTable().columns().search("").draw();
187 $('#table').DataTable().columns().search("").draw(); 201 }
188 } 202 </script>
189 </script>
190 </body> 203 </body>
191 <html> 204 <html>
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!