gis/xian_vue_new
13
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改组件中hooks和store的调用方式

Browse Source
This commit is contained in:
wzy-warehouse
2026-05-07 12:53:25 +08:00
parent 2ab1b7da7c
commit 68715dea2b
32 changed files with 350 additions and 261 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/rain-earthquake/BasicComponent.vue
+18 -16
View File
@@ -9,40 +9,40 @@
<!-- 滑坡隐患点 -->
<LandslideComponent
v-if="
useStatusStore().appLoadingCompleted &&
useStatusStore().poiLayers.showLandslideHiddenPoint.loading
useStatus.appLoadingCompleted &&
useStatus.poiLayers.showLandslideHiddenPoint.loading
"
/>
<!-- 泥石流隐患点 -->
<DebrisFlowComponent
v-if="
useStatusStore().appLoadingCompleted &&
useStatusStore().poiLayers.showDebrisFlowHiddenPoint.loading
useStatus.appLoadingCompleted &&
useStatus.poiLayers.showDebrisFlowHiddenPoint.loading
"
/>
<!-- 内涝隐患点 -->
<WaterLoggingComponent
v-if="
useStatusStore().appLoadingCompleted &&
useStatusStore().poiLayers.showWaterLoggingHiddenPoint.loading
useStatus.appLoadingCompleted &&
useStatus.poiLayers.showWaterLoggingHiddenPoint.loading
"
/>
<!-- 山洪隐患点 -->
<FlashFloodComponent
v-if="
useStatusStore().appLoadingCompleted &&
useStatusStore().poiLayers.showFlashFloodHiddenPoint.loading
useStatus.appLoadingCompleted &&
useStatus.poiLayers.showFlashFloodHiddenPoint.loading
"
/>
<!-- 降雨栅格图层组件 -->
<RainfallGridComponent
v-if="
useStatusStore().appLoadingCompleted &&
useStatusStore().weatherLayers.showRainfallGrid.loading
useStatus.appLoadingCompleted &&
useStatus.weatherLayers.showRainfallGrid.loading
"
/>
</template>
@@ -52,16 +52,16 @@
<!-- 滑坡隐患点 -->
<LandslideComponent
v-if="
useStatusStore().appLoadingCompleted &&
useStatusStore().poiLayers.showLandslideHiddenPoint.loading
useStatus.appLoadingCompleted &&
useStatus.poiLayers.showLandslideHiddenPoint.loading
"
/>
<!-- 泥石流隐患点 -->
<DebrisFlowComponent
v-if="
useStatusStore().appLoadingCompleted &&
useStatusStore().poiLayers.showDebrisFlowHiddenPoint.loading
useStatus.appLoadingCompleted &&
useStatus.poiLayers.showDebrisFlowHiddenPoint.loading
"
/>
</template>
@@ -69,8 +69,8 @@
<!-- 风险点组件 -->
<RiskPointComponent
v-if="
useStatusStore().appLoadingCompleted &&
useStatusStore().mapLayers.riskPointShow.loading
useStatus.appLoadingCompleted &&
useStatus.mapLayers.riskPointShow.loading
"
/>
</div>
@@ -87,6 +87,8 @@
import RainfallGridComponent from '@/component/rain-earthquake/detail-panels/RainfallGridComponent.vue';
import { useStatusStore } from '@/stores/useStatusStore';
const useStatus = useStatusStore();
// 获取父组件传递德数据
const props = defineProps<{
disasterType: DisasterType;