zhangxiao
2024-08-26 a4ca216c5b215f323b3c439b2f445dad72bbfce1
src/components/navbar/index.vue
@@ -2,15 +2,12 @@
  <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'"
@@ -82,7 +79,7 @@
          </a-button>
        </a-tooltip>
      </li>
      <li>
      <!-- <li>
        <a-tooltip :content="$t('settings.navbar.alerts')">
          <div class="message-box-trigger">
            <a-badge :count="9" dot>
@@ -108,7 +105,7 @@
            <message-box />
          </template>
        </a-popover>
      </li>
      </li> -->
      <li>
        <a-tooltip
          :content="
@@ -153,7 +150,7 @@
            <img alt="avatar" :src="avatar" />
          </a-avatar>
          <template #content>
            <a-doption>
            <!-- <a-doption>
              <a-space @click="switchRoles">
                <icon-tag />
                <span>
@@ -176,7 +173,7 @@
                  {{ $t('messageBox.userSettings') }}
                </span>
              </a-space>
            </a-doption>
            </a-doption> -->
            <a-doption>
              <a-space @click="handleLogout">
                <icon-export />
@@ -188,6 +185,7 @@
          </template>
        </a-dropdown>
      </li>
      <li style="padding: 0"> {{ name }} </li>
    </ul>
  </div>
</template>
@@ -202,6 +200,8 @@
  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();
@@ -209,9 +209,11 @@
  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;
  });
@@ -275,6 +277,10 @@
    display: flex;
    align-items: center;
    padding-left: 20px;
    .logo {
      width: 32px;
      height: 32px;
    }
  }
  .center-side {