src/renderer/components/Layout/index.vue

@@ -1,18 +1,19 @@
 <template>
-  <main class="bg-[#f7f9fc] box-border w-full h-screen flex pt-[8px] pb-[8px] pl-[8px] ">
-    <div class="flex-1 flex gap-[8px]">
-      <div class="flex-1 h-full">
+  <div class="bg h-screen flex flex-col">
+    <header-bar>
+      <drag-region class="w-full" />
+    </header-bar>
+
+    <main class="bg-[#f7f9fc] box-border w-full h-[calc(100vh-40px)] flex pt-[8px] pb-[8px] pl-[8px] ">
+      <div class="flex-1 flex">
         <slot />
       </div>
-
-      <TaskList />
-    </div>
-
       <SideMenus />
     </main>
+  </div>
+
 </template>
 
 <script setup lang="ts" name="Layout">
-import TaskList from '@renderer/components/TaskList/index.vue'
 import SideMenus from '@renderer/components/SideMenus/index.vue'
 </script>

src/renderer/views/home/ChatGuide.vue

@@ -1,13 +1,9 @@
 <template>
-  <!-- 页面根节点：不滚动 -->
-  <div class="h-full bg-white overflow-hidden">
-
   <!-- 唯一滚动容器 -->
   <div class="h-full overflow-y-auto">
 
     <!-- Hero：吸顶 -->
-      <div class="sticky top-0 z-20 bg-white px-12 pt-10 pb-6
-               max-[800px]:px-5">
+    <div class="bg-white border-box px-12 pt-10 pb-6 max-[800px]:px-5">
       <h1 class="text-[28px] font-bold mb-7 leading-tight">
         你好，<br />
         我今天能帮你什么？
@@ -47,10 +43,8 @@
     </div>
 
     <!-- 内容区 -->
-      <div class="px-12 pb-10 pt-4
-               max-[800px]:px-5">
-        <div class="grid grid-cols-2 gap-4
-                 max-[800px]:grid-cols-1">
+    <div class="flex-1 px-12 pb-10 pt-4  max-[800px]:px-5">
+      <div class="grid grid-cols-2 gap-4 max-[800px]:grid-cols-1">
         <div v-for="n in 14" :key="n" class="flex gap-3 items-start p-3.5
                   rounded-[10px] border border-[#dfeaf6] bg-white">
           <div class="w-11 h-11 bg-[#EFF6FF] rounded-lg
@@ -73,7 +67,6 @@
     </div>
 
   </div>
-  </div>
 </template>
 
 <script setup lang="ts">

src/renderer/views/home/ChatHistory.vue

@@ -1,5 +1,5 @@
 <template>
-	<aside class="w-50 h-screen box-border flex flex-col">
+	<aside class="w-50 h-full box-border flex flex-col">
 		<div class="flex items-center m-2">
 			<img class="w-10 h-10 rounded-md" src="@assets/images/login/white_logo.png" />
 			<div class="font-bold text-gray-80">YINIAN</div>

src/renderer/views/home/index.vue

@@ -1,25 +1,19 @@
 <template>
-  <div class="bg h-screen flex flex-col">
-    <header-bar>
-      <drag-region class="w-full" />
-    </header-bar>
-
   <layout>
     <div class="flex h-full w-full flex-col md:flex-row ">
       <chat-history class="flex-none w-64" />
-      <div class="flex-1 overflow-auto px-5 bg-white rounded-xl">
+      <div class="flex-1 mr-2 overflow-hidden bg-white rounded-xl">
         <chat-guide />
         <!-- <chat-box /> -->
       </div>
+      <TaskList />
     </div>
-
   </layout>
-  </div>
 </template>
 
 <script setup lang="ts">
+import TaskList from '@renderer/components/TaskList/index.vue'
 import ChatHistory from './ChatHistory.vue'
 import ChatGuide from './ChatGuide.vue'
 import ChatBox from './ChatBox.vue'
 </script>
-

src/renderer/views/knowledge/page.vue

@@ -7,6 +7,7 @@
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
 <template>
+  <layout>
     <div class="bg-white box-border w-full h-full p-[20px]">
       <TitleSection title="知识库管理" desc="内容管理" />
       <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
@@ -18,6 +19,8 @@
         </el-tab-pane>
       </el-tabs>
     </div>
+  </layout>
+  
 </template>
 
 <script setup lang="ts" name="KnowledgePage">

src/renderer/views/task/index.vue

@@ -1,7 +1,10 @@
 <template>
+  
+  <layout>
     <div class="bg-white h-full flex flex-col p-[20px]">
       任务中心
     </div>
+  </layout>
 </template>
 
 <script setup lang="ts">