<script setup>
|
import { ref } from "vue";
|
import { RouterView } from "vue-router";
|
import ScaleScreen from "@/components/scale-screen";
|
import Headers from "./header.vue";
|
import Setting from "./setting.vue";
|
import { useSettingStore } from "@/stores/index";
|
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>
|
<scale-screen
|
width="3840"
|
height="1080"
|
:delay="500"
|
:fullScreen="false"
|
:boxStyle="{
|
background: '#03050C',
|
overflow: isScale ? 'hidden' : 'auto',
|
}"
|
:wrapperStyle="wrapperStyle"
|
: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%;
|
//padding: 16px 16px 16px 16px;
|
box-sizing: border-box;
|
background-image: url("@/assets/img/pageBg1.png");
|
background-size: cover;
|
background-position: center center;
|
}
|
.d-bottom{
|
position: absolute;
|
//width: 120px;
|
width: 1920px;
|
height: 41px;
|
left: 50%;
|
transform: translateX(-50%);
|
bottom: 0;
|
background-image: url("@/assets/img/bottombg.png");
|
background-size: contain;
|
background-position: center center;
|
margin-bottom: 4px;
|
|
}
|
</style>
|
