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

src/views/device-work-status/device-card/ChillerUnit.vue

@@ -12,15 +12,27 @@ defineProps<DevWorkCardProps<DevParamChillerUnit>>();
       <div class="chiller-unit-left">
         <div>
           <div class="device-card-label">{{ $t('deviceWorkStatus.chillerUnit.coolingCapacity') }} (kW)</div>
-          <ProgressTextBar :text="realTimeData?.[DevParamChillerUnit.制冷量]" :percent="0" />
+          <ProgressTextBar
+            :text="realTimeData?.[DevParamChillerUnit.制冷量]"
+            :percent="0"
+            :data-param-code="DevParamChillerUnit.制冷量"
+          />
         </div>
         <div>
           <div class="device-card-label">{{ $t('deviceWorkStatus.chillerUnit.activePower') }} (kW)</div>
-          <ProgressTextBar :text="realTimeData?.[DevParamChillerUnit.有功功率]" :percent="0" />
+          <ProgressTextBar
+            :text="realTimeData?.[DevParamChillerUnit.有功功率]"
+            :percent="0"
+            :data-param-code="DevParamChillerUnit.有功功率"
+          />
         </div>
         <div>
           <div class="device-card-label">{{ $t('deviceWorkStatus.chillerUnit.loadRate') }}</div>
-          <ProgressTextBar :text="realTimeData?.[DevParamChillerUnit.负载率]" :percent="0" />
+          <ProgressTextBar
+            :text="realTimeData?.[DevParamChillerUnit.负载率]"
+            :percent="0"
+            :data-param-code="DevParamChillerUnit.负载率"
+          />
         </div>
       </div>
       <div class="chiller-unit-img">
@@ -28,37 +40,57 @@ defineProps<DevWorkCardProps<DevParamChillerUnit>>();
         <div
           v-if="realTimeData?.[DevParamChillerUnit.冷冻水回水温度] !== undefined"
           class="chiller-unit-img-text evap-water-temp-in"
+          :data-param-code="DevParamChillerUnit.冷冻水回水温度"
         >
           {{ realTimeData?.[DevParamChillerUnit.冷冻水回水温度] }}°C
         </div>
         <div
           v-if="realTimeData?.[DevParamChillerUnit.冷冻水出水温度] !== undefined"
           class="chiller-unit-img-text evap-water-temp-out"
+          :data-param-code="DevParamChillerUnit.冷冻水出水温度"
         >
           {{ realTimeData?.[DevParamChillerUnit.冷冻水出水温度] }}°C
         </div>
         <div
           v-if="realTimeData?.[DevParamChillerUnit.冷却水回水温度] !== undefined"
           class="chiller-unit-img-text cond-water-temp-in"
+          :data-param-code="DevParamChillerUnit.冷却水回水温度"
         >
           {{ realTimeData?.[DevParamChillerUnit.冷却水回水温度] }}°C
         </div>
         <div
           v-if="realTimeData?.[DevParamChillerUnit.冷却水出水温度] !== undefined"
           class="chiller-unit-img-text cond-water-temp-out"
+          :data-param-code="DevParamChillerUnit.冷却水出水温度"
         >
           {{ realTimeData?.[DevParamChillerUnit.冷却水出水温度] }}°C
         </div>
-        <div v-if="realTimeData?.[DevParamChillerUnit.蒸发压力] !== undefined" class="chiller-unit-img-text evap-pre">
+        <div
+          v-if="realTimeData?.[DevParamChillerUnit.蒸发压力] !== undefined"
+          class="chiller-unit-img-text evap-pre"
+          :data-param-code="DevParamChillerUnit.蒸发压力"
+        >
           {{ realTimeData?.[DevParamChillerUnit.蒸发压力] }}kPa
         </div>
-        <div v-if="realTimeData?.[DevParamChillerUnit.蒸发温度] !== undefined" class="chiller-unit-img-text evap-temp">
+        <div
+          v-if="realTimeData?.[DevParamChillerUnit.蒸发温度] !== undefined"
+          class="chiller-unit-img-text evap-temp"
+          :data-param-code="DevParamChillerUnit.蒸发温度"
+        >
           {{ realTimeData?.[DevParamChillerUnit.蒸发温度] }}°C
         </div>
-        <div v-if="realTimeData?.[DevParamChillerUnit.冷凝压力] !== undefined" class="chiller-unit-img-text cond-pre">
+        <div
+          v-if="realTimeData?.[DevParamChillerUnit.冷凝压力] !== undefined"
+          class="chiller-unit-img-text cond-pre"
+          :data-param-code="DevParamChillerUnit.冷凝压力"
+        >
           {{ realTimeData?.[DevParamChillerUnit.冷凝压力] }}kPa
         </div>
-        <div v-if="realTimeData?.[DevParamChillerUnit.冷凝温度] !== undefined" class="chiller-unit-img-text cond-temp">
+        <div
+          v-if="realTimeData?.[DevParamChillerUnit.冷凝温度] !== undefined"
+          class="chiller-unit-img-text cond-temp"
+          :data-param-code="DevParamChillerUnit.冷凝温度"
+        >
           {{ realTimeData?.[DevParamChillerUnit.冷凝温度] }}°C
         </div>
       </div>
@@ -66,15 +98,21 @@ defineProps<DevWorkCardProps<DevParamChillerUnit>>();
     <div class="chiller-unit-bottom">
       <div>
         <div class="device-card-label">{{ $t('deviceWorkStatus.chillerUnit.evapWaterTempOutSetFb') }}</div>
-        <div class="device-card-value">{{ realTimeData?.[DevParamChillerUnit.冷冻水出水温度设定值反馈] ?? '-' }}</div>
+        <div class="device-card-value" :data-param-code="DevParamChillerUnit.冷冻水出水温度设定值反馈">
+          {{ realTimeData?.[DevParamChillerUnit.冷冻水出水温度设定值反馈] ?? '-' }}
+        </div>
       </div>
       <div>
         <div class="device-card-label">{{ $t('deviceWorkStatus.chillerUnit.todayPowerConsumption') }} (kWh)</div>
-        <div class="device-card-value">{{ realTimeData?.[DevParamChillerUnit.今日耗电量] ?? '-' }}</div>
+        <div class="device-card-value" :data-param-code="DevParamChillerUnit.今日耗电量">
+          {{ realTimeData?.[DevParamChillerUnit.今日耗电量] ?? '-' }}
+        </div>
       </div>
       <div>
         <div class="device-card-label">{{ $t('deviceWorkStatus.chillerUnit.monthSPowerConsumption') }} (kWh)</div>
-        <div class="device-card-value">{{ realTimeData?.[DevParamChillerUnit.本月耗电量] ?? '-' }}</div>
+        <div class="device-card-value" :data-param-code="DevParamChillerUnit.本月耗电量">
+          {{ realTimeData?.[DevParamChillerUnit.本月耗电量] ?? '-' }}
+        </div>
       </div>
     </div>
   </div>
@@ -112,6 +150,7 @@ defineProps<DevWorkCardProps<DevParamChillerUnit>>();
   font-size: 9px;
   font-weight: 500;
   color: #333;
+  cursor: pointer;
 
   &.evap-water-temp-in,
   &.cond-water-temp-in {