style:设备地图页面调整

master
黄伟杰 2 months ago
parent 4793d8ab23
commit d348383a74

File diff suppressed because it is too large Load Diff

@ -48,7 +48,7 @@ const overlays = ref<Overlay[]>([])
const getMarkerStatus = (item: any) => {
const total = Number(item.total || 0)
const offline = Number(item.offline || 0)
if (item.alarm > 0) return 'status-alarm'
// if (item.alarm > 0) return 'status-alarm'
if (total > 0 && offline >= total) return 'status-offline'
return 'status-normal'
}

@ -57,7 +57,7 @@
<div class="map-legend">
<div class="legend-title">图例说明</div>
<div class="legend-item"> <span class="legend-dot dot-normal"></span> 运行正常 </div>
<div class="legend-item"> <span class="legend-dot dot-alarm"></span> 存在报警 </div>
<!-- <div class="legend-item"> <span class="legend-dot dot-alarm"></span> 存在报警 </div> -->
<div class="legend-item"> <span class="legend-dot dot-offline"></span> 离线设备 </div>
<div class="legend-desc">
<div><Icon icon="ep:pointer" /> 点击设备标记查看详细统计</div>
@ -89,10 +89,10 @@
<span class="label">离线设备</span>
<span class="value text-info">{{ selectedCountry.offline }}</span>
</div>
<div class="detail-row">
<!-- <div class="detail-row">
<span class="label">报警设备</span>
<span class="value text-danger">{{ selectedCountry.alarm }}</span>
</div>
</div> -->
<div class="progress-section">
<div class="progress-bar">
@ -230,7 +230,7 @@ const topStats = computed(() => [
])
const getItemStatus = (item: MapItem) => {
if (item.alarm > 0) return 'alarm'
// if (item.alarm > 0) return 'alarm'
if (item.total > 0 && item.offline >= item.total) return 'offline'
return 'normal'
}

Loading…
Cancel
Save