init

@@ -66,7 +66,7 @@
         </form>
 
         <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">
                     <tr>
                         <th width="15px"><input type="checkbox"></th>
@@ -87,7 +87,7 @@
                     </tr>
                 </thead>
                 <tbody class="text-c">
-                    <tr>
+                    <!--<tr>
                         <td><input type="checkbox"></td>
                         <td>
                             <span class="dropDown dropDown_hover">
@@ -113,23 +113,115 @@
                         <td class="c-primary">预审</td>
                         <td>2018-01-02 00:00:00</td>
                         <td>小明</td>
-                    </tr>
+                    </tr>-->
                 </tbody>
             </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>
     <?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.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/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>';
+                    }
+                },
+                {data: "orderNo"},//订单编号
+                {data: "userName"},//申请人
+                {data: "idCard"},//身份证
+                {data: "phoneNumber"},//手机号
+                {data: "createTime"},//进件时间
+                {data: "departmentName"},//网点
+                {data: "productName"},//产品名称
+                {data: "applyMoney"},//申请金额
+                {data: "agreeMoney"},//审批金额
+                {data: "createUser"},//客户经理
+                {data: "statusDesc"},//流程节点
+                {data: "modifyTime"},//流转时间
+                {data: "modifyUser"}//处理人
+            ]
+        });
+
+        $.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>
         function pass(id) {
             layer.confirm('通过之后, 将立即进入审批阶段', {