| | |
| | | <template> |
| | | <div class="map-mode-change p-events-auto"> |
| | | <template v-for="(item, index) in menu" :key="index"> |
| | | <div v-show="status == 0" class="map-mode-change p-events-auto"> |
| | | <template v-for="(item, index) in menu" :key="item.path"> |
| | | <a :class="btnClz(item.selected)" @click="navTo(index)"> |
| | | <div>{{ item.name }}</div> |
| | | </a> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { mapState } from 'pinia'; |
| | | import { useMapAnimationStore } from '@/stores/map-animation'; |
| | | |
| | | export default { |
| | | data() { |
| | | return { |
| | |
| | | path: 'rmode' |
| | | }, |
| | | { |
| | | name: '网格化监测', |
| | | path: 'gridmonitor' |
| | | name: '走航融合', |
| | | path: 'underwaymix' |
| | | } |
| | | // { |
| | | // name: '污染溯源2', |
| | | // path: 'hmode2' |
| | | // } |
| | | // { |
| | | // name: '网格化监测', |
| | | // path: 'gridmonitor' |
| | | // } |
| | | // { |
| | | // name: '用电量监测', |
| | | // path: 'emode' |
| | |
| | | ] |
| | | }; |
| | | }, |
| | | computed: {}, |
| | | computed: { |
| | | ...mapState(useMapAnimationStore, ['status']) |
| | | }, |
| | | methods: { |
| | | btnClz(selected) { |
| | | return ( |
| | |
| | | m[index].selected = true; |
| | | this.$router.push(m[index].path); |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.navTo(0); |
| | | } |
| | | }; |
| | | </script> |