@{
    ViewBag.Title = "Exists";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="layui-form">
    <div class="layui-form-item">
        @*<div class="layui-inline">
            <select id="paytype" name="paytype">
                <option value="1">支付宝</option>
                <option value="5">微信支付</option>
            </select>
        </div>*@
        <div class="layui-inline">
            <input type="text" name="startDate" id="startDate" lay-verify="date" placeholder="yyyy-MM-dd" class="layui-input">
        </div>
        <div class="layui-inline">
            <input type="text" name="endDate" id="endDate" lay-verify="date" placeholder="yyyy-MM-dd" class="layui-input">
        </div>
        <div class="layui-inline">
            <button type="button" class="layui-btn layui-btn-normal" id="choose">选择文件</button>
            <button type="button" class="layui-btn" id="import">上传</button>
            @*<button type="button" class="layui-btn" lay-event="save" id="save" style="display:none;">提交</button>*@
        </div>
    </div>
</div>

<table class="layui-hide" id="tabl1" lay-filter="tabl1"></table>

<script>
    layui.use(['upload', 'table', 'laydate'], function () {
        var form = layer = layui.layer
            , upload = layui.upload
            , table = layui.table
            , $ = layui.jquery
            , laydate = layui.laydate;

        laydate.render({
            elem: '#startDate'
            , value: '@Html.Raw(new DateTime(DateTime.Now.Year, DateTime.Now.Month, 1).AddMonths(-2).ToString("yyyy-MM-dd"))'

        })
        laydate.render({
            elem: '#endDate'
            , value: '@Html.Raw(new DateTime(DateTime.Now.Year, DateTime.Now.Month, 1).AddMonths(1).AddDays(-1).ToString("yyyy-MM-dd"))'
        })

        //var excelData = [];

        var column = [
            { field: 'PayNo', title: '流水号', style: "mso-number-format:'\@@';" }
            , { field: 'PayPrice', title: '支付金额' }
            , { field: 'PayDate', title: '支付时间' }
        ];

        upload.render({ //允许上传的文件后缀
            elem: '#choose'
            , url: '/OrderPay/Exists'
            , accept: 'file' //普通文件
            , exts: 'xls|xlsx|csv' //只允许上传压缩文件
            , size: 100000 //限制文件大小，单位 KB
            , auto: false
            , bindAction: '#import'
            , before: function (obj) {
                layer.load();
                this.data = { paytype: $("#paytype").val(), startDate: $("#startDate").val(), endDate: $("#endDate").val() }
            }
            , done: function (res) {
                //console.log(res)
                layer.closeAll('loading');
                if (res.code == 0) {
                    //excelData = res.data;
                    table.render({
                        id: 'orderpaydiff',//列表别名ID
                        elem: '#tabl1',//表ID
                        toolbar: '<div>未找到流水号</div>',
                        defaultToolbar: ['filter', 'exports'],
                        page: false,
                        limit: Number.MAX_VALUE,
                        cols: [column],
                        data: res.data
                    });
                }
            }
            , error: function () {
                layer.closeAll('loading');
            }
        });

    });

</script>