| | |
| | | |
| | | const globalState = inject('globalState'); |
| | | const selectedKeys = ref([]); |
| | | let openKeys = ref([]); |
| | | const collapsed = ref(false); |
| | | const router = useRouter(); |
| | | let routerCache = ref([]); |
| | |
| | | |
| | | currentCache.value = item.name; |
| | | selectedKeys.value = [item.key] |
| | | |
| | | // open menu |
| | | let arr = item.key.split("/"); |
| | | let key = '/' + arr[1]; |
| | | openKeys.value = [key] |
| | | } |
| | | |
| | | const switchLocale = async (locale) => { |
| | |
| | | <a-layout class="main"> |
| | | <a-layout-sider v-model:collapsed="collapsed" :trigger="null" collapsible theme="dark"> |
| | | <div class="logo" /> |
| | | <a-menu v-model:selectedKeys="selectedKeys" @select="menuSelect" theme="dark" mode="inline"> |
| | | <a-menu v-model:openKeys="openKeys" v-model:selectedKeys="selectedKeys" @select="menuSelect" theme="dark" mode="inline"> |
| | | <div> |
| | | <a-menu-item key="/" name="主页"> |
| | | <HomeOutlined /> {{ formatMessage('common.home', '主页') }} |
| | |
| | | </div> |
| | | |
| | | <div v-for="(item, index) in menuCache" :key="index"> |
| | | <a-sub-menu :key="index" v-if="item.type == 0"> |
| | | <a-sub-menu :key="item.route" v-if="item.type == 0"> |
| | | <template #title> |
| | | <span> |
| | | <component :is="components[ref(item.icon).value]" /> |