| | |
| | | <template> |
| | | <div class="width-100 flex-row flex-justify-between flex-align-center" style="height: 60px;"> |
| | | <div class="height-100"> |
| | | <a-avatar :size="40" shape="square" :src="cloudapi" /> |
| | | <!-- <a-avatar :size="40" shape="square" :src="cloudapi" /> --> |
| | | <span class="ml10 fontBold">{{ workspaceName }}</span> |
| | | </div> |
| | | |
| | |
| | | <a-menu theme="dark" class="flex-column flex-justify-between flex-align-center"> |
| | | <a-menu-item> |
| | | <span class="mr10" style="font-size: 16px;"><ExportOutlined /></span> |
| | | <span @click="logout">Log Out</span> |
| | | <span @click="logout">退出登录</span> |
| | | </a-menu-item> |
| | | </a-menu> |
| | | </template> |
| | |
| | | import { message } from 'ant-design-vue' |
| | | import { defineComponent, onMounted, ref } from 'vue' |
| | | import { getRoot } from '/@/root' |
| | | import { getPlatformInfo } from '/@/api/manage' |
| | | import { getPlatformInfo, loginOut } from '/@/api/manage' |
| | | import { ELocalStorageKey, ERouterName } from '/@/types' |
| | | import { UserOutlined, ExportOutlined } from '@ant-design/icons-vue' |
| | | import cloudapi from '/@/assets/icons/cloudapi.png' |
| | |
| | | } |
| | | const username = ref(localStorage.getItem(ELocalStorageKey.Username)) |
| | | const workspaceName = ref('') |
| | | |
| | | const options = [ |
| | | { key: 0, label: ERouterName.WORKSPACE.charAt(0).toUpperCase() + ERouterName.WORKSPACE.substr(1), path: '/' + ERouterName.WORKSPACE }, |
| | | { key: 1, label: ERouterName.MEMBERS.charAt(0).toUpperCase() + ERouterName.MEMBERS.substr(1), path: '/' + ERouterName.MEMBERS }, |
| | | { key: 2, label: ERouterName.DEVICES.charAt(0).toUpperCase() + ERouterName.DEVICES.substr(1), path: '/' + ERouterName.DEVICES }, |
| | | { key: 3, label: ERouterName.FIRMWARES.charAt(0).toUpperCase() + ERouterName.FIRMWARES.substr(1), path: '/' + ERouterName.FIRMWARES }, |
| | | { key: 0, label: '项目', path: '/' + ERouterName.PROJECT }, |
| | | { key: 1, label: '人员管理', path: '/' + ERouterName.MEMBERS }, |
| | | { key: 2, label: '设备管理', path: '/' + ERouterName.DEVICES }, |
| | | // { key: 3, label: ERouterName.FIRMWARES.charAt(0).toUpperCase() + ERouterName.FIRMWARES.substr(1), path: '/' + ERouterName.FIRMWARES }, |
| | | ] |
| | | |
| | | const selected = ref<string>(root.$route.path) |
| | | |
| | | onMounted(() => { |
| | | getPlatformInfo().then(res => { |
| | | workspaceName.value = res.data.workspace_name |
| | | }) |
| | | // getPlatformInfo().then(res => { |
| | | // workspaceName.value = res.data.workspace_name |
| | | // }) |
| | | }) |
| | | |
| | | function selectedRoute (path: string) { |
| | | selected.value = path |
| | | } |
| | | |
| | | const logout = () => { |
| | | const logout = async () => { |
| | | const res = await loginOut() |
| | | console.log(res, 'Res') |
| | | localStorage.clear() |
| | | root.$router.push(ERouterName.PROJECT) |
| | | root.$router.push(ERouterName.LOGIN) |
| | | } |
| | | </script> |
| | | |