src/mock/treeData.ts

@@ -17,9 +17,9 @@ export const treeData = [
                     title: '顶层沸溢火',
                     point: 1,
                     position: [
-                        11660771.84,
+                        11660769.28,
                         3692443.52,
-                        47.9283447265625
+                        67.69076171875
                     ],
                     img:img1,
                     content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',

src/popup/pop.component.vue

@@ -6,21 +6,19 @@
         <div class="border l-b"></div>
         <div class="content mg-b-20">
             <div class="flow-light-box">
-                <div class="img-box">
+                <div class="img-box"></div>
-                    <img :src="$route.query.img" alt="">
-                </div>
             </div>
             <div class="content col" style="justify-content: center;s">
-                <div class="mg-b-5 title">{{$route.query.title}}</div>
+                <div class="mg-b-5 title">顶层沸溢火</div>
                 <div class="content disable opacity5 mg-b-5">
                     难度：
                     <el-rate
-                        v-model="$route.query.rate"
+                        v-model="star"
                         :colors="colors">
                     </el-rate>
                 </div>
                 <div class="content disable opacity5">
-                    火点：{{$route.query.point}}个
+                    火点：5个
                 </div>
             </div>
         </div>
@@ -28,13 +26,13 @@
             训练说明
         </div>
         <div class="opacity5 mg-b-20">
-            {{$route.query.content}}
+            模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗
         </div>
         <div class="mg-b-20 title">
             训练要点
         </div>
         <div class="opacity5 mg-b-20">
-            {{$route.query.mainPoint}}
+            模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗
         </div>
     </div>
 </template>

src/views/base.component.ts

@@ -104,10 +104,10 @@ export default class BaseComponent extends Vue {
                     imagePath:layer.url || layer.urls[item.type],
                     imageSize:[48,48],
                     popupSize:[480,388],
-                    popupOffset:[50,0],
+                    popupOffset:[600,0],
                     autoHidePopupWindow:false,
                     // popupURL:,
-                    lineSize:item.hasPop?[0,0]:[2,40],
+                    lineSize:[2,40],
                     useTextAnimation: false,
                     lineOffset:[24,0],
                     autoHeight:true,
@@ -128,8 +128,7 @@ export default class BaseComponent extends Vue {
                     }
                     layer.ids = options.map(item=>item.id);
                     if(layer.showPop){
-                        this.player.api.marker.showPopupWindow(layer.ids)
+                        this.player.api.marker.showAllPopupWindow()
-                        this.player.api.marker.focus(layer.ids,50,2)
                     }
 
                 }
@@ -137,12 +136,12 @@ export default class BaseComponent extends Vue {
         }else{
             if(layer.selected){
                 if(layer.showPop){
-                    this.player.api.marker.showPopupWindow(layer.ids)
+                    this.player.api.marker.showAllPopupWindow()
                 }
                 this.player.api.marker.show(layer.ids)
             }else{
                 if(layer.showPop){
-                    this.player.api.marker.hidePopupWindow(layer.ids)
+                    this.player.api.marker.hideAllPopupWindow()
                 }
                 this.player.api.marker.hide(layer.ids)
             }

src/views/overview.component.ts

@@ -40,7 +40,6 @@ export default class OverViewComponent extends BaseComponent {
     public hideAllPanel = false;
     public viewRightData = {};
 
-
     public viewLayer = {} as any;
     async created(){
         // this.currentLayers = this.getCurrentLayers();
@@ -181,11 +180,6 @@ export default class OverViewComponent extends BaseComponent {
     }
     //右侧详情点击事件
     showDetail(item){
-        if(this.currentEvent && this.currentEvent.id !==item.id){
-            this.viewLayer[this.currentEvent.id].selected = false;
-            this.addCustom(this.viewLayer[this.currentEvent.id],true);
-            this.currentEvent = null;
-        }
         if(!this.viewLayer[item.id]){
             const data = [] as any;
             if(item.point>1){
@@ -209,19 +203,12 @@ export default class OverViewComponent extends BaseComponent {
                 value:"fire",
                 popData:item,
                 showPop:true,
-                selected:true,
                 scale:[3,3,3],
                 urls:[],
                 ids:[],
                 data,
 
             }
-            this.currentEvent = item;
-        }else{
-            this.viewLayer[item.id].selected = !this.viewLayer[item.id].selected;
-            if(this.viewLayer[item.id].selected){
-                this.currentEvent = item;
-            }
         }
         this.addCustom(this.viewLayer[item.id],true);
         console.log('右侧详情点击事件',item)