From 5ff4583aebcd074681d2d795da6396eb61bfdd68 Mon Sep 17 00:00:00 2001
From: ZhangAo <hi_itao@163.com>
Date: Sat, 22 Aug 2026 17:30:20 +0800
Subject: [PATCH] 20260822173019

---
 .../views/system/module-management/index.vue  | 37 ++++++++++++++++++-
 .../tests/views/module-management.spec.js     |  7 ++--
 2 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/code/fms/fms-vue/src/views/system/module-management/index.vue b/code/fms/fms-vue/src/views/system/module-management/index.vue
index e1abc758..8bc6738d 100644
--- a/code/fms/fms-vue/src/views/system/module-management/index.vue
+++ b/code/fms/fms-vue/src/views/system/module-management/index.vue
@@ -1386,7 +1386,7 @@ loadMenuTree()
           </div>
 
           <div class="mm-body__inner">
-            <div class="mm-config">
+            <div v-if="drafts" class="mm-config">
               <nav class="mm-config-nav">
                 <template v-for="group in configGroups" :key="group.key">
                   <div class="mm-config-nav__group">
@@ -1530,6 +1530,12 @@ loadMenuTree()
                 </div>
               </div>
             </div>
+            <!-- 加载中/无数据占位：避免配置区一片空白 -->
+            <div v-else-if="configLoading" class="mm-config-state">
+              <span class="mm-config-state__spinner"></span>
+              <span>加载中...</span>
+            </div>
+            <div v-else class="mm-config-state">暂无配置数据</div>
           </div>
         </template>
         <div v-else class="mm-main__empty">
@@ -1664,7 +1670,6 @@ loadMenuTree()
     <Modal
       :open="!!switchConfirm"
       title="有未保存的修改"
-      :footer="false"
       :mask-closable="false"
       :confirm-loading="switchSaving"
       @cancel="onSwitchCancel"
@@ -2026,6 +2031,34 @@ loadMenuTree()
   min-width: 0;
 }
 
+/* 配置区加载中 / 空态占位 */
+.mm-config-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  flex: 1;
+  min-height: 120px;
+  color: var(--fms-text-secondary);
+  font-size: 13px;
+}
+
+.mm-config-state__spinner {
+  width: 18px;
+  height: 18px;
+  border: 2px solid var(--fms-border);
+  border-top-color: var(--fms-primary);
+  border-radius: 50%;
+  animation: mm-config-spin 0.8s linear infinite;
+}
+
+@keyframes mm-config-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
 .mm-section-toolbar {
   display: flex;
   align-items: center;
diff --git a/code/fms/fms-vue/tests/views/module-management.spec.js b/code/fms/fms-vue/tests/views/module-management.spec.js
index 0bfff064..dfbd6e8f 100644
--- a/code/fms/fms-vue/tests/views/module-management.spec.js
+++ b/code/fms/fms-vue/tests/views/module-management.spec.js
@@ -55,11 +55,12 @@ const panelStubs = {
   ModulePowersPanel: { name: 'ModulePowersPanel', template: '<div class="stub-powers" />' },
   ModuleI18nPanel: { name: 'ModuleI18nPanel', template: '<div class="stub-i18n" />' },
   MenuDetailPanel: { name: 'MenuDetailPanel', template: '<div class="stub-menu" />' },
-  // Modal 尊重 open 条件，且渲染默认插槽 + footer 插槽（只渲染真正打开的弹窗）
+  // Modal 尊重 open / footer 条件：footer=false 时不渲染按钮区（与真实组件一致）
   Modal: {
     name: 'Modal',
-    props: ['open', 'title', 'okText', 'okType', 'confirmLoading'],
-    template: '<div v-if="open" class="stub-modal"><slot /><slot name="footer" /></div>',
+    props: ['open', 'title', 'okText', 'okType', 'confirmLoading', 'footer'],
+    template:
+      '<div v-if="open" class="stub-modal"><slot /><div v-if="footer !== false" class="stub-modal-footer"><slot name="footer" /></div></div>',
   },
   Transition: { template: '<slot />' },
 }