修改障碍物

src/views/index.vue

@@ -21,7 +21,7 @@
       </div>
     </div>
     <div class="left">
-      <Ruler ref="rulerRef" :box-pos="locationData" :index="2"/>
+      <Ruler ref="rulerRef" :index="dotIndex" :box-pos="locationData"/>
     </div>
     <div class="right">
       <div v-if="itemsId === 1" class="tabsItem">
@@ -96,7 +96,8 @@
             </el-form-item>
           </el-form>
 
-          <el-table :data="tableData1" style="width: 100%">
+          <el-table highlight-current-row @current-change="table1Current" :data="tableData1"
+                    style="width: 100%">
             <el-table-column type="selection" width="55"/>
             <el-table-column label="序号" type="index" width="60"/>
             <el-table-column property="Lon" label="目标经度" width="120"/>
@@ -523,6 +524,7 @@ const form4 = ref({})
 const form5 = ref({})
 const form6 = ref({})
 const radarWorkState = ref(0)
+const dotIndex = ref(-1)
 const tableData1 = ref([
   {
     coordinate: '528,11',
@@ -840,10 +842,16 @@ const setDot = (e) => {
       index: k
     }
   }).filter(v => v)
-  tableData1.value = e.DarDatas
+  tableData1.value = e.DarDatas.filter(v => v.Lon !== 0 && v.Lat !== 0).map((v, k) => {
+    return {...v, index: k}
+  })
   console.log(dots)
   rulerRef.value.setDot(dots)
 }
+const table1Current = (e, v) => {
+  console.log(e)
+  dotIndex.value = e.index || 0
+}
 </script>
 <style>
 .app-container {