/**
 * 系统更新异步请求步骤
 * @author  Devil
 * @blog    http://gong.gg/
 * @version 1.0.0
 * @date    2021-02-22
 * @desc    description
 * @param   {[string]}        url   [url地址]
 * @param   {[string]}        opt   [操作类型（url 获取下载地址， download_system 下载系统包， download_upgrade 下载升级包， upgrade 更新操作）]
 * @param   {[string]}        msg   [提示信息]
 */
function SystemUpgradeRequestHandle(params)
{
    // 参数处理
    if((params || null) == null)
    {
        Prompt('操作参数有误');
        return false;
    }
    var url = params.url || null;
    var opt = params.opt || 'url';
    var msg = params.msg || '正在获取中...';

    // 加载提示
    AMUI.dialog.loading({title: msg});

    // ajax
    $.ajax({
        url: url,
        type: 'POST',
        dataType: 'json',
        timeout: 305000,
        data: {"opt":opt},
        success: function(result)
        {
            if((result || null) != null && result.code == 0)
            {
                switch(opt)
                {
                    // 获取下载地址
                    case 'url' :
                        params['opt'] = 'download_system';
                        params['msg'] = '系统包正在下载中...';
                        SystemUpgradeRequestHandle(params);
                        break;

                    // 下载系统包
                    case 'download_system' :
                        params['opt'] = 'download_upgrade';
                        params['msg'] = '升级包正在下载中...';
                        SystemUpgradeRequestHandle(params);
                        break;

                    // 下载升级包
                    case 'download_upgrade' :
                        params['opt'] = 'upgrade';
                        params['msg'] = '正在更新中...';
                        SystemUpgradeRequestHandle(params);
                        break;

                    // 更新完成
                    case 'upgrade' :
                        Prompt(result.msg, 'success');
                        setTimeout(function()
                        {
                            window.location.reload();
                        }, 1500);
                        break;
                }
            } else {
                AMUI.dialog.loading('close');
                Prompt(((result || null) == null) ? '返回数据格式错误' : (result.msg || '异常错误'));
            }
        },
        error: function(xhr, type)
        {
            AMUI.dialog.loading('close');
            Prompt(HtmlToString(xhr.responseText) || '异常错误');
        }
    });
}

/**
 * 基础数据总数
 * @author  Devil
 * @blog    http://gong.gg/
 * @version 1.0.0
 * @date    2021-08-30
 * @desc    description
 * @param   {[array]}        data      [数据]
 */
function EchartsBaseCount(data)
{
    $('.base-user-count').text(data.user_count);
    $('.base-order-count').text(data.order_count);
    $('.base-order-sale-count').text(data.order_asle_count);
    $('.base-order-complete-total').text(data.order_complete_total);
}

/**
 * 订单成交金额走势
 * @author  Devil
 * @blog    http://gong.gg/
 * @version 1.0.0
 * @date    2021-08-30
 * @desc    description
 * @param   {[array]}        title_arr [标题]
 * @param   {[array]}        name_arr  [名称]
 * @param   {[array]}        data      [数据]
 */
function EchartsOrderProfit(title_arr, name_arr, data)
{
    var chart = echarts.init(document.getElementById('echarts-order-profit'), 'macarons');
    var option = {
        tooltip : {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                label: {
                    backgroundColor: '#6a7985'
                }
            }
        },
        legend: {
            data: title_arr
        },
        toolbox: {
            show : (__is_mobile__ == 1) ? false : true,
            feature : {
                mark : {show: true},
                dataView : {show: true, readOnly: false},
                magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
                restore : {show: true},
                saveAsImage : {name:'订单交易走势', show: true}
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                data : name_arr
            }
        ],
        yAxis : [
            {
                type : 'value'
            }
        ],
        series : data
    };
    chart.setOption(option);
    return chart;
}

/**
 * 订单交易走势
 * @author  Devil
 * @blog    http://gong.gg/
 * @version 1.0.0
 * @date    2021-08-30
 * @desc    description
 * @param   {[array]}        title_arr [标题]
 * @param   {[array]}        name_arr  [名称]
 * @param   {[array]}        data      [数据]
 */
function EchartsOrderTrading(title_arr, name_arr, data)
{
    var chart = echarts.init(document.getElementById('echarts-order-trading'), 'macarons');
    var option = {
        tooltip : {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                label: {
                    backgroundColor: '#6a7985'
                }
            }
        },
        legend: {
            data: title_arr
        },
        toolbox: {
            show : (__is_mobile__ == 1) ? false : true,
            feature : {
                mark : {show: true},
                dataView : {show: true, readOnly: false},
                magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
                restore : {show: true},
                saveAsImage : {name:'订单交易走势', show: true}
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                data : name_arr
            }
        ],
        yAxis : [
            {
                type : 'value'
            }
        ],
        series : data
    };
    chart.setOption(option);
    return chart;
}

/**
 * 热销商品
 * @author  Devil
 * @blog    http://gong.gg/
 * @version 1.0.0
 * @date    2021-08-30
 * @desc    description
 * @param   {[array]}        title_arr [标题]
 * @param   {[array]}        name_arr  [名称]
 * @param   {[array]}        data      [数据]
 */
function EchartsGoodsHot(data)
{
    var chart = echarts.init(document.getElementById('echarts-goods-hot'), 'macarons');
    var option = {
        title : {
            subtext: '仅显示前30条商品',
            x:'center'
        },
        tooltip : {
            trigger: 'item',
            formatter: "{b} : {c} ({d}%)"
        },
        toolbox: {
            show : (__is_mobile__ == 1) ? false : true,
            feature : {
                mark : {show: true},
                dataView : {show: true, readOnly: false},
                magicType : {
                    show: true, 
                    type: ['pie', 'funnel'],
                    option: {
                        funnel: {
                            x: '25%',
                            width: '50%',
                            funnelAlign: 'left',
                            max: 1548
                        }
                    }
                },
                restore : {show: false},
                saveAsImage : {name:'热销商品', show: true}
            }
        },
        calculable : true,
        series : [
            {
                type:'pie',
                radius : '55%',
                center: ['50%', '60%'],
                data: data
            }
        ]
    };
    chart.setOption(option);
    return chart;
}

/**
 * 支付方式
 * @author  Devil
 * @blog    http://gong.gg/
 * @version 1.0.0
 * @date    2021-08-30
 * @desc    description
 * @param   {[array]}        title_arr [标题]
 * @param   {[array]}        name_arr  [名称]
 * @param   {[array]}        data      [数据]
 */
function EchartsPayType(title_arr, name_arr, data)
{
    var chart = echarts.init(document.getElementById('echarts-pay-type'), 'macarons');
    var option = {
        tooltip : {
            trigger: 'axis'
        },
        legend: {
            data: title_arr
        },
        toolbox: {
            show : (__is_mobile__ == 1) ? false : true,
            feature : {
                mark : {show: true},
                dataView : {show: true, readOnly: false},
                magicType : {show: true, type: ['line', 'bar']},
                restore : {show: false},
                saveAsImage : {name:'支付方式', show: true}
            }
        },
        calculable : true,
        xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                data : name_arr
            }
        ],
        yAxis : [
            {
                type : 'value'
            }
        ],
        series : data
    };
    chart.setOption(option);
    return chart;
}

/**
 * 订单地域分布
 * @author  Devil
 * @blog    http://gong.gg/
 * @version 1.0.0
 * @date    2021-08-30
 * @desc    description
 * @param   {[array]}        name_arr  [名称]
 * @param   {[array]}        data      [数据]
 */
function EchartsOrderMapWholeCountry(name_arr, data)
{
    var chart = echarts.init(document.getElementById('echarts-map-whole-country'), 'macarons');
    var option = {
        title: {
            text: '',
            subtext: '仅显示30条数据'
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            }
        },
        legend: {
            data: []
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'value',
            boundaryGap: [0, 0.01]
        },
        yAxis: {
            type: 'category',
            data: name_arr
        },
        series: [
            {
                name: '',
                type: 'bar',
                data: data,
                itemStyle: {
                    normal: {
                        // 定制颜色显示（按顺序）
                        // 超出定制颜色则返回随机
                        color: function(params) {
                            var colorList = ['#C33531','#EFE42A','#64BD3D','#EE9201','#29AAE3','#B74AE5','#0AAF9F','#E89589','#16A085','#4A235A','#C39BD3','#F9E79F','#BA4A00','#ECF0F1','#616A6B','#EAF2F8','#4A235A','#3498DB','#00BCD4','#FF9800','#E63A75','#3F51B5','#1CC0A0','#795548','#CDDC39'];
                            if(colorList[params.dataIndex] == undefined)
                            {
                                return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);
                            } else {
                                return colorList[params.dataIndex];
                            }
                        }
                    }
                }
            }
        ]
    };
    chart.setOption(option);
    return chart;
}

/**
 * 图表更新
 * @author  Devil
 * @blog    http://gong.gg/
 * @version 1.0.0
 * @date    2021-08-30
 * @desc    description
 * @param   {[object]}        e [操作对象]
 */
var chart_object = [];
function EchartsInit(e)
{
    // 类型
    var type = e.parents('.right-operate').data('type');
    var value = e.parents('.echarts-title').find('select[name="value"]').val() || '';

    // 时间
    var $time = e.parent();
    var start = $time.find('input[name="time_start"]').val() || '';
    var end = $time.find('input[name="time_end"]').val() || '';

    // ajax
    e.button('loading');
    $.AMUI.progress.start();
    $.ajax({
        url: $('.content-right').data('url'),
        type: 'POST',
        dataType: 'json',
        timeout: 30000,
        data: {"type":type, "start":start, "end":end, "value": value},
        success: function(res)
        {
            e.button('reset');
            $.AMUI.progress.done();
            if(res.code == 0)
            {
                var chart = null;
                switch(type)
                {
                    // 支付方式
                    case 'base-count' :
                        EchartsBaseCount(res.data);
                        break;

                    // 订单成交金额走势
                    case 'order-profit' :
                        var chart = EchartsOrderProfit(res.data.title_arr, res.data.name_arr, res.data.data);
                        break;

                    // 订单交易走势
                    case 'order-trading' :
                        var chart = EchartsOrderTrading(res.data.title_arr, res.data.name_arr, res.data.data);
                        break;

                    // 热销商品
                    case 'goods-hot' :
                        var chart = EchartsGoodsHot(res.data.data);
                        break;

                    // 支付方式
                    case 'pay-type' :
                        var chart = EchartsPayType(res.data.title_arr, res.data.name_arr, res.data.data);
                        break;

                    // 订单地域分布
                    case 'order-whole-country' :
                        var chart = EchartsOrderMapWholeCountry(res.data.name_arr, res.data.data);
                        break;

                    default :
                        console.info('操作类型未定义['+type+']')
                }
                
                // 图表对象存储
                if(chart !== null)
                {
                    chart_object.push(chart);
                }
            } else {
                Prompt(res.msg);
            }
        },
        error: function(xhr, type)
        {
            e.button('reset');
            $.AMUI.progress.done();
            Prompt(HtmlToString(xhr.responseText) || '异常错误', null, 30);
        }
    });
}

$(function()
{
    // 检查更新
    var $inspect_upgrade_popup = $('#inspect-upgrade-popup');
    $('.inspect-upgrade-submit').on('click', function()
    {
        // 基础信息
        AMUI.dialog.loading({title: '正在获取最新内容、请稍候...'});

        // ajax请求
        $.ajax({
            url: $(this).data('url'),
            type: 'POST',
            dataType: 'json',
            timeout: 30000,
            data: {},
            success: function(result)
            {
                AMUI.dialog.loading('close');
                if(result.code == 0)
                {
                    // html内容处理
                    // 基础信息
                    // 是否存在数据、网络不通将返回空数据
                    if((result.data || null) != null)
                    {
                        var html = '<p class="upgrade-title">';
                            html += '<i class="am-icon-info-circle am-icon-md am-text-warning"></i>';
                            html += '<span class="am-margin-left-xs">'+result.data.title+'</span>';
                            html += '</p>';
                            html += '<div class="am-alert upgrade-base">';
                            html += '<span class="upgrade-ver">更新版本：'+result.data.version_new+'</span>';
                            html += '<span class="upgrade-date am-margin-left-sm">更新日期：'+result.data.add_time+'</span>';
                            // 是否带指定链接和链接名称
                            if((result.data.go_title || null) != null && (result.data.go_url || null) != null)
                            {
                                html += '<a href="'+result.data.go_url+'" class="upgrade-go-detail am-margin-left-lg" target="_blank">'+result.data.go_title+'</a>';
                            }
                            html += '</div>';

                            // 提示信息
                            if((result.data.tips || null) != null)
                            {
                                html += '<div class="am-alert am-alert-danger">';
                                html += '<p class="am-text-danger">'+result.data.tips+'</p>';
                                html += '</div>';
                            }

                            // 更新内容介绍
                            if((result.data.content || null) != null && result.data.content.length > 0)
                            {
                                html += '<div class="am-alert am-alert-secondary upgrade-content-item">';
                                html += '<ul>';
                                for(var i in result.data.content)
                                {
                                    html += '<li>'+result.data.content[i]+'</li>';
                                }
                                html += '</ul>';
                                html += '</div>';
                            }
                    } else {
                        var html = '<p class="upgrade-title am-text-center am-margin-top-xl am-padding-top-xl">';
                            html += '<i class="am-icon-info-circle am-icon-md am-text-warning"></i>';
                            html += '<span class="am-margin-left-xs">'+result.msg+'</span>';
                            html += '</p>';
                    }
                    $inspect_upgrade_popup.find('.upgrade-content').html(html);

                    // 是否支持在线自动更新
                    if((result.data.is_auto || 0) == 1)
                    {
                        $inspect_upgrade_popup.find('.inspect-upgrade-confirm').removeClass('am-hide');
                    } else {
                        $inspect_upgrade_popup.find('.inspect-upgrade-confirm').addClass('am-hide');
                    }

                    // 打开弹窗
                    $inspect_upgrade_popup.modal('open');
                } else {
                    Prompt(result.msg);
                }
            },
            error: function(xhr, type)
            {
                AMUI.dialog.loading('close');
                Prompt(HtmlToString(xhr.responseText) || '异常错误', null, 30);
            }
        });
    });

    // 系统更新确认
    $('.inspect-upgrade-confirm').on('click', function()
    {
        $inspect_upgrade_popup.modal('close');
        SystemUpgradeRequestHandle({"url": $(this).data('url')});
    });

    // 初始化
    $('.content-right .echarts-where-submit').each(function(k ,v)
    {
        if(parseInt($(this).parents('.right-operate').data('init')) == 1)
        {
            EchartsInit($(this));
        }
    });

    // 基础条件值改变事件
    $('.echarts-title select[name="value"]').on('change', function()
    {
        $(this).parent().find('button.echarts-where-submit').trigger('click');
    });

    // 条件确认
    $('.echarts-where-submit').on('click', function()
    {
        EchartsInit($(this));
    });

    // 快捷时间
    $('.quick-time a').on('click', function()
    {
        // 参数判断
        var start = $(this).data('start') || '';
        var end = $(this).data('end') || '';
        var is_empty_time = parseInt($(this).parents('.right-operate').data('empty-time')) || 0;
        if(is_empty_time == 0 && (start == '' || end == ''))
        {
            Prompt('快捷时间配置有误');
            return false;
        }

        // 时间
        var $time = $(this).parent().next();
        if(!$time.find('button').is(':disabled'))
        {
            $time.find('input[name="time_start"]').val(start);
            $time.find('input[name="time_end"]').val(end);
            $time.find('button.echarts-where-submit').trigger('click');
        }
    });

    // 浏览器大小改变则实时更新图表大小
    window.onresize = function()
    {
        if(chart_object.length > 0)
        {
            for(var i in chart_object)
            {
                chart_object[i].resize();
            }
        }
    };
});