init
Showing
1 changed file
with
103 additions
and
59 deletions
| ... | @@ -66,7 +66,7 @@ | ... | @@ -66,7 +66,7 @@ |
| 66 | </form> | 66 | </form> |
| 67 | 67 | ||
| 68 | <div class="body mt-20"> | 68 | <div class="body mt-20"> |
| 69 | <table class="table table-border table-bordered table-bg"> | 69 | <table class="table table-border table-bordered table-bg" id="table"> |
| 70 | <thead class="text-c"> | 70 | <thead class="text-c"> |
| 71 | <tr> | 71 | <tr> |
| 72 | <th width="68px">操作</th> | 72 | <th width="68px">操作</th> |
| ... | @@ -86,69 +86,113 @@ | ... | @@ -86,69 +86,113 @@ |
| 86 | </tr> | 86 | </tr> |
| 87 | </thead> | 87 | </thead> |
| 88 | <tbody class="text-c"> | 88 | <tbody class="text-c"> |
| 89 | <tr> | 89 | |
| 90 | <td> | ||
| 91 | <span class="dropDown dropDown_hover"> | ||
| 92 | <button class="btn radius size-M">请选择 <i class="Hui-iconfont"></i></button> | ||
| 93 | <ul class="dropDown-menu menu radius box-shadow"> | ||
| 94 | <li><a href="javascript:;" onclick="layer_show('资料补录', '/work/record')">资料补录</a></li> | ||
| 95 | <li><a href="javascript:cancel(1);">客户取消</a></li> | ||
| 96 | </ul> | ||
| 97 | </span> | ||
| 98 | </td> | ||
| 99 | <td>1001</td> | ||
| 100 | <td>张三</td> | ||
| 101 | <td>333333333333333333</td> | ||
| 102 | <td>13333333333</td> | ||
| 103 | <td>2018-01-01 00:00:00</td> | ||
| 104 | <td>下沙网点</td> | ||
| 105 | <td>融易购</td> | ||
| 106 | <td>100.00</td> | ||
| 107 | <td>100.00</td> | ||
| 108 | <td>李四</td> | ||
| 109 | <td class="c-primary">预审</td> | ||
| 110 | <td>2018-01-02 00:00:00</td> | ||
| 111 | <td>小明</td> | ||
| 112 | </tr> | ||
| 113 | <tr> | ||
| 114 | <td> | ||
| 115 | <span class="dropDown dropDown_hover"> | ||
| 116 | <button class="btn radius size-M">请选择 <i class="Hui-iconfont"></i></button> | ||
| 117 | <ul class="dropDown-menu menu radius box-shadow"> | ||
| 118 | <li><a href="javascript:;" onclick="pass(1)">资料补录</a></li> | ||
| 119 | <li><a href="javascript:cancel(1);">客户取消</a></li> | ||
| 120 | </ul> | ||
| 121 | </span> | ||
| 122 | </td> | ||
| 123 | <td>1001</td> | ||
| 124 | <td>张三</td> | ||
| 125 | <td>333333333333333333</td> | ||
| 126 | <td>13333333333</td> | ||
| 127 | <td>2018-01-01 00:00:00</td> | ||
| 128 | <td>下沙网点</td> | ||
| 129 | <td>融易购</td> | ||
| 130 | <td>100.00</td> | ||
| 131 | <td>100.00</td> | ||
| 132 | <td>李四</td> | ||
| 133 | <td class="c-999">完成</td> | ||
| 134 | <td>2018-01-02 00:00:00</td> | ||
| 135 | <td>小明</td> | ||
| 136 | </tr> | ||
| 137 | </tbody> | 90 | </tbody> |
| 138 | </table> | 91 | </table> |
| 139 | <div class="paginate"> | 92 | |
| 140 | <div class="paginate_info">显示 1 到 1 ,共 1 条</div> | ||
| 141 | <div class="paginate_pagination"> | ||
| 142 | <a class="paginate_button">上一页</a> | ||
| 143 | <span> | ||
| 144 | <a class="paginate_button current">1</a> | ||
| 145 | </span> | ||
| 146 | <a class="paginate_button">下一页</a> | ||
| 147 | </div> | ||
| 148 | </div> | ||
| 149 | </div> | 93 | </div> |
| 150 | </div> | 94 | </div> |
| 151 | <?php $this->load->view('common/footer'); ?> | 95 | <?php $this->load->view('common/footer'); ?> |
| 96 | <script> | ||
| 97 | var table = $('#table').dataTable({ | ||
| 98 | aaSorting: [[1, "desc"]], | ||
| 99 | serverSide: true, | ||
| 100 | processing: true, | ||
| 101 | bSort: false, | ||
| 102 | searching: false,//是否显示搜索 | ||
| 103 | iDisplayLength: 6, | ||
| 104 | bLengthChange: false, | ||
| 105 | ajax: { | ||
| 106 | url: apiBaseUrl + '/order/getStatus2', | ||
| 107 | dataFilter: function (json) { | ||
| 108 | var ret = {}, json = jQuery.parseJSON(json); | ||
| 109 | ret.data = json.data || []; | ||
| 110 | var draw = getUrlParam('draw'); | ||
| 111 | if(draw) { | ||
| 112 | ret.draw = draw; | ||
| 113 | } | ||
| 114 | ret.recordsTotal = 0; | ||
| 115 | ret.recordsFiltered = 0; | ||
| 116 | if (json.page) { | ||
| 117 | ret.recordsTotal = parseInt(json.page.totalNumber); | ||
| 118 | ret.recordsFiltered = parseInt(json.page.totalNumber); | ||
| 119 | } | ||
| 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:cancel(1);">客户取消</a></li>\ | ||
| 142 | </ul>\ | ||
| 143 | </span>'; | ||
| 144 | } | ||
| 145 | }, | ||
| 146 | {data: "orderNo"},//订单编号 | ||
| 147 | {data: "userName"},//申请人 | ||
| 148 | {data: "idCard"},//身份证 | ||
| 149 | {data: "phoneNumber"},//手机号 | ||
| 150 | {data: "createTime"},//进件时间 | ||
| 151 | {data: "departmentName"},//网点 | ||
| 152 | {data: "productName"},//产品名称 | ||
| 153 | {data: "applyMoney"},//申请金额 | ||
| 154 | {data: "agreeMoney"},//审批金额 | ||
| 155 | {data: "createUser"},//客户经理 | ||
| 156 | {data: "statusDesc"},//流程节点 | ||
| 157 | {data: "modifyTime"},//流转时间 | ||
| 158 | {data: "modifyUser"}//处理人 | ||
| 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'); | ||
| 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> | ||
| 152 | 196 | ||
| 153 | <script> | 197 | <script> |
| 154 | function cancel(id) { | 198 | function cancel(id) { | ... | ... |
-
Please register or sign in to post a comment