摄像头在不在线类型添加

src/views/monitor.vue

@@ -1298,13 +1298,62 @@ export default {
             markersMap.lat = res.data.visuForestCloudCameraBOList[i].latitude;
             markersMap.radius =
               res.data.visuForestCloudCameraBOList[i].cameraRadius;
-            if (res.data.visuForestCloudCameraBOList[i].cameraUse == 1) {
-              markersMap.icon = "sj-icon-map-centerdata-slmonitor";
-            } else if (res.data.visuForestCloudCameraBOList[i].cameraUse == 2) {
-              markersMap.icon = "camera";
-            }else if (res.data.visuForestCloudCameraBOList[i].cameraUse == 3) {
-              markersMap.icon = "sj-icon-map-centerdata-slmonitor-traffic";
+            if( res.data.visuForestCloudCameraBOList[i].cameraUse==1)
+            {
+              if( res.data.visuForestCloudCameraBOList[i].workingStatus==0)
+              {
+                markersMap.icon='sj-icon-map-centerdata-slmonitor'
+                markersMap.click='preview'
+              }else if ( res.data.visuForestCloudCameraBOList[i].workingStatus==1)
+              {
+                markersMap.icon='sj-icon-map-not-centerdata-slmonitor'
+                markersMap.click=''
+              }
+
+            } else  if ( res.data.visuForestCloudCameraBOList[i].cameraUse == 2){
+              if( res.data.visuForestCloudCameraBOList[i].workingStatus==0)
+              {
+                markersMap.icon = "camera";
+                markersMap.click='preview'
+              }else if ( res.data.visuForestCloudCameraBOList[i].workingStatus==1)
+              {
+                markersMap.icon = "camera-not";
+                markersMap.click=''
+              }
+            }  else if ( res.data.visuForestCloudCameraBOList[i].cameraUse == 3) {
+              if( res.data.visuForestCloudCameraBOList[i].workingStatus==0)
+              {
+                markersMap.icon = 'sj-icon-map-centerdata-slmonitor-traffic'
+                markersMap.click='preview'
+              }else if ( res.data.visuForestCloudCameraBOList[i].workingStatus==1)
+              {
+                markersMap.icon = 'sj-icon-map-not-centerdata-slmonitor-traffic'
+                markersMap.click=''
+              }
+
+            }
+            else if ( res.data.visuForestCloudCameraBOList[i].cameraUse == 4) {
+              if( res.data.visuForestCloudCameraBOList[i].workingStatus==0)
+              {
+                markersMap.icon = 'sj-icon-map-centerdata-sand-quarry-camera'
+                markersMap.click='preview'
+              }else if ( res.data.visuForestCloudCameraBOList[i].workingStatus==1)
+              {
+                markersMap.icon = 'sj-icon-map-not-centerdata-sand-quarry-camera'
+                markersMap.click=''
+              }
+
+            }
+            else if ( res.data.visuForestCloudCameraBOList[i].cameraUse == 5) {
+              if ( res.data.visuForestCloudCameraBOList[i].workingStatus == 0) {
+                markersMap.icon = 'sj-icon-map-centerdata-t-hydraulic-reservoir-camera'
+                markersMap.click = 'preview'
+              } else if ( res.data.visuForestCloudCameraBOList[i].workingStatus == 1) {
+                markersMap.icon = 'sj-icon-map-not-centerdata-t-hydraulic-reservoir-camera'
+                markersMap.click = ''
+              }
             }
+
             markersMap.bindPopupHtml =
               '<div class="map-tip">' +
               "<span>" +