<template>
    <div>
    <areaStatistics v-show="activeName=='areaStatistics'" ref="areaStatistics" />
    <passageStatistics v-show="activeName=='passageStatistics'" ref="passageStatistics" :AREA_ID="AREA_ID" :AREA_REGION="AREA_REGION"/>
  </div>
</template>

<script>
import areaStatistics from './components/areaStatistics.vue'
import passageStatistics from './components/passageStatistics.vue'
export default {
  watch: {
     activeName(newVal, oldVal) {
       if (newVal === 'passageStatistics') {
        this.$refs.passageStatistics.active()
       }
     }
   },
  components: {
    areaStatistics: areaStatistics,
    passageStatistics: passageStatistics,
  },
  data() {
    return {
      activeName: 'areaStatistics',
      AREA_ID:'',
      AREA_REGION:''
    }
  }
}
</script>

<style scoped>
</style>

