init
Showing
1 changed file
with
141 additions
and
138 deletions
| 1 | <?php $this->load->view('common/header'); ?> | 1 | <?php $this->load->view('common/header'); ?> |
| 2 | 2 | ||
| 3 | <body> | 3 | <body> |
| 4 | <div class="page-container"> | 4 | <div class="page-container"> |
| 5 | <form class="search"> | 5 | <form class="search"> |
| 6 | <div class="date mb-20"> | 6 | <div class="date mb-20"> |
| 7 | <input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}' })" id="logmin" class="input-text Wdate"> - | 7 | <input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}' })" id="logmin" |
| 8 | <input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d' })" id="logmax" class="input-text Wdate"> | 8 | class="input-text Wdate"> - |
| 9 | </div> | 9 | <input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d' })" |
| 10 | <div class="row cl mb-20"> | 10 | id="logmax" class="input-text Wdate"> |
| 11 | <div class="col-xs-2"> | 11 | </div> |
| 12 | <div class="row cl mb-20"> | ||
| 13 | <div class="col-xs-2"> | ||
| 12 | <span class="select-box"> | 14 | <span class="select-box"> |
| 13 | <select class="select" size="1"> | 15 | <select class="select" size="1"> |
| 14 | <option value="" selected>网点</option> | 16 | <option value="" selected>网点</option> |
| ... | @@ -17,8 +19,8 @@ | ... | @@ -17,8 +19,8 @@ |
| 17 | <option value="3">菜单三</option> | 19 | <option value="3">菜单三</option> |
| 18 | </select> | 20 | </select> |
| 19 | </span> | 21 | </span> |
| 20 | </div> | 22 | </div> |
| 21 | <div class="col-xs-2"> | 23 | <div class="col-xs-2"> |
| 22 | <span class="select-box"> | 24 | <span class="select-box"> |
| 23 | <select class="select" size="1"> | 25 | <select class="select" size="1"> |
| 24 | <option value="" selected>产品名称</option> | 26 | <option value="" selected>产品名称</option> |
| ... | @@ -27,8 +29,8 @@ | ... | @@ -27,8 +29,8 @@ |
| 27 | <option value="3">菜单三</option> | 29 | <option value="3">菜单三</option> |
| 28 | </select> | 30 | </select> |
| 29 | </span> | 31 | </span> |
| 30 | </div> | 32 | </div> |
| 31 | <div class="col-xs-2"> | 33 | <div class="col-xs-2"> |
| 32 | <span class="select-box"> | 34 | <span class="select-box"> |
| 33 | <select class="select" size="1"> | 35 | <select class="select" size="1"> |
| 34 | <option value="" selected>客户经理</option> | 36 | <option value="" selected>客户经理</option> |
| ... | @@ -37,8 +39,8 @@ | ... | @@ -37,8 +39,8 @@ |
| 37 | <option value="3">菜单三</option> | 39 | <option value="3">菜单三</option> |
| 38 | </select> | 40 | </select> |
| 39 | </span> | 41 | </span> |
| 40 | </div> | 42 | </div> |
| 41 | <div class="col-xs-2"> | 43 | <div class="col-xs-2"> |
| 42 | <span class="select-box"> | 44 | <span class="select-box"> |
| 43 | <select class="select" size="1"> | 45 | <select class="select" size="1"> |
| 44 | <option value="" selected>流程节点</option> | 46 | <option value="" selected>流程节点</option> |
| ... | @@ -47,8 +49,8 @@ | ... | @@ -47,8 +49,8 @@ |
| 47 | <option value="3">菜单三</option> | 49 | <option value="3">菜单三</option> |
| 48 | </select> | 50 | </select> |
| 49 | </span> | 51 | </span> |
| 50 | </div> | 52 | </div> |
| 51 | <div class="col-xs-2"> | 53 | <div class="col-xs-2"> |
| 52 | <span class="select-box"> | 54 | <span class="select-box"> |
| 53 | <select class="select" size="1"> | 55 | <select class="select" size="1"> |
| 54 | <option value="" selected>处理人</option> | 56 | <option value="" selected>处理人</option> |
| ... | @@ -57,147 +59,148 @@ | ... | @@ -57,147 +59,148 @@ |
| 57 | <option value="3">菜单三</option> | 59 | <option value="3">菜单三</option> |
| 58 | </select> | 60 | </select> |
| 59 | </span> | 61 | </span> |
| 60 | </div> | ||
| 61 | </div> | 62 | </div> |
| 62 | <div> | 63 | </div> |
| 63 | <input class="btn btn-primary radius" type="submit" value="提交搜索"> | 64 | <div> |
| 64 | <input class="btn btn-warning radius" type="reset" value="重置搜索"> | 65 | <input class="btn btn-primary radius" type="submit" value="提交搜索"> |
| 65 | </div> | 66 | <input class="btn btn-warning radius" type="reset" value="重置搜索"> |
| 66 | </form> | 67 | </div> |
| 68 | </form> | ||
| 67 | 69 | ||
| 68 | <div class="body mt-20"> | 70 | <div class="body mt-20"> |
| 69 | <table class="table table-border table-bordered table-bg" id="table"> | 71 | <table class="table table-border table-bordered table-bg" id="table"> |
| 70 | <thead class="text-c"> | 72 | <thead class="text-c"> |
| 71 | <tr> | 73 | <tr> |
| 72 | <th width="68px">操作</th> | 74 | <th width="68px">操作</th> |
| 73 | <th>订单编号</th> | 75 | <th>订单编号</th> |
| 74 | <th>申请人</th> | 76 | <th>申请人</th> |
| 75 | <th>身份证</th> | 77 | <th>身份证</th> |
| 76 | <th>手机号</th> | 78 | <th>手机号</th> |
| 77 | <th>进件时间</th> | 79 | <th>进件时间</th> |
| 78 | <th>网点</th> | 80 | <th>网点</th> |
| 79 | <th>产品名称</th> | 81 | <th>产品名称</th> |
| 80 | <th>申请金额</th> | 82 | <th>申请金额</th> |
| 81 | <th>审批金额</th> | 83 | <th>审批金额</th> |
| 82 | <th>客户经理</th> | 84 | <th>客户经理</th> |
| 83 | <th>流程节点</th> | 85 | <th>流程节点</th> |
| 84 | <th>流转时间</th> | 86 | <th>流转时间</th> |
| 85 | <th>处理人</th> | 87 | <th>处理人</th> |
| 86 | </tr> | 88 | </tr> |
| 87 | </thead> | 89 | </thead> |
| 88 | <tbody class="text-c"> | 90 | <tbody class="text-c"> |
| 89 | 91 | ||
| 90 | </tbody> | 92 | </tbody> |
| 91 | </table> | 93 | </table> |
| 92 | 94 | ||
| 93 | </div> | ||
| 94 | </div> | 95 | </div> |
| 95 | <?php $this->load->view('common/footer'); ?> | 96 | </div> |
| 96 | <script> | 97 | <?php $this->load->view('common/footer'); ?> |
| 97 | var table = $('#table').dataTable({ | 98 | <script> |
| 98 | aaSorting: [[1, "desc"]], | 99 | var table = $('#table').dataTable({ |
| 99 | serverSide: true, | 100 | aaSorting: [[1, "desc"]], |
| 100 | processing: true, | 101 | serverSide: true, |
| 101 | bSort: false, | 102 | processing: true, |
| 102 | searching: false,//是否显示搜索 | 103 | bSort: false, |
| 103 | iDisplayLength: 6, | 104 | searching: false,//是否显示搜索 |
| 104 | bLengthChange: false, | 105 | iDisplayLength: 6, |
| 105 | ajax: { | 106 | bLengthChange: false, |
| 106 | url: apiBaseUrl + '/order/getStatus2', | 107 | ajax: { |
| 107 | dataFilter: function (json) { | 108 | url: apiBaseUrl + '/order/getStatus2', |
| 108 | var ret = {}, json = jQuery.parseJSON(json); | 109 | dataFilter: function (json) { |
| 109 | ret.data = json.data || []; | 110 | var ret = {}, json = jQuery.parseJSON(json); |
| 110 | var draw = getUrlParam('draw'); | 111 | ret.data = json.data || []; |
| 111 | if(draw) { | 112 | var draw = getUrlParam('draw'); |
| 112 | ret.draw = draw; | 113 | if (draw) { |
| 113 | } | 114 | ret.draw = draw; |
| 114 | ret.recordsTotal = 0; | 115 | } |
| 115 | ret.recordsFiltered = 0; | 116 | ret.recordsTotal = 0; |
| 116 | if (json.page) { | 117 | ret.recordsFiltered = 0; |
| 117 | ret.recordsTotal = parseInt(json.page.totalNumber); | 118 | if (json.page) { |
| 118 | ret.recordsFiltered = parseInt(json.page.totalNumber); | 119 | ret.recordsTotal = parseInt(json.page.totalNumber); |
| 119 | } | 120 | 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 | } | 121 | } |
| 122 | return JSON.stringify(ret); | ||
| 127 | }, | 123 | }, |
| 128 | columns: [ | 124 | data: function (data) { |
| 129 | { | 125 | data.pageSize = data.length; |
| 130 | data: "id", render: function (data, type, full) { | 126 | data.currentPage = parseFloat(data.start / data.length) + 1; |
| 131 | return '<span class="dropDown dropDown_hover">\ | 127 | return data; |
| 128 | } | ||
| 129 | }, | ||
| 130 | columns: [ | ||
| 131 | { | ||
| 132 | data: "id", render: function (data, type, full) { | ||
| 133 | var url = "<?=site_url('/work/record')?>"; | ||
| 134 | return '<span class="dropDown dropDown_hover">\ | ||
| 132 | <button class="btn radius size-M">请选择 <i class="Hui-iconfont"></i></button>\ | 135 | <button class="btn radius size-M">请选择 <i class="Hui-iconfont"></i></button>\ |
| 133 | <ul class="dropDown-menu menu radius box-shadow">\ | 136 | <ul class="dropDown-menu menu radius box-shadow">\ |
| 134 | <li><a href="javascript:;" onclick="layer_show(\'资料补录\', \'/work/record\')"">资料补录</a></li>\ | 137 | <li><a href="javascript:;" onclick="layer_show(' + url + ')"">资料补录</a></li>\ |
| 135 | <li><a href="javascript:cancel(1);">客户取消</a></li>\ | 138 | <li><a href="javascript:cancel(1);">客户取消</a></li>\ |
| 136 | </ul>\ | 139 | </ul>\ |
| 137 | </span>'; | 140 | </span>'; |
| 138 | } | 141 | } |
| 139 | }, | 142 | }, |
| 140 | {data: "orderNo"},//订单编号 | 143 | {data: "orderNo"},//订单编号 |
| 141 | {data: "userName"},//申请人 | 144 | {data: "userName"},//申请人 |
| 142 | {data: "idCard"},//身份证 | 145 | {data: "idCard"},//身份证 |
| 143 | {data: "phoneNumber"},//手机号 | 146 | {data: "phoneNumber"},//手机号 |
| 144 | {data: "createTime"},//进件时间 | 147 | {data: "createTime"},//进件时间 |
| 145 | {data: "departmentName"},//网点 | 148 | {data: "departmentName"},//网点 |
| 146 | {data: "productName"},//产品名称 | 149 | {data: "productName"},//产品名称 |
| 147 | {data: "applyMoney"},//申请金额 | 150 | {data: "applyMoney"},//申请金额 |
| 148 | {data: "agreeMoney"},//审批金额 | 151 | {data: "agreeMoney"},//审批金额 |
| 149 | {data: "createUser"},//客户经理 | 152 | {data: "createUser"},//客户经理 |
| 150 | {data: "statusDesc"},//流程节点 | 153 | {data: "statusDesc"},//流程节点 |
| 151 | {data: "modifyTime"},//流转时间 | 154 | {data: "modifyTime"},//流转时间 |
| 152 | {data: "modifyUser"}//处理人 | 155 | {data: "modifyUser"}//处理人 |
| 153 | ] | 156 | ] |
| 154 | }); | 157 | }); |
| 155 | 158 | ||
| 156 | $.fn.dataTableExt.afnFiltering.push( | 159 | $.fn.dataTableExt.afnFiltering.push( |
| 157 | function (oSettings, aData, iDataIndex) { | 160 | function (oSettings, aData, iDataIndex) { |
| 158 | var min = document.getElementById('min').value; | 161 | var min = document.getElementById('min').value; |
| 159 | var max = document.getElementById('max').value; | 162 | var max = document.getElementById('max').value; |
| 160 | var iDateCol = 12; | 163 | var iDateCol = 12; |
| 161 | 164 | ||
| 162 | var dateMin = new Date(aData[iDateCol]); | 165 | var dateMin = new Date(aData[iDateCol]); |
| 163 | var dateMax = new Date(aData[iDateCol]); | 166 | var dateMax = new Date(aData[iDateCol]); |
| 164 | 167 | ||
| 165 | if (min === '' && max === '') | 168 | if (min === '' && max === '') |
| 166 | return true; | 169 | return true; |
| 167 | else if (new Date(min).getTime() <= dateMin.getTime() && max === '') | 170 | else if (new Date(min).getTime() <= dateMin.getTime() && max === '') |
| 168 | return true; | 171 | return true; |
| 169 | else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime()) | 172 | else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime()) |
| 170 | return true; | 173 | return true; |
| 171 | return false; | 174 | return false; |
| 172 | } | 175 | } |
| 173 | ); | 176 | ); |
| 174 | 177 | ||
| 175 | $('.table_search').on('change', function () { | 178 | $('.table_search').on('change', function () { |
| 176 | search = $(this).val(); | 179 | search = $(this).val(); |
| 177 | column = $(this).attr('column'); | 180 | column = $(this).attr('column'); |
| 178 | 181 | ||
| 179 | $('#table').DataTable().column(column).search(search).draw(); | 182 | $('#table').DataTable().column(column).search(search).draw(); |
| 180 | }); | 183 | }); |
| 181 | 184 | ||
| 182 | $('#min, #max').on('keyup', function () { | 185 | $('#min, #max').on('keyup', function () { |
| 183 | $('#table').DataTable().draw(); | 186 | $('#table').DataTable().draw(); |
| 184 | }); | 187 | }); |
| 185 | 188 | ||
| 186 | function resetHandler() { | 189 | function resetHandler() { |
| 187 | $('#table').DataTable().columns().search("").draw(); | 190 | $('#table').DataTable().columns().search("").draw(); |
| 188 | } | 191 | } |
| 189 | </script> | 192 | </script> |
| 190 | 193 | ||
| 191 | <script> | 194 | <script> |
| 192 | function cancel(id) { | 195 | function cancel(id) { |
| 193 | layer.confirm('取消之后, 将立即进入【已取消】列表', { | 196 | layer.confirm('取消之后, 将立即进入【已取消】列表', { |
| 194 | btn: ['确认','取消'], | 197 | btn: ['确认', '取消'], |
| 195 | title: '客户取消', | 198 | title: '客户取消', |
| 196 | icon: 2 | 199 | icon: 2 |
| 197 | }, function(){ | 200 | }, function () { |
| 198 | layer.msg('取消'); | 201 | layer.msg('取消'); |
| 199 | }); | 202 | }); |
| 200 | } | 203 | } |
| 201 | </script> | 204 | </script> |
| 202 | </body> | 205 | </body> |
| 203 | <html> | 206 | <html> | ... | ... |
-
Please register or sign in to post a comment