From ccc970e575ef3f3e5c67af8da210263f4ac549f9 Mon Sep 17 00:00:00 2001
From: feiyu02 <risaku@163.com>
Date: 星期五, 10 四月 2026 16:44:55 +0800
Subject: [PATCH] 2026.4.10
---
src/components/monitor/DeviceStatus.vue | 35 +++++++++++++++++++++++++++--------
1 files changed, 27 insertions(+), 8 deletions(-)
diff --git a/src/components/monitor/DeviceStatus.vue b/src/components/monitor/DeviceStatus.vue
index 3a6fbde..13c776e 100644
--- a/src/components/monitor/DeviceStatus.vue
+++ b/src/components/monitor/DeviceStatus.vue
@@ -6,9 +6,9 @@
<span>璁惧鍦ㄧ嚎鎯呭喌</span>
</div>
</template>
- <el-row :gutter="20">
+ <el-row :gutter="0">
<el-col :span="12">
- <el-row :gutter="20">
+ <el-row :gutter="10">
<el-col :span="12">
<el-card class="status-card online-card" shadow="hover">
<div class="status-content">
@@ -126,19 +126,38 @@
formatter: '{a} <br/>{b}: {c} ({d}%)',
},
legend: {
- orient: 'vertical',
- left: 'left',
+ show: false,
+ bottom: '0%',
data: ['鍦ㄧ嚎璁惧', '绂荤嚎璁惧', '姝ｅ父璁惧', '鏁呴殰璁惧'],
},
series: [
{
- name: '璁惧鐘舵��',
+ name: '鍦ㄧ嚎鐘舵��',
type: 'pie',
- radius: '60%',
- center: ['50%', '50%'],
+ radius: ['20%', '40%'],
+ center: ['48%', '50%'],
+ startAngle: 270,
+ endAngle: 90,
data: [
{ value: this.onlineCount, name: '鍦ㄧ嚎璁惧', itemStyle: { color: '#67C23A' } },
{ value: this.offlineCount, name: '绂荤嚎璁惧', itemStyle: { color: '#909399' } },
+ ],
+ emphasis: {
+ itemStyle: {
+ shadowBlur: 10,
+ shadowOffsetX: 0,
+ shadowColor: 'rgba(0, 0, 0, 0.5)',
+ },
+ },
+ },
+ {
+ name: '杩愯鐘舵��',
+ type: 'pie',
+ radius: ['30%', '50%'],
+ center: ['52%', '50%'],
+ startAngle: 90,
+ endAngle: 270,
+ data: [
{ value: this.normalCount, name: '姝ｅ父璁惧', itemStyle: { color: '#409EFF' } },
{ value: this.faultCount, name: '鏁呴殰璁惧', itemStyle: { color: '#F56C6C' } },
],
@@ -224,7 +243,7 @@
.chart-container {
width: 100%;
- height: 100%;
+ height: 300px;
}
@keyframes pulse {
--
Gitblit v1.9.3