加入视频流地址

src/views/map-config/mini-map/MapBase/KonvaMap.vue

@@ -199,13 +199,14 @@
   };
 
   //添加相机
-  const addCamera = (id: string) => {
+  const addCamera = (id: string, streamIp: string) => {
     const existingCamera = cameras.value.find((camera) => camera.id === id);
     if (existingCamera) return;
     const config = {
       width: 52,
       height: 37,
       image: camImg,
+      pushstreamIp: streamIp,
       name: 'image',
       id: id,
     };
@@ -288,13 +289,15 @@
     const stage = transformer.value.getNode().getStage();
     const groups = stage.find('.group');
     const tempList = cloneDeep(cameras.value);
+    console.log('cameras.value', cameras.value);
+
     const camerasLists = tempList.map((item, index) => {
       item.groupConfig.x = groups[index].attrs.x;
       item.groupConfig.y = groups[index].attrs.y;
       item.groupConfig.rotation = groups[index].attrs.rotation || 0;
       item.groupConfig.scaleX = groups[index].attrs.scaleX || 1;
       item.groupConfig.scaleY = groups[index].attrs.scaleY || 1;
-      item.config.url = cameraImgSrc;
+      // item.config.url = cameraImgSrc;
       return item;
     });
     const layout = {

src/views/map-config/mini-map/MiniMapConfig.vue

@@ -63,7 +63,7 @@
               isAdded: isAddedCamera(item.code),
               isActive: item.code === caremaActiveId,
             }"
-            @click="handleAddCamera(item.code)"
+            @click="handleAddCamera(item.code, item.pushstreamIp)"
           >
             <span class="camera-id">{{ item.name }}</span>
             <el-popover
@@ -194,14 +194,14 @@
     return shopCameraList.value.filter((x) => x.code?.includes(k) || x.workSpaceName?.includes(k));
   });
 
-  const handleAddCamera = (cameraId: string) => {
+  const handleAddCamera = (cameraId: string, streamIp: string) => {
     if (!hasBg.value) {
       ElMessage.warning({
         message: '请先添加背景图片',
       });
       return;
     }
-    konvaMap.value.addCamera(cameraId);
+    konvaMap.value.addCamera(cameraId, streamIp);
   };
 
   const handleSave = () => {