From 0eb83fc930d9402450ba07ab76d1e382c5d0f2b9 Mon Sep 17 00:00:00 2001
From: Gsh <15170702455@163.com>
Date: Thu, 26 Jun 2025 00:35:13 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BA=A7=E5=93=81=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=AE=8C=E5=96=84=EF=BC=8C=E5=A2=9E=E5=8A=A0=E7=A9=BA=E7=99=BD?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E4=B8=8E=E5=B8=83=E5=B1=80=E5=88=87=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.Ai.Vue3/src/config/design.ts                  | 12 ++++++------
 Yi.Ai.Vue3/src/layouts/LayoutBlankPage/index.vue |  9 +++++++++
 Yi.Ai.Vue3/src/layouts/index.vue                 |  2 ++
 Yi.Ai.Vue3/src/main.ts                           |  2 +-
 Yi.Ai.Vue3/src/pages/products/index.vue          |  8 ++++++++
 Yi.Ai.Vue3/src/routers/index.ts                  |  4 +++-
 Yi.Ai.Vue3/src/routers/modules/staticRouter.ts   |  1 +
 Yi.Ai.Vue3/src/stores/modules/design.ts          |  8 +++++---
 Yi.Ai.Vue3/types/import_meta.d.ts                |  2 --
 9 files changed, 35 insertions(+), 13 deletions(-)
 create mode 100644 Yi.Ai.Vue3/src/layouts/LayoutBlankPage/index.vue

diff --git a/Yi.Ai.Vue3/src/config/design.ts b/Yi.Ai.Vue3/src/config/design.ts
index d7af973e..44995efd 100644
--- a/Yi.Ai.Vue3/src/config/design.ts
+++ b/Yi.Ai.Vue3/src/config/design.ts
@@ -1,11 +1,11 @@
-export type LayoutType = 'vertical';
+export type LayoutType = | 'vertical' | 'blankPage';
 
 // 仿豆包折叠逻辑
-export type CollapseType =
-  | 'alwaysCollapsed' // 始终折叠
-  | 'followSystem' // 跟随系统视口宽度
-  | 'alwaysExpanded' // 始终打开
-  | 'narrowExpandWideCollapse'; // 系统视口 宽小则张，宽大则收
+export type CollapseType
+  = | 'alwaysCollapsed' // 始终折叠
+    | 'followSystem' // 跟随系统视口宽度
+    | 'alwaysExpanded' // 始终打开
+    | 'narrowExpandWideCollapse'; // 系统视口 宽小则张，宽大则收
 
 export interface DesignConfigState {
   // 系统主题
diff --git a/Yi.Ai.Vue3/src/layouts/LayoutBlankPage/index.vue b/Yi.Ai.Vue3/src/layouts/LayoutBlankPage/index.vue
new file mode 100644
index 00000000..be2aa541
--- /dev/null
+++ b/Yi.Ai.Vue3/src/layouts/LayoutBlankPage/index.vue
@@ -0,0 +1,9 @@
+<!-- LayoutBlankPage/index.vue -->
+<template>
+  <!-- 完全空白，不包裹任何容器 -->
+  <router-view />
+</template>
+
+<style scoped>
+/* 无样式 */
+</style>
diff --git a/Yi.Ai.Vue3/src/layouts/index.vue b/Yi.Ai.Vue3/src/layouts/index.vue
index a818e995..f3894097 100644
--- a/Yi.Ai.Vue3/src/layouts/index.vue
+++ b/Yi.Ai.Vue3/src/layouts/index.vue
@@ -1,6 +1,7 @@
 <!-- 主布局 -->
 <script setup lang="ts">
 import type { LayoutType } from '@/config/design';
+import LayoutBlankPage from '@/layouts/LayoutBlankPage/index.vue';
 // import { useScreenStore } from '@/hooks/useScreen';
 import LayoutVertical from '@/layouts/LayoutVertical/index.vue';
 import { useDesignStore } from '@/stores';
@@ -8,6 +9,7 @@ import { useDesignStore } from '@/stores';
 // 这里添加布局类型
 const LayoutComponent: Record<LayoutType, Component> = {
   vertical: LayoutVertical,
+  blankPage: LayoutBlankPage,
 };
 
 const designStore = useDesignStore();
diff --git a/Yi.Ai.Vue3/src/main.ts b/Yi.Ai.Vue3/src/main.ts
index 62222b40..245d4308 100644
--- a/Yi.Ai.Vue3/src/main.ts
+++ b/Yi.Ai.Vue3/src/main.ts
@@ -21,6 +21,6 @@ app.use(ElementPlusX);
 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
   app.component(key, component);
 }
-app.use(store);
 
+app.use(store);
 app.mount('#app');
diff --git a/Yi.Ai.Vue3/src/pages/products/index.vue b/Yi.Ai.Vue3/src/pages/products/index.vue
index e4ee98f5..3896d65d 100644
--- a/Yi.Ai.Vue3/src/pages/products/index.vue
+++ b/Yi.Ai.Vue3/src/pages/products/index.vue
@@ -3,7 +3,13 @@ import type { Product } from '@/api/products/products';
 import { ArrowDown, CircleCheck } from '@element-plus/icons-vue';
 import { computed, ref } from 'vue';
 import { products } from '@/data/products';
+import { useDesignStore } from '@/stores';
 
+const designStore = useDesignStore();
+
+onMounted(() => {
+  designStore._setLayout('blankPage');
+});
 const productsSection = ref<HTMLElement | null>(null);
 
 function scrollToProducts() {
@@ -174,6 +180,8 @@ const comparisonData = computed(() => {
 
 <style scoped lang="scss">
 .products-page {
+  height: 100vh;
+  overflow: auto;
   color: #333;
   line-height: 1.6;
 }
diff --git a/Yi.Ai.Vue3/src/routers/index.ts b/Yi.Ai.Vue3/src/routers/index.ts
index 8589b98f..da0fce9a 100644
--- a/Yi.Ai.Vue3/src/routers/index.ts
+++ b/Yi.Ai.Vue3/src/routers/index.ts
@@ -3,7 +3,7 @@ import { useNProgress } from '@vueuse/integrations/useNProgress';
 import { createRouter, createWebHistory } from 'vue-router';
 import { ROUTER_WHITE_LIST } from '@/config';
 import { errorRouter, layoutRouter, staticRouter } from '@/routers/modules/staticRouter';
-import { useUserStore } from '@/stores';
+import { useDesignStore, useUserStore } from '@/stores';
 
 const { start, done } = useNProgress(0, {
   showSpinner: false,
@@ -28,6 +28,8 @@ router.beforeEach(
     next: NavigationGuardNext,
   ) => {
     const userStore = useUserStore();
+    const designStore = useDesignStore(); // 必须在守卫内部调用
+    designStore._setLayout(to.meta?.layout || 'vertical');
 
     // 1、NProgress 开始
     start();
diff --git a/Yi.Ai.Vue3/src/routers/modules/staticRouter.ts b/Yi.Ai.Vue3/src/routers/modules/staticRouter.ts
index 3d0d89b2..93bdf2c3 100644
--- a/Yi.Ai.Vue3/src/routers/modules/staticRouter.ts
+++ b/Yi.Ai.Vue3/src/routers/modules/staticRouter.ts
@@ -39,6 +39,7 @@ export const layoutRouter: RouteRecordRaw[] = [
           title: '产品页面',
           keepAlive: true, // 如果需要缓存
           isDefaultChat: false, // 根据实际情况设置
+          layout: 'blankPage', // 如果需要自定义布局
         },
       },
     ],
diff --git a/Yi.Ai.Vue3/src/stores/modules/design.ts b/Yi.Ai.Vue3/src/stores/modules/design.ts
index 08cd033b..868d8bc7 100644
--- a/Yi.Ai.Vue3/src/stores/modules/design.ts
+++ b/Yi.Ai.Vue3/src/stores/modules/design.ts
@@ -32,9 +32,10 @@ export const useDesignStore = defineStore(
     const layout = ref<LayoutType>(reLayout);
 
     // 当前只有一个布局，暂时不将这个方法暴露出去
-    // const _setLayout = (layoutType: 'vertical') => {
-    //   layout.value = layoutType;
-    // };
+    // const _setLayout = (layoutType: LayoutType) => {
+    const _setLayout = (layoutType: any) => {
+      layout.value = layoutType;
+    };
 
     // 折叠状态
     const collapseType = ref<CollapseType>(reCollapseType);
@@ -94,6 +95,7 @@ export const useDesignStore = defineStore(
       isSafeAreaHover,
       setSafeAreaHover,
       hasActivatedHover,
+      _setLayout,
     };
   },
   {
diff --git a/Yi.Ai.Vue3/types/import_meta.d.ts b/Yi.Ai.Vue3/types/import_meta.d.ts
index 9f0c04a9..7ac88368 100644
--- a/Yi.Ai.Vue3/types/import_meta.d.ts
+++ b/Yi.Ai.Vue3/types/import_meta.d.ts
@@ -6,8 +6,6 @@ interface ImportMetaEnv {
   readonly VITE_WEB_ENV: string;
   readonly VITE_WEB_BASE_API: string;
   readonly VITE_API_URL: string;
-  readonly SSO_SEVER_URL: string;
-  readonly SSO_CLIENT_ID: string;
 }
 
 declare interface ImportMeta {