Browse Source

[Mod 0000] AI助手首页添加系统header

wangkeyi 6 days ago
parent
commit
8d3f8f4ce6
1 changed files with 5 additions and 3 deletions
  1. 5 3
      src/views/vent/home/homeAI/index.vue

+ 5 - 3
src/views/vent/home/homeAI/index.vue

@@ -5,6 +5,7 @@
     <Teleport to="body">
       <div class="home-menu-layer" :style="menuLayerStyle">
         <BottomSider />
+        <RightPositionBar :top="44" />
       </div>
     </Teleport>
   </div>
@@ -14,6 +15,7 @@
   import { computed, onMounted, ref } from 'vue';
   import AiAssistantModal from '/@/views/ventAI/manageAssistent/components/AiAssistantModal.vue';
   import BottomSider from '/@/layouts/default/sider/bottomSideder.vue';
+  import RightPositionBar from '/@/layouts/default/header/components/rightPositionBar.vue';
   import { useAppStore } from '/@/store/modules/app';
 
   const visible = ref(false);
@@ -24,9 +26,9 @@
     visible.value = true;
   });
 
-  // BottomSider 的 z-index 被 #adaptive-container 的 transform 层叠上下文锁住,
-  // 无法盖过挂在 body 层的全屏 AI 弹框;将 teleport 到 body,
-  // 并用与容器一致的尺寸+缩放复刻坐标系,使菜单正常显示在弹框之上
+  // 布局层被 #adaptive-container 的 transform 层叠上下文锁住,
+  // 无法盖过挂在 body 层的全屏 AI 弹框;将菜单和右上操作栏 teleport 到 body,
+  // 并用与容器一致的尺寸+缩放复刻坐标系,使显示在弹框之上
   const menuLayerStyle = computed(() => {
     const container = document.getElementById('adaptive-container');
     return {