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 getMarkerStatus = (item: any) => {
const total = Number(item.total || 0) const total = Number(item.total || 0)
const offline = Number(item.offline || 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' if (total > 0 && offline >= total) return 'status-offline'
return 'status-normal' return 'status-normal'
} }

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

Loading…
Cancel
Save