xieb
2023-09-13 3667807a7b7418efc090ee3fa6a6b734bc3080bf
src/components/common/topbar.vue
@@ -1,7 +1,7 @@
<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>
@@ -27,7 +27,7 @@
          <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>
@@ -40,7 +40,7 @@
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'
@@ -60,28 +60,31 @@
}
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>