| | |
| | | <script setup> |
| | | import { nextTick, ref, inject } from 'vue'; |
| | | import { nextTick, ref, inject, onMounted } from 'vue'; |
| | | import { useRouter } from "vue-router"; |
| | | import { get, post, postForm } from '@/utils/request.js' |
| | | import { logout } from '@/config.js'; |
| | |
| | | const components = { |
| | | ...Icons, |
| | | }; |
| | | |
| | | onMounted(() => { |
| | | let name = router.currentRoute.value.name; |
| | | let path = router.currentRoute.value.path; |
| | | if (currentCache.value == null && path != '/') { |
| | | get('/api/menu/get/route', { |
| | | route: path |
| | | }).then((resp) => { |
| | | let result = resp.data; |
| | | let data = result.data; |
| | | if (result.code == 200) { |
| | | currentCache.value = name; |
| | | routerCache.value.push(name) |
| | | routerCacheList.value.push({ |
| | | key: path, |
| | | languageId: data.languageId, |
| | | name: name, |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | | |
| | | getMenu() |
| | | function getMenu() { |
| | |
| | | |
| | | <template> |
| | | <a-layout class="main"> |
| | | <a-layout-sider v-model:collapsed="collapsed" :trigger="null" collapsible> |
| | | <a-layout-sider v-model:collapsed="collapsed" :trigger="null" collapsible theme="dark"> |
| | | <div class="logo" /> |
| | | <a-menu v-for="(item, index) in menuCache" :key="index" v-model:selectedKeys="selectedKeys" @select="menuSelect" |
| | | theme="dark" mode="inline"> |
| | | <a-menu v-model:selectedKeys="selectedKeys" @select="menuSelect" theme="dark" mode="inline"> |
| | | <div> |
| | | <a-menu-item key="/" name="主页"> |
| | | <HomeOutlined /> {{ formatMessage('common.home', '主页') }} |
| | | </a-menu-item> |
| | | </div> |
| | | |
| | | <a-sub-menu v-if="item.type == 0"> |
| | | <template #title> |
| | | <span> |
| | | <component :is="components[ref(item.icon).value]" /> |
| | | {{ formatMessage(item.languageId, item.name) }} |
| | | </span> |
| | | </template> |
| | | <div v-for="(child, idx) in item.children"> |
| | | <a-menu-item v-if="child.status == 1" :key="child.route" :name="child.name" :languageId="child.languageId"> |
| | | {{ formatMessage(child.languageId, child.name) }} |
| | | </a-menu-item> |
| | | </div> |
| | | </a-sub-menu> |
| | | <div v-for="(item, index) in menuCache" :key="index"> |
| | | <a-sub-menu :key="index" v-if="item.type == 0"> |
| | | <template #title> |
| | | <span> |
| | | <component :is="components[ref(item.icon).value]" /> |
| | | {{ formatMessage(item.languageId, item.name) }} |
| | | </span> |
| | | </template> |
| | | <div v-for="(child, idx) in item.children"> |
| | | <a-menu-item v-if="child.status == 1" :key="child.route" :name="child.name" |
| | | :languageId="child.languageId"> |
| | | {{ formatMessage(child.languageId, child.name) }} |
| | | </a-menu-item> |
| | | </div> |
| | | </a-sub-menu> |
| | | </div> |
| | | </a-menu> |
| | | |
| | | </a-layout-sider> |
| | |
| | | <a-dropdown> |
| | | <div> |
| | | <TranslationOutlined /> |
| | | {{ globalState.localeList[globalState.locale].desc }} |
| | | {{ globalState.localeList[globalState.locale]?.desc }} |
| | | </div> |
| | | <template #overlay> |
| | | <a-menu> |