表格数据

src/stores/mapStore.js

@@ -6,7 +6,8 @@ import {
   closePoint,
   stopTrajectory,
   startBidding,
-  closeOutputPoint
+  closeOutputPoint,
+  addPoint
 } from '@/utils/map/mapOperation.js';
 import { getTrajectorPointOnPeople, getTrajectorPointOnCar } from '@/service/api/mapRequest.js';
 import { useDrawPointStore } from '@/stores/drawPointManage';
@@ -122,6 +123,23 @@ export const useMapStore = defineStore('mapStore', () => {
           break;
         }
         case 'Bidding': {
+          //有轨迹点
+          const allShowHasPoint = currentAllPointList.value.filter((item) => {
+            return item?.x && item?.y && item?.ty == '有轨迹';
+          });
+          //无轨迹点
+          const allShowNoPoint = currentAllPointList.value.filter((item) => {
+            return item?.x && item?.y && item?.ty == '无轨迹';
+          });
+          addPoint(allShowHasPoint, 'hasPointView', {
+            color: 'rgba(0, 128, 255, 0.4)',
+            borderColor: 'rgba(0, 128, 255, 0.6)'
+          });
+          addPoint(allShowNoPoint, 'noPointView', {
+            color: 'rgba(255, 127, 0, 0.4)',
+            borderColor: 'rgba(255, 127, 0, 0.6)'
+          });
+          //无轨迹点
           break;
         }
       }
@@ -138,6 +156,8 @@ export const useMapStore = defineStore('mapStore', () => {
       closePoint('drawLine');
       closePoint('drawPoint');
       closePoint('clickView');
+      closePoint('hasPointView');
+      closePoint('noPointView');
       useDrawPointStore().modifyTrail = false;
       closeOutputPoint();
     } else if (value == 'flowCar') {

src/utils/map/mapOperation.js

@@ -487,7 +487,7 @@ export function closeOutputPoint() {
 }
 
 //定位
-export function gotoPosition(point) {
+export function gotoPosition(point, color) {
   invokeParams('goToPosition', {
     positon: point,
     heading: 0,
@@ -495,7 +495,7 @@ export function gotoPosition(point) {
     hasImg: true,
     marker: {
       size: 16,
-      color: '#000fff'
+      color: color || '#000fff'
     },
     zoom: 18,
     isRotation360: false

src/views/DataCenterGis/components/RightPanel.vue

@@ -76,7 +76,7 @@
         <el-table
           :data="mapStore.currentAllPointList"
           @row-click="handleView"
-          @row-dblclick="handleDbView({ scoped })"
+          @row-dblclick="handleDbView"
         >
           <el-table-column label="序号" align="center" type="index" width="50" />
           <el-table-column
@@ -95,17 +95,17 @@
               <div
                 v-if="scope.row.ty == '无轨迹'"
                 class="point-box"
-                style="background: rgba(255, 127, 0, 0.8)"
+                style="background: rgba(255, 127, 0, 0.4)"
               ></div>
               <div
                 v-if="scope.row.ty == '有轨迹'"
                 class="point-box"
-                style="background: rgba(0, 128, 255, 0.8)"
+                style="background: rgba(0, 128, 255, 0.4)"
               ></div>
               <div
                 v-if="scope.row.ty == '无坐标'"
                 class="point-box"
-                style="background: rgba(248, 152, 152, 0.8)"
+                style="background: rgba(248, 152, 152, 0.4)"
               ></div>
             </template>
           </el-table-column>
@@ -133,7 +133,7 @@
 </template>
 
 <script setup>
-import { computed, onMounted, ref } from 'vue';
+import { watch, onMounted, ref } from 'vue';
 import titleContent from './TitleContent.vue';
 import * as echarts from 'echarts';
 import {
@@ -147,7 +147,7 @@ import {
 import { stackRightOptions, stackLeftOptions } from '@/utils/chartsOptions.js';
 import { useMapStore } from '@/stores/mapStore.js';
 import { useDrawPointStore } from '@/stores/drawPointManage.js';
-import { addPoint } from '@/utils/map/mapOperation.js';
+import { addPoint, gotoPosition } from '@/utils/map/mapOperation.js';
 const partitionData = ref({});
 const mapStore = useMapStore();
 const drawPointStore = useDrawPointStore();
@@ -228,10 +228,6 @@ const getBarData = async () => {
   }
 };
 
-const activeName = ref('1');
-
-const handleClick = () => {};
-
 const clickBlbh = async (scope) => {
   try {
     const row = scope.row;
@@ -250,20 +246,23 @@ const clickBlbh = async (scope) => {
 
 const handleView = (row) => {
   if (row?.x && row?.y) {
-    let color = row.ty == '有轨迹' ? 'rgba(0, 128, 255, 0.5)' : 'rgba(255, 127, 0, 0.5)';
-    let borderColor = row.ty == '有轨迹' ? 'rgba(0, 128, 255, 0.9)' : 'rgba(255, 127, 0, 0.9)';
-    addPoint([{ x: row.x, y: row.y }], 'clickView', {
+    let color = row.ty == '有轨迹' ? 'rgba(0, 128, 255, 0.8)' : 'rgba(255, 127, 0, 0.8)';
+    let borderColor = row.ty == '有轨迹' ? 'rgba(0, 128, 255, 1)' : 'rgba(255, 127, 0, 1)';
+    addPoint([row], 'clickView', {
       color: color,
       borderColor: borderColor
     });
   }
 };
 
-const handleDbView = async (scope) => {
+const handleDbView = async (row) => {
   try {
-    const row = scope.row;
+    if (row?.x && row?.y) {
+      let color = row.ty == '有轨迹' ? 'rgba(0, 128, 255, 0.8)' : 'rgba(255, 127, 0, 0.8)';
+      gotoPosition(row, color);
+    }
     const res = await getTrajectorPointOnPeopleById({
-      id: row.id
+      id: row?.id
     });
     if (res.code == 200) {
       drawPointStore.currentSelectName = row.name;