init

@@ -67,7 +67,7 @@
         </form>
         </form>
 
 
         <div class="body mt-20">
         <div class="body mt-20">
-            <table class="table table-border table-bordered table-bg">
+            <table class="table table-border table-bordered table-bg" id="table">
                 <thead class="text-c">
                 <thead class="text-c">
                     <tr>
                     <tr>
                         <th width="15px"><input type="checkbox"></th>
                         <th width="15px"><input type="checkbox"></th>
@@ -88,48 +88,112 @@
                     </tr>
                     </tr>
                 </thead>
                 </thead>
                 <tbody class="text-c">
                 <tbody class="text-c">
-                    <tr>
-                        <td><input type="checkbox"></td>
-                        <td>
-                            <span class="dropDown dropDown_hover">
-                                <button class="btn radius size-M">请选择 <i class="Hui-iconfont">&#xe6d5;</i></button>
-                                <ul class="dropDown-menu menu radius box-shadow">
-                                    <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=0')">查看详细</a></li>
-                                    <li><a href="javascript:;" onclick="creatIframe('/work/verify', '客户确认')">客户确认</a></li>
-                                    <li><a href="#">客户取消</a></li>
-                                    <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=2')">处理记录</a></li>
-                                </ul>
-                            </span>
-                        </td>
-                        <td>1001</td>
-                        <td>张三</td>
-                        <td>333333333333333333</td>
-                        <td>13333333333</td>
-                        <td>2018-01-01 00:00:00</td>
-                        <td>下沙网点</td>
-                        <td>融易购</td>
-                        <td>100.00</td>
-                        <td>100.00</td>
-                        <td>李四</td>
-                        <td class="c-primary">预审</td>
-                        <td>2018-01-02 00:00:00</td>
-                        <td>小明</td>
-                    </tr>
+
                 </tbody>
                 </tbody>
             </table>
             </table>
-            <div class="paginate">
-                <div class="paginate_info">显示 1 到 1 ，共 1 条</div>
-                <div class="paginate_pagination">
-                    <a class="paginate_button">上一页</a>
-                    <span>
-                        <a class="paginate_button current">1</a>
-                    </span>
-                    <a class="paginate_button">下一页</a>
-                </div>
-            </div>
         </div>
         </div>
     </div>
     </div>
     <?php $this->load->view('common/footer'); ?>
     <?php $this->load->view('common/footer'); ?>
+    <script>
+        var table = $('#table').dataTable({
+            aaSorting: [[1, "desc"]],
+            serverSide: true,
+            processing: true,
+            bSort: false,
+            searching: false,//是否显示搜索
+            iDisplayLength: 6,
+            bLengthChange: false,
+            ajax: {
+                url: apiBaseUrl + '/order/getStatus8',
+                dataFilter: function (json) {
+                    var ret = {}, json = jQuery.parseJSON(json);
+                    ret.data = json.data;
+                    var draw = getUrlParam('draw');
+                    if(draw) {
+                        ret.draw = draw;
+                    }
+                    // ret.draw = parseInt(json.page.currentPage);
+                    ret.recordsTotal = 0;
+                    ret.recordsFiltered = 0;
+                    if (json.page) {
+                        ret.recordsTotal = parseInt(json.page.totalNumber);
+                        ret.recordsFiltered = parseInt(json.page.totalNumber);
+                    }
+                    return JSON.stringify(ret);
+                },
+                data: function (data) {
+                    data.pageSize = data.length;
+                    data.currentPage = parseFloat(data.start / data.length) + 1;
+                    return data;
+                }
+            },
+            columns: [
+                {
+                    // data: "id",
+                    render:function (data, type, full) {
+                        return '<input value="'+data+'" type="checkbox">';
+                    }
+                },
+                {
+                    data: "id", render: function (data, type, full) {
+                        return '<span class="dropDown dropDown_hover">\
+                        <button class="btn radius size-M">请选择 <i class="Hui-iconfont">&#xe6d5;</i></button>\
+                        <ul class="dropDown-menu menu radius box-shadow"><li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/' + data + '?tab=0\')">查看详细</a></li>\
+                            <li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/' + data + '?tab=2\')">处理记录</a></li>\
+                            <li><a href="#">客户取消</a></li>\
+                        </ul></span>';
+                    }
+                },
+                {data: "orderId"},//订单编号
+                {data: "createUser"},//申请人
+                {data: "idCard"},//身份证
+                {data: "phoneNumber"},//手机号
+                {data: "createTime"},//进件时间
+                {data: "createTime"},//网点
+                {data: "createTime"},//产品名称
+                {data: "createTime"},//申请金额
+                {data: "createTime"},//审批金额
+                {data: "createTime"},//客户经理
+                {data: "createTime"},//流程节点
+                {data: "createTime"},//流转时间
+                {data: "createTime"}//处理人
+            ]
+        });
+
+        $.fn.dataTableExt.afnFiltering.push(
+            function (oSettings, aData, iDataIndex) {
+                var min = document.getElementById('min').value;
+                var max = document.getElementById('max').value;
+                var iDateCol = 12;
+
+                var dateMin = new Date(aData[iDateCol]);
+                var dateMax = new Date(aData[iDateCol]);
+
+                if (min === '' && max === '')
+                    return true;
+                else if (new Date(min).getTime() <= dateMin.getTime() && max === '')
+                    return true;
+                else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime())
+                    return true;
+                return false;
+            }
+        );
+
+        $('.table_search').on('change', function () {
+            search = $(this).val();
+            column = $(this).attr('column');
+
+            $('#table').DataTable().column(column).search(search).draw();
+        });
+
+        $('#min, #max').on('keyup', function () {
+            $('#table').DataTable().draw();
+        });
+
+        function resetHandler() {
+            $('#table').DataTable().columns().search("").draw();
+        }
+    </script>
 
 
     <script>
     <script>
         function pass(id) {
         function pass(id) {