|
@@ -1,14 +1,14 @@
|
|
|
<template>
|
|
|
-<!-- <div id="dashboard-container" ref="containerRef">-->
|
|
|
-<!-- <div class="dashboard-container">-->
|
|
|
-<!-- <HeaderSection />-->
|
|
|
-<!-- <div class="dashboard-content">-->
|
|
|
-<!-- <GlobalMap width="8798" height="2182" />-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <FooterSection style="position: absolute; bottom: 0; left: 0" />-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
- <YMap :active-map="'satellite2'" />
|
|
|
+ <div id="dashboard-container" ref="containerRef">
|
|
|
+ <div class="dashboard-container">
|
|
|
+ <HeaderSection />
|
|
|
+ <div class="dashboard-content">
|
|
|
+ <GlobalMap width="8798" height="2182" />
|
|
|
+ </div>
|
|
|
+ <FooterSection style="position: absolute; bottom: 0; left: 0" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+<!-- <YMap :active-map="'satellite2'" />-->
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts" setup name="globalMapPage">
|
|
@@ -20,16 +20,16 @@ const containerRef = ref();
|
|
|
let scale = ref({ scaleX: 1, scaleY: 1 });
|
|
|
provide('containerScale', () => scale.value);
|
|
|
onMounted(() => {
|
|
|
- // const a = autofit.init(
|
|
|
- // {
|
|
|
- // dw: 8960,
|
|
|
- // dh: 2520,
|
|
|
- // el: '#dashboard-container',
|
|
|
- // resize: false,
|
|
|
- // ignore: ['#aMap', '#YztMap']
|
|
|
- // },
|
|
|
- // false
|
|
|
- // );
|
|
|
+ const a = autofit.init(
|
|
|
+ {
|
|
|
+ dw: 8960,
|
|
|
+ dh: 2520,
|
|
|
+ el: '#dashboard-container',
|
|
|
+ resize: false,
|
|
|
+ ignore: ['#aMap', '#YztMap']
|
|
|
+ },
|
|
|
+ false
|
|
|
+ );
|
|
|
scale.value = getTransformScale(containerRef.value);
|
|
|
});
|
|
|
onUnmounted(() => {
|
|
@@ -38,19 +38,19 @@ onUnmounted(() => {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
-//.dashboard-container {
|
|
|
-// width: 8960px;
|
|
|
-// height: 2560px;
|
|
|
-// font-size: 74px;
|
|
|
-// background: url('@/assets/images/bg.jpg') no-repeat 100% 100%;
|
|
|
-// background-size: cover;
|
|
|
-// font-family: 'PingFang SC', sans-serif;
|
|
|
-// position: relative;
|
|
|
-// .dashboard-content {
|
|
|
-// padding: 0 81px;
|
|
|
-// display: flex;
|
|
|
-// height: calc(2560px - 228px - 150px);
|
|
|
-// overflow: hidden;
|
|
|
-// }
|
|
|
-//}
|
|
|
+.dashboard-container {
|
|
|
+ width: 8960px;
|
|
|
+ height: 2560px;
|
|
|
+ font-size: 74px;
|
|
|
+ background: url('@/assets/images/bg.jpg') no-repeat 100% 100%;
|
|
|
+ background-size: cover;
|
|
|
+ font-family: 'PingFang SC', sans-serif;
|
|
|
+ position: relative;
|
|
|
+ .dashboard-content {
|
|
|
+ padding: 0 81px;
|
|
|
+ display: flex;
|
|
|
+ height: calc(2560px - 228px - 150px);
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|