| | |
| | | <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" |
| | | > |
| | | 大模型平台 |
| | | SmartAl大模型平台 |
| | | </a-typography-title> |
| | | <icon-menu-fold |
| | | v-if="!topMenu && appStore.device === 'mobile'" |
| | |
| | | <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-doption> |
| | | <a-space @click="handleLogout"> |
| | | <icon-export /> |
| | |
| | | </template> |
| | | </a-dropdown> |
| | | </li> |
| | | <li style="padding: 0"> {{ name }} </li> |
| | | </ul> |
| | | </div> |
| | | </template> |
| | |
| | | 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 { |