From dfa2e66389df106ef38a4fd621f2e3e0cf91ace8 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期五, 08 三月 2024 15:28:48 +0800
Subject: [PATCH] feat:地图信息框点击
---
src/views/HomeView.vue | 31 +++++++++++++++++++++++++------
1 files changed, 25 insertions(+), 6 deletions(-)
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index a75089f..c7898b8 100644
--- a/src/views/HomeView.vue
+++ b/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>
--
Gitblit v1.8.0