shishengliang/vehicle-map-0803
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: connect vehicle map to open platform

Browse Source
This commit is contained in:
lingniu
2026-08-03 19:55:38 +08:00
parent d72f3442b2
commit 53506afbde
11 changed files with 585 additions and 422 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+12 -12
View File
@@ -83,15 +83,15 @@
<div class="header-kpi-group">
<div class="kpi-glass-capsule">
<span class="capsule-lbl" data-i18n="kpiTotalFleet">车辆总数</span>
<span class="capsule-val" id="kpiFleetTotal">1,024 <small data-i18n="unitVehicles">辆</small></span>
<span class="capsule-val" id="kpiFleetTotal">-- <small data-i18n="unitVehicles">辆</small></span>
</div>
<div class="kpi-glass-capsule primary-capsule">
<span class="capsule-lbl" data-i18n="kpiOnlineFleet">当前在线运行</span>
<span class="capsule-val" id="kpiFleetOnline">823 <small data-i18n-append="onlinePct">辆 (80.4%)</small></span>
<span class="capsule-val" id="kpiFleetOnline">-- <small data-i18n-append="onlinePct">辆</small></span>
</div>
<div class="kpi-glass-capsule">
<span class="capsule-lbl" data-i18n="kpiDailyMileage">今日运营里程</span>
<span class="capsule-val" id="kpiDailyDist">512,178 <small>km</small> <em class="trend-pill">↑6.2%</em></span>
<span class="capsule-val" id="kpiDailyDist">-- <small>km</small></span>
</div>
</div>
@@ -146,7 +146,7 @@
<div class="map-top-bar">
<div class="status-glass-pill">
<span class="pulse-ring"></span>
<span id="mapStatusText" data-i18n="mapStatusText">全域实时节点已同步 · 15个省份 · 42座加氢站</span>
<span id="mapStatusText">正在同步开放平台数据…</span>
</div>
<div class="map-legend-glass">
@@ -182,22 +182,22 @@
<!-- Card 1: 车辆运营状态 (3 Clean States: 运行中, 静止中, 离线) -->
<div class="glass-panel sidebar-card">
<div class="panel-header">
<span class="panel-title" data-i18n="panelStatusTitle">车辆运营状态分布</span>
<span class="panel-title" id="panelStatusTitle">车辆运营状态分布</span>
<span class="panel-tag">STATUS</span>
</div>
<div class="status-glass-grid3">
<div class="glass-cell cell-running">
<div class="cell-num">542 <small data-i18n="unitVehicles">辆</small></div>
<div class="cell-label"><span class="status-dot dot-mint"></span> <span data-i18n="statusRunning">运行中</span> (52.9%)</div>
<div class="cell-num" id="statusValue1">-- <small data-i18n="unitVehicles">辆</small></div>
<div class="cell-label"><span class="status-dot dot-mint"></span> <span id="statusLabel1" data-i18n="statusRunning">运行中</span> <span id="statusPct1"></span></div>
</div>
<div class="glass-cell cell-stopped">
<div class="cell-num">311 <small data-i18n="unitVehicles">辆</small></div>
<div class="cell-label"><span class="status-dot dot-blue"></span> <span data-i18n="statusStopped">静止中</span> (30.4%)</div>
<div class="cell-num" id="statusValue2">-- <small data-i18n="unitVehicles">辆</small></div>
<div class="cell-label"><span class="status-dot dot-blue"></span> <span id="statusLabel2" data-i18n="statusStopped">静止中</span> <span id="statusPct2"></span></div>
</div>
<div class="glass-cell cell-offline">
<div class="cell-num">171 <small data-i18n="unitVehicles">辆</small></div>
<div class="cell-label"><span class="status-dot dot-sub"></span> <span data-i18n="statusOffline">离线</span> (16.7%)</div>
<div class="cell-num" id="statusValue3">-- <small data-i18n="unitVehicles">辆</small></div>
<div class="cell-label"><span class="status-dot dot-sub"></span> <span id="statusLabel3" data-i18n="statusOffline">离线</span> <span id="statusPct3"></span></div>
</div>
</div>
@@ -212,7 +212,7 @@
<!-- Card 2: 重点区域 TOP 排名 (Liquid Glass Ranking List) -->
<div class="glass-panel sidebar-card flex-fill-auto">
<div class="panel-header">
<span class="panel-title" data-i18n="panelRankTitle">重点区域运营 TOP 排名</span>
<span class="panel-title" id="panelRankTitle">车辆累计里程 TOP 排名</span>
<div class="glass-tab-control">
<button class="gtab active" onclick="switchRankTab('fleet')" data-i18n="rankByFleet">按车辆</button>
<button class="gtab" onclick="switchRankTab('dist')" data-i18n="rankByDist">按里程</button>