Showing
1 changed file
with
9 additions
and
9 deletions
| @@ -746,7 +746,7 @@ function destroyTsObserver() { if (tsResizeObs) { tsResizeObs.disconnect(); tsRe | @@ -746,7 +746,7 @@ function destroyTsObserver() { if (tsResizeObs) { tsResizeObs.disconnect(); tsRe | ||
| 746 | onBeforeUnmount(() => destroyTsObserver()) | 746 | onBeforeUnmount(() => destroyTsObserver()) |
| 747 | 747 | ||
| 748 | // ========== 稼动率：Canvas多图表 ========== | 748 | // ========== 稼动率：Canvas多图表 ========== |
| 749 | -const UTIL_COLORS = { 0: '#909399', 1: '#f56c6c', 2: '#e6a23c', 3: '#67c23a' } | 749 | +const UTIL_COLORS = { 0: '#909399', 1: '#f56c6c', 2: '#67c23a', 3: '#289048' } |
| 750 | const UTIL_STATUS_LABEL = { 0: '离线', 1: '停机', 2: '待机', 3: '运行' } | 750 | const UTIL_STATUS_LABEL = { 0: '离线', 1: '停机', 2: '待机', 3: '运行' } |
| 751 | 751 | ||
| 752 | const utilQueryMode = ref('day') | 752 | const utilQueryMode = ref('day') |
| @@ -1030,7 +1030,7 @@ function drawUtilRankBar() { | @@ -1030,7 +1030,7 @@ function drawUtilRankBar() { | ||
| 1030 | 1030 | ||
| 1031 | let px = padL | 1031 | let px = padL |
| 1032 | const hitInfo = { x: padL, y, w: 0, h: barH, deviceName: item.deviceName || item.dtuSn || '', s1, s2 } | 1032 | const hitInfo = { x: padL, y, w: 0, h: barH, deviceName: item.deviceName || item.dtuSn || '', s1, s2 } |
| 1033 | - // 先画待机(橙#e6a23c)，再画停机(红#f56c6c) | 1033 | + // 先画待机(绿#67c23a)，再画停机(红#f56c6c) |
| 1034 | ;[[s2, UTIL_COLORS[2]], [s1, UTIL_COLORS[1]]].forEach(([sec, col]) => { | 1034 | ;[[s2, UTIL_COLORS[2]], [s1, UTIL_COLORS[1]]].forEach(([sec, col]) => { |
| 1035 | if (sec <= 0) return | 1035 | if (sec <= 0) return |
| 1036 | const sw = Math.max(chartW * (sec / axisMaxSec), 3) | 1036 | const sw = Math.max(chartW * (sec / axisMaxSec), 3) |
| @@ -2059,8 +2059,8 @@ onBeforeUnmount(() => destroyEffObserver()) | @@ -2059,8 +2059,8 @@ onBeforeUnmount(() => destroyEffObserver()) | ||
| 2059 | height: 100%; | 2059 | height: 100%; |
| 2060 | border-radius: 0 2px 2px 0; | 2060 | border-radius: 0 2px 2px 0; |
| 2061 | } | 2061 | } |
| 2062 | -.seg-g { background: #67c23a; } | ||
| 2063 | -.seg-y { background: #e6a23c; } | 2062 | +.seg-g { background: #289048; } |
| 2063 | +.seg-y { background: #67c23a; } | ||
| 2064 | .seg-r { background: #f56c6c; } | 2064 | .seg-r { background: #f56c6c; } |
| 2065 | .seg-gy { background: #909399; } | 2065 | .seg-gy { background: #909399; } |
| 2066 | 2066 | ||
| @@ -2128,7 +2128,7 @@ onBeforeUnmount(() => destroyEffObserver()) | @@ -2128,7 +2128,7 @@ onBeforeUnmount(() => destroyEffObserver()) | ||
| 2128 | display:flex; align-items:center; gap:8px; line-height:1.8; font-size:12px; color:#606266; | 2128 | display:flex; align-items:center; gap:8px; line-height:1.8; font-size:12px; color:#606266; |
| 2129 | } | 2129 | } |
| 2130 | .rtt-row i { width:8px; height:8px; border-radius:2px; flex-shrink:0; } | 2130 | .rtt-row i { width:8px; height:8px; border-radius:2px; flex-shrink:0; } |
| 2131 | -.rtt-row .dot.y { background:#e6a23c; } | 2131 | +.rtt-row .dot.y { background:#67c23a; } |
| 2132 | .rtt-row .dot.r { background:#f56c6c; } | 2132 | .rtt-row .dot.r { background:#f56c6c; } |
| 2133 | .rtt-row span { margin-left:auto; color:#f56c6c; font-weight:500; } | 2133 | .rtt-row span { margin-left:auto; color:#f56c6c; font-weight:500; } |
| 2134 | .rtt-row span:first-of-type { color:#67c23a; } | 2134 | .rtt-row span:first-of-type { color:#67c23a; } |
| @@ -2152,8 +2152,8 @@ onBeforeUnmount(() => destroyEffObserver()) | @@ -2152,8 +2152,8 @@ onBeforeUnmount(() => destroyEffObserver()) | ||
| 2152 | display:flex; align-items:center; gap:8px; line-height:1.8; font-size:12px; color:#606266; | 2152 | display:flex; align-items:center; gap:8px; line-height:1.8; font-size:12px; color:#606266; |
| 2153 | } | 2153 | } |
| 2154 | .stt-row i { width:8px; height:8px; border-radius:2px; flex-shrink:0; } | 2154 | .stt-row i { width:8px; height:8px; border-radius:2px; flex-shrink:0; } |
| 2155 | -.stt-row .dot.g { background:#67c23a; } | ||
| 2156 | -.stt-row .dot.y { background:#e6a23c; } | 2155 | +.stt-row .dot.g { background:#289048; } |
| 2156 | +.stt-row .dot.y { background:#67c23a; } | ||
| 2157 | .stt-row .dot.r { background:#f56c6c; } | 2157 | .stt-row .dot.r { background:#f56c6c; } |
| 2158 | .stt-row .dot.gy { background:#909399; } | 2158 | .stt-row .dot.gy { background:#909399; } |
| 2159 | .stt-row span { margin-left:auto; color:#303133; font-weight:500; } | 2159 | .stt-row span { margin-left:auto; color:#303133; font-weight:500; } |
| @@ -2268,8 +2268,8 @@ onBeforeUnmount(() => destroyEffObserver()) | @@ -2268,8 +2268,8 @@ onBeforeUnmount(() => destroyEffObserver()) | ||
| 2268 | } | 2268 | } |
| 2269 | .leg-item { display:flex; align-items:center; gap:4px; } | 2269 | .leg-item { display:flex; align-items:center; gap:4px; } |
| 2270 | .leg-item i { width:10px; height:10px; border-radius:2px; display:inline-block; } | 2270 | .leg-item i { width:10px; height:10px; border-radius:2px; display:inline-block; } |
| 2271 | -.leg-item .dot.g { background:#67c23a; } | ||
| 2272 | -.leg-item .dot.y { background:#e6a23c; } | 2271 | +.leg-item .dot.g { background:#289048; } |
| 2272 | +.leg-item .dot.y { background:#67c23a; } | ||
| 2273 | .leg-item .dot.r { background:#f56c6c; } | 2273 | .leg-item .dot.r { background:#f56c6c; } |
| 2274 | .leg-item .dot.gy { background:#909399; } | 2274 | .leg-item .dot.gy { background:#909399; } |
| 2275 | .stack-bar-chart.canvas-stack-bar { | 2275 | .stack-bar-chart.canvas-stack-bar { |