选中哪个显示哪个

src/views/HeaderOne.vue

@@ -206,19 +206,19 @@
         >
           <span style="display:inline-block;width:100px;">点位信息:</span>
         </div>
-        <div>
+        <div style="padding-left: 10px;">
           <span style="display:inline-block;width:100px;">地址名称：</span
           ><span>{{ item.areaName }}</span>
         </div>
-        <div>
+        <div style="padding-left: 10px;">
           <span style="display:inline-block;width:100px;">开始时间：</span
           ><span>{{ item.startTime }}</span>
         </div>
-        <div>
+        <div style="padding-left: 10px;">
           <span style="display:inline-block;width:100px;">结束时间:</span
           ><span>{{ item.endTime }}</span>
         </div>
-        <div>
+        <div style="padding-left: 10px;">
           <span style="display:inline-block;width:100px;">范围：</span
           ><span>{{ item.caseRange }}(米)</span>
         </div>

src/views/creatActiveMain.vue

@@ -73,7 +73,7 @@
             <el-table-column type="selection" width="55"> </el-table-column>
             <el-table-column
               property="headerPhone"
-              label="电话"
+              label="标识号"
               align="center"
               show-overflow-tooltip
             ></el-table-column>
@@ -191,7 +191,11 @@
         'border-bottom': 'none'
       }"
     >
-      <el-table-column prop="headerPhone" label="电话" align="center">
+      <el-table-column
+        prop="headerPhone"
+        label="查询结果(标识号)"
+        align="center"
+      >
       </el-table-column>
     </el-table>
   </div>
@@ -323,7 +327,37 @@ export default {
   },
   methods: {
     startAnimation(row, column, event) {
-      row.animationFeature.pauseOrStart(true);
+      this.tableData.forEach(each => {
+        this.$setVisible({
+          layerId: `animationFeature${each.headerPhone}`,
+          Visible: false
+        });
+        this.$setVisible({
+          layerId: `layerId${each.headerPhone}`,
+          Visible: false
+        });
+        this.$setVisible({
+          layerId: `animationTrackFeature${each.headerPhone}`,
+          Visible: false
+        });
+      });
+      this.$setVisible({
+        layerId: `animationFeature${row.headerPhone}`,
+        Visible: true
+      });
+      this.$setVisible({
+        layerId: `layerId${row.headerPhone}`,
+        Visible: true
+      });
+      this.$setVisible({
+        layerId: `animationTrackFeature${row.headerPhone}`,
+        Visible: true
+      });
+
+      // row.animationFeature.$getLayer({
+      //   layerId: `animationFeature${row.headerPhone}`
+      // });
+      debugger;
     },
     changePage() {
       this.currentPage = 1;
@@ -594,6 +628,7 @@ export default {
       this.showFlag = !this.showFlag;
     },
     measurebtn() {
+      this.$setMeatureLength(true, "dashLine");
       window.map.changeDragMode("measureLine", function(result) {});
     },
     planimetering() {