From 8cc174a08195addb07ad0333c048c7be462a633a Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Mon, 19 Jan 2026 18:40:27 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=BB=93=E6=9E=84=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/components/Layout/index.vue |  19 ++--
 src/renderer/views/home/ChatGuide.vue    | 119 +++++++++++------------
 src/renderer/views/home/ChatHistory.vue  |   2 +-
 src/renderer/views/home/index.vue        |  18 ++--
 src/renderer/views/knowledge/page.vue    |  25 ++---
 src/renderer/views/task/index.vue        |   7 +-
 6 files changed, 92 insertions(+), 98 deletions(-)

diff --git a/src/renderer/components/Layout/index.vue b/src/renderer/components/Layout/index.vue
index 97d0e2c..b87083f 100644
--- a/src/renderer/components/Layout/index.vue
+++ b/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>
+      <SideMenus />
+    </main>
+  </div>
 
-      <TaskList />
-    </div>
-
-    <SideMenus />
-  </main>
 </template>
 
 <script setup lang="ts" name="Layout">
-import TaskList from '@renderer/components/TaskList/index.vue'
 import SideMenus from '@renderer/components/SideMenus/index.vue'
 </script>
\ No newline at end of file
diff --git a/src/renderer/views/home/ChatGuide.vue b/src/renderer/views/home/ChatGuide.vue
index be36b5a..7b7df9c 100644
--- a/src/renderer/views/home/ChatGuide.vue
+++ b/src/renderer/views/home/ChatGuide.vue
@@ -1,78 +1,71 @@
 <template>
-  <!-- 页面根节点：不滚动 -->
-  <div class="h-full bg-white overflow-hidden">
+  <!-- 唯一滚动容器 -->
+  <div class="h-full overflow-y-auto">
 
-    <!-- 唯一滚动容器 -->
-    <div class="h-full overflow-y-auto">
+    <!-- Hero：吸顶 -->
+    <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 />
+        我今天能帮你什么？
+      </h1>
 
-      <!-- Hero：吸顶 -->
-      <div class="sticky top-0 z-20 bg-white px-12 pt-10 pb-6
-               max-[800px]:px-5">
-        <h1 class="text-[28px] font-bold mb-7 leading-tight">
-          你好，<br />
-          我今天能帮你什么？
-        </h1>
+      <!-- input -->
+      <div class="flex flex-col gap-3">
+        <div class="inline-flex items-center justify-center w-[108px]
+                  px-3 py-1.5 rounded-2xl border border-[#E5E8EE]
+                  text-[13px] text-[#333]">
+          智能问数
+        </div>
 
-        <!-- input -->
-        <div class="flex flex-col gap-3">
-          <div class="inline-flex items-center justify-center w-[108px]
-                   px-3 py-1.5 rounded-2xl border border-[#E5E8EE]
-                   text-[13px] text-[#333]">
-            智能问数
+        <div class="h-[174px] bg-white rounded-lg border border-[#eef2f6]
+                  shadow-[0_1px_0_rgba(0,0,0,0.03)]
+                  p-[18px] flex flex-col justify-between">
+          <div class="text-[#bfc9d4]">
+            给我发布或者布置任务
           </div>
 
-          <div class="h-[174px] bg-white rounded-lg border border-[#eef2f6]
-                   shadow-[0_1px_0_rgba(0,0,0,0.03)]
-                   p-[18px] flex flex-col justify-between">
-            <div class="text-[#bfc9d4]">
-              给我发布或者布置任务
-            </div>
-
-            <div class="flex justify-between items-center">
-              <button class="text-[#9fb0c4]">🔗</button>
-              <button class="bg-[#f1f6fb] px-2.5 py-1.5 rounded-md">
-                ✈
-              </button>
-            </div>
-          </div>
-
-          <!-- header -->
-          <div class="flex justify-between items-center mt-4">
-            <h3 class="text-base font-semibold">任务中心</h3>
-            <a class="text-[#3b82f6] text-[13px] cursor-pointer">
-              编辑
-            </a>
+          <div class="flex justify-between items-center">
+            <button class="text-[#9fb0c4]">🔗</button>
+            <button class="bg-[#f1f6fb] px-2.5 py-1.5 rounded-md">
+              ✈
+            </button>
           </div>
         </div>
-      </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 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
-                     border border-dashed border-[#9fc0e8]
-                     flex items-center justify-center
-                     text-[#3b82f6] text-[23px]">
-              销
-            </div>
-
-            <div>
-              <div class="font-semibold">
-                每日销售数据
-              </div>
-              <div class="text-[#9aa5b1] text-[13px] mt-1.5">
-                分析用于销售渠道每日数据汇总及简要展示
-              </div>
-            </div>
-          </div>
+        <!-- header -->
+        <div class="flex justify-between items-center mt-4">
+          <h3 class="text-base font-semibold">任务中心</h3>
+          <a class="text-[#3b82f6] text-[13px] cursor-pointer">
+            编辑
+          </a>
         </div>
       </div>
-
     </div>
+
+    <!-- 内容区 -->
+    <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
+                    border border-dashed border-[#9fc0e8]
+                    flex items-center justify-center
+                    text-[#3b82f6] text-[23px]">
+            销
+          </div>
+
+          <div>
+            <div class="font-semibold">
+              每日销售数据
+            </div>
+            <div class="text-[#9aa5b1] text-[13px] mt-1.5">
+              分析用于销售渠道每日数据汇总及简要展示
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
   </div>
 </template>
 
diff --git a/src/renderer/views/home/ChatHistory.vue b/src/renderer/views/home/ChatHistory.vue
index d21a648..43afb87 100644
--- a/src/renderer/views/home/ChatHistory.vue
+++ b/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>
diff --git a/src/renderer/views/home/index.vue b/src/renderer/views/home/index.vue
index 4c84e8c..75111b1 100644
--- a/src/renderer/views/home/index.vue
+++ b/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">
+  <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>
+  </layout>
 </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>
-
diff --git a/src/renderer/views/knowledge/page.vue b/src/renderer/views/knowledge/page.vue
index cf291a7..146b92a 100644
--- a/src/renderer/views/knowledge/page.vue
+++ b/src/renderer/views/knowledge/page.vue
@@ -7,17 +7,20 @@
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
 <template>
-  <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">
-      <el-tab-pane label="事件管理" name="first">
-        <EventManager @change="handleChange" />
-      </el-tab-pane>
-      <el-tab-pane label="房型管理" name="second">
-        <RoomTypeManager />
-      </el-tab-pane>
-    </el-tabs>
-  </div>
+  <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">
+        <el-tab-pane label="事件管理" name="first">
+          <EventManager @change="handleChange" />
+        </el-tab-pane>
+        <el-tab-pane label="房型管理" name="second">
+          <RoomTypeManager />
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+  </layout>
+  
 </template>
 
 <script setup lang="ts" name="KnowledgePage">
diff --git a/src/renderer/views/task/index.vue b/src/renderer/views/task/index.vue
index 998c1a6..50faced 100644
--- a/src/renderer/views/task/index.vue
+++ b/src/renderer/views/task/index.vue
@@ -1,7 +1,10 @@
 <template>
-  <div class="bg-white h-full flex flex-col p-[20px]">
+  
+  <layout>
+    <div class="bg-white h-full flex flex-col p-[20px]">
       任务中心
-  </div>
+    </div>
+  </layout>
 </template>
 
 <script setup lang="ts">