添加任务协作的路由，布局任务协作的页面和交互

apps/web-vue/src/layout/index.vue

@@ -17,7 +17,7 @@
             <template v-for="(item, index) in menus" :key="index">
               <el-sub-menu v-if="item.children && item.children.length" :index="item.path">
                 <template #title>
-                  <SvgIcon name="HD" size="20" class="mr-10 iconscoal" />
+                  <SvgIcon :name="item.icon" size="20" class="mr-10 iconscoal" />
                   <span>{{ item.name }}</span>
                 </template>
                 <el-menu-item v-for="(child, cindex) in item.children" :key="cindex" :index="item.path + child.path">
@@ -25,7 +25,7 @@
                 </el-menu-item>
               </el-sub-menu>
               <el-menu-item v-else :index="item.path">
-                <SvgIcon name="HD" size="20" class="mr-10 iconscoal" />
+                <SvgIcon :name="item.icon" size="20" class="mr-10 iconscoal" />
                 <span>{{ item.name }}</span>
               </el-menu-item>
             </template>
@@ -77,47 +77,47 @@ const menus = [
   {
     name: '首页',
     path: '/',
-    icon: 'el-icon-s-home',
+    icon: 'room',
   },
   {
     name: '快速创作',
     path: '/',
-    icon: 'el-icon-s-home',
+    icon: 'add',
   },
   {
     name: 'Agent创作',
     path: '/',
-    icon: 'el-icon-s-home',
+    icon: 'audio',
   },
   {
     name: '爆款复刻',
     path: '/',
-    icon: 'el-icon-s-home',
+    icon: 'caijian',
   },
   {
     name: 'AI视频',
     path: '/',
-    icon: 'el-icon-s-home',
+    icon: 'video',
   },
   {
     name: 'AI图片',
     path: '/',
-    icon: 'el-icon-s-home',
+    icon: 'image',
   },
   {
     name: '画布',
     path: '/',
-    icon: 'el-icon-s-home',
+    icon: 'redraw',
   },
   {
     name: '任务协作',
-    path: '/',
-    icon: 'el-icon-s-home',
+    path: '/task',
+    icon: 'map',
   },
   {
     name: '资源库',
     path: '/resource',
-    icon: 'el-icon-s-home',
+    icon: 'fineness',
     children: [
       {
         name: '成片管理',

apps/web-vue/src/router/index.ts

@@ -8,6 +8,7 @@ import video from '@/views/vue-flow/video.vue'
 import VideoOutMp4 from '@/views/vue-flow/components/VideoOutMp4.vue'
 import ThreeD from '@/views/vue-flow/3d.vue'
 import Layout from '@/layout/index.vue'
+import Task from '@/views/task/index.vue'
 
 const routes = [
   {
@@ -29,6 +30,19 @@ const routes = [
     ]
   },
   {
+    path: '/task',
+    component: Layout,
+    children: [
+      {
+        path: 'task',
+        alias: '',
+        name: 'Task',
+        component: Task,
+        meta: { title: '任务协作', icon: 'House', affix: true }
+      }
+    ]
+  },
+  {
     path: '/resource',
     component: Layout,
     children: [

apps/web-vue/src/views/home/components/section2.vue

@@ -70,6 +70,7 @@ function onSearch() {
     display: inline-flex;
     align-items: center;
     justify-content: center;
+    cursor: pointer;
     border: 1px solid rgba(0, 0, 0, 0.08);
 }
 </style>

apps/web-vue/src/views/home/components/section3.vue

@@ -47,7 +47,7 @@
                             style="background-color: rgba(var(--main-color), 0.1);">上传视频</span>
                         <span class="color-999">2026-03-25 14:25:34</span>
                     </div>
-                    <span class="fs-12 px-8 py-2 round-100 bg-eee" style="color: red;">未读</span>
+                    <span class="fs-12 px-8 py-2 round-100 bg-eee pointer" style="color: red;">未读</span>
                 </div>
                 <div class="mt-10 ellipsis">视频《冬季风衣短视频_01.mp4》上传成功，可前往创作工作台进行下一步编辑与智能渲染。</div>
             </div>

apps/web-vue/src/views/home/components/section4.vue

@@ -44,7 +44,7 @@
                 </div>
             </div>
             <section class="flex flex-wrap gap-10 mt-20">
-                <div v-for="(item, index) in helpItems" :key="index" class="round-6 p-12 flex-center flex-col"
+                <div v-for="(item, index) in helpItems" :key="index" class="round-6 p-12 flex-center flex-col pointer"
                     style="background-color: #88888810;flex: 0 0 calc((100% - 10px*2)/3);">
                     <span class="font-bold">⬇️</span>
                     <span class="font-bold">{{ item.label }}</span>

apps/web-vue/src/views/home/components/section5.vue

@@ -22,7 +22,7 @@
             </div>
         </div>
         <section class="mt-20 flex gap-10">
-            <div v-for="(item, index) in list" :key="index" class="round-6 p-12"
+            <div v-for="(item, index) in list" :key="index" class="round-6 p-12 pointer"
                 style="background-color: #88888810; flex: 0 0 calc((100% - 10px * 3) / 4);overflow: hidden;">
                 <div class="flex-items-center justify-between">
                     <div class="fs-12 flex gap-6">

apps/web-vue/src/views/home/index.vue

 <template>
-    <div class="content">
+    <div class="content pb-20">
         <Section1 class="pt-20" />
-        <Section2 class="mt-40" />
-        <div class="flex gap-20 mt-40">
+        <Section2 class="mt-20" />
+        <div class="flex gap-20 mt-20">
             <Section3 style="width: 60%;" />
             <Section4 style="width: 40%;" />
         </div>
-        <Section5 class="mt-40" />
+        <Section5 class="mt-20" />
     </div>
 </template>