20260913231607

code/fms/fms-vue/src/views/module/menu-management/index.vue

@@ -17,7 +17,7 @@
 import { computed, nextTick, ref, watch } from 'vue'
 import { useHotkeys } from '@/composables/useHotkeys'
 import { FolderTree, Save, RefreshCw } from '@lucide/vue'
-import { Button, Splitter, SplitterPanel, Modal, Message } from '@/components/ui'
+import { Button, Splitter, SplitterPanel, Modal, Message, Spin } from '@/components/ui'
 import { loadDataApi, saveObjectApi } from '@/services/api'
 import {
   buildTree,
@@ -859,7 +859,7 @@ loadModuleOptions()
                 </Splitter>
               </div>
               <div v-else-if="configLoading" class="mm-config-state">
-                <span class="mm-config-state__spinner"></span>
+                <Spin />
                 <span>加载中...</span>
               </div>
               <div v-else class="mm-config-state">暂无配置数据</div>
@@ -942,11 +942,11 @@ loadModuleOptions()
 }
 
 /* ---- Splitter 面板 ----
- * 面板左右留 3px（白卡之间灰缝 3 + 分隔条 6 + 3 = 12px）。
+ * 面板不再左右留白，两张白卡紧贴；灰缝由分隔条自身的触发区宽度
+ * （--fms-splitter-trigger-size，默认 6px）承担。
  * 常显线平时透明，hover / 拖拽时显示整条 100% 高度的细线 + 手柄提示 */
 .mm-body-splitter :deep(> .fms-splitter-panel) {
   overflow: hidden;
-  padding: 0 3px;
 }
 
 .mm-body-splitter :deep(.fms-splitter-bar::before) {
@@ -1064,19 +1064,4 @@ loadModuleOptions()
   color: var(--fms-text-secondary);
   font-size: 14px;
 }
-
-.mm-config-state__spinner {
-  width: 20px;
-  height: 20px;
-  border: 2px solid var(--fms-border);
-  border-top-color: var(--fms-primary);
-  border-radius: 50%;
-  animation: mm-spin 0.6s linear infinite;
-}
-
-@keyframes mm-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
 </style>