1

suerprisePlus

2024-06-06 7acf7ad6948e3e952173a2551ea4a92a8ff56c35

 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>
</style>