传感器离线

src/api/components/supermap.js

@@ -75,4 +75,12 @@ export const iconList = {
   'sj-icon-map-not-centerdata-slmonitor-traffic': require('@/assets/icons/sj-icon-map/noStatus/sj-icon-map-not-centerdata-slmonitor-traffic.png'),
   'not-video': require('@/assets/icons/not-video.png'),
 
+  //传感器不在线
+  'sj-icon-map-not-centerdata_atmospheric_sensor':require('@/assets/icons/sj-icon-map/centerdata/sj-icon-map-not-centerdata_atmospheric_sensor.png'),//水温
+  'sj-icon-map-not-centerdata_pest_and_disease_monitoring_station':require('@/assets/icons/sj-icon-map/centerdata/sj-icon-map-not-centerdata_pest_and_disease_monitoring_station.png'),//病虫害
+  'sj-icon-map-not-centerdata_soil_monitoring_equipment':require('@/assets/icons/sj-icon-map/centerdata/sj-icon-map-not-centerdata_soil_monitoring_equipment.png'),//土壤
+  'sj-icon-map-not-centerdata_water_flow_rate':require('@/assets/icons/sj-icon-map/centerdata/sj-icon-map-not-centerdata_water_flow_rate.png'),//水流
+  'sj-icon-map-not-centerdata_water_gauge':require('@/assets/icons/sj-icon-map/centerdata/sj-icon-map-not-centerdata_water_gauge.png'),//水尺
+  'sj-icon-map-not-centerdata_water_pressure_sensor':require('@/assets/icons/sj-icon-map/centerdata/sj-icon-map-not-centerdata_water_pressure_sensor.png'),//水压
+  'sj-icon-map-not-centerdata_water_quality_sensor':require('@/assets/icons/sj-icon-map/centerdata/sj-icon-map-not-centerdata_water_quality_sensor.png'),//水质量
 }

src/views/monitor.vue

@@ -625,41 +625,30 @@
               keepBindPopup: false,
               isAggregation: false,
             };
-            if (item.deviceType == 1) { // 水质传感器
-              markersMap.icon = "sj-icon-map-centerdata_water_quality_sensor";
-              markersMap.bindPopupHtml += '<div class="map-tip">' +
+            if (item.deviceType == 1) {
+              if (item.workingStatus==0)
+              {
+                markersMap.icon = "sj-icon-map-centerdata_water_quality_sensor";
+              }else{
+                // 水质传感器
+                markersMap.icon = "sj-icon-map-not-centerdata_water_quality_sensor";
+              }
+              markersMap.bindPopupHtml +=
+                '<div class="map-tip">' +
                 "<span>" +
                 '                  <div class="d-l-con">' +
                 '                  <div class="d-l-l-text">' +
                 "                  <h4>水中PH：" +
-                (item.data.waterPh ? item.data.waterPh + "pH" : "0pH") +
+                (item.data.waterPh ? item.data.waterPh + "pH" : "0pH") + "  |  " + (item.threshold.waterPhThresholdUp ? item.threshold.waterPhThresholdUp + "pH" : "null")  +
                 "</h4>" +
                 "                </div>" +
                 "                </div>" +
                 "                </span>" +
-                // "<span>" +
-                // '                  <div class="d-l-con">' +
-                // '                  <div class="d-l-l-text">' +
-                // "                  <h4>生化需氧量：" +
-                // (item.data.bod ? item.data.bod+"mg/L" : "") +
-                // "</h4>" +
-                // "                </div>" +
-                // "                </div>" +
-                // "                </span>" +
-                // "<span>" +
-                // '                  <div class="d-l-con">' +
-                // '                  <div class="d-l-l-text">' +
-                // "                  <h4>信号强度：" +
-                // (item.data.signalStrength ? item.data.signalStrength+"" : "") +
-                // "</h4>" +
-                // "                </div>" +
-                // "                </div>" +
-                // "                </span>" +
                 "<span>" +
                 '                  <div class="d-l-con">' +
                 '                  <div class="d-l-l-text">' +
                 "                  <h4>化学需氧量：" +
-                (item.data.cod ? item.data.cod + "mg/L" : "0mg/L") +
+                (item.data.cod ? item.data.cod + "mg/L" : "0mg/L") + "  |  " + (item.threshold.codThreshold ? item.threshold.codThreshold + "mg/L" : "null")  +
                 "</h4>" +
                 "                </div>" +
                 "                </div>" +
@@ -668,7 +657,9 @@
                 '                  <div class="d-l-con">' +
                 '                  <div class="d-l-l-text">' +
                 "                  <h4>氨氮：" +
-                (item.data.ammoniaNitrogen ? item.data.ammoniaNitrogen + "mg/L" : "0mg/L") +
+                (item.data.ammoniaNitrogen
+                  ? item.data.ammoniaNitrogen + "mg/L"
+                  : "0mg/L") + "  |  " + (item.threshold.ammoniaNitrogenThreshold ? item.threshold.ammoniaNitrogenThreshold + "mg/L" : "null")  +
                 "</h4>" +
                 "                </div>" +
                 "                </div>" +
@@ -677,30 +668,55 @@
                 '                  <div class="d-l-con">' +
                 '                  <div class="d-l-l-text">' +
                 "                  <h4>水温：" +
-                (item.data.waterTemperature ? item.data.waterTemperature + "°C" : "0°C") +
+                (item.data.waterTemperature
+                  ? item.data.waterTemperature + "°C"
+                  : "0°C") + "  |  " + (item.threshold.waterTemperatureThresholdUp ? item.threshold.waterTemperatureThresholdUp + "°C" : "null")  +
                 "</h4>" +
                 "                </div>" +
                 "                </div>" +
                 "                </span>" +
-                // "<span>" +
-                // '                  <div class="d-l-con">' +
-                // '                  <div class="d-l-l-text">' +
-                // "                  <h4>水质悬浮物：" +
-                // (item.data.waterQualitySuspension ? item.data.waterQualitySuspension : "") +
-                // "</h4>" +
-                // "                </div>" +
-                // "                </div>" +
-                // "                </span>" +
-
                 "</div>";
+            }
+            else if (item.deviceType == 8) {
+              if (item.workingStatus==0)
+              {
+                markersMap.icon = "sj-icon-map-centerdata_water_gauge";
+              }else{
+                // 水尺
+                markersMap.icon = "sj-icon-map-not-centerdata_water_gauge";
+              }
+              '<div class="map-tip">' +
+              "<span>" +
+              '                  <div class="d-l-con">' +
+              '                  <div class="d-l-l-text">' +
+              "                  <h4>地址：" +
+              (item.address ? item.address : "") +
+              "</h4>" +
+              "                </div>" +
+              "                </div>" +
+              "                </span>" +
+              "</div>";
+            }
+            else if (item.deviceType == "003") {
+              if (item.workingStatus==0)
+              {
+                markersMap.icon = "sj-icon-map-centerdata_hydrological_monitoring_equipment";
+              }else{
+                markersMap.icon =
+                  "sj-icon-map-not-centerdata_hydrological_monitoring_equipment";
+              }
 
-            } else if (item.deviceType == '002') { // 水尺
-              markersMap.icon = "sj-icon-map-centerdata_water_gauge";
-            } else if (item.deviceType == '003') { // 水文监测设备
-              markersMap.icon = "sj-icon-map-centerdata_hydrological_monitoring_equipment";
-            } else if (item.deviceType == 2) { // 土壤监测设备
-              markersMap.icon = "sj-icon-map-centerdata_soil_monitoring_equipment";
-              markersMap.bindPopupHtml += '<div class="map-tip">' +
+            }
+            else if (item.deviceType == 2) {
+              if (item.workingStatus==0)
+              {
+                markersMap.icon = "sj-icon-map-centerdata_soil_monitoring_equipment";
+              }else{
+                markersMap.icon =
+                  "sj-icon-map-not-centerdata_soil_monitoring_equipment";
+              }
+              markersMap.bindPopupHtml +=
+                '<div class="map-tip">' +
                 "<span>" +
                 '                  <div class="d-l-con">' +
                 '                  <div class="d-l-l-text">' +
@@ -714,7 +730,9 @@
                 '                  <div class="d-l-con">' +
                 '                  <div class="d-l-l-text">' +
                 "                  <h4>导电率：" +
-                (item.data.conductivity ? item.data.conductivity + "us/cm" : "0us/cm") +
+                (item.data.conductivity
+                  ? item.data.conductivity + "us/cm"
+                  : "0us/cm") +
                 "</h4>" +
                 "                </div>" +
                 "                </div>" +
@@ -728,15 +746,6 @@
                 "                </div>" +
                 "                </div>" +
                 "                </span>" +
-                // "<span>" +
-                // '                  <div class="d-l-con">' +
-                // '                  <div class="d-l-l-text">' +
-                // "                  <h4>信号强度：" +
-                // (item.data.signalStrength ? item.data.signalStrength : "") +
-                // "</h4>" +
-                // "                </div>" +
-                // "                </div>" +
-                // "                </span>" +
                 "<span>" +
                 '                  <div class="d-l-con">' +
                 '                  <div class="d-l-l-text">' +
@@ -764,120 +773,62 @@
                 "                </div>" +
                 "                </div>" +
                 "                </span>" +
-                // "<span>" +
-                // '                  <div class="d-l-con">' +
-                // '                  <div class="d-l-l-text">' +
-                // "                  <h4>错误码：" +
-                // (item.data.errorCode ? item.data.errorCode : "") +
-                // "</h4>" +
-                // "                </div>" +
-                // "                </div>" +
-                // "                </span>" +
-                // "<span>" +
-                // '                  <div class="d-l-con">' +
-                // '                  <div class="d-l-l-text">' +
-                // "                  <h4>版本号：" +
-                // (item.data.version ? item.data.version : "") +
-                // "</h4>" +
-                // "                </div>" +
-                // "                </div>" +
-                // "                </span>" +
                 "<span>" +
                 '                  <div class="d-l-con">' +
                 '                  <div class="d-l-l-text">' +
                 "                  <h4>磷含量：" +
-                (item.data.phosphorus ? item.data.phosphorus + "mg/kg" : "0mg/kg") +
+                (item.data.phosphorus
+                  ? item.data.phosphorus + "mg/kg"
+                  : "0mg/kg") +
                 "</h4>" +
                 "                </div>" +
                 "                </div>" +
                 "                </span>" +
-                // "<span>" +
-                // '                  <div class="d-l-con">' +
-                // '                  <div class="d-l-l-text">' +
-                // "                  <h4>电压：" +
-                // (item.data.voltage ? item.data.voltage : "") +
-                // "</h4>" +
-                // "                </div>" +
-                // "                </div>" +
-                // "                </span>"
                 "</div>";
-            } else if (item.deviceType == 4) { // 病虫害监测站
-              markersMap.icon = "sj-icon-map-centerdata_pest_and_disease_monitoring_station";
-            } else if (item.deviceType == 5) { // 大气传感器
-              markersMap.icon = "sj-icon-map-centerdata_atmospheric_sensor";
-              markersMap.bindPopupHtml += '<div class="map-tip">' +
-                // "<span>" +
-                // '                  <div class="d-l-con">' +
-                // '                  <div class="d-l-l-text">' +
-                // "                  <h4>总挥发性有机物：" +
-                // (item.data.tvoc ? item.data.tvoc : "") +
-                // "</h4>" +
-                // "                </div>" +
-                // "                </div>" +
-                // "                </span>" +
+            }
+            else if (item.deviceType == 4) {
+              if (item.workingStatus==0)
+              {
+                markersMap.icon =
+                  "sj-icon-map-centerdata_pest_and_disease_monitoring_station";
+              }else{
+                markersMap.icon =
+                  "sj-icon-map-not-centerdata_pest_and_disease_monitoring_station";
+              }
+
+            }
+            else if (item.deviceType == 5) {
+              if (item.workingStatus==0)
+              {
+                markersMap.icon = "sj-icon-map-centerdata_atmospheric_sensor";
+              }else{
+                markersMap.icon =
+                  "sj-icon-map-not-centerdata_atmospheric_sensor";
+              }
+              markersMap.bindPopupHtml +=
+                '<div class="map-tip">' +
                 "<span>" +
                 '                  <div class="d-l-con">' +
                 '                  <div class="d-l-l-text">' +
                 "                  <h4>二氧化硫：" +
-                (item.data.sulfurDioxide ? item.data.sulfurDioxide + "ug/m³" : "0ug/m³") +
+                (item.data.sulfurDioxide
+                  ? item.data.sulfurDioxide + "ug/m³"
+                  : "0ug/m³") +
                 "</h4>" +
                 "                </div>" +
                 "                </div>" +
                 "                </span>" +
-                // "<span>" +
-                // '                  <div class="d-l-con">' +
-                // '                  <div class="d-l-l-text">' +
-                // "                  <h4>电池电压：" +
-                // (item.data.batteryVoltage ? item.data.batteryVoltage : "") +
-                // "</h4>" +
-                // "                </div>" +
-                // "                </div>" +
-                // "                </span>" +
-                // "<span>" +
-                // '                  <div class="d-l-con">' +
-                // '                  <div class="d-l-l-text">' +
-                // "                  <h4>信号强度：" +
-                // (item.data.signalStrength ? item.data.signalStrength : "") +
-                // "</h4>" +
-                // "                </div>" +
-                // "                </div>" +
-                // "                </span>" +
-                // "<span>" +
-                // '                  <div class="d-l-con">' +
-                // '                  <div class="d-l-l-text">' +
-                // "                  <h4>可吸入颗粒物：" +
-                // (item.data.suctionParticle ? item.data.suctionParticle : "") +
-                // "</h4>" +
-                // "                </div>" +
-                // "                </div>" +
-                // "                </span>" +
                 "<span>" +
                 '                  <div class="d-l-con">' +
                 '                  <div class="d-l-l-text">' +
                 "                  <h4>一氧化碳：" +
-                (item.data.carbonMonoxide ? item.data.carbonMonoxide + "ug/m³" : "0ug/m³") +
+                (item.data.carbonMonoxide
+                  ? item.data.carbonMonoxide + "ug/m³"
+                  : "0ug/m³") +
                 "</h4>" +
                 "                </div>" +
                 "                </div>" +
                 "                </span>" +
-                // "<span>" +
-                // '                  <div class="d-l-con">' +
-                // '                  <div class="d-l-l-text">' +
-                // "                  <h4>臭氧：" +
-                // (item.data.ozone ? item.data.ozone : "") +
-                // "</h4>" +
-                // "                </div>" +
-                // "                </div>" +
-                // "                </span>" +
-                // "<span>" +
-                // '                  <div class="d-l-con">' +
-                // '                  <div class="d-l-l-text">' +
-                // "                  <h4>总悬浮颗粒物：" +
-                // (item.data.tsp ? item.data.tsp : "") +
-                // "</h4>" +
-                // "                </div>" +
-                // "                </div>" +
-                // "                </span>" +
                 "<span>" +
                 '                  <div class="d-l-con">' +
                 '                  <div class="d-l-l-text">' +
@@ -887,96 +838,114 @@
                 "                </div>" +
                 "                </div>" +
                 "                </span>" +
-                // "<span>" +
-                // '                  <div class="d-l-con">' +
-                // '                  <div class="d-l-l-text">' +
-                // "                  <h4>湿度：" +
-                // (item.data.humidity ? item.data.humidity : "") +
-                // "</h4>" +
-                // "                </div>" +
-                // "                </div>" +
-                // "                </span>" +
-                // "<span>" +
-                // '                  <div class="d-l-con">' +
-                // '                  <div class="d-l-l-text">' +
-                // "                  <h4>细颗粒：" +
-                // (item.data.fineParticle ? item.data.fineParticle+"ug/m3" : "") +
-                // "</h4>" +
-                // "                </div>" +
-                // "                </div>" +
-                // "                </span>" +
                 "<span>" +
                 '                  <div class="d-l-con">' +
                 '                  <div class="d-l-l-text">' +
                 "                  <h4>二氧化氮：" +
-                (item.data.nitrogenDioxide ? item.data.nitrogenDioxide + "ug/m³" : "0ug/m³") +
+                (item.data.nitrogenDioxide
+                  ? item.data.nitrogenDioxide + "ug/m³"
+                  : "0ug/m³") +
                 "</h4>" +
                 "                </div>" +
                 "                </div>" +
                 "                </span>" +
-                // "<span>" +
-                // '                  <div class="d-l-con">' +
-                // '                  <div class="d-l-l-text">' +
-                // "                  <h4>风向：" +
-                // (item.data.windDirection ? item.data.windDirection : "") +
-                // "</h4>" +
-                // "                </div>" +
-                // "                </div>" +
-                // "                </span>" +
-                // "<span>" +
-                // '                  <div class="d-l-con">' +
-                // '                  <div class="d-l-l-text">' +
-                // "                  <h4>风速：" +
-                // (item.data.windSpeed ? item.data.windSpeed : "") +
-                // "</h4>" +
-                // "                </div>" +
-                // "                </div>" +
-                // "                </span>" +
                 "</div>";
-            } else if (item.deviceType == 6) { // 水压传感器
-              markersMap.icon = "sj-icon-map-centerdata_water_pressure_sensor";
-              markersMap.bindPopupHtml += '<div class="map-tip">' +
+            }
+            else if (item.deviceType == 6) {
+              if (item.workingStatus==0)
+              {
+                markersMap.icon = "sj-icon-map-centerdata_water_pressure_sensor";
+              }else{
+                markersMap.icon = "sj-icon-map-not-centerdata_water_pressure_sensor";
+              }
+
+              markersMap.bindPopupHtml +=
                 '<div class="map-tip">' +
                 "<span>" +
                 '                  <div class="d-l-con">' +
                 '                  <div class="d-l-l-text">' +
-                "                  <h4>类型：水压传感器" +
+                "                  <h4>下限警报使能：" +
+                (item.data.thresholdLowEnable
+                  ? item.data.thresholdLowEnable + "MPa"
+                  : "0MPa") +
+                "</h4>" +
+                "                </div>" +
+                "                </div>" +
+                "                </span>" +
+                "<span>" +
+                '                  <div class="d-l-con">' +
+                '                  <div class="d-l-l-text">' +
+                "                  <h4>上限警报使能：" +
+                (item.data.thresholdHighEnable
+                  ? item.data.thresholdHighEnable + "MPa"
+                  : "0MPa") +
                 "</h4>" +
                 "                </div>" +
                 "                </div>" +
                 "                </span>" +
-                '<div class="map-tip">' +
                 "<span>" +
                 '                  <div class="d-l-con">' +
                 '                  <div class="d-l-l-text">' +
-                "                  <h4>电池电量：" +
-                (item.data.batteryValue ? item.data.batteryValue + "%" : "0%") +
+                "                  <h4>水压力值：" +
+                (item.data.hydraulicValue
+                  ? item.data.hydraulicValue + "MPa"
+                  : "0MPa") +
                 "</h4>" +
                 "                </div>" +
                 "                </div>" +
                 "                </span>" +
-                // "<span>" +
-                // '                  <div class="d-l-con">' +
-                // '                  <div class="d-l-l-text">' +
-                // "                  <h4>上限警报使能：" +
-                // (item.data.thresholdHighEnable ?
-                //   item.data.thresholdHighEnable + "MPa" :
-                //   "0MPa") +
-                // "</h4>" +
-                // "                </div>" +
-                // "                </div>" +
-                // "                </span>" +
                 "<span>" +
                 '                  <div class="d-l-con">' +
                 '                  <div class="d-l-l-text">' +
-                "                  <h4 style='color:"+(item.data.hydraulicThresholdMax>=item.data.hydraulicValue>=item.data.hydraulicThresholdMin?'green':'red')+"'"+">水压力值：" +
-                (item.data.hydraulicValue ? item.data.hydraulicValue + "MPa" : "0MPa") +'   | ' +(item.data.hydraulicThresholdMin ? item.data.hydraulicThresholdMin + "MPa" : "0MPa")+"-"+ (item.data.hydraulicThresholdMax ? item.data.hydraulicThresholdMax + "MPa" : "0MPa")+
+                "                  <h4>水压下限阈值：" +
+                (item.data.hydraulicThresholdMin
+                  ? item.data.hydraulicThresholdMin + "MPa"
+                  : "0MPa") +
+                "</h4>" +
+                "                </div>" +
+                "                </div>" +
+                "                </span>" +
+                "<span>" +
+                '                  <div class="d-l-con">' +
+                '                  <div class="d-l-l-text">' +
+                "                  <h4>水压上限阈值：" +
+                (item.data.hydraulicThresholdMax
+                  ? item.data.hydraulicThresholdMax + "MPa"
+                  : "0MPa") +
                 "</h4>" +
                 "                </div>" +
                 "                </div>" +
                 "                </span>" +
                 "</div>";
             }
+            else if (item.deviceType == 7) {
+              if (item.workingStatus==0)
+              {
+                markersMap.icon = "sj-icon-map-centerdata_water_flow_rate";
+              }else{
+                markersMap.icon = "sj-icon-map-not-centerdata_water_flow_rate";
+              }
+              markersMap.bindPopupHtml +=
+                '<div class="map-tip">' +
+                "<span>" +
+                '                  <div class="d-l-con">' +
+                '                  <div class="d-l-l-text">' +
+                "                  <h4>瞬时流速：" +
+                (item.data!=null?((item.data.V1 ? item.data.V1 + "m/s" : "0m/s") + "  |  " + (item.threshold.vThreshold ? item.threshold.vThreshold + "m/s" : "null")):(("0m/s") + "  |  " + (item.threshold.vThreshold ? item.threshold.vThreshold + "m/s" : "null"))) +
+                "</h4>" +
+                "                </div>" +
+                "                </div>" +
+                "                </span>" +
+                "<span>" +
+                '                  <div class="d-l-con">' +
+                '                  <div class="d-l-l-text">' +
+                "                  <h4>瞬时流量：" +
+                (item.data!=null?((item.data.Q ? item.data.Q + "m³/s" : "0m³/s") + "  |  " + (item.threshold.vThreshold ? item.threshold.vThreshold + "m³/s" : "null")):(("0m³/s") + "  |  " + (item.threshold.vThreshold ? item.threshold.vThreshold + "m³/s" : "null"))) +
+                "</h4>" +
+                "                </div>" +
+                "                </div>" +
+                "                </span></div>";
+            }
             markersMap.lng = item.longitude;
             markersMap.lat = item.latitude;
             markersList.push(markersMap);