<template>
    <div class="mulitf-analysis">
        <el-header>
            <span class="asis-title">{{ asisName }}&nbsp;{{ $t('asis.MultiTrafficDirection') }}</span>
        </el-header>
        <ftmoveline-option ref="init" :not-floor-direction="false" :mallData="mallData" @reportTime="reportHandler" @initData="initTab"></ftmoveline-option>
        <div class="element-main base-main" style="margin-top: 114px;">
            <!-- ref="takeTime" -->
            <router-view :propparam="propParams"></router-view>
        </div>
    </div> 
</template>

<script>
import ftmlOption from '../common/option/ftmlMoreOption'
export default {
    data() {
        return {
            mallData: [],
            asisName: '',
            asisLevel: '',
            propParams: {}
        }
    },
    components: {
        'ftmoveline-option': ftmlOption,
    },
    mounted() {
        this.getMallOpt();
    },
    methods: {
        getMallOpt() {
            let param = {
                accountId: this.$cookie.get('accountId'),
                status: 1,
            }
            this.zoneFilterMall(param,4).then((resolveData) => {
                let {mallData,localMallId,titleName} = resolveData
                this.mallData = mallData
                this.asisName = titleName
                this.$refs.init.initAsis(localMallId === '' ? null : Number(localMallId))
            },(rejectData) => {
                console.log(rejectData)
            })
        },
        initTab(data) {
            this.$router.push('/behavior/multitrafficdirection/multiftml');
            this.propParams = {
                dateType: '/multitrafficdirection/multiftml',
                data: data
            };
        },
        reportHandler(emitData) {
            this.asisName = emitData.asis_tit;
            this.$router.push('/behavior/multitrafficdirection/multiftml');
            this.propParams = {
                dateType: '/multitrafficdirection/multiftml',
                data: emitData
            };
        }
    },
}
</script>

<style scoped>
.mulitf-analysis {
    width: 100%;
    height: calc(100% - 114px)
}
</style>