<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/passengerFlowStatisticsOption'
  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,
          }
          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', 'passengerFlowStatistics', emitData);
        this.$router.push(result.router);
        this.propParams = result.params;
      },
    },
  }
</script>

<style scoped>
  .element-main{
    margin-top: 115px !important;
  }
</style>