layui.use(['table', 'jquery', 'madmin', 'mhttp', 'layer', 'form', 'laydate', 'common'], function () {
    let table = layui.table;
    let $ = layui.jquery;
    let admin = layui.madmin;
    let layer = layui.layer;
    let form = layui.form;
    let common = layui.common;
    let mhttp = layui.mhttp;
    var laydate = layui.laydate;
    let agent_uid = GetQueryString('agent_uid') ?? null;
    let type = GetQueryString('type') ?? null;
    let order = GetQueryString('order') ?? null;
    let status = GetQueryString('status') ?? null;
    let beginTime = GetQueryString('start_date') ?? null;
    let endTime = GetQueryString('end_date') ?? null;
    $('.agent_uid').val(agent_uid);
    $('.type_' + type).attr('selected', 'selected');
    $('.status_' + status).attr('selected', 'selected');
    $('.order_' + order).attr('selected', 'selected');
    laydate.render({
        elem: '#start_date'
    });
    laydate.render({
        elem: '#end_date'
    });
    admin.getConfig();
    //搜索条件
    form.on('submit(withdraw-search)', function (data) {
        if (data.field.start_date !== '' || data.field.end_date !== '') {
            if (!data.field.start_date || !data.field.end_date) {
                layer.msg('请核对开始时间与结束时间!');
                return false;
            }
            let beginTime = new Date(data.field.start_date);
            let endTime = new Date(data.field.end_date);
            if (beginTime > endTime) {
                layer.msg('开始时间不能大于结束时间!');
                return false;
            }
        }
        // return false;
    });
    let cols = [
        [
            {
                title: '代理UID',
                field: 'agent_uid',
                align: 'center'

            },
            {
                title: '提现方式',
                field: 'type_name',
                align: 'center'
            },
            {
                title: '卡号',
                field: 'bank_account',
                align: 'center',
                templet: function (d) {
                    switch (d.type) {
                        case 1:
                            return d.bank_account;
                        case 2:
                            return d.ustd_account;
                        case 3:
                            return d.alipay_account;
                    }
                }
            },
            {
                title: '开户行',
                field: 'bank_mark',
                align: 'center',
                templet: function (d) {
                    switch (d.type) {
                        case 1:
                            return d.bank_mark;
                        case 2:
                            return d.ustd_network;
                        case 3:
                            return '';
                    }
                }
            },
            {
                title: '姓名',
                field: 'bank_card',
                align: 'center',
                templet: function (d) {
                    switch (d.type) {
                        case 1:
                            return d.bank_card;
                        case 2:
                            return '';
                        case 3:
                            return d.alipay_username;
                    }
                }
            },
            {
                title: '提现金额',
                align: 'center',
                field: 'amount'
            },
            {
                title: '提现后金额',
                align: 'note',
                field: 'after_amount'
            },
            {
                title: '分成比例',
                align: 'center',
                field: 'commission_ratio'
            },
            {
                title: '打款金额',
                align: 'center',
                field: 'note',
                templet: function (d) {
                    return '<span style="color:#ff0000;font-weight: 900;font-size: 18px !important;">' + d.pay_amount + '</span>';
                }
            },
            {
                title: '提现时间',
                field: 'created_at',
                align: 'center'
            },
            {
                title: '处理时间',
                field: 'paid_at',
                align: 'center'
            },
            {
                title: '处理状态',
                field: 'status',
                align: 'center',
                templet: function (d) {
                    switch (d.status) {
                        case 1:
                            return '<span style="color:#ff0000;font-weight: 900">拒绝</span>';
                        case 2:
                            return '<span style="color:#ff8a00;font-weight: 900">申请中</span>';
                        case 3:
                            return '<span style="color:#7bff00;font-weight: 900">已打款</span>';
                        default:
                            return '<span style="color:#0072ff;font-weight: 900">其他错误</span>';
                    }
                }
            },
            {
                title: '操作',
                align: 'center',
                width: '250',
                templet: function (d) {
                    if (d.status === 2) {
                        return '<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="verify">确认打款</button>\n' +
                            '<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="reject">拒绝打款</button>';
                    } else {
                        return '无需操作';
                    }
                }
            }
        ]
    ];
    if (beginTime) {
        beginTime = beginTime.replace('+', ' ');
    }
    if (endTime) {
        endTime = endTime.replace('+', ' ');
    }
    $('#start_date').val(beginTime);
    $('#end_date').val(endTime);
    form.render();
    let search = httpRequestPostData({
        start_date: beginTime,
        end_date: endTime,
        status: status,
        type: type,
        order: order,
    });
    table.render({
        elem: '#withdraw-table',
        method: 'POST',
        request: {
            pageName: 'page',
            limitName: 'page_size'
        },
        async: false,
        headers: {
            "AUTH-TOKEN": localStorage.getItem('XSRF-TOKEN') ?? ''
        },
        contentType: 'application/json',
        where: search,
        url: getMyApiUrl('/finance/withdraw/lists'),
        limit: 20,
        limits: [20, 30, 40, 50, 80, 100],
        parseData: function (res) {
            // $('.layui-table-tool .layui-table-tool-temp').text('');
            return httpRequestPagesParseData(res);
        },
        response: {
            "statusCode": 200,
        },
        done: function (data, page, total) {
            var intCode = parseInt(data.code);
            if (intCode === 403) {
                cbRespnseRedirectLogin(data);
            } else if (intCode === 401) {
                // 仅仅是过期了，这里可以有其他逻辑补偿.
                // 暂时跳到登陆页面
                cbRespnse401(data);
            }

            onloadRender();
        },
        error: function (obj, message) {
            cbRespnseReloadPage(obj, message);
        },
        page: true,
        cols: cols,
        skin: 'line',
        toolbar: '#withdraw-toolbar',
    });

    table.on('tool(withdraw-table)', function (obj) {
        if (obj.event === 'verify') {
            window.verify(obj);
        } else if (obj.event === 'reject') {
            window.reject(obj);
        }
    });
    $('#reset').click(function (){
        window.location.href = './withdraw_list.html';
    });
    // 确认打款
    window.verify = function (obg) {
        let msg = layer.confirm('请再三确认,否则无法更改!', {icon: 3, title: "确认打款！"}, function () {
            let ret = mhttp.ajax({
                url: '/finance/withdraw/apply',
                data: {
                    order_uid: obg.data.uid,
                    status: 3,
                }
            });
            ret.then((data) => {
                layer.close(msg);
                if (data.code === 200) {
                    layer.msg(data.message, {icon: 1, time: 1000}, function () {
                        // 成功刷父页面
                        // window.parent.location.reload();
                        // 成功关闭父窗口
                        let index = parent.layer.getFrameIndex(window.name);
                        parent.layer.close(index);
                        table.reload('withdraw-table');
                    });
                } else {
                    layer.msg(data.message, {icon: 2, time: 1000});
                }
            });
            return false;
        });
    }

    // 拒绝打款
    window.reject = function (obg) {
        let msg = layer.confirm('请再三确认,否则无法更改!', {icon: 2, title: "拒绝打款！"}, function () {
            let ret = mhttp.ajax({
                url: '/finance/withdraw/apply',
                data: {
                    order_uid: obg.data.uid,
                    status: 1,
                }
            });
            ret.then((data) => {
                layer.close(msg);
                if (data.code === 200) {
                    layer.msg(data.message, {icon: 1, time: 1000}, function () {
                        // 成功刷父页面
                        // window.parent.location.reload();
                        // 成功关闭父窗口
                        let index = parent.layer.getFrameIndex(window.name);
                        parent.layer.close(index);
                        table.reload('withdraw-table');
                    });
                } else {
                    layer.msg(data.message, {icon: 2, time: 1000});
                }
            });
            return false;
        });
    }
})