init
Showing
1 changed file
with
117 additions
and
89 deletions
| ... | @@ -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,127 @@ | ... | @@ -88,99 +88,127 @@ |
| 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"></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="loan(1)">线下已放款</a></li> | ||
| 99 | <li> | ||
| 100 | <a href="#">退回订单<i class="arrow Hui-iconfont"></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"></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/1?tab=0')">马上审批</a></li> | ||
| 138 | <li> | ||
| 139 | <a href="#">退回订单<i class="arrow Hui-iconfont"></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> | 91 | </tbody> |
| 170 | </table> | 92 | </table> |
| 171 | <div class="paginate"> | 93 | |
| 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> | 94 | </div> |
| 182 | </div> | 95 | </div> |
| 183 | <?php $this->load->view('common/footer'); ?> | 96 | <?php $this->load->view('common/footer'); ?> |
| 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/getStatus10', | ||
| 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 = 0; | ||
| 117 | ret.recordsFiltered = 0; | ||
| 118 | if (json.page) { | ||
| 119 | ret.recordsTotal = parseInt(json.page.totalNumber); | ||
| 120 | ret.recordsFiltered = parseInt(json.page.totalNumber); | ||
| 121 | } | ||
| 122 | return JSON.stringify(ret); | ||
| 123 | }, | ||
| 124 | data: function (data) { | ||
| 125 | data.pageSize = data.length; | ||
| 126 | data.currentPage = parseFloat(data.start / data.length) + 1; | ||
| 127 | return data; | ||
| 128 | } | ||
| 129 | }, | ||
| 130 | columns: [ | ||
| 131 | { | ||
| 132 | // data: "id", | ||
| 133 | render:function (data, type, full) { | ||
| 134 | return '<input value="'+data+'" type="checkbox">'; | ||
| 135 | } | ||
| 136 | }, | ||
| 137 | { | ||
| 138 | data: "id", render: function (data, type, full) { | ||
| 139 | return '<span class="dropDown dropDown_hover">\n' + | ||
| 140 | ' <button class="btn radius size-M">请选择 <i class="Hui-iconfont"></i></button>\n' + | ||
| 141 | ' <ul class="dropDown-menu menu radius box-shadow">\n' + | ||
| 142 | ' <li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/1?tab=0\')">查看详细</a></li>\n' + | ||
| 143 | ' <li><a href="javascript:;" onclick="layer_show(\'审批订单\', \'/work/check/1?tab=0\')">马上审批</a></li>\n' + | ||
| 144 | ' <li>\n' + | ||
| 145 | ' <a href="#">退回订单<i class="arrow Hui-iconfont"></i></a>\n' + | ||
| 146 | ' <ul class="menu">\n' + | ||
| 147 | ' <li><a href="#">退至【资料补录】阶段</a></li>\n' + | ||
| 148 | ' <li><a href="#">退至【审批-初审】阶段</a></li>\n' + | ||
| 149 | ' <li><a href="#">退至【审批-复审】阶段</a></li>\n' + | ||
| 150 | ' <li><a href="#">退至【审批-终审】阶段</a></li>\n' + | ||
| 151 | ' <li><a href="#">退至【尽调】阶段</a></li>\n' + | ||
| 152 | ' <li><a href="#">退至【客户确认】阶段</a></li>\n' + | ||
| 153 | ' <li><a href="#">退至【等待放款-移交】阶段</a></li>\n' + | ||
| 154 | ' </ul>\n' + | ||
| 155 | ' </li>\n' + | ||
| 156 | ' <li><a href="#">客户取消</a></li>\n' + | ||
| 157 | ' <li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/1?tab=2\')">处理记录</a></li>\n' + | ||
| 158 | ' </ul>\n' + | ||
| 159 | ' </span>'; | ||
| 160 | } | ||
| 161 | }, | ||
| 162 | {data: "orderId"},//订单编号 | ||
| 163 | {data: "createUser"},//申请人 | ||
| 164 | {data: "idCard"},//身份证 | ||
| 165 | {data: "phoneNumber"},//手机号 | ||
| 166 | {data: "createTime"},//进件时间 | ||
| 167 | {data: "createTime"},//网点 | ||
| 168 | {data: "createTime"},//产品名称 | ||
| 169 | {data: "createTime"},//申请金额 | ||
| 170 | {data: "createTime"},//审批金额 | ||
| 171 | {data: "createTime"},//客户经理 | ||
| 172 | {data: "createTime"},//流程节点 | ||
| 173 | {data: "createTime"},//流转时间 | ||
| 174 | {data: "createTime"}//处理人 | ||
| 175 | ] | ||
| 176 | }); | ||
| 177 | |||
| 178 | $.fn.dataTableExt.afnFiltering.push( | ||
| 179 | function (oSettings, aData, iDataIndex) { | ||
| 180 | var min = document.getElementById('min').value; | ||
| 181 | var max = document.getElementById('max').value; | ||
| 182 | var iDateCol = 12; | ||
| 183 | |||
| 184 | var dateMin = new Date(aData[iDateCol]); | ||
| 185 | var dateMax = new Date(aData[iDateCol]); | ||
| 186 | |||
| 187 | if (min === '' && max === '') | ||
| 188 | return true; | ||
| 189 | else if (new Date(min).getTime() <= dateMin.getTime() && max === '') | ||
| 190 | return true; | ||
| 191 | else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime()) | ||
| 192 | return true; | ||
| 193 | return false; | ||
| 194 | } | ||
| 195 | ); | ||
| 196 | |||
| 197 | $('.table_search').on('change', function () { | ||
| 198 | search = $(this).val(); | ||
| 199 | column = $(this).attr('column'); | ||
| 200 | |||
| 201 | $('#table').DataTable().column(column).search(search).draw(); | ||
| 202 | }); | ||
| 203 | |||
| 204 | $('#min, #max').on('keyup', function () { | ||
| 205 | $('#table').DataTable().draw(); | ||
| 206 | }); | ||
| 207 | |||
| 208 | function resetHandler() { | ||
| 209 | $('#table').DataTable().columns().search("").draw(); | ||
| 210 | } | ||
| 211 | </script> | ||
| 184 | 212 | ||
| 185 | <script> | 213 | <script> |
| 186 | function loan(id) { | 214 | function loan(id) { | ... | ... |
-
Please register or sign in to post a comment