From 7acf7ad6948e3e952173a2551ea4a92a8ff56c35 Mon Sep 17 00:00:00 2001
From: suerprisePlus <15810472099@163.com>
Date: 星期四, 06 六月 2024 19:36:48 +0800
Subject: [PATCH] 1
---
src/views/mapView/index.vue | 79 +++++++++++++++++++--------------------
1 files changed, 38 insertions(+), 41 deletions(-)
diff --git a/src/views/mapView/index.vue b/src/views/mapView/index.vue
index bb34e0a..341c5ff 100644
--- a/src/views/mapView/index.vue
+++ b/src/views/mapView/index.vue
@@ -1,52 +1,49 @@
<template>
- <div class="menuBox">
-
- <div id="cesiumContainer" class="mapView">
- <div style="padding: 10px; position:absolute;z-index:40">
- <el-button type="primary" @click="setMenuChange"><i class="el-icon-s-fold"></i></el-button>
- </div>
- </div>
-
-
+ <div class="menuBox">
+ <div class="mapHeader">
+ <map-heade></map-heade>
</div>
+ <div class="mapContent">
+ <div class="viewContent">
+ <mapView></mapView>
+ </div>
+ </div>
+ </div>
</template>
-<script>
-
-import store from '../../store';
+<script>
+import mapHeade from "./mapHeade.vue";
+import mapView from "./mapView.vue";
export default {
- name: 'mapView',
- components: {
-
- },
- data() {
- return {
-
- }
- },
- methods: {
- setMenuChange() {
- store.state.setMenuFlag = ! store.state.setMenuFlag
- },
- },
- mounted() {
-
- }
-}
+ components: { mapHeade, mapView },
+ data() {
+ return {};
+ },
+ methods: {},
+ mounted() {}
+};
</script>
-<style scoped >
+<style scoped>
.menuBox {
- width: 100% !important;
- height: 100% !important;
- position: relative;
+ width: 100%;
+ height: 100%;
-
+ display: flex;
+ flex-direction: column;
}
-.mapBox .mapView {
- width: 100% !important;
- height: 100% !important;
- position: absolute;
+.mapHeader {
+ width: 100%;
+ height: 38px;
+}
+.mapContent {
+ flex: 1;
+ position: relative;
+}
+.viewContent {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+}
- }
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3