baseAsis.vue 1.98 KB
<template>
    <div class="base-analysis">
        <!-- 标题 -->
        <el-header>
            <span class="asis-title">{{ asisName }}&nbsp;{{$t('asis.BasicAsis')}}</span>
        </el-header>
        <baseasis-option 
            ref="init" 
            @reportTime="reportHandler" 
            @initData="initTab" 
            @childByValue="childByValue" 
        />
        <div class="element-main base-main">
            <router-view :propparam="propParams"></router-view>
        </div>
    </div> 
</template>

<script>
import baseOption from '../common/option/basicAsisOption'
export default {
    data() {
        return {
            asisName: '',
            asisLevel: '',
            propParams: {}
        }
    },
    components: {
        'baseasis-option': baseOption,
    },
    mounted() {
        this.getMallOpt();
    },
    methods: {
        initTab(data) {
            this.asisName = data.asis_tit;
            this.propParamHandler(data)
        },
        childByValue(childValue) {
            this.animate('.base-main')
        },
        getMallOpt() {
            this.getCommonMalls().then(resolveData => {
                let {mallData,localMallId,titleName,multiMallId} = resolveData;
                let refMallId = {
                    'mallId': localMallId,
                    'multiMallId': multiMallId
                }
                let {malldata} = this.$route.params;
                if(malldata) {
                    refMallId.mallId = malldata.data[0].id
                }
                this.$refs.init.initAsis(refMallId,mallData);
            },(rejectData) => {})
        },
        reportHandler(emitData) {
            this.asisName = emitData.asis_tit;
            this.propParamHandler(emitData)
        },
        propParamHandler(emitData) {
            let result = this.routerJump('analysis','baseasis',emitData);
            this.$router.push(result.router);
            this.propParams = result.params;
        },
    },
}
</script>

<style scoped>

</style>