| | |
|---|
| | | <template> |
|---|
| | | <div class="page-mode"> |
|---|
| | | <div @mouseenter="item.childrenFlag = true" :class="{ active: currentUrl.indexOf(item.path) != -1 }" |
|---|
| | | <div @mouseenter="item.childrenFlag = true" :class="{ active: buttonIndex == item.value }" |
|---|
| | | @mouseleave="item.childrenFlag = false" @click="goToPath(item)" v-for="(item, index) in menuList" :key="index"> |
|---|
| | | {{ item.menuName }} |
|---|
| | | </div> |
|---|
| | |
|---|
| | | [ |
|---|
| | | { |
|---|
| | | menuName: '企业信息', |
|---|
| | | path: '/layout/sub/companyInfo' |
|---|
| | | path: '/layout/sub/companyInfo', |
|---|
| | | value: 1, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | menuName: '应急物质', |
|---|
| | | path: '/layout/sub/', |
|---|
| | | value: 2, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | menuName: '应急空间', |
|---|
| | | path: '/layout/ws' |
|---|
| | | path: '/layout/ws', |
|---|
| | | value: 3, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | menuName: '三道防线', |
|---|
| | | path: '/layout/sj' |
|---|
| | | path: '/layout/sj', |
|---|
| | | value: 4, |
|---|
| | | } |
|---|
| | | ] |
|---|
| | | ) |
|---|
| | | let { buttonIndex } = defineProps({ |
|---|
| | | buttonIndex: Number |
|---|
| | | }) |
|---|
| | | |
|---|
| | | // 父级方法 |
|---|
| | | const emit = defineEmits(['childEvent']) |
|---|
| | | |
|---|
| | | const goToPath = (params) => { |
|---|
| | | if (params.value == 1) { |
|---|
| | | emit('childEvent', params.value) |
|---|
| | | return |
|---|
| | | |
|---|
| | | } else if (params.value == 2) { |
|---|
| | | emit('childEvent', params.value) |
|---|
| | | return |
|---|
| | | } |
|---|
| | | emit('childEvent', params.value) |
|---|
| | | |
|---|
| | | if (params.children && params.children.length > 0) return |
|---|
| | | |
|---|
| | | if (params.path) { |
|---|
