From bd5a9bf99f87fd19b1171853c807a2efd9899123 Mon Sep 17 00:00:00 2001
From: skycurtain <skycurtain@163.com>
Date: Wed, 7 Oct 2026 20:56:55 +0800
Subject: [PATCH] =?UTF-8?q?feat(web):=20=E5=85=A8=E5=B1=80=E4=B8=AD?=
 =?UTF-8?q?=E6=96=87=20locale=EF=BC=9B=E7=AE=A1=E7=90=86=E9=9D=A2=E5=9B=BA?=
 =?UTF-8?q?=E5=AE=9A=E5=A4=96=E5=A3=B3=E3=80=81=E5=86=85=E5=AE=B9=E5=8C=BA?=
 =?UTF-8?q?=E7=8B=AC=E7=AB=8B=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/src/app.vue                  | 11 +++++++++--
 apps/web/src/layouts/admin-layout.vue | 22 ++++++++++++++++++----
 2 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/app.vue b/apps/web/src/app.vue
index 746f174..0131dcd 100644
--- a/apps/web/src/app.vue
+++ b/apps/web/src/app.vue
@@ -1,7 +1,14 @@
 <script setup lang="ts">
-// 路由出口——逻辑骨架阶段无装饰
+// 路由出口 + 全局中文（DatePicker 等默认 en-US，须用 ConfigProvider）
+import zhCN from "antdv-next/locale/zh_CN";
+import dayjs from "dayjs";
+import "dayjs/locale/zh-cn";
+
+dayjs.locale("zh-cn");
 </script>
 
 <template>
-  <router-view />
+  <a-config-provider :locale="zhCN">
+    <router-view />
+  </a-config-provider>
 </template>
diff --git a/apps/web/src/layouts/admin-layout.vue b/apps/web/src/layouts/admin-layout.vue
index 3e5178f..28935af 100644
--- a/apps/web/src/layouts/admin-layout.vue
+++ b/apps/web/src/layouts/admin-layout.vue
@@ -114,7 +114,7 @@ async function onUserMenuClick({ key }: MenuInfo) {
         @click="onMenuClick"
       />
     </a-layout-sider>
-    <a-layout>
+    <a-layout class="admin-layout__main">
       <a-layout-header class="admin-layout__header">
         <a-dropdown
           :menu="{ items: userMenuItems }"
@@ -148,8 +148,18 @@ async function onUserMenuClick({ key }: MenuInfo) {
 </template>
 
 <style scoped>
+/* 固定外壳：侧栏 + 顶栏不动，仅内容区滚动 */
 .admin-layout {
-  min-height: 100vh;
+  height: 100vh;
+  overflow: hidden;
+}
+
+.admin-layout__main {
+  height: 100vh;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
 }
 
 /*
@@ -218,6 +228,7 @@ async function onUserMenuClick({ key }: MenuInfo) {
 }
 
 .admin-layout__header {
+  flex: 0 0 64px;
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -267,13 +278,16 @@ async function onUserMenuClick({ key }: MenuInfo) {
 }
 
 .admin-layout__content {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
   background: #f5f5f5;
   padding: 24px;
-  min-height: calc(100vh - 64px);
 }
 
 .admin-layout__surface {
   padding: 24px;
-  min-height: calc(100vh - 64px - 48px);
+  min-height: 100%;
 }
 </style>