Преглед на файлове

大屏地图,土壤信息详情,展示字段变更

miaofuhao преди 3 седмици
родител
ревизия
4dbbdf4af2
променени са 2 файла, в които са добавени 61 реда и са изтрити 5 реда
  1. 60 3
      bigScreen3/src/views/dashboard/cpns/EquipmentDetail.vue
  2. 1 2
      bigScreen3/src/views/dashboard/cpns/SmartOperation.vue

+ 60 - 3
bigScreen3/src/views/dashboard/cpns/EquipmentDetail.vue

@@ -9,7 +9,7 @@
9 9
 
10 10
       
11 11
       <!-- 左侧设备信息区域 -->
12
-      <div class="equipment-info-section">
12
+      <div class="equipment-info-section" v-if="equipmentData.typeName!=='土壤检测'">
13 13
         <h3 class="section-title">• 设备基本信息</h3>
14 14
         <div class="info-content">
15 15
           <div class="info-grid">
@@ -64,9 +64,66 @@
64 64
           </div>
65 65
         </div>
66 66
       </div>
67
-
67
+      <!-- 土壤检测信息区域 -->
68
+        <div v-if="equipmentData.typeName === '土壤检测'" class="equipment-info-section">
69
+          <h3 class="section-title">• 土壤检测数据</h3>
70
+          <div class="info-grid">
71
+            <div class="info-item">
72
+              <span class="info-label">当前电导率:</span>
73
+              <span class="info-value">{{ equipmentData.soilConductivity || '' }} (us/cm)</span>
74
+            </div>
75
+            <div class="info-item">
76
+              <span class="info-label">当前空气温度:</span>
77
+              <span class="info-value">{{ equipmentData.airTemperature || '' }} (C)</span>
78
+            </div>
79
+            <div class="info-item">
80
+              <span class="info-label">当前空气湿度:</span>
81
+              <span class="info-value">{{ equipmentData.airHumidity || '' }} (%RH)</span>
82
+            </div>
83
+            <div class="info-item">
84
+              <span class="info-label">当前电池电压:</span>
85
+              <span class="info-value">{{ equipmentData.batteryVoltage || '' }} (V)</span>
86
+            </div>
87
+            <div class="info-item">
88
+              <span class="info-label">当前负氧离子:</span>
89
+              <span class="info-value">{{ equipmentData.negativeOxygen || '' }} (个/cm3)</span>
90
+            </div>
91
+            <div class="info-item">
92
+              <span class="info-label">当前盐分:</span>
93
+              <span class="info-value">{{ equipmentData.salt || '' }} (mg/L)</span>
94
+            </div>
95
+            <div class="info-item">
96
+              <span class="info-label">当前pm2.5:</span>
97
+              <span class="info-value">{{ equipmentData.pm25 || '' }} (ug/m2)</span>
98
+            </div>
99
+            <div class="info-item">
100
+              <span class="info-label">当前土壤ph:</span>
101
+              <span class="info-value">{{ equipmentData.soilPh || '' }}</span>
102
+            </div>
103
+            <div class="info-item">
104
+              <span class="info-label">当前电量:</span>
105
+              <span class="info-value">{{ equipmentData.electricity || equipmentData.dlValue || '' }} (%)</span>
106
+            </div>
107
+            <div class="info-item">
108
+              <span class="info-label">当前土壤温度:</span>
109
+              <span class="info-value">{{ equipmentData.wdValue || '' }} (°C)</span>
110
+            </div>
111
+            <div class="info-item">
112
+              <span class="info-label">当前土壤湿度:</span>
113
+              <span class="info-value">{{ equipmentData.sdValue || '' }} (%)</span>
114
+            </div>
115
+            <div class="info-item">
116
+              <span class="info-label">当前电压:</span>
117
+              <span class="info-value">{{ equipmentData.dyValue || equipmentData.batteryVoltage || '' }} (V)</span>
118
+            </div>
119
+            <div class="info-item full-width">
120
+              <span class="info-label">采集时间:</span>
121
+              <span class="info-value">{{ equipmentData.cjTime || '' }}</span>
122
+            </div>
123
+          </div>
124
+        </div>
68 125
       <!-- 右侧设备图片区域 -->
69
-      <div class="equipment-image-section">
126
+      <div class="equipment-image-section" v-if="equipmentData.images && equipmentData.images.length > 0">
70 127
         <h3 class="section-title">• 设备图片</h3>
71 128
         <div class="image-container">
72 129
           <div class="image-scroll-area">

+ 1 - 2
bigScreen3/src/views/dashboard/cpns/SmartOperation.vue

@@ -277,8 +277,7 @@
277 277
       :style="{
278 278
         left: popupPosition.x + 'px',
279 279
         top: popupPosition.y + 'px'
280
-      }"
281
-    >
280
+      }">
282 281
       <div class="popup-header">
283 282
         <h3>{{ popupData.name || popupData.typeName || '详情信息' }}</h3>
284 283
         <span class="popup-close" @click="closePopup">&times;</span>