diff --git a/src/views/screen/powerMonitoring.vue b/src/views/screen/powerMonitoring.vue
index 538c460..141418b 100644
--- a/src/views/screen/powerMonitoring.vue
+++ b/src/views/screen/powerMonitoring.vue
@@ -15,7 +15,7 @@
           <div class="card-title">总设备数</div>
           <div class="card-value">{{ totalDevices.toLocaleString() }}</div>
           <div class="card-trend growth">
-            <img src="../../assets/svgs/trend.svg" />
+            <img src="@/assets/images/screen/up_arrow.png" />
             <span>较上月增长 {{ totalDevicesGrowth }}%</span>
           </div>
         </div>
@@ -49,61 +49,76 @@
       <div class="table-row">
         <div class="table-card">
           <div class="table-title">园区信息列表</div>
-          <a-table
-            :columns="parkColumns"
-            :data-source="parkList"
-            :pagination="false"
-            :scroll="{ y: 'calc(100% - 50px)' }"
-            size="middle"
+          <el-table
+            :data="parkList"
+            stripe
+            style="width: 100%"
             class="park-table"
+            height="calc(100% - 50px)"
+            :header-cell-style="{
+              background: 'rgba(78, 155, 248, 0.08)',
+              color: '#ffffff',
+              borderBottom: '1px solid rgba(78, 155, 248, 0.15)',
+              fontWeight: '500',
+              padding: '12px 8px'
+            }"
+            :row-style="{
+              background: 'transparent',
+              color: '#ffffff'
+            }"
+            :cell-style="{
+              borderBottom: '1px solid rgba(78, 155, 248, 0.08)',
+              color: '#ffffff',
+              padding: '12px 8px'
+            }"
           >
-            <!-- 设备总数列 -->
-            <template #bodyCell="{ column, record }">
-              <template v-if="column.key === 'totalDevices'">
-                <span class="device-count">{{ record.totalDevices }}</span>
+            <el-table-column prop="parkName" label="园区名称" width="180" align="left" />
+            <el-table-column prop="totalDevices" label="设备总数" width="100" align="center">
+              <template #default="{ row }">
+                <span class="device-count">{{ row.totalDevices }}</span>
               </template>
-
-              <!-- UPS状态 -->
-              <template v-else-if="column.key === 'ups'">
-                <span :class="['status-text', record.upsStatus === '正常' ? 'status-normal' : 'status-alarm']">
-                  {{ record.upsStatus }}
+            </el-table-column>
+            <el-table-column prop="upsStatus" label="UPS" width="120" align="center">
+              <template #default="{ row }">
+                <span :class="['status-text', row.upsStatus === '正常' ? 'status-normal' : 'status-alarm']">
+                  {{ row.upsStatus }}
                 </span>
               </template>
-
-              <!-- 精密空调状态 -->
-              <template v-else-if="column.key === 'airCondition'">
-                <span :class="['status-text', record.airConditionStatus === '正常' ? 'status-normal' : 'status-alarm']">
-                  {{ record.airConditionStatus }}
+            </el-table-column>
+            <el-table-column prop="airConditionStatus" label="精密空调" width="120" align="center">
+              <template #default="{ row }">
+                <span :class="['status-text', row.airConditionStatus === '正常' ? 'status-normal' : 'status-alarm']">
+                  {{ row.airConditionStatus }}
                 </span>
               </template>
-
-              <!-- 温湿度状态 -->
-              <template v-else-if="column.key === 'temperature'">
-                <span :class="['status-text', record.temperatureStatus === '正常' || typeof record.temperatureStatus === 'number' ? 'status-normal' : 'status-alarm']">
-                  {{ record.temperatureStatus }}
+            </el-table-column>
+            <el-table-column prop="temperatureStatus" label="温湿度" width="120" align="center">
+              <template #default="{ row }">
+                <span :class="['status-text', row.temperatureStatus === '正常' || typeof row.temperatureStatus === 'number' ? 'status-normal' : 'status-alarm']">
+                  {{ row.temperatureStatus }}
                 </span>
               </template>
-
-              <!-- 其他设备状态 -->
-              <template v-else-if="column.key === 'other'">
-                <span :class="['status-text', record.otherStatus === '正常' ? 'status-normal' : 'status-alarm']">
-                  {{ record.otherStatus }}
+            </el-table-column>
+            <el-table-column prop="otherStatus" label="其他" width="120" align="center">
+              <template #default="{ row }">
+                <span :class="['status-text', row.otherStatus === '正常' ? 'status-normal' : 'status-alarm']">
+                  {{ row.otherStatus }}
                 </span>
               </template>
-
-              <!-- 详情操作 -->
-              <template v-else-if="column.key === 'action'">
+            </el-table-column>
+            <el-table-column label="详情" width="150" align="center">
+              <template #default="{ row }">
                 <a
-                  :class="['detail-link', record.hasAlarm ? 'detail-alarm' : 'detail-normal']"
-                  @click="handleViewDetail(record)"
+                  :class="['detail-link', row.hasAlarm ? 'detail-alarm' : 'detail-normal']"
+                  @click="handleViewDetail(row)"
                 >
-                  <span v-if="record.hasAlarm" class="alarm-badge">异常</span>
+                  <span v-if="row.hasAlarm" class="alarm-badge">异常</span>
                   <span v-else class="normal-badge">正常</span>
                   查看详情
                 </a>
               </template>
-            </template>
-          </a-table>
+            </el-table-column>
+          </el-table>
         </div>
       </div>
     </div>
@@ -158,17 +173,6 @@ const deviceTypeData = ref([
   { name: '其他', value: 20 }
 ]);
 
-// 园区信息列表表头
-const parkColumns = [
-  { title: '园区名称', dataIndex: 'parkName', key: 'parkName', width: 180, align: 'left' },
-  { title: '设备总数', dataIndex: 'totalDevices', key: 'totalDevices', width: 100, align: 'center' },
-  { title: 'UPS', dataIndex: 'ups', key: 'ups', width: 120, align: 'center' },
-  { title: '精密空调', dataIndex: 'airCondition', key: 'airCondition', width: 120, align: 'center' },
-  { title: '温湿度', dataIndex: 'temperature', key: 'temperature', width: 120, align: 'center' },
-  { title: '其他', dataIndex: 'other', key: 'other', width: 120, align: 'center' },
-  { title: '详情', key: 'action', width: 150, align: 'center' }
-];
-
 // 园区信息列表数据
 const parkList = ref<ParkInfo[]>([
   {
@@ -647,43 +651,21 @@ const handleResize = () => {
   }
 
   :deep(.park-table) {
-    .ant-table {
-      background: transparent;
-      color: #ffffff;
-
-      .ant-table-thead > tr > th {
-        background: rgba(78, 155, 248, 0.08);
-        color: #ffffff;
-        border-bottom: 1px solid rgba(78, 155, 248, 0.15);
-        font-weight: 500;
-        padding: 12px 8px;
-      }
-
-      .ant-table-tbody > tr {
-        background: transparent;
-        
-        &:hover > td {
-          background: rgba(78, 155, 248, 0.05);
-        }
-
-        > td {
-          border-bottom: 1px solid rgba(78, 155, 248, 0.08);
-          color: #ffffff;
-          padding: 12px 8px;
-        }
-      }
-
-      .ant-table-placeholder {
-        background: transparent;
-        color: #8b9bb3;
-
-        .ant-empty-description {
-          color: #8b9bb3;
-        }
+    background: transparent !important;
+    
+    // 表格主体背景
+    .el-table__inner-wrapper {
+      background: transparent !important;
+      
+      &::before {
+        display: none;
       }
     }
 
-    .ant-table-body {
+    .el-table__body-wrapper {
+      background: transparent !important;
+      
+      // 滚动条样式
       scrollbar-width: thin;
       scrollbar-color: rgba(78, 155, 248, 0.3) transparent;
 
@@ -701,6 +683,27 @@ const handleResize = () => {
       }
     }
 
+    .el-table__header-wrapper,
+    .el-table__footer-wrapper {
+      background: transparent !important;
+    }
+
+    // 表格行悬浮效果
+    .el-table__row {
+      &:hover {
+        background: rgba(78, 155, 248, 0.05) !important;
+      }
+    }
+
+    // 空数据样式
+    .el-table__empty-block {
+      background: transparent !important;
+      
+      .el-table__empty-text {
+        color: #8b9bb3;
+      }
+    }
+
     .device-count {
       color: #ffffff;
       font-weight: 500;
@@ -778,14 +781,65 @@ const handleResize = () => {
   }
 }
 
-@media screen and (max-width: 1366px) {
+@media screen and (max-width: 1280px) {
+  .screen-header {
+    .screen-title {
+      font-size: 26px;
+    }
+
+    .screen-datetime {
+      font-size: 15px;
+    }
+  }
+
+  .stat-card {
+    padding: 20px;
+
+    .card-title {
+      font-size: 14px;
+    }
+
+    .card-value {
+      font-size: 38px;
+    }
+
+    .card-trend {
+      font-size: 13px;
+    }
+  }
+
+  .chart-card {
+    height: 300px;
+    padding: 15px;
+
+    .chart-title {
+      font-size: 14px;
+    }
+  }
+
+  .table-card {
+    height: 380px;
+    padding: 15px;
+
+    .table-title {
+      font-size: 14px;
+    }
+  }
+}
+
+// 仅在非常小的屏幕（小于1024px）才改为单列
+@media screen and (max-width: 1024px) {
   .stats-row,
   .charts-row {
     grid-template-columns: 1fr;
   }
 
   .chart-card {
-    height: 300px;
+    height: 280px;
+  }
+
+  .table-card {
+    height: 360px;
   }
 }
 </style>