Переглянути джерело

perf(views): 优化“设备工况”模块冷却泵的参数设置

wangcong 2 місяців тому
батько
коміт
8c58568d9c

+ 22 - 4
src/views/device-work-status/device-card/CoolingPump.vue

@@ -14,22 +14,34 @@ defineProps<DevWorkCardProps<DevParamCoolingPump>>();
       <div class="cooling-pump-left">
         <div>
           <div class="device-card-label">{{ $t('deviceWorkStatus.coolingTower.localRemoteStatus') }}</div>
-          <div class="device-card-value">{{ realTimeData?.[DevParamCoolingPump.本地远程状态] ?? '-' }}</div>
+          <div class="device-card-value device-card-no-history">
+            {{ realTimeData?.[DevParamCoolingPump.本地远程状态] ?? '-' }}
+          </div>
         </div>
         <div>
           <div class="device-card-label">{{ $t('deviceWorkStatus.coolingTower.activePower') }} (kW)</div>
-          <ProgressTextBar :text="realTimeData?.[DevParamCoolingPump.有功功率]" :percent="0" />
+          <ProgressTextBar
+            :text="realTimeData?.[DevParamCoolingPump.有功功率]"
+            :percent="0"
+            :data-param-code="DevParamCoolingPump.有功功率"
+          />
         </div>
         <div>
           <div class="device-card-label">{{ $t('deviceWorkStatus.coolingTower.frequencyFb') }} (Hz)</div>
-          <ProgressTextBar :text="realTimeData?.[DevParamCoolingPump.频率反馈]" :percent="0" />
+          <ProgressTextBar
+            :text="realTimeData?.[DevParamCoolingPump.频率反馈]"
+            :percent="0"
+            :data-param-code="DevParamCoolingPump.频率反馈"
+          />
         </div>
       </div>
     </div>
     <div class="cooling-pump-bottom">
       <div>
         <div class="device-card-label">{{ $t('deviceWorkStatus.coolingTower.runHours') }} (H)</div>
-        <div class="device-card-value">{{ realTimeData?.[DevParamCoolingPump.运行时间] ?? '-' }}</div>
+        <div class="device-card-value device-card-no-history">
+          {{ realTimeData?.[DevParamCoolingPump.运行时间] ?? '-' }}
+        </div>
       </div>
     </div>
   </div>
@@ -61,4 +73,10 @@ defineProps<DevWorkCardProps<DevParamCoolingPump>>();
   display: flex;
   justify-content: space-between;
 }
+
+.cooling-pump-top,
+.cooling-pump-bottom {
+  position: relative;
+  z-index: 1;
+}
 </style>