搜索重构
Showing
3 changed files
with
59 additions
and
76 deletions
| ... | @@ -72,4 +72,55 @@ | ... | @@ -72,4 +72,55 @@ |
| 72 | function msg(msg) { | 72 | function msg(msg) { |
| 73 | layer.msg(msg); | 73 | layer.msg(msg); |
| 74 | } | 74 | } |
| 75 | |||
| 76 | $.extend( true, $.fn.dataTable.defaults, { | ||
| 77 | sDom: '<"top">rt<"bottom"ip><"clear">', | ||
| 78 | aaSorting: [[1, "desc"]], | ||
| 79 | serverSide: true, | ||
| 80 | processing: true, | ||
| 81 | bSort: false, | ||
| 82 | iDisplayLength: 6, | ||
| 83 | bLengthChange: false, | ||
| 84 | ajax: { | ||
| 85 | url: apiBaseUrl + $('#table').attr('url'), | ||
| 86 | dataFilter: function (json) { | ||
| 87 | var ret = {}, json = jQuery.parseJSON(json); | ||
| 88 | ret.data = json.data || []; | ||
| 89 | var draw = getUrlParam('draw'); | ||
| 90 | if(draw) { | ||
| 91 | ret.draw = draw; | ||
| 92 | } | ||
| 93 | ret.recordsTotal = 0; | ||
| 94 | ret.recordsFiltered = 0; | ||
| 95 | if (json.page) { | ||
| 96 | ret.recordsTotal = parseInt(json.page.totalNumber); | ||
| 97 | ret.recordsFiltered = parseInt(json.page.totalNumber); | ||
| 98 | } | ||
| 99 | return JSON.stringify(ret); | ||
| 100 | }, | ||
| 101 | data: function (data) { | ||
| 102 | data.startTime = $('#min').val(); | ||
| 103 | data.endTime = $('#max').val(); | ||
| 104 | |||
| 105 | data.pageSize = data.length; | ||
| 106 | data.currentPage = parseFloat(data.start / data.length) + 1; | ||
| 107 | return data; | ||
| 108 | } | ||
| 109 | }, | ||
| 110 | }); | ||
| 111 | |||
| 112 | $('.table_search').on('change', function () { | ||
| 113 | search = $(this).val(); | ||
| 114 | column = $(this).attr('column'); | ||
| 115 | |||
| 116 | $('#table').DataTable().column(column).search(search).draw(); | ||
| 117 | }); | ||
| 118 | |||
| 119 | $('#min, #max').on('keyup', function () { | ||
| 120 | $('#table').DataTable().draw(); | ||
| 121 | }); | ||
| 122 | |||
| 123 | function resetHandler() { | ||
| 124 | $('#table').DataTable().columns().search("").draw(); | ||
| 125 | } | ||
| 75 | </script> | 126 | </script> | ... | ... |
| ... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
| 11 | </form> | 11 | </form> |
| 12 | 12 | ||
| 13 | <div class="body mt-20"> | 13 | <div class="body mt-20"> |
| 14 | <table class="table table-border table-bordered table-bg" id="table"> | 14 | <table class="table table-border table-bordered table-bg" id="table" url="/order/into/getAllApplyOrder"> |
| 15 | <thead class="text-c"> | 15 | <thead class="text-c"> |
| 16 | <tr> | 16 | <tr> |
| 17 | <th width="68px">操作</th> | 17 | <th width="68px">操作</th> |
| ... | @@ -43,36 +43,6 @@ | ... | @@ -43,36 +43,6 @@ |
| 43 | 43 | ||
| 44 | <script> | 44 | <script> |
| 45 | var table = $('#table').dataTable({ | 45 | var table = $('#table').dataTable({ |
| 46 | aaSorting: [[1, "desc"]], | ||
| 47 | serverSide: true, | ||
| 48 | processing: true, | ||
| 49 | bSort: false, | ||
| 50 | searching: false,//是否显示搜索 | ||
| 51 | iDisplayLength: 6, | ||
| 52 | bLengthChange: false, | ||
| 53 | ajax: { | ||
| 54 | url: apiBaseUrl + '/order/into/getAllApplyOrder', | ||
| 55 | dataFilter: function (json) { | ||
| 56 | var ret = {}, json = jQuery.parseJSON(json); | ||
| 57 | ret.data = json.data || []; | ||
| 58 | var draw = getUrlParam('draw'); | ||
| 59 | if(draw) { | ||
| 60 | ret.draw = draw; | ||
| 61 | } | ||
| 62 | ret.recordsTotal = 0; | ||
| 63 | ret.recordsFiltered = 0; | ||
| 64 | if (json.page) { | ||
| 65 | ret.recordsTotal = parseInt(json.page.totalNumber); | ||
| 66 | ret.recordsFiltered = parseInt(json.page.totalNumber); | ||
| 67 | } | ||
| 68 | return JSON.stringify(ret); | ||
| 69 | }, | ||
| 70 | data: function (data) { | ||
| 71 | data.pageSize = data.length; | ||
| 72 | data.currentPage = parseFloat(data.start / data.length) + 1; | ||
| 73 | return data; | ||
| 74 | } | ||
| 75 | }, | ||
| 76 | columns: [ | 46 | columns: [ |
| 77 | { | 47 | { |
| 78 | data: "id", render: function (data, type, full) { | 48 | data: "id", render: function (data, type, full) { |
| ... | @@ -89,50 +59,16 @@ | ... | @@ -89,50 +59,16 @@ |
| 89 | {data: "idCard"},//身份证 | 59 | {data: "idCard"},//身份证 |
| 90 | {data: "phoneNumber"},//手机号 | 60 | {data: "phoneNumber"},//手机号 |
| 91 | {data: "createTime"},//进件时间 | 61 | {data: "createTime"},//进件时间 |
| 92 | {data: "departmentName"},//网点 | 62 | {name: "departmentId", data: "departmentName"},//网点 |
| 93 | {data: "productName"},//产品名称 | 63 | {name: "productId", data: "productName"},//产品名称 |
| 94 | {data: "applyMoney"},//申请金额 | 64 | {data: "applyMoney"},//申请金额 |
| 95 | {data: "agreeMoney"},//审批金额 | 65 | {data: "agreeMoney"},//审批金额 |
| 96 | {data: "createUser"},//客户经理 | 66 | {name: "createUser", data: "createUserName"},//客户经理 |
| 97 | {data: "statusDesc"},//流程节点 | 67 | {name: "status", data: "statusDesc"},//流程节点 |
| 98 | {data: "modifyTime"},//流转时间 | 68 | {data: "modifyTime"},//流转时间 |
| 99 | {data: "modifyUser"}//处理人 | 69 | {name: "modifyUser", data: "modifyUserName"}, //处理人 |
| 100 | ] | 70 | ] |
| 101 | }); | 71 | }); |
| 102 | |||
| 103 | $.fn.dataTableExt.afnFiltering.push( | ||
| 104 | function (oSettings, aData, iDataIndex) { | ||
| 105 | var min = document.getElementById('min').value; | ||
| 106 | var max = document.getElementById('max').value; | ||
| 107 | var iDateCol = 12; | ||
| 108 | |||
| 109 | var dateMin = new Date(aData[iDateCol]); | ||
| 110 | var dateMax = new Date(aData[iDateCol]); | ||
| 111 | |||
| 112 | if (min === '' && max === '') | ||
| 113 | return true; | ||
| 114 | else if (new Date(min).getTime() <= dateMin.getTime() && max === '') | ||
| 115 | return true; | ||
| 116 | else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime()) | ||
| 117 | return true; | ||
| 118 | return false; | ||
| 119 | } | ||
| 120 | ); | ||
| 121 | |||
| 122 | $('.table_search').on('change', function () { | ||
| 123 | search = $(this).val(); | ||
| 124 | column = $(this).attr('column'); | ||
| 125 | |||
| 126 | $('#table').DataTable().column(column).search(search).draw(); | ||
| 127 | }); | ||
| 128 | |||
| 129 | $('#min, #max').on('keyup', function () { | ||
| 130 | $('#table').DataTable().draw(); | ||
| 131 | }); | ||
| 132 | |||
| 133 | function resetHandler() { | ||
| 134 | $('#table').DataTable().columns().search("").draw(); | ||
| 135 | } | ||
| 136 | </script> | 72 | </script> |
| 137 | </body> | 73 | </body> |
| 138 | <html> | 74 | <html> | ... | ... |
| 1 | <div class="date mb-20"> | 1 | <div class="date mb-20"> |
| 2 | <input type="text" | 2 | <input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'max\')||\'%y-%M-%d\'}',onpicked:function(){$('#table').DataTable().draw()} })" id="min" class="input-text Wdate"> - |
| 3 | onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'max\')||\'%y-%M-%d\'}',onpicked:function(){$('#table').DataTable().draw()} })" | 3 | <input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'min\')}',maxDate:'%y-%M-%d',onpicked:function(){$('#table').DataTable().draw()} })" id="max" class="input-text Wdate"> |
| 4 | id="min" class="input-text Wdate"> - | ||
| 5 | <input type="text" | ||
| 6 | onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'min\')}',maxDate:'%y-%M-%d',onpicked:function(){$('#table').DataTable().draw()} })" | ||
| 7 | id="max" class="input-text Wdate"> | ||
| 8 | </div> | 4 | </div> |
| 9 | <div class="row cl mb-20"> | 5 | <div class="row cl mb-20"> |
| 10 | <div class="col-xs-2"> | 6 | <div class="col-xs-2"> | ... | ... |
-
Please register or sign in to post a comment