|  |  |  | 
|---|
|  |  |  | <div class="navbar"> | 
|---|
|  |  |  | <div class="left-side"> | 
|---|
|  |  |  | <a-space> | 
|---|
|  |  |  | <img | 
|---|
|  |  |  | alt="logo" | 
|---|
|  |  |  | src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/dfdba5317c0c20ce20e64fac803d52bc.svg~tplv-49unhts6dw-image.image" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | <img class="logo" alt="logo" src="@/assets/images/icon-logo.png" /> | 
|---|
|  |  |  | <a-typography-title | 
|---|
|  |  |  | :style="{ margin: 0, fontSize: '18px' }" | 
|---|
|  |  |  | :heading="5" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | Arco Pro | 
|---|
|  |  |  | SmartAl大模型平台 | 
|---|
|  |  |  | </a-typography-title> | 
|---|
|  |  |  | <icon-menu-fold | 
|---|
|  |  |  | v-if="!topMenu && appStore.device === 'mobile'" | 
|---|
|  |  |  | 
|---|
|  |  |  | </a-button> | 
|---|
|  |  |  | </a-tooltip> | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | <li> | 
|---|
|  |  |  | <!-- <li> | 
|---|
|  |  |  | <a-tooltip :content="$t('settings.navbar.alerts')"> | 
|---|
|  |  |  | <div class="message-box-trigger"> | 
|---|
|  |  |  | <a-badge :count="9" dot> | 
|---|
|  |  |  | 
|---|
|  |  |  | <message-box /> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </a-popover> | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | </li> --> | 
|---|
|  |  |  | <li> | 
|---|
|  |  |  | <a-tooltip | 
|---|
|  |  |  | :content=" | 
|---|
|  |  |  | 
|---|
|  |  |  | <img alt="avatar" :src="avatar" /> | 
|---|
|  |  |  | </a-avatar> | 
|---|
|  |  |  | <template #content> | 
|---|
|  |  |  | <a-doption> | 
|---|
|  |  |  | <!-- <a-doption> | 
|---|
|  |  |  | <a-space @click="switchRoles"> | 
|---|
|  |  |  | <icon-tag /> | 
|---|
|  |  |  | <span> | 
|---|
|  |  |  | 
|---|
|  |  |  | {{ $t('messageBox.userSettings') }} | 
|---|
|  |  |  | </span> | 
|---|
|  |  |  | </a-space> | 
|---|
|  |  |  | </a-doption> --> | 
|---|
|  |  |  | <a-doption> | 
|---|
|  |  |  | <a-space @click="handleLogout"> | 
|---|
|  |  |  | <icon-export /> | 
|---|
|  |  |  | <span> | 
|---|
|  |  |  | {{ $t('messageBox.logout') }} | 
|---|
|  |  |  | </span> | 
|---|
|  |  |  | </a-space> | 
|---|
|  |  |  | </a-doption> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </a-dropdown> | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | <li style="padding: 0"> | 
|---|
|  |  |  | <a-dropdown trigger="click" @select="changeLocale as any"> | 
|---|
|  |  |  | <div> {{ name }}</div> | 
|---|
|  |  |  | <template #content> | 
|---|
|  |  |  | <a-doption> | 
|---|
|  |  |  | <a-space @click="handleLogout"> | 
|---|
|  |  |  | <icon-export /> | 
|---|
|  |  |  | 
|---|
|  |  |  | import useUser from '@/hooks/user'; | 
|---|
|  |  |  | import Menu from '@/components/menu/index.vue'; | 
|---|
|  |  |  | import MessageBox from '../message-box/index.vue'; | 
|---|
|  |  |  | import login from '@/assets/images/icon-logo.png'; | 
|---|
|  |  |  | import { getUserInfo } from '@/utils/auth'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const appStore = useAppStore(); | 
|---|
|  |  |  | const userStore = useUserStore(); | 
|---|
|  |  |  | 
|---|
|  |  |  | const { changeLocale, currentLocale } = useLocale(); | 
|---|
|  |  |  | const { isFullscreen, toggle: toggleFullScreen } = useFullscreen(); | 
|---|
|  |  |  | const locales = [...LOCALE_OPTIONS]; | 
|---|
|  |  |  | const avatar = computed(() => { | 
|---|
|  |  |  | return userStore.avatar; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | const avatar = login; | 
|---|
|  |  |  | const name = JSON.parse(getUserInfo()).name || ''; | 
|---|
|  |  |  | //const avatar = computed(() => { | 
|---|
|  |  |  | //  return userStore.avatar; | 
|---|
|  |  |  | //}); | 
|---|
|  |  |  | const theme = computed(() => { | 
|---|
|  |  |  | return appStore.theme; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | padding-left: 20px; | 
|---|
|  |  |  | .logo { | 
|---|
|  |  |  | width: 32px; | 
|---|
|  |  |  | height: 32px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .center-side { | 
|---|