Quellcode durchsuchen

perf(views): 优化设备工况卡片频率的显示

1. 冷却泵、冷冻泵、冷却塔在变频类型是普通时不显示频率
wangcong vor 1 Woche
Ursprung
Commit
854f36df33

+ 10 - 1
src/views/device-work-status/device-card/CoolingPump.vue

@@ -34,6 +34,11 @@ const frequencyFbPercent = computed(() => {
   const maxFrequency = 50;
   return calcPercentage(currentFrequency, maxFrequency);
 });
+
+const showFrequency = computed(() => {
+  const frequencyConversion = props.deviceDetail.frequencyConversion as string | undefined;
+  return frequencyConversion?.includes('变频') || frequencyConversion?.includes('inverter');
+});
 </script>
 
 <template>
@@ -58,7 +63,7 @@ const frequencyFbPercent = computed(() => {
             />
           </ATooltip>
         </div>
-        <div>
+        <div v-if="showFrequency">
           <div class="device-card-label">{{ $t('deviceWorkStatus.coolingTower.frequencyFb') }} (Hz)</div>
           <ProgressTextBar
             :text="getFixedNum(realTimeData?.[DevParamCoolingPump.频率反馈], 0)"
@@ -66,6 +71,10 @@ const frequencyFbPercent = computed(() => {
             :data-param-code="DevParamCoolingPump.频率反馈"
           />
         </div>
+        <div v-else>
+          <div class="device-card-label"></div>
+          <div class="device-card-value device-card-no-history"></div>
+        </div>
       </div>
     </div>
     <div class="cooling-pump-bottom">

+ 10 - 1
src/views/device-work-status/device-card/CoolingTower.vue

@@ -34,6 +34,11 @@ const frequencyFbPercent = computed(() => {
   const maxFrequency = 50;
   return calcPercentage(currentFrequency, maxFrequency);
 });
+
+const showFrequency = computed(() => {
+  const frequencyConversion = props.deviceDetail.frequencyConversion as string | undefined;
+  return frequencyConversion?.includes('变频') || frequencyConversion?.includes('inverter');
+});
 </script>
 
 <template>
@@ -58,7 +63,7 @@ const frequencyFbPercent = computed(() => {
             />
           </ATooltip>
         </div>
-        <div>
+        <div v-if="showFrequency">
           <div class="device-card-label">{{ $t('deviceWorkStatus.coolingTower.frequencyFb') }} (Hz)</div>
           <ProgressTextBar
             :text="getFixedNum(realTimeData?.[DevParamCoolingTower.频率反馈], 0)"
@@ -66,6 +71,10 @@ const frequencyFbPercent = computed(() => {
             :data-param-code="DevParamCoolingTower.频率反馈"
           />
         </div>
+        <div v-else>
+          <div class="device-card-label"></div>
+          <div class="device-card-value device-card-no-history"></div>
+        </div>
       </div>
     </div>
     <div class="cooling-tower-bottom">