init
Showing
3 changed files
with
349 additions
and
267 deletions
| ... | @@ -72,7 +72,7 @@ | ... | @@ -72,7 +72,7 @@ |
| 72 | </form> | 72 | </form> |
| 73 | 73 | ||
| 74 | <div class="body mt-20"> | 74 | <div class="body mt-20"> |
| 75 | <table class="table table-border table-bordered table-bg"> | 75 | <table class="table table-border table-bordered table-bg" id="table"> |
| 76 | <thead class="text-c"> | 76 | <thead class="text-c"> |
| 77 | <tr> | 77 | <tr> |
| 78 | <th width="15px"><input type="checkbox"></th> | 78 | <th width="15px"><input type="checkbox"></th> |
| ... | @@ -93,100 +93,126 @@ | ... | @@ -93,100 +93,126 @@ |
| 93 | </tr> | 93 | </tr> |
| 94 | </thead> | 94 | </thead> |
| 95 | <tbody class="text-c"> | 95 | <tbody class="text-c"> |
| 96 | <tr> | 96 | |
| 97 | <td><input type="checkbox"></td> | ||
| 98 | <td> | ||
| 99 | <span class="dropDown dropDown_hover"> | ||
| 100 | <button class="btn radius size-M">请选择 <i class="Hui-iconfont"></i></button> | ||
| 101 | <ul class="dropDown-menu menu radius box-shadow"> | ||
| 102 | <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=0')">查看详细</a></li> | ||
| 103 | <li><a href="javascript:;" onclick="creatIframe('/work/check/1?tab=0', '审批订单')">马上审批</a></li> | ||
| 104 | <li> | ||
| 105 | <a href="#">退回订单<i class="arrow Hui-iconfont"></i></a> | ||
| 106 | <ul class="menu"> | ||
| 107 | <li><a href="#">退至【资料补录】阶段</a></li> | ||
| 108 | <li><a href="#">退至【审批-初审】阶段</a></li> | ||
| 109 | <li><a href="#">退至【审批-复审】阶段</a></li> | ||
| 110 | <li><a href="#">退至【审批-终审】阶段</a></li> | ||
| 111 | <li><a href="#">退至【尽调】阶段</a></li> | ||
| 112 | <li><a href="#">退至【客户确认】阶段</a></li> | ||
| 113 | <li><a href="#">退至【等待放款-移交】阶段</a></li> | ||
| 114 | </ul> | ||
| 115 | </li> | ||
| 116 | <li><a href="#">客户取消</a></li> | ||
| 117 | <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=2')">处理记录</a></li> | ||
| 118 | </ul> | ||
| 119 | </span> | ||
| 120 | </td> | ||
| 121 | <td>1001</td> | ||
| 122 | <td>张三</td> | ||
| 123 | <td>333333333333333333</td> | ||
| 124 | <td>13333333333</td> | ||
| 125 | <td>2018-01-01 00:00:00</td> | ||
| 126 | <td>下沙网点</td> | ||
| 127 | <td>融易购</td> | ||
| 128 | <td>100.00</td> | ||
| 129 | <td>100.00</td> | ||
| 130 | <td>李四</td> | ||
| 131 | <td class="c-primary">预审</td> | ||
| 132 | <td>2018-01-02 00:00:00</td> | ||
| 133 | <td>小明</td> | ||
| 134 | </tr> | ||
| 135 | <tr> | ||
| 136 | <td><input type="checkbox"></td> | ||
| 137 | <td> | ||
| 138 | <span class="dropDown dropDown_hover"> | ||
| 139 | <button class="btn radius size-M">请选择 <i class="Hui-iconfont"></i></button> | ||
| 140 | <ul class="dropDown-menu menu radius box-shadow"> | ||
| 141 | <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=0')">查看详细</a></li> | ||
| 142 | <li><a href="javascript:;" onclick="layer_show('审批订单', '/work/check/1?tab=0')">马上审批</a></li> | ||
| 143 | <li> | ||
| 144 | <a href="#">退回订单<i class="arrow Hui-iconfont"></i></a> | ||
| 145 | <ul class="menu"> | ||
| 146 | <li><a href="#">退至【资料补录】阶段</a></li> | ||
| 147 | <li><a href="#">退至【审批-初审】阶段</a></li> | ||
| 148 | <li><a href="#">退至【审批-复审】阶段</a></li> | ||
| 149 | <li><a href="#">退至【审批-终审】阶段</a></li> | ||
| 150 | <li><a href="#">退至【尽调】阶段</a></li> | ||
| 151 | <li><a href="#">退至【客户确认】阶段</a></li> | ||
| 152 | <li><a href="#">退至【等待放款-移交】阶段</a></li> | ||
| 153 | </ul> | ||
| 154 | </li> | ||
| 155 | <li><a href="#">客户取消</a></li> | ||
| 156 | <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=2')">处理记录</a></li> | ||
| 157 | </ul> | ||
| 158 | </span> | ||
| 159 | </td> | ||
| 160 | <td>1001</td> | ||
| 161 | <td>张三</td> | ||
| 162 | <td>333333333333333333</td> | ||
| 163 | <td>13333333333</td> | ||
| 164 | <td>2018-01-01 00:00:00</td> | ||
| 165 | <td>下沙网点</td> | ||
| 166 | <td>融易购</td> | ||
| 167 | <td>100.00</td> | ||
| 168 | <td>100.00</td> | ||
| 169 | <td>李四</td> | ||
| 170 | <td class="c-999">完成</td> | ||
| 171 | <td>2018-01-02 00:00:00</td> | ||
| 172 | <td>小明</td> | ||
| 173 | </tr> | ||
| 174 | </tbody> | 97 | </tbody> |
| 175 | </table> | 98 | </table> |
| 176 | <div class="paginate"> | ||
| 177 | <div class="paginate_info">显示 1 到 1 ,共 1 条</div> | ||
| 178 | <div class="paginate_pagination"> | ||
| 179 | <a class="paginate_button">上一页</a> | ||
| 180 | <span> | ||
| 181 | <a class="paginate_button current">1</a> | ||
| 182 | </span> | ||
| 183 | <a class="paginate_button">下一页</a> | ||
| 184 | </div> | ||
| 185 | </div> | ||
| 186 | </div> | 99 | </div> |
| 187 | </div> | 100 | </div> |
| 188 | <?php $this->load->view('common/footer'); ?> | 101 | <?php $this->load->view('common/footer'); ?> |
| 102 | <script> | ||
| 103 | var table = $('#table').dataTable({ | ||
| 104 | aaSorting: [[1, "desc"]], | ||
| 105 | serverSide: true, | ||
| 106 | processing: true, | ||
| 107 | bSort: false, | ||
| 108 | searching: false,//是否显示搜索 | ||
| 109 | iDisplayLength: 6, | ||
| 110 | bLengthChange: false, | ||
| 111 | ajax: { | ||
| 112 | url: apiBaseUrl + '/order/getStatus4', | ||
| 113 | dataFilter: function (json) { | ||
| 114 | var ret = {}, json = jQuery.parseJSON(json); | ||
| 115 | ret.data = json.data || []; | ||
| 116 | var draw = getUrlParam('draw'); | ||
| 117 | if(draw) { | ||
| 118 | ret.draw = draw; | ||
| 119 | } | ||
| 120 | ret.recordsTotal = 0; | ||
| 121 | ret.recordsFiltered = 0; | ||
| 122 | if (json.page) { | ||
| 123 | ret.recordsTotal = parseInt(json.page.totalNumber); | ||
| 124 | ret.recordsFiltered = parseInt(json.page.totalNumber); | ||
| 125 | } | ||
| 126 | return JSON.stringify(ret); | ||
| 127 | }, | ||
| 128 | data: function (data) { | ||
| 129 | data.pageSize = data.length; | ||
| 130 | data.currentPage = parseFloat(data.start / data.length) + 1; | ||
| 131 | return data; | ||
| 132 | } | ||
| 133 | }, | ||
| 134 | columns: [ | ||
| 135 | { | ||
| 136 | // data: "id", | ||
| 137 | render:function (data, type, full) { | ||
| 138 | return '<input value="'+data+'" type="checkbox">'; | ||
| 139 | } | ||
| 140 | }, | ||
| 141 | { | ||
| 142 | data: "id", render: function (data, type, full) { | ||
| 143 | return '<span class="dropDown dropDown_hover">\ | ||
| 144 | <button class="btn radius size-M">请选择 <i class="Hui-iconfont"></i></button>\ | ||
| 145 | <ul class="dropDown-menu menu radius box-shadow">\ | ||
| 146 | <li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/1?tab=0\')">查看详细</a></li>\ | ||
| 147 | <li><a href="javascript:;" onclick="creatIframe(\'/work/check/1?tab=0\', \'审批订单\')">马上审批</a></li>\ | ||
| 148 | <li>\ | ||
| 149 | <a href="#">退回订单<i class="arrow Hui-iconfont"></i></a>\ | ||
| 150 | <ul class="menu">\ | ||
| 151 | <li><a href="#">退至【资料补录】阶段</a></li>\ | ||
| 152 | <li><a href="#">退至【审批-初审】阶段</a></li>\ | ||
| 153 | <li><a href="#">退至【审批-复审】阶段</a></li>\ | ||
| 154 | <li><a href="#">退至【审批-终审】阶段</a></li>\ | ||
| 155 | <li><a href="#">退至【尽调】阶段</a></li>\ | ||
| 156 | <li><a href="#">退至【客户确认】阶段</a></li>\ | ||
| 157 | <li><a href="#">退至【等待放款-移交】阶段</a></li>\ | ||
| 158 | </ul>\ | ||
| 159 | </li>\ | ||
| 160 | <li><a href="#">客户取消</a></li>\ | ||
| 161 | <li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/1?tab=2\')">处理记录</a></li>\ | ||
| 162 | </ul>\ | ||
| 163 | </span>'; | ||
| 164 | } | ||
| 165 | }, | ||
| 166 | {data: "orderNo"},//订单编号 | ||
| 167 | {data: "userName"},//申请人 | ||
| 168 | {data: "idCard"},//身份证 | ||
| 169 | {data: "phoneNumber"},//手机号 | ||
| 170 | {data: "createTime"},//进件时间 | ||
| 171 | {data: "departmentName"},//网点 | ||
| 172 | {data: "productName"},//产品名称 | ||
| 173 | {data: "applyMoney"},//申请金额 | ||
| 174 | {data: "agreeMoney"},//审批金额 | ||
| 175 | {data: "createUser"},//客户经理 | ||
| 176 | {data: "statusDesc"},//流程节点 | ||
| 177 | {data: "modifyTime"},//流转时间 | ||
| 178 | {data: "modifyUser"}//处理人 | ||
| 179 | ] | ||
| 180 | }); | ||
| 181 | |||
| 182 | $.fn.dataTableExt.afnFiltering.push( | ||
| 183 | function (oSettings, aData, iDataIndex) { | ||
| 184 | var min = document.getElementById('min').value; | ||
| 185 | var max = document.getElementById('max').value; | ||
| 186 | var iDateCol = 12; | ||
| 187 | |||
| 188 | var dateMin = new Date(aData[iDateCol]); | ||
| 189 | var dateMax = new Date(aData[iDateCol]); | ||
| 190 | |||
| 191 | if (min === '' && max === '') | ||
| 192 | return true; | ||
| 193 | else if (new Date(min).getTime() <= dateMin.getTime() && max === '') | ||
| 194 | return true; | ||
| 195 | else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime()) | ||
| 196 | return true; | ||
| 197 | return false; | ||
| 198 | } | ||
| 199 | ); | ||
| 189 | 200 | ||
| 201 | $('.table_search').on('change', function () { | ||
| 202 | search = $(this).val(); | ||
| 203 | column = $(this).attr('column'); | ||
| 204 | |||
| 205 | $('#table').DataTable().column(column).search(search).draw(); | ||
| 206 | }); | ||
| 207 | |||
| 208 | $('#min, #max').on('keyup', function () { | ||
| 209 | $('#table').DataTable().draw(); | ||
| 210 | }); | ||
| 211 | |||
| 212 | function resetHandler() { | ||
| 213 | $('#table').DataTable().columns().search("").draw(); | ||
| 214 | } | ||
| 215 | </script> | ||
| 190 | <script> | 216 | <script> |
| 191 | function pass(id) { | 217 | function pass(id) { |
| 192 | layer.confirm('通过之后, 将立即进入审批阶段', { | 218 | layer.confirm('通过之后, 将立即进入审批阶段', { | ... | ... |
| ... | @@ -72,7 +72,7 @@ | ... | @@ -72,7 +72,7 @@ |
| 72 | </form> | 72 | </form> |
| 73 | 73 | ||
| 74 | <div class="body mt-20"> | 74 | <div class="body mt-20"> |
| 75 | <table class="table table-border table-bordered table-bg"> | 75 | <table class="table table-border table-bordered table-bg" id="table"> |
| 76 | <thead class="text-c"> | 76 | <thead class="text-c"> |
| 77 | <tr> | 77 | <tr> |
| 78 | <th width="15px"><input type="checkbox"></th> | 78 | <th width="15px"><input type="checkbox"></th> |
| ... | @@ -93,99 +93,127 @@ | ... | @@ -93,99 +93,127 @@ |
| 93 | </tr> | 93 | </tr> |
| 94 | </thead> | 94 | </thead> |
| 95 | <tbody class="text-c"> | 95 | <tbody class="text-c"> |
| 96 | <tr> | 96 | |
| 97 | <td><input type="checkbox"></td> | ||
| 98 | <td> | ||
| 99 | <span class="dropDown dropDown_hover"> | ||
| 100 | <button class="btn radius size-M">请选择 <i class="Hui-iconfont"></i></button> | ||
| 101 | <ul class="dropDown-menu menu radius box-shadow"> | ||
| 102 | <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=0')">查看详细</a></li> | ||
| 103 | <li><a href="javascript:;" onclick="creatIframe('/work/check/10', '审批订单')">马上审批</a></li> | ||
| 104 | <li> | ||
| 105 | <a href="#">退回订单<i class="arrow Hui-iconfont"></i></a> | ||
| 106 | <ul class="menu"> | ||
| 107 | <li><a href="#">退至【资料补录】阶段</a></li> | ||
| 108 | <li><a href="#">退至【审批-初审】阶段</a></li> | ||
| 109 | <li><a href="#">退至【审批-复审】阶段</a></li> | ||
| 110 | <li><a href="#">退至【审批-终审】阶段</a></li> | ||
| 111 | <li><a href="#">退至【尽调】阶段</a></li> | ||
| 112 | <li><a href="#">退至【客户确认】阶段</a></li> | ||
| 113 | <li><a href="#">退至【等待放款-移交】阶段</a></li> | ||
| 114 | </ul> | ||
| 115 | </li> | ||
| 116 | <li><a href="#">客户取消</a></li> | ||
| 117 | <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=2')">处理记录</a></li> | ||
| 118 | </ul> | ||
| 119 | </span> | ||
| 120 | </td> | ||
| 121 | <td>1001</td> | ||
| 122 | <td>张三</td> | ||
| 123 | <td>333333333333333333</td> | ||
| 124 | <td>13333333333</td> | ||
| 125 | <td>2018-01-01 00:00:00</td> | ||
| 126 | <td>下沙网点</td> | ||
| 127 | <td>融易购</td> | ||
| 128 | <td>100.00</td> | ||
| 129 | <td>100.00</td> | ||
| 130 | <td>李四</td> | ||
| 131 | <td class="c-primary">预审</td> | ||
| 132 | <td>2018-01-02 00:00:00</td> | ||
| 133 | <td>小明</td> | ||
| 134 | </tr> | ||
| 135 | <tr> | ||
| 136 | <td><input type="checkbox"></td> | ||
| 137 | <td> | ||
| 138 | <span class="dropDown dropDown_hover"> | ||
| 139 | <button class="btn radius size-M">请选择 <i class="Hui-iconfont"></i></button> | ||
| 140 | <ul class="dropDown-menu menu radius box-shadow"> | ||
| 141 | <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=0')">查看详细</a></li> | ||
| 142 | <li><a href="javascript:;" onclick="layer_show('审批订单', '/work/check/10')">马上审批</a></li> | ||
| 143 | <li> | ||
| 144 | <a href="#">退回订单<i class="arrow Hui-iconfont"></i></a> | ||
| 145 | <ul class="menu"> | ||
| 146 | <li><a href="#">退至【资料补录】阶段</a></li> | ||
| 147 | <li><a href="#">退至【审批-初审】阶段</a></li> | ||
| 148 | <li><a href="#">退至【审批-复审】阶段</a></li> | ||
| 149 | <li><a href="#">退至【审批-终审】阶段</a></li> | ||
| 150 | <li><a href="#">退至【尽调】阶段</a></li> | ||
| 151 | <li><a href="#">退至【客户确认】阶段</a></li> | ||
| 152 | <li><a href="#">退至【等待放款-移交】阶段</a></li> | ||
| 153 | </ul> | ||
| 154 | </li> | ||
| 155 | <li><a href="#">客户取消</a></li> | ||
| 156 | <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=2')">处理记录</a></li> | ||
| 157 | </ul> | ||
| 158 | </span> | ||
| 159 | </td> | ||
| 160 | <td>1001</td> | ||
| 161 | <td>张三</td> | ||
| 162 | <td>333333333333333333</td> | ||
| 163 | <td>13333333333</td> | ||
| 164 | <td>2018-01-01 00:00:00</td> | ||
| 165 | <td>下沙网点</td> | ||
| 166 | <td>融易购</td> | ||
| 167 | <td>100.00</td> | ||
| 168 | <td>100.00</td> | ||
| 169 | <td>李四</td> | ||
| 170 | <td class="c-999">完成</td> | ||
| 171 | <td>2018-01-02 00:00:00</td> | ||
| 172 | <td>小明</td> | ||
| 173 | </tr> | ||
| 174 | </tbody> | 97 | </tbody> |
| 175 | </table> | 98 | </table> |
| 176 | <div class="paginate"> | 99 | |
| 177 | <div class="paginate_info">显示 1 到 1 ,共 1 条</div> | ||
| 178 | <div class="paginate_pagination"> | ||
| 179 | <a class="paginate_button">上一页</a> | ||
| 180 | <span> | ||
| 181 | <a class="paginate_button current">1</a> | ||
| 182 | </span> | ||
| 183 | <a class="paginate_button">下一页</a> | ||
| 184 | </div> | ||
| 185 | </div> | ||
| 186 | </div> | 100 | </div> |
| 187 | </div> | 101 | </div> |
| 188 | <?php $this->load->view('common/footer'); ?> | 102 | <?php $this->load->view('common/footer'); ?> |
| 103 | <script> | ||
| 104 | var table = $('#table').dataTable({ | ||
| 105 | aaSorting: [[1, "desc"]], | ||
| 106 | serverSide: true, | ||
| 107 | processing: true, | ||
| 108 | bSort: false, | ||
| 109 | searching: false,//是否显示搜索 | ||
| 110 | iDisplayLength: 6, | ||
| 111 | bLengthChange: false, | ||
| 112 | ajax: { | ||
| 113 | url: apiBaseUrl + '/order/getStatus5', | ||
| 114 | dataFilter: function (json) { | ||
| 115 | var ret = {}, json = jQuery.parseJSON(json); | ||
| 116 | ret.data = json.data || []; | ||
| 117 | var draw = getUrlParam('draw'); | ||
| 118 | if(draw) { | ||
| 119 | ret.draw = draw; | ||
| 120 | } | ||
| 121 | ret.recordsTotal = 0; | ||
| 122 | ret.recordsFiltered = 0; | ||
| 123 | if (json.page) { | ||
| 124 | ret.recordsTotal = parseInt(json.page.totalNumber); | ||
| 125 | ret.recordsFiltered = parseInt(json.page.totalNumber); | ||
| 126 | } | ||
| 127 | return JSON.stringify(ret); | ||
| 128 | }, | ||
| 129 | data: function (data) { | ||
| 130 | data.pageSize = data.length; | ||
| 131 | data.currentPage = parseFloat(data.start / data.length) + 1; | ||
| 132 | return data; | ||
| 133 | } | ||
| 134 | }, | ||
| 135 | columns: [ | ||
| 136 | { | ||
| 137 | // data: "id", | ||
| 138 | render:function (data, type, full) { | ||
| 139 | return '<input value="'+data+'" type="checkbox">'; | ||
| 140 | } | ||
| 141 | }, | ||
| 142 | { | ||
| 143 | data: "id", render: function (data, type, full) { | ||
| 144 | return '<span class="dropDown dropDown_hover">\ | ||
| 145 | <button class="btn radius size-M">请选择 <i class="Hui-iconfont"></i></button>\ | ||
| 146 | <ul class="dropDown-menu menu radius box-shadow">\ | ||
| 147 | <li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/1?tab=0\')">查看详细</a></li>\ | ||
| 148 | <li><a href="javascript:;" onclick="creatIframe(\'/work/check/1?tab=0\', \'审批订单\')">马上审批</a></li>\ | ||
| 149 | <li>\ | ||
| 150 | <a href="#">退回订单<i class="arrow Hui-iconfont"></i></a>\ | ||
| 151 | <ul class="menu">\ | ||
| 152 | <li><a href="#">退至【资料补录】阶段</a></li>\ | ||
| 153 | <li><a href="#">退至【审批-初审】阶段</a></li>\ | ||
| 154 | <li><a href="#">退至【审批-复审】阶段</a></li>\ | ||
| 155 | <li><a href="#">退至【审批-终审】阶段</a></li>\ | ||
| 156 | <li><a href="#">退至【尽调】阶段</a></li>\ | ||
| 157 | <li><a href="#">退至【客户确认】阶段</a></li>\ | ||
| 158 | <li><a href="#">退至【等待放款-移交】阶段</a></li>\ | ||
| 159 | </ul>\ | ||
| 160 | </li>\ | ||
| 161 | <li><a href="#">客户取消</a></li>\ | ||
| 162 | <li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/1?tab=2\')">处理记录</a></li>\ | ||
| 163 | </ul>\ | ||
| 164 | </span>'; | ||
| 165 | } | ||
| 166 | }, | ||
| 167 | {data: "orderNo"},//订单编号 | ||
| 168 | {data: "userName"},//申请人 | ||
| 169 | {data: "idCard"},//身份证 | ||
| 170 | {data: "phoneNumber"},//手机号 | ||
| 171 | {data: "createTime"},//进件时间 | ||
| 172 | {data: "departmentName"},//网点 | ||
| 173 | {data: "productName"},//产品名称 | ||
| 174 | {data: "applyMoney"},//申请金额 | ||
| 175 | {data: "agreeMoney"},//审批金额 | ||
| 176 | {data: "createUser"},//客户经理 | ||
| 177 | {data: "statusDesc"},//流程节点 | ||
| 178 | {data: "modifyTime"},//流转时间 | ||
| 179 | {data: "modifyUser"}//处理人 | ||
| 180 | ] | ||
| 181 | }); | ||
| 182 | |||
| 183 | $.fn.dataTableExt.afnFiltering.push( | ||
| 184 | function (oSettings, aData, iDataIndex) { | ||
| 185 | var min = document.getElementById('min').value; | ||
| 186 | var max = document.getElementById('max').value; | ||
| 187 | var iDateCol = 12; | ||
| 188 | |||
| 189 | var dateMin = new Date(aData[iDateCol]); | ||
| 190 | var dateMax = new Date(aData[iDateCol]); | ||
| 191 | |||
| 192 | if (min === '' && max === '') | ||
| 193 | return true; | ||
| 194 | else if (new Date(min).getTime() <= dateMin.getTime() && max === '') | ||
| 195 | return true; | ||
| 196 | else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime()) | ||
| 197 | return true; | ||
| 198 | return false; | ||
| 199 | } | ||
| 200 | ); | ||
| 201 | |||
| 202 | $('.table_search').on('change', function () { | ||
| 203 | search = $(this).val(); | ||
| 204 | column = $(this).attr('column'); | ||
| 205 | |||
| 206 | $('#table').DataTable().column(column).search(search).draw(); | ||
| 207 | }); | ||
| 208 | |||
| 209 | $('#min, #max').on('keyup', function () { | ||
| 210 | $('#table').DataTable().draw(); | ||
| 211 | }); | ||
| 212 | |||
| 213 | function resetHandler() { | ||
| 214 | $('#table').DataTable().columns().search("").draw(); | ||
| 215 | } | ||
| 216 | </script> | ||
| 189 | 217 | ||
| 190 | <script> | 218 | <script> |
| 191 | function pass(id) { | 219 | function pass(id) { | ... | ... |
| ... | @@ -72,7 +72,7 @@ | ... | @@ -72,7 +72,7 @@ |
| 72 | </form> | 72 | </form> |
| 73 | 73 | ||
| 74 | <div class="body mt-20"> | 74 | <div class="body mt-20"> |
| 75 | <table class="table table-border table-bordered table-bg"> | 75 | <table class="table table-border table-bordered table-bg" id="table"> |
| 76 | <thead class="text-c"> | 76 | <thead class="text-c"> |
| 77 | <tr> | 77 | <tr> |
| 78 | <th width="15px"><input type="checkbox"></th> | 78 | <th width="15px"><input type="checkbox"></th> |
| ... | @@ -93,99 +93,127 @@ | ... | @@ -93,99 +93,127 @@ |
| 93 | </tr> | 93 | </tr> |
| 94 | </thead> | 94 | </thead> |
| 95 | <tbody class="text-c"> | 95 | <tbody class="text-c"> |
| 96 | <tr> | 96 | |
| 97 | <td><input type="checkbox"></td> | ||
| 98 | <td> | ||
| 99 | <span class="dropDown dropDown_hover"> | ||
| 100 | <button class="btn radius size-M">请选择 <i class="Hui-iconfont"></i></button> | ||
| 101 | <ul class="dropDown-menu menu radius box-shadow"> | ||
| 102 | <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=0')">查看详细</a></li> | ||
| 103 | <li><a href="javascript:;" onclick="creatIframe('/work/check/11', '审批订单')">马上审批</a></li> | ||
| 104 | <li> | ||
| 105 | <a href="#">退回订单<i class="arrow Hui-iconfont"></i></a> | ||
| 106 | <ul class="menu"> | ||
| 107 | <li><a href="#">退至【资料补录】阶段</a></li> | ||
| 108 | <li><a href="#">退至【审批-初审】阶段</a></li> | ||
| 109 | <li><a href="#">退至【审批-复审】阶段</a></li> | ||
| 110 | <li><a href="#">退至【审批-终审】阶段</a></li> | ||
| 111 | <li><a href="#">退至【尽调】阶段</a></li> | ||
| 112 | <li><a href="#">退至【客户确认】阶段</a></li> | ||
| 113 | <li><a href="#">退至【等待放款-移交】阶段</a></li> | ||
| 114 | </ul> | ||
| 115 | </li> | ||
| 116 | <li><a href="#">客户取消</a></li> | ||
| 117 | <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=2')">处理记录</a></li> | ||
| 118 | </ul> | ||
| 119 | </span> | ||
| 120 | </td> | ||
| 121 | <td>1001</td> | ||
| 122 | <td>张三</td> | ||
| 123 | <td>333333333333333333</td> | ||
| 124 | <td>13333333333</td> | ||
| 125 | <td>2018-01-01 00:00:00</td> | ||
| 126 | <td>下沙网点</td> | ||
| 127 | <td>融易购</td> | ||
| 128 | <td>100.00</td> | ||
| 129 | <td>100.00</td> | ||
| 130 | <td>李四</td> | ||
| 131 | <td class="c-primary">预审</td> | ||
| 132 | <td>2018-01-02 00:00:00</td> | ||
| 133 | <td>小明</td> | ||
| 134 | </tr> | ||
| 135 | <tr> | ||
| 136 | <td><input type="checkbox"></td> | ||
| 137 | <td> | ||
| 138 | <span class="dropDown dropDown_hover"> | ||
| 139 | <button class="btn radius size-M">请选择 <i class="Hui-iconfont"></i></button> | ||
| 140 | <ul class="dropDown-menu menu radius box-shadow"> | ||
| 141 | <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=0')">查看详细</a></li> | ||
| 142 | <li><a href="javascript:;" onclick="layer_show('审批订单', '/work/check/11')">马上审批</a></li> | ||
| 143 | <li> | ||
| 144 | <a href="#">退回订单<i class="arrow Hui-iconfont"></i></a> | ||
| 145 | <ul class="menu"> | ||
| 146 | <li><a href="#">退至【资料补录】阶段</a></li> | ||
| 147 | <li><a href="#">退至【审批-初审】阶段</a></li> | ||
| 148 | <li><a href="#">退至【审批-复审】阶段</a></li> | ||
| 149 | <li><a href="#">退至【审批-终审】阶段</a></li> | ||
| 150 | <li><a href="#">退至【尽调】阶段</a></li> | ||
| 151 | <li><a href="#">退至【客户确认】阶段</a></li> | ||
| 152 | <li><a href="#">退至【等待放款-移交】阶段</a></li> | ||
| 153 | </ul> | ||
| 154 | </li> | ||
| 155 | <li><a href="#">客户取消</a></li> | ||
| 156 | <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=2')">处理记录</a></li> | ||
| 157 | </ul> | ||
| 158 | </span> | ||
| 159 | </td> | ||
| 160 | <td>1001</td> | ||
| 161 | <td>张三</td> | ||
| 162 | <td>333333333333333333</td> | ||
| 163 | <td>13333333333</td> | ||
| 164 | <td>2018-01-01 00:00:00</td> | ||
| 165 | <td>下沙网点</td> | ||
| 166 | <td>融易购</td> | ||
| 167 | <td>100.00</td> | ||
| 168 | <td>100.00</td> | ||
| 169 | <td>李四</td> | ||
| 170 | <td class="c-999">完成</td> | ||
| 171 | <td>2018-01-02 00:00:00</td> | ||
| 172 | <td>小明</td> | ||
| 173 | </tr> | ||
| 174 | </tbody> | 97 | </tbody> |
| 175 | </table> | 98 | </table> |
| 176 | <div class="paginate"> | 99 | |
| 177 | <div class="paginate_info">显示 1 到 1 ,共 1 条</div> | ||
| 178 | <div class="paginate_pagination"> | ||
| 179 | <a class="paginate_button">上一页</a> | ||
| 180 | <span> | ||
| 181 | <a class="paginate_button current">1</a> | ||
| 182 | </span> | ||
| 183 | <a class="paginate_button">下一页</a> | ||
| 184 | </div> | ||
| 185 | </div> | ||
| 186 | </div> | 100 | </div> |
| 187 | </div> | 101 | </div> |
| 188 | <?php $this->load->view('common/footer'); ?> | 102 | <?php $this->load->view('common/footer'); ?> |
| 103 | <script> | ||
| 104 | var table = $('#table').dataTable({ | ||
| 105 | aaSorting: [[1, "desc"]], | ||
| 106 | serverSide: true, | ||
| 107 | processing: true, | ||
| 108 | bSort: false, | ||
| 109 | searching: false,//是否显示搜索 | ||
| 110 | iDisplayLength: 6, | ||
| 111 | bLengthChange: false, | ||
| 112 | ajax: { | ||
| 113 | url: apiBaseUrl + '/order/getStatus6', | ||
| 114 | dataFilter: function (json) { | ||
| 115 | var ret = {}, json = jQuery.parseJSON(json); | ||
| 116 | ret.data = json.data || []; | ||
| 117 | var draw = getUrlParam('draw'); | ||
| 118 | if(draw) { | ||
| 119 | ret.draw = draw; | ||
| 120 | } | ||
| 121 | ret.recordsTotal = 0; | ||
| 122 | ret.recordsFiltered = 0; | ||
| 123 | if (json.page) { | ||
| 124 | ret.recordsTotal = parseInt(json.page.totalNumber); | ||
| 125 | ret.recordsFiltered = parseInt(json.page.totalNumber); | ||
| 126 | } | ||
| 127 | return JSON.stringify(ret); | ||
| 128 | }, | ||
| 129 | data: function (data) { | ||
| 130 | data.pageSize = data.length; | ||
| 131 | data.currentPage = parseFloat(data.start / data.length) + 1; | ||
| 132 | return data; | ||
| 133 | } | ||
| 134 | }, | ||
| 135 | columns: [ | ||
| 136 | { | ||
| 137 | // data: "id", | ||
| 138 | render:function (data, type, full) { | ||
| 139 | return '<input value="'+data+'" type="checkbox">'; | ||
| 140 | } | ||
| 141 | }, | ||
| 142 | { | ||
| 143 | data: "id", render: function (data, type, full) { | ||
| 144 | return '<span class="dropDown dropDown_hover">\ | ||
| 145 | <button class="btn radius size-M">请选择 <i class="Hui-iconfont"></i></button>\ | ||
| 146 | <ul class="dropDown-menu menu radius box-shadow">\ | ||
| 147 | <li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/1?tab=0\')">查看详细</a></li>\ | ||
| 148 | <li><a href="javascript:;" onclick="creatIframe(\'/work/check/1?tab=0\', \'审批订单\')">马上审批</a></li>\ | ||
| 149 | <li>\ | ||
| 150 | <a href="#">退回订单<i class="arrow Hui-iconfont"></i></a>\ | ||
| 151 | <ul class="menu">\ | ||
| 152 | <li><a href="#">退至【资料补录】阶段</a></li>\ | ||
| 153 | <li><a href="#">退至【审批-初审】阶段</a></li>\ | ||
| 154 | <li><a href="#">退至【审批-复审】阶段</a></li>\ | ||
| 155 | <li><a href="#">退至【审批-终审】阶段</a></li>\ | ||
| 156 | <li><a href="#">退至【尽调】阶段</a></li>\ | ||
| 157 | <li><a href="#">退至【客户确认】阶段</a></li>\ | ||
| 158 | <li><a href="#">退至【等待放款-移交】阶段</a></li>\ | ||
| 159 | </ul>\ | ||
| 160 | </li>\ | ||
| 161 | <li><a href="#">客户取消</a></li>\ | ||
| 162 | <li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/1?tab=2\')">处理记录</a></li>\ | ||
| 163 | </ul>\ | ||
| 164 | </span>'; | ||
| 165 | } | ||
| 166 | }, | ||
| 167 | {data: "orderNo"},//订单编号 | ||
| 168 | {data: "userName"},//申请人 | ||
| 169 | {data: "idCard"},//身份证 | ||
| 170 | {data: "phoneNumber"},//手机号 | ||
| 171 | {data: "createTime"},//进件时间 | ||
| 172 | {data: "departmentName"},//网点 | ||
| 173 | {data: "productName"},//产品名称 | ||
| 174 | {data: "applyMoney"},//申请金额 | ||
| 175 | {data: "agreeMoney"},//审批金额 | ||
| 176 | {data: "createUser"},//客户经理 | ||
| 177 | {data: "statusDesc"},//流程节点 | ||
| 178 | {data: "modifyTime"},//流转时间 | ||
| 179 | {data: "modifyUser"}//处理人 | ||
| 180 | ] | ||
| 181 | }); | ||
| 182 | |||
| 183 | $.fn.dataTableExt.afnFiltering.push( | ||
| 184 | function (oSettings, aData, iDataIndex) { | ||
| 185 | var min = document.getElementById('min').value; | ||
| 186 | var max = document.getElementById('max').value; | ||
| 187 | var iDateCol = 12; | ||
| 188 | |||
| 189 | var dateMin = new Date(aData[iDateCol]); | ||
| 190 | var dateMax = new Date(aData[iDateCol]); | ||
| 191 | |||
| 192 | if (min === '' && max === '') | ||
| 193 | return true; | ||
| 194 | else if (new Date(min).getTime() <= dateMin.getTime() && max === '') | ||
| 195 | return true; | ||
| 196 | else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime()) | ||
| 197 | return true; | ||
| 198 | return false; | ||
| 199 | } | ||
| 200 | ); | ||
| 201 | |||
| 202 | $('.table_search').on('change', function () { | ||
| 203 | search = $(this).val(); | ||
| 204 | column = $(this).attr('column'); | ||
| 205 | |||
| 206 | $('#table').DataTable().column(column).search(search).draw(); | ||
| 207 | }); | ||
| 208 | |||
| 209 | $('#min, #max').on('keyup', function () { | ||
| 210 | $('#table').DataTable().draw(); | ||
| 211 | }); | ||
| 212 | |||
| 213 | function resetHandler() { | ||
| 214 | $('#table').DataTable().columns().search("").draw(); | ||
| 215 | } | ||
| 216 | </script> | ||
| 189 | 217 | ||
| 190 | <script> | 218 | <script> |
| 191 | function pass(id) { | 219 | function pass(id) { | ... | ... |
-
Please register or sign in to post a comment