Skip to content

杨建斌 / page

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

init

1 parent 645bf37c
Expand all
Inline Side-by-side
Showing 3 changed files with 195 additions and 124 deletions
application/views/work/待提交.php
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
67 </form> 67 </form>
68 68
69 <div class="body mt-20"> 69 <div class="body mt-20">
70 <table class="table table-border table-bordered table-bg"> 70 <table class="table table-border table-bordered table-bg" id="table">
71 <thead class="text-c"> 71 <thead class="text-c">
72 <tr> 72 <tr>
73 <th width="15px"><input type="checkbox"></th> 73 <th width="15px"><input type="checkbox"></th>
...@@ -88,72 +88,8 @@ ...@@ -88,72 +88,8 @@
88 </tr> 88 </tr>
89 </thead> 89 </thead>
90 <tbody class="text-c"> 90 <tbody class="text-c">
91 <tr>
92 <td><input type="checkbox"></td>
93 <td>
94 <span class="dropDown dropDown_hover">
95 <button class="btn radius size-M">请选择 <i class="Hui-iconfont">&#xe6d5;</i></button>
96 <ul class="dropDown-menu menu radius box-shadow">
97 <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=0')">查看详细</a></li>
98 <li><a href="javascript:;" onclick="pass(1)">提交订单</a></li>
99 <li><a href="#">客户取消</a></li>
100 <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=2')">处理记录</a></li>
101 </ul>
102 </span>
103 </td>
104 <td>1001</td>
105 <td>张三</td>
106 <td>333333333333333333</td>
107 <td>13333333333</td>
108 <td>2018-01-01 00:00:00</td>
109 <td>下沙网点</td>
110 <td>融易购</td>
111 <td>100.00</td>
112 <td>100.00</td>
113 <td>李四</td>
114 <td class="c-primary">预审</td>
115 <td>2018-01-02 00:00:00</td>
116 <td>小明</td>
117 </tr>
118 <tr>
119 <td><input type="checkbox"></td>
120 <td>
121 <span class="dropDown dropDown_hover">
122 <button class="btn radius size-M">请选择 <i class="Hui-iconfont">&#xe6d5;</i></button>
123 <ul class="dropDown-menu menu radius box-shadow">
124 <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=0')">查看详细</a></li>
125 <li><a href="javascript:;" onclick="pass(1)">提交订单</a></li>
126 <li><a href="#">客户取消</a></li>
127 <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=2')">处理记录</a></li>
128 </ul>
129 </span>
130 </td>
131 <td>1001</td>
132 <td>张三</td>
133 <td>333333333333333333</td>
134 <td>13333333333</td>
135 <td>2018-01-01 00:00:00</td>
136 <td>下沙网点</td>
137 <td>融易购</td>
138 <td>100.00</td>
139 <td>100.00</td>
140 <td>李四</td>
141 <td class="c-999">完成</td>
142 <td>2018-01-02 00:00:00</td>
143 <td>小明</td>
144 </tr>
145 </tbody> 91 </tbody>
146 </table> 92 </table>
147 <div class="paginate">
148 <div class="paginate_info">显示 1 到 1 ，共 1 条</div>
149 <div class="paginate_pagination">
150 <a class="paginate_button">上一页</a>
151 <span>
152 <a class="paginate_button current">1</a>
153 </span>
154 <a class="paginate_button">下一页</a>
155 </div>
156 </div>
157 </div> 93 </div>
158 </div> 94 </div>
159 <?php $this->load->view('common/footer'); ?> 95 <?php $this->load->view('common/footer'); ?>
...@@ -169,5 +105,101 @@ ...@@ -169,5 +105,101 @@
169 }); 105 });
170 } 106 }
171 </script> 107 </script>
108 <script>
109 var table = $('#table').dataTable({
110 aaSorting: [[1, "desc"]],
111 serverSide: true,
112 processing: true,
113 bSort: false,
114 searching: false,//是否显示搜索
115 iDisplayLength: 6,
116 bLengthChange: false,
117 ajax: {
118 url: apiBaseUrl + '/order/getStatus3',
119 dataFilter: function (json) {
120 var ret = {}, json = jQuery.parseJSON(json);
121 ret.data = json.data;
122 var draw = getUrlParam('draw');
123 if(draw) {
124 ret.draw = draw;
125 }
126 // ret.draw = parseInt(json.page.currentPage);
127 ret.recordsTotal = parseInt(json.page.totalNumber);
128 ret.recordsFiltered = parseInt(json.page.totalNumber);
129 return JSON.stringify(ret);
130 },
131 data: function (data) {
132 data.pageSize = data.length;
133 data.currentPage = parseFloat(data.start / data.length) + 1;
134 return data;
135 }
136 },
137 columns: [
138 {
139 // data: "id",
140 render:function (data, type, full) {
141 return '<input value="'+data+'" type="checkbox">';
142 }
143 },
144 {
145 data: "id", render: function (data, type, full) {
146 return '<span class="dropDown dropDown_hover">\
147 <button class="btn radius size-M">请选择 <i class="Hui-iconfont">&#xe6d5;</i></button>\
148 <ul class="dropDown-menu menu radius box-shadow"><li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/' + data + '?tab=0\')">查看详细</a></li>\
149 <li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/' + data + '?tab=2\')">处理记录</a></li>\
150 <li><a href="#">客户取消</a></li>\
151 </ul></span>';
152 }
153 },
154 {data: "orderId"},//订单编号
155 {data: "createUser"},//申请人
156 {data: "idCard"},//身份证
157 {data: "phoneNumber"},//手机号
158 {data: "createTime"},//进件时间
159 {data: "createTime"},//网点
160 {data: "createTime"},//产品名称
161 {data: "createTime"},//申请金额
162 {data: "createTime"},//审批金额
163 {data: "createTime"},//客户经理
164 {data: "createTime"},//流程节点
165 {data: "createTime"},//流转时间
166 {data: "createTime"}//处理人
167 ]
168 });
169
170 $.fn.dataTableExt.afnFiltering.push(
171 function (oSettings, aData, iDataIndex) {
172 var min = document.getElementById('min').value;
173 var max = document.getElementById('max').value;
174 var iDateCol = 12;
175
176 var dateMin = new Date(aData[iDateCol]);
177 var dateMax = new Date(aData[iDateCol]);
178
179 if (min === '' && max === '')
180 return true;
181 else if (new Date(min).getTime() <= dateMin.getTime() && max === '')
182 return true;
183 else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime())
184 return true;
185 return false;
186 }
187 );
188
189 $('.table_search').on('change', function () {
190 search = $(this).val();
191 column = $(this).attr('column');
192
193 $('#table').DataTable().column(column).search(search).draw();
194 });
195
196 $('#min, #max').on('keyup', function () {
197 $('#table').DataTable().draw();
198 });
199
200 function resetHandler() {
201 $('#table').DataTable().columns().search("").draw();
202 }
203 </script>
172 </body> 204 </body>
173 <html> 205 <html>
......
application/views/work/待补录.php
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
67 </form> 67 </form>
68 68
69 <div class="body mt-20"> 69 <div class="body mt-20">
70 <table class="table table-border table-bordered table-bg"> 70 <table class="table table-border table-bordered table-bg" id="table">
71 <thead class="text-c"> 71 <thead class="text-c">
72 <tr> 72 <tr>
73 <th width="68px">操作</th> 73 <th width="68px">操作</th>
...@@ -87,68 +87,107 @@ ...@@ -87,68 +87,107 @@
87 </tr> 87 </tr>
88 </thead> 88 </thead>
89 <tbody class="text-c"> 89 <tbody class="text-c">
90 <tr> 90
91 <td>
92 <span class="dropDown dropDown_hover">
93 <button class="btn radius size-M">请选择 <i class="Hui-iconfont">&#xe6d5;</i></button>
94 <ul class="dropDown-menu menu radius box-shadow">
95 <li><a href="javascript:;" onclick="layer_show('资料补录', '/work/record')">资料补录</a></li>
96 <li><a href="#">客户取消</a></li>
97 </ul>
98 </span>
99 </td>
100 <td>1001</td>
101 <td>张三</td>
102 <td>333333333333333333</td>
103 <td>13333333333</td>
104 <td>2018-01-01 00:00:00</td>
105 <td>下沙网点</td>
106 <td>融易购</td>
107 <td>100.00</td>
108 <td>100.00</td>
109 <td>李四</td>
110 <td class="c-primary">预审</td>
111 <td>2018-01-02 00:00:00</td>
112 <td>小明</td>
113 </tr>
114 <tr>
115 <td>
116 <span class="dropDown dropDown_hover">
117 <button class="btn radius size-M">请选择 <i class="Hui-iconfont">&#xe6d5;</i></button>
118 <ul class="dropDown-menu menu radius box-shadow">
119 <li><a href="javascript:;" onclick="pass(1)">资料补录</a></li>
120 <li><a href="#">客户取消</a></li>
121 </ul>
122 </span>
123 </td>
124 <td>1001</td>
125 <td>张三</td>
126 <td>333333333333333333</td>
127 <td>13333333333</td>
128 <td>2018-01-01 00:00:00</td>
129 <td>下沙网点</td>
130 <td>融易购</td>
131 <td>100.00</td>
132 <td>100.00</td>
133 <td>李四</td>
134 <td class="c-999">完成</td>
135 <td>2018-01-02 00:00:00</td>
136 <td>小明</td>
137 </tr>
138 </tbody> 91 </tbody>
139 </table> 92 </table>
140 <div class="paginate">
141 <div class="paginate_info">显示 1 到 1 ，共 1 条</div>
142 <div class="paginate_pagination">
143 <a class="paginate_button">上一页</a>
144 <span>
145 <a class="paginate_button current">1</a>
146 </span>
147 <a class="paginate_button">下一页</a>
148 </div>
149 </div>
150 </div> 93 </div>
151 </div> 94 </div>
152 <?php $this->load->view('common/footer'); ?> 95 <?php $this->load->view('common/footer'); ?>
153 </body> 96 </body>
97 <script>
98 var table = $('#table').dataTable({
99 aaSorting: [[1, "desc"]],
100 serverSide: true,
101 processing: true,
102 bSort: false,
103 searching: false,//是否显示搜索
104 iDisplayLength: 6,
105 bLengthChange: false,
106 ajax: {
107 url: apiBaseUrl + '/order/getStatus2',
108 dataFilter: function (json) {
109 var ret = {}, json = jQuery.parseJSON(json);
110 ret.data = json.data;
111 var draw = getUrlParam('draw');
112 if(draw) {
113 ret.draw = draw;
114 }
115 // ret.draw = parseInt(json.page.currentPage);
116 ret.recordsTotal = parseInt(json.page.totalNumber);
117 ret.recordsFiltered = parseInt(json.page.totalNumber);
118 return JSON.stringify(ret);
119 },
120 data: function (data) {
121 data.pageSize = data.length;
122 data.currentPage = parseFloat(data.start / data.length) + 1;
123 return data;
124 }
125 },
126 columns: [
127 {
128 // data: "id",
129 render:function (data, type, full) {
130 return '<input value="'+data+'" type="checkbox">';
131 }
132 },
133 {
134 data: "id", render: function (data, type, full) {
135 return '<span class="dropDown dropDown_hover">\
136 <button class="btn radius size-M">请选择 <i class="Hui-iconfont">&#xe6d5;</i></button>\
137 <ul class="dropDown-menu menu radius box-shadow"><li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/' + data + '?tab=0\')">查看详细</a></li>\
138 <li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/' + data + '?tab=2\')">处理记录</a></li>\
139 <li><a href="#">客户取消</a></li>\
140 </ul></span>';
141 }
142 },
143 {data: "orderId"},//订单编号
144 {data: "createUser"},//申请人
145 {data: "idCard"},//身份证
146 {data: "phoneNumber"},//手机号
147 {data: "createTime"},//进件时间
148 {data: "createTime"},//网点
149 {data: "createTime"},//产品名称
150 {data: "createTime"},//申请金额
151 {data: "createTime"},//审批金额
152 {data: "createTime"},//客户经理
153 {data: "createTime"},//流程节点
154 {data: "createTime"},//流转时间
155 {data: "createTime"}//处理人
156 ]
157 });
158
159 $.fn.dataTableExt.afnFiltering.push(
160 function (oSettings, aData, iDataIndex) {
161 var min = document.getElementById('min').value;
162 var max = document.getElementById('max').value;
163 var iDateCol = 12;
164
165 var dateMin = new Date(aData[iDateCol]);
166 var dateMax = new Date(aData[iDateCol]);
167
168 if (min === '' && max === '')
169 return true;
170 else if (new Date(min).getTime() <= dateMin.getTime() && max === '')
171 return true;
172 else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime())
173 return true;
174 return false;
175 }
176 );
177
178 $('.table_search').on('change', function () {
179 search = $(this).val();
180 column = $(this).attr('column');
181
182 $('#table').DataTable().column(column).search(search).draw();
183 });
184
185 $('#min, #max').on('keyup', function () {
186 $('#table').DataTable().draw();
187 });
188
189 function resetHandler() {
190 $('#table').DataTable().columns().search("").draw();
191 }
192 </script>
154 <html> 193 <html>
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!