加功能

src/pages/modules/building.vue

@@ -49,7 +49,7 @@
 </template>
 
 <script>
-import GlMap from './gl-map-3.vue'
+import GlMap from './gl-map-2.vue'
 import { driver } from 'driver.js'
 import 'driver.js/dist/driver.css'
 // import { startMapping } from '../../config/mork.js'
@@ -160,15 +160,8 @@ export default {
         nextBtnText: this.$t('next'),
         prevBtnText: this.$t('previous'),
         doneBtnText: this.$t('close'),
-        onNextClick: (element, step) => {
-          if (step.element === '#v-step-3') {
-            this.driverActive = false
-          }
-          this.driver.moveNext()
-        },
-        onCloseClick: () => {
+        onDestroyed: () => {
           this.driverActive = false
-          this.driver.destroy()
         },
         onPopoverRender: (popover, {config, state}) => {
           if (state.activeIndex === 0) {

src/pages/modules/gl-map-2.vue

@@ -14,9 +14,9 @@
 import * as THREE from 'three'
 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'
 import { mapGetters } from 'vuex'
-import { points } from '../../config/point.js'
-import { points1 } from '../../config/point1.js'
-import { points2 } from '../../config/point2.js'
+// import { points } from '../../config/point.js'
+// import { points1 } from '../../config/point1.js'
+// import { points2 } from '../../config/point2.js'
 
 // 常量定义
 const UPDATE_INTERVAL = 800
@@ -295,18 +295,18 @@ export default {
     },
 
     init() {
-      // this.initWebSocket()
-      this.isLoading = false;
-      const pointData = points.data
-      this.updatePointCloud(pointData);
-      setTimeout(() => {
-        const arr = points1.data
-        this.updatePointCloud(arr);
-      }, 1000)
-      setTimeout(() => {
-        const arr = points2.data
-        this.updatePointCloud(arr);
-      }, 2000)
+      this.initWebSocket()
+      // this.isLoading = false;
+      // const pointData = points.data
+      // this.updatePointCloud(pointData);
+      // setTimeout(() => {
+      //   const arr = points1.data
+      //   this.updatePointCloud(arr);
+      // }, 1000)
+      // setTimeout(() => {
+      //   const arr = points2.data
+      //   this.updatePointCloud(arr);
+      // }, 2000)
     },
     
     updatePointCloud(points) {

src/pages/modules/home.vue

@@ -83,8 +83,10 @@ export default {
   height 100%
   padding .1rem
   background-image linear-gradient(to bottom,rgba(42, 83, 138, 50%), rgba(57, 101, 181, 50%))
-  border-top 2px solid #62b2f0
-  border-left 2px solid #62b2f0
+  border-top: 3px solid #2fb4f2;
+  border-left: 3px solid #40c2f7;
+  border-right: 3px solid #5dddf8;
+  border-bottom: 3px solid #6abde9;
   box-shadow inset 0 0px 12px 8px rgba(98, 180, 243, 50%)
   p
     font-size .4rem