/*
 * @Descripttion: 商场模拟器
 * @Author: BerryBC
 * @Date: 2020-05-12 21:44:16
 * @LastEditors: BerryBC
 * @LastEditTime: 2020-05-12 23:57:34
 */
var chartMallCost = echarts.init(document.getElementById('divCanMallCost'));
var chartTotalStoreTurnover = echarts.init(document.getElementById('divCanTotalStoreTurnover'));
var chartStoreNum = echarts.init(document.getElementById('divCanStoreNum'));
var chartMallProfit = echarts.init(document.getElementById('divCanMallProfit'));

// 模拟运行天数
var intDay = 0;

// 店铺数，初始均为存活状态
var arrStore = [];
// 初始有50家店铺
var intMaxStoreNum = 50;
// 剩余生存店铺一开始等于初始值
var intAliveStoreNum = intMaxStoreNum;
// 所有店铺总收入
var dblStoreTotalTurnover = 0;
// 每日店铺租金
var dblStoreRental = 1800;

// 正常状态下每天客流量
var intClientNum = 1800;

// 正常情况下 客单价
var dblExpend = 130;
// 每客户客单价浮动金钱
var dblFluctuate = 80;
// Outbreak 影响下的消费欲望系数，初始为1
var dblOutbreakImpact = 1;
// 消费券折购力度，初始为1（不打折）
var dblCouponRate = 1;

// 正常情况下每天商场基础成本
var dblMallFixCost = 2600;
// 商场每天成本
var dblMallDailyCost = dblMallFixCost;
// 商场每天收入
var dblDailyMallIncome = 0;
// 商场每天利润，等于商场每天收入减去商场每天成本
var dblDailyMallProfit = 0;

// 画图准备
var arrStoreNum = [];
var arrTotalStoreTurnover = [];
var arrMallCost = [];
var arrMallProfit = [];

$(function() {
    // 开始模拟
    $('#btnGo')[0].onclick = function() {
        setInterval(RunMall, 300);
    };
    // Outbreak 开始
    $('#btnBegan')[0].onclick = function() { dblOutbreakImpact = 0.6; };
    // 消费券开始派发
    $('#btnCoupon')[0].onclick = function() { dblCouponRate = 0.68; };
});

// 开始模拟商场
function RunMall() {
    // 每天清空营业店铺昨天的营业额及商场的基础成本，新的一天从0开始
    arrStore = [];
    dblMallDailyCost = dblMallFixCost;
    dblDailyMallIncome = 0;
    dblStoreTotalTurnover = 0;

    // 初始每家店铺收入
    for (var intI = 0; intI < intAliveStoreNum; intI++) {
        arrStore.push(0);
    };

    // 如果商场店铺数量越少，人流按比例减少
    for (var intI = 0; intI < Math.floor(intClientNum * intAliveStoreNum / intMaxStoreNum); intI++) {
        // 随机选择一家店铺
        var intSelectAStore = Math.floor(Math.random() * intAliveStoreNum);
        // 客户每单消费金额
        var dblClientExpend = (dblExpend + (Math.random() - 0.5) * dblFluctuate) * dblOutbreakImpact / dblCouponRate;
        arrStore[intSelectAStore] += dblClientExpend;
        // 若派发消费券，消费券折购金额全部由商场承担
        dblMallDailyCost += dblClientExpend * (1 - dblCouponRate);
    };

    // 每日对每家店铺进行租金、收入以及商场开销、收入进行核算
    for (var intI = 0; intI < intAliveStoreNum; intI++) {
        // 店铺租金进商场收入
        dblDailyMallIncome += dblStoreRental;
        dblStoreTotalTurnover += arrStore[intI];
        // 如果店铺当天收入小于租金则马上关店
        if (arrStore[intI] < dblStoreRental) {
            intAliveStoreNum--;
        };
    };
    // 计算商场当天利润
    dblDailyMallProfit = dblDailyMallIncome - dblMallDailyCost;
    intDay++;
    // 绘制 Chart 图
    DrawChart();
};

function DrawChart() {
    arrStoreNum.push([intDay, intAliveStoreNum]);
    arrTotalStoreTurnover.push([intDay, Math.floor(dblStoreTotalTurnover / 1000)]);
    arrMallCost.push([intDay, Math.floor(dblMallDailyCost / 1000)]);
    arrMallProfit.push([intDay, Math.floor(dblDailyMallProfit / 1000)]);

    // 绘制 现存店铺数 的曲线
    optStoreNum = {
        title: {
            text: '现存店铺总数'
        },
        xAxis: {
            type: 'value'
        },
        yAxis: {
            type: 'value',
            max: 60
        },
        series: [{
            name: '店铺数',
            type: 'line',
            data: arrStoreNum,
            smooth: true,
            lineStyle: {
                color: "#000000"
            },
            itemStyle: {
                color: "#000000"
            }
        }]
    };
    chartStoreNum.setOption(optStoreNum);


    // 绘制 商场总利润 的曲线
    optMallProfit = {
        title: {
            text: '商场总利润'
        },
        xAxis: {
            type: 'value'
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            name: '商场利润',
            type: 'line',
            data: arrMallProfit,
            smooth: true,
            lineStyle: {
                color: "#00FF00"
            },
            itemStyle: {
                color: "#00FF00"
            }
        }]
    };
    chartMallProfit.setOption(optMallProfit);



    // 绘制 商场总支出 的曲线
    optMallCost = {
        title: {
            text: '商场总支出'
        },
        xAxis: {
            type: 'value'
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            name: '商场总支出',
            type: 'line',
            data: arrMallCost,
            smooth: true,
            lineStyle: {
                color: "#FF0000"
            },
            itemStyle: {
                color: "#FF0000"
            }
        }]
    };
    chartMallCost.setOption(optMallCost);


    // 绘制 商店总利润 的曲线
    optTotalStoreTurnover = {
        title: {
            text: '商店总利润'
        },
        xAxis: {
            type: 'value'
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            name: '商店总利润',
            type: 'line',
            data: arrTotalStoreTurnover,
            smooth: true,
            lineStyle: {
                color: "#00FFFF"
            },
            itemStyle: {
                color: "#00FFFF"
            }
        }]
    };
    chartTotalStoreTurnover.setOption(optTotalStoreTurnover);
};