weekComp.vue 2.67 KB
<template>
    <div class="weekcomp-analysis">
        <el-header>
            <span class="asis-title">{{ asisName }}&nbsp;{{$t('asis.WeekComp')}}</span>
        </el-header>
        <weekcomp-option ref="init" @reportTime="reportHandler" @initData="initTab" v-on:childByValue="childByValue"></weekcomp-option>
        <div class="element-main weekcomp-main">
            <router-view :propparam="propParams"></router-view>
        </div>
    </div>
</template>

<script>
import weekCompOption from '../common/option/weekCompOption'
export default {
    data() {
        return {
            mallData: [],
            asisName: '',
            asisLevel: '',
            propParams: {}
        }
    },
    created() {
        window.addEventListener('resize', () => {
            try {
                let timeHeatEChartsUtil = {
                    chart1: $('#wecompChart')[0],
                }
                for(let k in timeHeatEChartsUtil) {
                    if(timeHeatEChartsUtil.hasOwnProperty(k) && timeHeatEChartsUtil[k] != undefined) {
                        timeHeatEChartsUtil[k] = this.$echarts.init(timeHeatEChartsUtil[k]);
                        var element = timeHeatEChartsUtil[k];
                        element.resize();
                    }
                }
            } catch (err) { }
        })
    },
    mounted() {
        this.getMallOpt();
    },
    components: {
        'weekcomp-option': weekCompOption,
    },
    methods: {
        childByValue(childValue) {
            this.animate('.weekcomp-main')
        },
        getMallOpt() {
            this.getCommonMalls().then(resolveData => {
                let {mallData,localMallId,titleName,multiMallId} = resolveData;
                this.asisName = titleName
                this.$refs.init.initAsis(localMallId,mallData);
            },(rejectData) => {
            })
        },
        initTab(data) {
            // setTimeout(() => {
            //     this.$refs.takeTime.refreshHandle(data);
            // }, 1000);
            this.$router.push('/analysis/weekComp/wecomp');
            this.propParams = {
                dateType: '/weekComp/wecomp',
                data: data
            };
        },
        reportHandler(emitData) {
            this.$router.push('/analysis/weekComp/wecomp');
            // setTimeout(() => {
            //     this.$refs.takeTime.refreshHandle(emitData);
            // }, 200);
            this.asisName = emitData.asis_tit;
            this.propParams = {
                dateType: '/weekComp/wecomp',
                data: emitData
            };
        }
    },
}
</script>


<style scoped>
    .weekcomp-analysis {
        width: 100%;
        height: 100%;
    }
</style>