diff --git a/src/views/screen/powerMonitoring.vue b/src/views/screen/powerMonitoring.vue
index 141418b..6d92c6c 100644
--- a/src/views/screen/powerMonitoring.vue
+++ b/src/views/screen/powerMonitoring.vue
@@ -15,7 +15,9 @@
总设备数
{{ totalDevices.toLocaleString() }}
-

+
较上月增长 {{ totalDevicesGrowth }}%
@@ -51,62 +53,58 @@
园区信息列表
-
-
+
+
{{ row.totalDevices }}
-
+
{{ row.upsStatus }}
-
+
{{ row.airConditionStatus }}
-
+
-
+
{{ row.temperatureStatus }}
-
+
{{ row.otherStatus }}
-
+
([
totalDevices: 124,
upsStatus: '正常',
airConditionStatus: '正常',
- temperatureStatus: 2,
+ temperatureStatus: '正常',
otherStatus: '正常',
hasAlarm: false
},
@@ -227,7 +225,7 @@ const parkList = ref([
},
{
key: '6',
- parkName: '雄安地面站',
+ parkName: '崇左地面站',
totalDevices: 64,
upsStatus: '正常',
airConditionStatus: '正常',
@@ -261,7 +259,7 @@ const parkList = ref([
totalDevices: 68,
upsStatus: '正常',
airConditionStatus: '正常',
- temperatureStatus: 1,
+ temperatureStatus: '正常',
otherStatus: '正常',
hasAlarm: false
},
@@ -466,6 +464,20 @@ const initDeviceTypePieChart = () => {
deviceTypePieChart.setOption(option);
};
+// 获取行样式(条纹效果)
+const getRowStyle = ({ rowIndex }: { rowIndex: number }) => {
+ if (rowIndex % 2 === 0) {
+ return {
+ background: 'rgba(78, 155, 248, 0.03)',
+ color: '#ffffff'
+ };
+ }
+ return {
+ background: 'transparent',
+ color: '#ffffff'
+ };
+};
+
// 查看详情
const handleViewDetail = (record: ParkInfo) => {
console.log('查看园区详情:', record);
@@ -690,8 +702,8 @@ const handleResize = () => {
// 表格行悬浮效果
.el-table__row {
- &:hover {
- background: rgba(78, 155, 248, 0.05) !important;
+ &:hover > td {
+ background: rgba(78, 155, 248, 0.1) !important;
}
}
@@ -728,21 +740,26 @@ const handleResize = () => {
font-size: 13px;
display: inline-flex;
align-items: center;
- gap: 4px;
+ gap: 8px;
text-decoration: none;
+ color: #4e9bf8;
- &.detail-normal {
- color: #52c41a;
-
- .normal-badge {
- color: #52c41a;
- }
+ .alarm-badge,
+ .normal-badge {
+ display: inline-block;
+ padding: 4px 12px;
+ border-radius: 4px;
+ font-size: 12px;
+ color: #ffffff;
+ font-weight: 500;
}
- &.detail-alarm {
- .alarm-badge {
- color: #ff4d4f;
- }
+ .alarm-badge {
+ background: #ff4d4f;
+ }
+
+ .normal-badge {
+ background: #52c41a;
}
&:hover {
diff --git a/vite.config.ts b/vite.config.ts
index 77bfc4c..393b406 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -32,7 +32,7 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
// 本地跨域代理. 目前注释的原因:暂时没有用途,server 端已经支持跨域
proxy: {
['/admin-api']: {
- target: 'http://10.28.117.100:48080',
+ target: 'http://10.28.117.48:48080',
ws: false,
changeOrigin: true,
rewrite: (path) => path.replace(new RegExp(`^/admin-api`), ''),