feat:地图信息框点击

ZhangXianQiang

2024-03-08 dfa2e66389df106ef38a4fd621f2e3e0cf91ace8

 src/views/HomeView.vue

@@ -1,4 +1,4 @@
<script setup lang="ts">
<script setup>
import { ref } from "vue";
import { RouterView } from "vue-router";
import ScaleScreen from "@/components/scale-screen";
@@ -8,9 +8,17 @@
import { storeToRefs } from "pinia";
import MessageContent from "@/components/Plugins/MessageContent";

import {mapState} from '@/stores/map.js';

// import Chartgd from "@/views/daoAnOffice/chartgd.vue";

// 中心地图
import Map from './daoAnOffice/center/map.vue';

const settingStore = useSettingStore();
const { isScale } = storeToRefs(settingStore);
const wrapperStyle = {};

</script>

<template>
@@ -27,17 +35,24 @@
    :autoScale="isScale"
  >
    <div class="content_wrap">
      <!-- <chartgd class="gddt" v-show="!mapState"></chartgd> -->
      <Map v-if="!mapState"></Map>
      <Headers />
      <RouterView />
      <MessageContent />
      <div class="d-bottom">

      </div>
    </div>
  </scale-screen>
  <Setting />
</template>
<style lang="scss" scoped>
.gddt{
  position: absolute;
  z-index: 0;
  width: 3840px;
  height: 1080px;
}
.content_wrap {
  width: 100%;
  height: 100%;
@@ -48,13 +63,17 @@
  background-position: center center;
}
.d-bottom{
  position: relative;
  position: absolute;
  //width: 120px;
  bottom: 140px;
  height: 80px;
  width: 1920px;
  height: 41px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  background-image: url("@/assets/img/bottombg.png");
  background-size: cover;
  background-size: contain;
  background-position: center center;
  margin-bottom: 4px;

}
</style>