测量工具

src/components/eventLocation.vue

@@ -206,10 +206,9 @@
           <el-tab-pane label="实时画面" name="frame">
           </el-tab-pane>
           <el-tab-pane label="地理位置" name="point">
-          <div class="info-button-group">            <button>视频联动</button>
-            <button>矢量标记</button>
-            <button>测面</button>
-            <button>测距</button>
+          <div class="info-button-group">
+            <button>视频联动</button>
+            <button @click="editableLayers('notProcessedSupermap')">测量工具</button>
           </div>
 			    <notProcessedSupermap ref="notProcessedSupermap" v-if="'point' === eventInfoVisibleActiveName"  style="width:100% ;height: 75vh;"   :mapDiv="'notProcessedSupermap'" :mapSite="{doubleClickZoom:false}" :codes="['9fa5']" @preview="preview" :isSideBySide="false"></notProcessedSupermap>
           </el-tab-pane>
@@ -347,9 +346,7 @@
           <el-tab-pane label="地理位置" name="point">
 						<div class="info-button-group">
 							<button>视频联动</button>
-							<button>矢量标记</button>
-							<button>测面</button>
-							<button>测距</button>
+              <button @click="editableLayers('processedSupermap')">测量工具</button>
 						</div>
 						<processedSupermap v-if="'point' === eventInfoVisibleActiveName" ref="processedSupermap"  style="width:100% ;height: 75vh;" :mapDiv="'processedSuperMap'" :mapSite="{doubleClickZoom:false}" :codes="['9fa5']" @preview="preview" :isSideBySide="false"></processedSupermap>
           </el-tab-pane>
@@ -386,7 +383,7 @@
     },
     data() {
       return {
-        /** ----------------------------------事件弹窗开始-未处理------------------------------------- */
+        /** ----------------------------------事件弹窗开始------------------------------------- */
         eventInfoVisibleActiveName: 'info',
         eventInfoVisible_notProcessed: false,
         eventInfoVisible_Processed: false,
@@ -718,7 +715,24 @@
       },
       /** ----------------------------------摄像头预览结束------------------------------------- */
 
-      /** ----------------------------------事件弹窗开始-未处理------------------------------------- */
+      /** ----------------------------------事件弹窗开始------------------------------------- */
+      editableLayers(processedState){
+        if(processedState=='notProcessedSupermap'){
+          let aa = this.$refs.notProcessedSupermap.isEditableLayers;
+          if (!this.$refs.notProcessedSupermap.isEditableLayers) {
+            this.$refs.notProcessedSupermap.isEditableLayers = true
+          } else {
+            this.$refs.notProcessedSupermap.isEditableLayers = false
+          }
+        }else{
+          let bb = this.$refs.processedSupermap.isEditableLayers ;
+          if (!this.$refs.processedSupermap.isEditableLayers) {
+            this.$refs.processedSupermap.isEditableLayers = true
+          } else {
+            this.$refs.processedSupermap.isEditableLayers = false
+          }
+        }
+      },
       switchImage(url) {
         this.url = url
       },
@@ -929,8 +943,6 @@
         this.deptName = ''
         this.eventStatus = ''
       },
-      /** ----------------------------------事件弹窗结束-未处理------------------------------------- */
-      /** ----------------------------------事件弹窗开始-处理中------------------------------------- */
       handleClickProcessed(tab, event) {
         let that=this
         if(tab.name == 'frame'){
@@ -1068,7 +1080,7 @@
           }
         })
       },
-      /** ----------------------------------事件弹窗结束-处理中------------------------------------- */
+      /** ----------------------------------事件弹窗结束------------------------------------- */
     }
   }
 </script>
@@ -1158,7 +1170,7 @@
         text-shadow: 0 0 20px rgba($color: $inBlueHover, $alpha: 1.0);
       }
     }
-		
+
 	.m-l-none{
 		.el-input__inner{
 			margin-left:0 !important;