/**
 * Created by xw on 2023/10/31.
 */
const chartContent = new Vue({
    el:"#chartContent",
    mixins: [jsonMixin,chartMixin],
    data: {
        shopId:0,
        volumeList:[],
        bannerList:[],
        shopInfo:{},
        summarize:'',
        summarize1:'',
        summarize2:'',
        isLoading:false
    },
    computed: {

    },
    methods: {
        openFullScreen2(shopId) {
            const _this = this
            const loading = this.$loading({
                lock: true,
                text: 'Loading',
                spinner: 'el-icon-loading',
                background: 'rgba(0, 0, 0, 0.4)'
            });
            setTimeout(() => {
                _this.isLoading = true
                loading.close();
            }, 100);
            setTimeout(() => {
                _this.chartInit(shopId)
            }, 200);
        },
        chartInit(shopId){
            console.log('shopId',shopId)
            this.volumeList = this.chartData[shopId].volumeList
            this.bannerList = this.chartData[shopId].bannerList
            this.shopInfo = this.chartData[shopId].shopInfo
            this.summarize = this.chartData[shopId].summarize
            this.summarize1 = this.chartData[shopId].summarize1
            this.summarize2 = this.chartData[shopId].summarize2
            this.chartWordCloud(this.chartData[shopId].keywords)
            this.chartWechats(this.chartData[shopId].wechats)
            this.chartIntention(this.chartData[shopId].intention)
            this.chartAllVisits(this.chartData[shopId].allVisits)
            this.chartProportion(this.chartData[shopId].proportion)
            this.chartStationVisits(this.chartData[shopId].stationVisits)
            this.chartVisitTimes(this.chartData[shopId].visitTimes)
            this.chartLeadUserMonthly(this.chartData[shopId].leadUserMonthly)
            this.chartChannels(this.chartData[shopId].channels)
            this.chartUrbanize(this.chartData[shopId].urbanize)
            this.chartUserIdentity(this.chartData[shopId].userIdentity)
            this.chartIntentions(this.chartData[shopId].intentions)
            $('.chart-main-top-mids-li').find('a').on('click', function () {
                const id = '#' + $(this).attr('data-id');
                const scrollTop = innerWidth > 768 ? $(id).offset().top : $(id).offset().top ;
                $("html, body").animate({
                    scrollTop: scrollTop
                }, {duration: 500, easing: "swing"});
                return false;
            })
        }
    },
    created: function () {

    },
    mounted: function () {
        this.shopId = getUrlParam("shopId");
        this.openFullScreen2(this.shopId)
    }
});