agent_manage/public/js/recharge/recharge_list.js

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;
    laydate.render({
        elem: '#start_date',
        type: 'datetime',
        format: "yyyy-MM-dd HH:mm:ss"
    });
    laydate.render({
        elem: '#end_date',
        type: 'datetime',
        format: "yyyy-MM-dd HH:mm:ss"
    });
    admin.getConfig();
    let search_key = GetQueryString('search_key') ?? null;
    let search_val = GetQueryString('search_val') ?? null;
    let pay_type = GetQueryString('pay_type') ?? null;
    let order_status = GetQueryString('order_status') ?? null;
    let mom_app_uid = GetQueryString('mom_app_uid') ?? null;
    let beginTime = GetQueryString('start_date') ?? null;
    let endTime = GetQueryString('end_date') ?? null;
    $('.search_key_' + search_key).attr('selected', 'selected');
    $('.search_val').val(search_val);
    $('.pay_type_' + pay_type).attr('selected', 'selected');
    $('.order_status_' + order_status).attr('selected', 'selected');


    // 查询应用
    let appRet = mhttp.ajax({
        url: '/app/all'
    });
    appRet.then((data) => {
        if (data.code === 200) {
            let html = '<option value=""></option>';
            for (let i in data.data) {
                html += '<option class="mom_app_uid_' + data.data[i].uid + '" value="' + data.data[i].uid + '">' + data.data[i].name + '</option>';
            }
            $('.mom_app_uid').html(html);
            form.render();
            if (mom_app_uid) {
                $('.mom_app_uid_' + mom_app_uid).attr('selected', 'selected');
            }
            form.render();
        } else {
            layer.msg('应用获取失败！');
        }
    });

    //搜索条件
    form.on('submit(recharge-search)', function (data) {
        if (data.field.search_key !== '') {
            if (data.field.search_val === '') {
                layer.msg('条件内容为未填写!');
                return false;
            }
        }
        if (data.field.search_val !== '') {
            if (data.field.search_key === '') {
                layer.msg('请选查询条件!');
                return false;
            }
        }
        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;
            }
        }
    });
    let cols = [
        [
            {
                title: '会员UID',
                field: 'user_uid',
                align: 'center'

            },
            {
                title: '昵称',
                field: 'user_nick',
                align: 'center'
            },
            {
                title: '所属应用',
                field: 'app_name',
                align: 'center'
            },
            {
                title: '所属代理',
                field: 'agent_uid',
                align: 'center'
            },
            {
                title: '金额',
                field: 'real_amount',
                align: 'center'
            },
            {
                title: '状态',
                align: 'center',
                field: 'order_status',
                templet: function (d) {
                    switch (d.order_status) {
                        case 1:
                            return '<span style="color:#35a735;font-weight: 900">已支付</span>';
                        case 2:
                            return '<span style="color:#ff8a00;font-weight: 900">已取消</span>';
                        case 3:
                            return '<span style="color:#a77f35;font-weight: 900">待支付</span>';
                        default:
                            return '<span style="color:#ff2600;font-weight: 900">支付失败</span>';
                    }
                }
            },
            {
                title: '支付方式',
                align: 'center',
                field: 'note',
                templet: function (d) {
                    switch (parseInt(d.pay_type)) {
                        case 1:
                            return '支付宝';
                        case 2:
                            return '微信';
                        case 3:
                            return '银行卡';
                        case 4:
                            return '金币';
                        case 5:
                            return 'USDT';
                        default:
                            return '其他'
                    }
                }
            },
            {
                title: '通道',
                align: 'center',
                field: 'pay_channel'
            },
            {
                title: '订单号',
                align: 'center',
                field: 'order_sn'
            },
            {
                title: '生成日期',
                field: 'created_at',
                align: 'center'
            },
            {
                title: '成功日期',
                field: 'paid_at',
                align: 'center'
            }
        ]
    ];
    if (beginTime) {
        beginTime = beginTime.replace('+', ' ');
    }
    if (endTime) {
        endTime = endTime.replace('+', ' ');
    }
    $('#start_date').val(beginTime);
    $('#end_date').val(endTime);
    let searchData = {
        pay_type: pay_type,
        order_status: order_status,
        mom_app_uid: mom_app_uid,
        start_date: beginTime,
        end_date: endTime,
    }
    if (search_key) {
        searchData[search_key] = search_val;
    }
    let search = httpRequestPostData(searchData);
    table.render({
        elem: '#recharge-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/recharge/lists'),
        limit: 20,
        limits: [20, 30, 40, 50, 80, 100],
        parseData: function (res) {
            $('.total_money').text(res.data.rec_total.total_money + ' 元(' + res.data.rec_total.order_int + '单)');
            $('.succ_money').text(res.data.rec_total.succ_money + ' 元(' + res.data.rec_total.succ_int + '单)');
            $('.succ_rate').text(res.data.rec_total.succ_rate + ' %');
            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: '#recharge-toolbar',
    });
    $('#reset').click(function () {
        window.location.href = './recharge_list.html';
    });
    window.refresh = function (param) {
        table.reload('recharge-table');
    }
})