feat(views): 环境监控监测点列表支持与区域画布内的监测点联动

src/views/env-monitor/EnvMonitor.vue

@@ -571,8 +571,10 @@ const saveAreaCanvas = (canvas: string) => {
   });
 };
 
-const highlightEnvPoint = () => {
-  return;
+const highlightEnvPoint = (id: number) => {
+  const monitorPointContainerEle = document.querySelector(`.content-monitoring-canvas-left [data-point-id="${id}"]`);
+  monitorPointContainerEle?.scrollIntoView();
+  monitoringId.value = id;
 };
 </script>
 
@@ -625,15 +627,12 @@ const highlightEnvPoint = () => {
       </div>
       <AFlex class="content-monitoring-canvas">
         <div class="content-monitoring-canvas-left">
-          <div
-            v-for="item in monitoringPointData"
-            :key="item.id"
-            @click="areaPreviewRef?.highlightCanvasPoint(item.id)"
-          >
+          <div v-for="item in monitoringPointData" :key="item.id" :data-point-id="item.id">
             <LineChart
               :data="item"
               :icon-show="true"
               :monitoring-id="monitoringId"
+              @click="areaPreviewRef?.highlightCanvasPoint(item.id)"
               @editorClick="editorClick"
               @historicalDataClick="historicalDataClick"
             />