init
Showing
1 changed file
with
98 additions
and
61 deletions
| ... | @@ -69,7 +69,7 @@ | ... | @@ -69,7 +69,7 @@ |
| 69 | </form> | 69 | </form> |
| 70 | 70 | ||
| 71 | <div class="body mt-20"> | 71 | <div class="body mt-20"> |
| 72 | <table class="table table-border table-bordered table-bg"> | 72 | <table class="table table-border table-bordered table-bg" id="table"> |
| 73 | <thead class="text-c"> | 73 | <thead class="text-c"> |
| 74 | <tr> | 74 | <tr> |
| 75 | <th width="15px"><input type="checkbox"></th> | 75 | <th width="15px"><input type="checkbox"></th> |
| ... | @@ -90,72 +90,109 @@ | ... | @@ -90,72 +90,109 @@ |
| 90 | </tr> | 90 | </tr> |
| 91 | </thead> | 91 | </thead> |
| 92 | <tbody class="text-c"> | 92 | <tbody class="text-c"> |
| 93 | <tr> | 93 | |
| 94 | <td><input type="checkbox"></td> | ||
| 95 | <td> | ||
| 96 | <span class="dropDown dropDown_hover"> | ||
| 97 | <button class="btn radius size-M">请选择 <i class="Hui-iconfont"></i></button> | ||
| 98 | <ul class="dropDown-menu menu radius box-shadow"> | ||
| 99 | <li><a href="javascript:;" onclick="pass(1)">通过</a></li> | ||
| 100 | <li><a href="javascript:;" onclick="refuse(1)">拒绝</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"></i></button> | ||
| 123 | <ul class="dropDown-menu menu radius box-shadow"> | ||
| 124 | <li><a href="javascript:;" onclick="pass(2)">通过</a></li> | ||
| 125 | <li><a href="javascript:;" onclick="refuse(2)">拒绝</a></li> | ||
| 126 | </ul> | ||
| 127 | </span> | ||
| 128 | </td> | ||
| 129 | <td>1001</td> | ||
| 130 | <td>张三</td> | ||
| 131 | <td>333333333333333333</td> | ||
| 132 | <td>13333333333</td> | ||
| 133 | <td>2018-01-01 00:00:00</td> | ||
| 134 | <td>下沙网点</td> | ||
| 135 | <td>融易购</td> | ||
| 136 | <td>100.00</td> | ||
| 137 | <td>100.00</td> | ||
| 138 | <td>李四</td> | ||
| 139 | <td class="c-999">完成</td> | ||
| 140 | <td>2018-01-02 00:00:00</td> | ||
| 141 | <td>小明</td> | ||
| 142 | </tr> | ||
| 143 | </tbody> | 94 | </tbody> |
| 144 | </table> | 95 | </table> |
| 145 | <div class="paginate"> | ||
| 146 | <div class="paginate_info">显示 1 到 1 ,共 1 条</div> | ||
| 147 | <div class="paginate_pagination"> | ||
| 148 | <a class="paginate_button">上一页</a> | ||
| 149 | <span> | ||
| 150 | <a class="paginate_button current">1</a> | ||
| 151 | </span> | ||
| 152 | <a class="paginate_button">下一页</a> | ||
| 153 | </div> | ||
| 154 | </div> | ||
| 155 | </div> | 96 | </div> |
| 156 | </div> | 97 | </div> |
| 157 | <?php $this->load->view('common/footer'); ?> | 98 | <?php $this->load->view('common/footer'); ?> |
| 99 | <script> | ||
| 100 | var table = $('#table').dataTable({ | ||
| 101 | aaSorting: [[1, "desc"]], | ||
| 102 | serverSide: true, | ||
| 103 | processing: true, | ||
| 104 | bSort: false, | ||
| 105 | searching: false,//是否显示搜索 | ||
| 106 | iDisplayLength: 6, | ||
| 107 | bLengthChange: false, | ||
| 108 | ajax: { | ||
| 109 | url: apiBaseUrl + '/order/getStatus1', | ||
| 110 | dataFilter: function (json) { | ||
| 111 | var ret = {}, json = jQuery.parseJSON(json); | ||
| 112 | ret.data = json.data; | ||
| 113 | var draw = getUrlParam('draw'); | ||
| 114 | if(draw) { | ||
| 115 | ret.draw = draw; | ||
| 116 | } | ||
| 117 | // ret.draw = parseInt(json.page.currentPage); | ||
| 118 | ret.recordsTotal = parseInt(json.page.totalNumber); | ||
| 119 | ret.recordsFiltered = parseInt(json.page.totalNumber); | ||
| 120 | return JSON.stringify(ret); | ||
| 121 | }, | ||
| 122 | data: function (data) { | ||
| 123 | data.pageSize = data.length; | ||
| 124 | data.currentPage = parseFloat(data.start / data.length) + 1; | ||
| 125 | return data; | ||
| 126 | } | ||
| 127 | }, | ||
| 128 | columns: [ | ||
| 129 | { | ||
| 130 | // data: "id", | ||
| 131 | render:function (data, type, full) { | ||
| 132 | return '<input value="'+data+'" type="checkbox">'; | ||
| 133 | } | ||
| 134 | }, | ||
| 135 | { | ||
| 136 | data: "id", render: function (data, type, full) { | ||
| 137 | return '<span class="dropDown dropDown_hover">\ | ||
| 138 | <button class="btn radius size-M">请选择 <i class="Hui-iconfont"></i></button>\ | ||
| 139 | <ul class="dropDown-menu menu radius box-shadow">\ | ||
| 140 | <li><a href="javascript:;" onclick="pass(1)">通过</a></li>\ | ||
| 141 | <li><a href="javascript:;" onclick="refuse(1)">拒绝</a></li>\ | ||
| 142 | </ul>\ | ||
| 143 | </span>'; | ||
| 144 | } | ||
| 145 | }, | ||
| 146 | {data: "orderId"},//订单编号 | ||
| 147 | {data: "createUser"},//申请人 | ||
| 148 | {data: "idCard"},//身份证 | ||
| 149 | {data: "phoneNumber"},//手机号 | ||
| 150 | {data: "createTime"},//进件时间 | ||
| 151 | {data: "createTime"},//网点 | ||
| 152 | {data: "createTime"},//产品名称 | ||
| 153 | {data: "createTime"},//申请金额 | ||
| 154 | {data: "createTime"},//审批金额 | ||
| 155 | {data: "createTime"},//客户经理 | ||
| 156 | {data: "createTime"},//流程节点 | ||
| 157 | {data: "createTime"},//流转时间 | ||
| 158 | {data: "createTime"}//处理人 | ||
| 159 | ] | ||
| 160 | }); | ||
| 161 | |||
| 162 | $.fn.dataTableExt.afnFiltering.push( | ||
| 163 | function (oSettings, aData, iDataIndex) { | ||
| 164 | var min = document.getElementById('min').value; | ||
| 165 | var max = document.getElementById('max').value; | ||
| 166 | var iDateCol = 12; | ||
| 167 | |||
| 168 | var dateMin = new Date(aData[iDateCol]); | ||
| 169 | var dateMax = new Date(aData[iDateCol]); | ||
| 170 | |||
| 171 | if (min === '' && max === '') | ||
| 172 | return true; | ||
| 173 | else if (new Date(min).getTime() <= dateMin.getTime() && max === '') | ||
| 174 | return true; | ||
| 175 | else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime()) | ||
| 176 | return true; | ||
| 177 | return false; | ||
| 178 | } | ||
| 179 | ); | ||
| 180 | |||
| 181 | $('.table_search').on('change', function () { | ||
| 182 | search = $(this).val(); | ||
| 183 | column = $(this).attr('column'); | ||
| 158 | 184 | ||
| 185 | $('#table').DataTable().column(column).search(search).draw(); | ||
| 186 | }); | ||
| 187 | |||
| 188 | $('#min, #max').on('keyup', function () { | ||
| 189 | $('#table').DataTable().draw(); | ||
| 190 | }); | ||
| 191 | |||
| 192 | function resetHandler() { | ||
| 193 | $('#table').DataTable().columns().search("").draw(); | ||
| 194 | } | ||
| 195 | </script> | ||
| 159 | <script> | 196 | <script> |
| 160 | function pass(id) { | 197 | function pass(id) { |
| 161 | layer.confirm('通过之后, 将立即进入资料补录阶段', { | 198 | layer.confirm('通过之后, 将立即进入资料补录阶段', { | ... | ... |
-
Please register or sign in to post a comment