地球样式

guonan

2025-06-04 a025bd0aff7b67491cfdcb445745886c0ffaa8d2

地球样式

 src/store/simulation.js

@@ -23,12 +23,12 @@
    const weatherShow = ref(false)
    const barShow = ref(false)
    const deviceShow = ref(false)
    const showResultAssess = ref(false)
    const showLayerTree = ref(true)
    const showDangerAssess = ref(false)
    const schemCard = ref([])
    const backToHome = ref(false)
    const selectedScheme = ref(null)
    // 模拟仿真图例
    const isShowEarth = ref(false)
    // 降雨数据列表
    const rainFalls = ref()
    // 降雨单位
@@ -58,8 +58,6 @@
        rightRiverShow.value = false
        showPreview.value = false
        deviceShow.value = false
        showResultAssess.value = false
        showDangerAssess.value = false
        schemCard.value = []
    }

@@ -102,24 +100,29 @@
        init()
        flyToHomeView()
        locationShow.value = true
        isShowEarth.value = true

    }

    const startZHJC = () => {
        init()
        functionShow.value = true
        deviceShow.value = true
        isShowEarth.value = true

    }

    const startMNFZ = () => {
        init()
        leftShow.value = true
        // rightRiverShow.value = true
        isShowEarth.value = false

    }

    const startMNPG = () => {
        init()
        // showResultAssess.value = true
        // showDangerAssess.value = true
        isShowEarth.value = false

    }

    const setBackToHome = (value) => {
@@ -162,9 +165,7 @@
        weatherShow,
        barShow,
        deviceShow,
        showResultAssess,
        showLayerTree,
        showDangerAssess,
        schemCard,
        backToHome,
        rainFalls,
@@ -172,6 +173,7 @@
        DangerPoint,
        DeviceShowSwitch,
        DangerShowSwitch,
        isShowEarth,

        // 方案相关方法
        setSchemCard,

 src/views/GisView.vue

@@ -1,10 +1,18 @@
<template>
  <div id="gis-view" ref="mapRef"></div>
  <!-- 切换底图影像 -->
  <div @click="handleShow" class="diqiu">
  <div
    @click="handleShow"
    class="diqiu"
    :class="{ 'shift-right': simStore.isShowEarth }"
  >
    <img src="@/assets/img/screen/dq.png" alt="" />
  </div>
  <div v-show="picShow" class="earthBox">
  <div
    v-show="picShow"
    class="earthBox"
    :class="{ 'shift-right': simStore.isShowEarth }"
  >
    <div
      v-for="(item, index) in views"
      :key="index"
@@ -34,6 +42,8 @@
import { getDistrictCount, getDistrictCountByCity } from "@/api/index";
import { useRoute } from "vue-router";
import { EventBus } from "@/eventBus"; // 引入事件总线
import { useSimStore } from "@/store/simulation";
const simStore = useSimStore();

const views = [
  { label: "地图", value: "map", icon: "地图.png" },
@@ -617,4 +627,11 @@
.item-container.active .label {
  background-color: rgba(33, 137, 103, 0.8);
}

.diqiu.shift-right {
  right: 10%;
}
.earthBox.shift-right {
  right: 13%;
}
</style>