fix: 优化瑞恒看板项目部统计展示

- 新增平均运行时效展示
- 为项目部统计表格增加加载中状态

src/views/pms/stat/rhkb/deviceList.vue

@@ -11,6 +11,7 @@ interface RhDeviceListRow {
   zbTeamCount: number
   dmTeamCount: number
   hourUtilizationRate: number
+  yearHourUtilizationRate: number
   waterInjection: number
   yearWaterInjection: number
   gasInjection: number
@@ -136,11 +137,13 @@ onMounted(() => {
           @change="handleDateChange" />
       </div>
     </div>
-    <!-- v-loading="loading" -->
     <div class="device-list-panel__body flex flex-col flex-1 min-h-0">
       <el-table
+        v-loading="loading"
         :data="tableData"
         :height="tableHeight"
+        element-loading-text="加载中..."
+        element-loading-background="rgb(222 236 252 / 72%)"
         class="device-list-table"
         :class="{ 'device-list-table--full': props.pageMode === 'full' }"
         @row-click="handleRowClick">
@@ -161,7 +164,10 @@ onMounted(() => {
         </el-table-column>
         <el-table-column label="运行时效" width="220" align="center">
           <template #default="{ row }">
-            当日运行时效：{{ formatRate(row.hourUtilizationRate) }}
+            <div class="device-list-table__multi-value">
+              <span>当日运行时效：{{ formatRate(row.hourUtilizationRate) }}</span>
+              <span>平均运行时效：{{ formatRate(row.yearHourUtilizationRate) }}</span>
+            </div>
           </template>
         </el-table-column>
         <el-table-column prop="productionSummary" label="生产动态概述" min-width="220" align="left">