20260822173019

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;