区分显示和加载状态，添加医院显示逻辑

src/views/home/earthquake/EarthquakeView.vue

@@ -16,6 +16,10 @@
 
     <!-- 灾害链影响列表组件 -->
     <DisasterChainPointComponent
+      v-if="
+        useStatusStore().appLoadingCompleted &&
+        useStatusStore().uiComponents.disasterChainPointShow.loading
+      "
       :select-options="selectOptions"
       :table-data-list="tableDatas"
       :table-columns="tableColumns"
@@ -25,16 +29,38 @@
     />
 
     <!-- 图例组件 -->
-    <LegendComponent :legend-list="legendList" :cols-num="2" />
+    <LegendComponent
+      v-if="
+        useStatusStore().appLoadingCompleted &&
+        useStatusStore().uiComponents.legendShow.loading
+      "
+      :legend-list="legendList"
+      :cols-num="2"
+    />
 
     <!-- 左侧按钮组件 -->
-    <LeftButtonComponent :button-list="leftButtonInfo" />
+    <LeftButtonComponent
+      v-if="
+        useStatusStore().appLoadingCompleted &&
+        useStatusStore().uiComponents.leftButton.loading
+      "
+      :button-list="leftButtonInfo"
+    />
 
     <!-- 右侧按钮组件 -->
-    <RightButtonComponent :button-list="rightButtonInfo" />
+    <RightButtonComponent
+      v-if="
+        useStatusStore().appLoadingCompleted &&
+        useStatusStore().uiComponents.rightButton.loading
+      "
+      :button-list="rightButtonInfo"
+    />
 
     <!-- 控制显示组件 -->
     <ControlShowComponent :constrol-show-list="controlPanel" />
+
+    <!-- 控制显示详情组件 -->
+    <ControlShowDetailComponent />
   </div>
 </template>
 
@@ -42,6 +68,7 @@
   import FaultComponent from '@/component/earthquake/FaultComponent.vue';
   import BasicComponent from '@/component/rain-earthquake/BasicComponent.vue';
   import ControlShowComponent from '@/component/rain-earthquake/ControlShowComponent.vue';
+  import ControlShowDetailComponent from '@/component/rain-earthquake/ControlShowDetailComponent.vue';
   import DisasterChainPointComponent from '@/component/rain-earthquake/DisasterChainPointComponent.vue';
   import LeftButtonComponent from '@/component/rain-earthquake/LeftButtonComponent.vue';
   import LegendComponent from '@/component/rain-earthquake/LegendComponent.vue';

src/views/home/rainstorm/RainstormView.vue

@@ -8,6 +8,10 @@
 
     <!-- 灾害链影响列表组件 -->
     <DisasterChainPointComponent
+      v-if="
+        useStatusStore().appLoadingCompleted &&
+        useStatusStore().uiComponents.disasterChainPointShow.loading
+      "
       :select-options="selectOptions"
       :table-data-list="tableDatas"
       :table-columns="tableColumns"
@@ -17,27 +21,51 @@
     />
 
     <!-- 图例组件 -->
-    <LegendComponent :legend-list="legendList" :cols-num="2" />
+    <LegendComponent
+      v-if="
+        useStatusStore().appLoadingCompleted &&
+        useStatusStore().uiComponents.legendShow.loading
+      "
+      :legend-list="legendList"
+      :cols-num="2"
+    />
 
     <!-- 左侧按钮组件 -->
-    <LeftButtonComponent :button-list="leftButtonInfo" />
+    <LeftButtonComponent
+      v-if="
+        useStatusStore().appLoadingCompleted &&
+        useStatusStore().uiComponents.leftButton.loading
+      "
+      :button-list="leftButtonInfo"
+    />
 
     <!-- 右侧按钮组件 -->
-    <RightButtonComponent :button-list="rightButtonInfo" />
+    <RightButtonComponent
+      v-if="
+        useStatusStore().appLoadingCompleted &&
+        useStatusStore().uiComponents.rightButton.loading
+      "
+      :button-list="rightButtonInfo"
+    />
 
     <!-- 控制显示组件 -->
     <ControlShowComponent :constrol-show-list="controlPanel" />
+
+    <!-- 控制显示详情组件 -->
+    <ControlShowDetailComponent />
   </div>
 </template>
 
 <script setup lang="ts">
   import BasicComponent from '@/component/rain-earthquake/BasicComponent.vue';
   import ControlShowComponent from '@/component/rain-earthquake/ControlShowComponent.vue';
+  import ControlShowDetailComponent from '@/component/rain-earthquake/ControlShowDetailComponent.vue';
   import DisasterChainPointComponent from '@/component/rain-earthquake/DisasterChainPointComponent.vue';
   import LeftButtonComponent from '@/component/rain-earthquake/LeftButtonComponent.vue';
   import LegendComponent from '@/component/rain-earthquake/LegendComponent.vue';
   import RightButtonComponent from '@/component/rain-earthquake/RightButtonComponent.vue';
   import { useRainDisasterChain } from '@/hooks/rainstorm/useRainDisasterChain';
+  import { useStatusStore } from '@/stores/useStatusStore';
   import { DisasterType } from '@/types/common/DisasterType.ts';
   import { watch } from 'vue';
   import { useRoute } from 'vue-router';