fix: 右上角导航优化

Yi.Ai.Vue3/src/layouts/components/Header/index.vue

@@ -7,7 +7,9 @@ import { useSessionStore } from '@/stores/modules/session';
 import AiTutorialBtn from './components/AiTutorialBtn.vue';
 import AnnouncementBtn from './components/AnnouncementBtn.vue';
 import Avatar from './components/Avatar.vue';
+import BuyBtn from './components/BuyBtn.vue';
 import Collapse from './components/Collapse.vue';
+import ConsoleBtn from './components/ConsoleBtn.vue';
 import CreateChat from './components/CreateChat.vue';
 import LoginBtn from './components/LoginBtn.vue';
 import ModelLibraryBtn from './components/ModelLibraryBtn.vue';
@@ -17,6 +19,8 @@ const userStore = useUserStore();
 const designStore = useDesignStore();
 const sessionStore = useSessionStore();
 
+const avatarRef = ref();
+
 const currentSession = computed(() => sessionStore.currentSession);
 
 onMounted(() => {
@@ -43,6 +47,11 @@ function handleCtrlK(event: KeyboardEvent) {
 onKeyStroke(event => event.ctrlKey && event.key.toLowerCase() === 'k', handleCtrlK, {
   passive: false,
 });
+
+// 打开控制台
+function handleOpenConsole() {
+  avatarRef.value?.openDialog?.();
+}
 </script>
 
 <template>
@@ -75,7 +84,9 @@ onKeyStroke(event => event.ctrlKey && event.key.toLowerCase() === 'k', handleCtr
           <AnnouncementBtn />
           <ModelLibraryBtn />
           <AiTutorialBtn />
-          <Avatar v-show="userStore.userInfo" />
+          <ConsoleBtn @open-console="handleOpenConsole" />
+          <BuyBtn v-show="userStore.userInfo" />
+          <Avatar v-show="userStore.userInfo" ref="avatarRef" />
           <LoginBtn v-show="!userStore.userInfo" />
         </div>
       </div>