4fd89db3 by yangjianbin

init

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