From 3c6bdb6f439ff7af04765259fd6a91b6d201d095 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期四, 19 六月 2025 17:12:25 +0800
Subject: [PATCH] 工单,数据中心用户查看数据的权限,合同考核每日,以及导出每日和按月

---
 src/views/screen/components/screen-map-three/index.vue |   49 +++++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 45 insertions(+), 4 deletions(-)

diff --git a/src/views/screen/components/screen-map-three/index.vue b/src/views/screen/components/screen-map-three/index.vue
index aae98bf..f500e99 100644
--- a/src/views/screen/components/screen-map-three/index.vue
+++ b/src/views/screen/components/screen-map-three/index.vue
@@ -1,13 +1,54 @@
 <template>
-  <div>
-    123
+  <div class="map-container">
+    <canvas class="world" ref="worldContainer"></canvas>
   </div>
 </template>
 
 <script>
+import Experience from './experience/index';
+let world = null;
 export default {
-  name: 'ScreenMapThree'
+  name: 'ScreenMapThree',
+  props: {
+    loadEnd: {
+      type: Boolean,
+      default: false
+    },
+  },
+  watch: {
+    loadEnd: {
+      handler(newVal) {
+        if (newVal) {
+          world = new Experience(this.$refs.worldContainer);
+        }
+      }
+    }
+  },
+  mounted() {
+
+  },
+  beforeDestroy() {
+    world.destroy();
+    world = null;
+  },
 }
 </script>
 
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped>
+.map-container {
+  width: 100%;
+  height:100%;
+  // position: absolute;
+  // left: 25%;
+  // top: 65px;
+  z-index: 0;
+  // background: url("../../../../assets/images/screen/cardBg.png");
+  // background-size: cover !important;
+  // background-repeat: no-repeat !important;
+  // background-position: center center !important;
+  .world {
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>
\ No newline at end of file

--
Gitblit v1.8.0