20260827173205

code/fms/fms-vue/src/layouts/DefaultLayout.vue

@@ -2,8 +2,7 @@
 import { computed, defineComponent, h, onBeforeUnmount, onMounted, provide, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import { useAppStore } from '@/stores/app'
-import Splitter from '@/components/ui/splitter/splitter.vue'
-import SplitterPanel from '@/components/ui/splitter/panel.vue'
+import { Splitter, SplitterPanel } from '@/components/ui'
 import AppSidebar from './components/AppSidebar.vue'
 import AppTopbar from './components/AppTopbar.vue'
 import DetailPage from '@/views/detail/DetailPage.vue'
@@ -317,10 +316,8 @@ onBeforeUnmount(() => {
   display: flex;
   flex-direction: column;
   overflow: auto hidden;
-  /* 只保留上下 padding（8px），左右为 0：
-   * 页面内容紧贴灰画布左右边缘（与主区面板的左右 8px 间距配合），
-   * 让页面白卡尽可能占满横向空间 */
-  padding: 8px 0;
+  /* 四边统一 4px padding */
+  padding: 4px;
 }
 
 /* 页面过渡外层包裹：稳定的 DOM 根，供 transition 的 out-in 模式直接管理，

code/fms/fms-vue/src/layouts/components/AppSidebar.vue

@@ -14,7 +14,7 @@ import { useAppStore } from '@/stores/app'
 import { usePermissionStore } from '@/stores/permissions'
 import { getIcon } from '@/utils/lucideIcons'
 import { buildTree, sortTree } from '@/utils/tree'
-import Dropdown from '@/components/ui/dropdown/dropdown.vue'
+import { Dropdown } from '@/components/ui'
 import NavMain from './NavMain.vue'
 
 const appStore = useAppStore()
@@ -340,7 +340,7 @@ function toNavItem(node) {
 .fms-nav-scroll {
   flex: 1;
   min-height: 0;
-  overflow-y: auto;
+  overflow: hidden auto;
   padding: 0 8px 8px;
 }
 

code/fms/fms-vue/src/layouts/components/AppTabs.vue

@@ -3,8 +3,7 @@ import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { ChevronLeft, ChevronRight, X } from '@lucide/vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useAppStore } from '@/stores/app'
-import Button from '@/components/ui/button/button.vue'
-import Dropdown from '@/components/ui/dropdown/dropdown.vue'
+import { Button, Dropdown } from '@/components/ui'
 import { cacheKeyOf } from '@/utils/cacheKey'
 
 const route = useRoute()

code/fms/fms-vue/src/layouts/components/AppTopbar.vue

@@ -18,10 +18,8 @@ import {
 import { useRouter } from 'vue-router'
 import { useAppStore } from '@/stores/app'
 import { useAuthStore } from '@/stores/auth'
-import { Message } from '@/components/ui/message/message-manager'
+import { Message, Dropdown, Button } from '@/components/ui'
 import { PRESETS } from '@/theme/presets'
-import Dropdown from '@/components/ui/dropdown/dropdown.vue'
-import Button from '@/components/ui/button/button.vue'
 import AppTabs from './AppTabs.vue'
 
 const router = useRouter()