| | |
| | | |
| | | <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> |