36 lines
819 B
Vue
36 lines
819 B
Vue
|
<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>
|
||
|
|
|