恢复修改的数据

src/views/home/index.vue

@@ -4,23 +4,18 @@ import { storeToRefs } from 'pinia'
 // 页面容器：只做组件引入、props 分发、事件中转，数据只经 store
 import { useHomeStore } from '@/stores/modules/home'
 import type { BusinessType } from '@/types/api'
+import HomeBanner from './cpns/HomeBanner.vue'
 import HomeWelcome from './cpns/HomeWelcome.vue'
 import HomeStats from './cpns/HomeStats.vue'
 import HomeQuickEntries from './cpns/HomeQuickEntries.vue'
 import HomeBusinessCards from './cpns/HomeBusinessCards.vue'
 import HomeCaseShowcase from './cpns/HomeCaseShowcase.vue'
-import HomeServiceTabs from './cpns/HomeServiceTabs.vue'
 
 const homeStore = useHomeStore()
-const { stats, businessLines, featuredCases } = storeToRefs(homeStore)
+const { stats, banners, businessLines, featuredCases } = storeToRefs(homeStore)
 
 const todaySummary = computed(() => `今天有${stats.value.inProgress}个项目正在进行`)
 
-// 服务 Tab 展示互联网软件线内容（服务内容区默认锚点）
-const serviceLine = computed(
-  () => businessLines.value.find((line) => line.id === 'internet') ?? businessLines.value[0],
-)
-
 function onCategoryChange(category: BusinessType | 'all'): void {
   void homeStore.fetchFeaturedCases(category)
 }
@@ -32,19 +27,28 @@ onMounted(() => {
 
 <template>
   <div class="home">
-    <HomeWelcome :summary="todaySummary" />
-    <HomeStats :stats="stats" />
-    <HomeQuickEntries />
-    <HomeBusinessCards :lines="businessLines" />
-    <HomeCaseShowcase
-      :cases="featuredCases"
-      @category-change="onCategoryChange"
-    />
-    <HomeServiceTabs
-      v-if="serviceLine"
-      :service-types="serviceLine.serviceTypes"
-      :service-content="serviceLine.serviceContent"
-    />
+    <div class="container">
+      <HomeBanner :banners="banners" />
+    </div>
+
+    <div class="container home__dashboard">
+      <section class="home__dashboard-main">
+        <HomeWelcome :summary="todaySummary" />
+        <HomeStats :stats="stats" />
+      </section>
+      <HomeQuickEntries />
+    </div>
+
+    <div class="container">
+      <HomeBusinessCards :lines="businessLines" />
+    </div>
+
+    <div class="container">
+      <HomeCaseShowcase
+        :cases="featuredCases"
+        @category-change="onCategoryChange"
+      />
+    </div>
   </div>
 </template>
 
@@ -54,5 +58,20 @@ onMounted(() => {
   gap: @spacing-xl;
   padding-top: @spacing-xl;
   padding-bottom: @spacing-xxl;
+
+  &__dashboard {
+    .flex(row, space-between, stretch);
+    gap: @spacing-base;
+  }
+
+  &__dashboard-main {
+    .flex(row, space-between, center);
+    flex: 1;
+    gap: @spacing-lg;
+    padding: @spacing-xl;
+    border-radius: @radius-lg;
+    background: linear-gradient(120deg, @primary-color, #6a5cff);
+    box-shadow: @shadow-base;
+  }
 }
 </style>