makeLoan.php 7.28 KB
<?php $this->load->view('common/header'); ?>

<body>
    <div class="page-container">
        <form class="" onreset="resetHandler()">
            <div class="date mb-20">
                <input type="text"
                       onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'max\')||\'%y-%M-%d\'}',onpicked:function(){$('#table').DataTable().draw()} })"
                       id="min" class="input-text Wdate"> -
                <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">
            </div>
            <div class="row cl mb-20">
                <div class="col-xs-2">
                    <span class="select-box">
                        <select class="select table_search" size="1">
                            <option value="" selected>还款状态</option>
                            <option value="1"></option>
                        </select>
                    </span>
                </div>
                <div class="col-xs-2">
                    <span class="select-box">
                        <select class="select table_search" size="1" column="6">
                            <option value="" selected>网点</option>
                            <option value="1">菜单一</option>
                            <option value="2">菜单二</option>
                            <option value="3">菜单三</option>
                        </select>
                    </span>
                </div>
                <div class="col-xs-2">
                    <span class="select-box">
                        <select class="select table_search" size="1">
                            <option value="" selected>是否逾期</option>
                            <option value="1">菜单一</option>
                            <option value="2">菜单二</option>
                            <option value="3">菜单三</option>
                        </select>
                    </span>
                </div>
                <div class="col-xs-2">
                    <span class="select-box">
                        <select class="select table_search" size="1">
                            <option value="" selected>来源</option>
                            <option>李四</option>
                            <option>菜单二</option>
                            <option>菜单三</option>
                        </select>
                    </span>
                </div>
                <div class="col-xs-2">
                    <input type="text" class="form-control input-text table_search" value="" placeholder="姓名" column="2">
                </div>
                <div class="col-xs-2">
                    <input type="text" class="form-control input-text table_search" value="" placeholder="手机号" column="4">
                </div>
            </div>
            <div>
                <input class="btn btn-warning radius" type="reset" value="重置">
            </div>
        </form>

        <div class="body mt-20">
            <table class="table table-border table-bordered table-bg" id="table">
                <thead class="text-c">
                    <tr>
                        <th>订单编号</th>
                        <th>申请人</th>
                        <th>身份证</th>
                        <th>手机号</th>
                        <th>进件时间</th>
                        <th>网点</th>
                        <th>产品名称</th>
                        <th>申请金额</th>
                        <th>审批金额</th>
                        <th>客户经理</th>
                        <th>期数</th>
                        <th>当月应还(元)</th>
                    </tr>
                </thead>
                <tbody class="text-c">
                </tbody>
            </table>
        </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/getStatus14',
                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 = 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: "orderNo"},//订单编号
                {data: "userName"},//申请人
                {data: "idCard"},//身份证
                {data: "phoneNumber"},//手机号
                {data: "createTime"},//进件时间
                {data: "departmentName"},//网点
                {data: "productName"},//产品名称
                {data: "applyMoney"},//申请金额
                {data: "agreeMoney"},//审批金额
                {data: "createUser"},//客户经理
                {data: "statusDesc"},//期数
                {data: "modifyTime"}//当月应还
            ]
        });

        $.fn.dataTableExt.afnFiltering.push(
            function (oSettings, aData, iDataIndex) {
                var min = document.getElementById('min').value;
                var max = document.getElementById('max').value;
                var iDateCol = 5; //进件时间

                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();
        }

        function pass(id) {
            layer.confirm('通过之后, 账单同步更新到收款明细列表', {
                btn: ['通过','取消'],
                title: '确认到账',
                icon: 3
            }, function(){
                layer.msg('通过');
            });
        }
    </script>
</body>
<html>