+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 视角: 全国运营态势
+
+ ${escapeHTML(node.name)}${escapeHTML(label)}
${(isVehicleNode || isStationPoint) && subline ? `${escapeHTML(subline)}
` : ''}${escapeHTML(node.name)}
`,
+ offset: new AMap.Pixel(0, -32)
+ });
+ infoWindowList.push(infoWindow);
+ marker.on('mouseover', () => infoWindow.open(map, node.lnglat));
+ marker.on('mouseout', () => infoWindow.close());
+ if (node.kind === 'vehicleProvince') marker.on('click', () => map.setZoomAndCenter(7.4, node.lnglat));
+ if (node.kind === 'vehicleCity') marker.on('click', () => map.setZoomAndCenter(9.8, node.lnglat));
+ if (node.kind === 'vehicleDistrict') marker.on('click', () => map.setZoomAndCenter(12.2, node.lnglat));
+ if (node.kind === 'stationProvince' || node.kind === 'stationCluster') marker.on('click', () => map.setZoomAndCenter(7.2, node.lnglat));
+ if (node.kind === 'stationCity') marker.on('click', () => map.setZoomAndCenter(11.2, node.lnglat));
+ marker.setMap(map); markerList.push(marker);
+ }
+}
+
+function renderRankingList(type) {
+ const box = document.getElementById('rankingListBox');
+ if (!box || !dashboard) return;
+ box.innerHTML = '';
+ let rows;
+ if (currentMode === 'vehicle') {
+ rows = buildVehicleRegionNodes().nodes
+ .sort((a, b) => type === 'secondary' ? b.dist - a.dist : b.count - a.count)
+ .slice(0, 12)
+ .map(item => ({
+ name: item.name,
+ value: type === 'secondary' ? `${formatNumber(item.dist, 1)} km` : item.kind === 'vehiclePoint' ? `${formatNumber(item.speedKmh, 1)} km/h` : countLabel(item.count, 'vehicle'),
+ location: item.lnglat,
+ zoom: item.kind === 'vehicleProvince' ? 7.4 : item.kind === 'vehicleCity' ? 9.8 : item.kind === 'vehicleDistrict' ? 12.2 : 14
+ }));
+ } else {
+ const { level, allNodes, visibleNodes } = stationViewportSummary();
+ const byHydrogen = type === 'secondary';
+ rows = [...visibleNodes]
+ .filter(node => !byHydrogen || node.hasHydrogen)
+ .sort((a, b) => byHydrogen ? b.hydrogenKg - a.hydrogenKg : b.count - a.count || a.name.localeCompare(b.name, 'zh-CN'))
+ .map(node => ({
+ name: node.name,
+ value: byHydrogen ? `${formatNumber(node.hydrogenKg, 1)} kg` : countLabel(node.count, 'station'),
+ location: node.lnglat,
+ zoom: level === 'province' ? 7.2 : level === 'city' ? 11.2 : 14
+ }));
+ updateStationViewportMeta(visibleNodes.length, allNodes.length);
+ if (!rows.length) {
+ const message = byHydrogen && visibleNodes.length ? i18n[currentLang].rankNoHydrogenData : i18n[currentLang].stationViewportEmpty;
+ box.innerHTML = ``;
+ }
+ }
+ rows.forEach((item, index) => {
+ const row = document.createElement('div'); row.className = 'rank-glass-row';
+ row.innerHTML = `${index + 1}${escapeHTML(item.name)}${escapeHTML(item.value)}`;
+ if (item.location) row.onclick = () => map?.setZoomAndCenter(item.zoom || 9, item.location);
+ box.appendChild(row);
+ });
+}
+
+function updateStationViewportMeta(visibleCount, totalCount) {
+ const meta = document.getElementById('rankViewportMeta');
+ if (!meta) return;
+ if (currentMode !== 'station') {
+ meta.hidden = true;
+ return;
+ }
+ const dict = i18n[currentLang];
+ meta.hidden = false;
+ meta.textContent = `${dict.viewportNow} ${formatNumber(visibleCount)} · ${dict.viewportAll} ${formatNumber(totalCount)}`;
+}
+
+function updateRankingControls() {
+ const dict = i18n[currentLang];
+ const stationLevel = stationHierarchyLevelForZoom();
+ const title = currentMode === 'vehicle'
+ ? dict.panelRankVehicle
+ : stationLevel === 'province' ? dict.panelRankStation : stationLevel === 'city'
+ ? (currentLang === 'zh' ? '加氢站城市 TOP 排名' : 'Top Cities by Stations')
+ : (currentLang === 'zh' ? '加氢站 TOP 排名' : 'Top H₂ Stations');
+ document.getElementById('panelRankTitle').textContent = title;
+ if (currentMode === 'vehicle') updateStationViewportMeta(0, 0);
+ document.getElementById('rankPrimaryTab').textContent = currentMode === 'vehicle' ? dict.rankByFleet : dict.rankByStations;
+ document.getElementById('rankSecondaryTab').textContent = currentMode === 'vehicle' ? dict.rankByDist : dict.rankByHydrogen;
+ document.querySelectorAll('.gtab').forEach(button => button.classList.toggle('active', button.id === (currentRankType === 'primary' ? 'rankPrimaryTab' : 'rankSecondaryTab')));
+}
+
+function switchRankTab(type) {
+ currentRankType = type;
+ updateRankingControls();
+ renderRankingList(type);
+}
+
+function switchMode(mode) {
+ currentMode = mode;
+ document.getElementById('btnModeVehicle').classList.toggle('active', mode === 'vehicle');
+ document.getElementById('btnModeStation').classList.toggle('active', mode === 'station');
+ currentRankType = 'primary';
+ updateDashboardUI();
+ if (mode === 'vehicle') refreshVehicleRegionNodes(dashboard);
+}
+
+function setLanguage(lang) {
+ currentLang = lang;
+ document.querySelectorAll('.lang-switcher-bw .segment-btn').forEach(button => button.classList.remove('active'));
+ document.querySelector(`.lang-${lang}-btn`)?.classList.add('active');
+ const dict = i18n[lang];
+ document.querySelectorAll('[data-i18n]').forEach(element => {
+ const key = element.getAttribute('data-i18n'); if (dict[key]) element.textContent = dict[key];
+ });
+ const brandLogo = document.getElementById('brandLogo');
+ const brandLogoEnglish = document.getElementById('brandLogoEnglish');
+ if (brandLogo) {
+ const english = lang === 'en';
+ brandLogo.hidden = english;
+ brandLogoEnglish.hidden = !english;
+ brandLogo.alt = '羚牛氢能';
+ }
+ updateDashboardUI();
+}
+
+function setTheme(themeName) {
+ currentTheme = themeName; document.body.className = themeName;
+ document.querySelectorAll('.bw-btn').forEach(button => button.classList.remove('active'));
+ document.querySelector(themeName === 'theme-dark' ? '.theme-dark-btn' : '.theme-white-btn')?.classList.add('active');
+ if (map) { map.setMapStyle(getAMapThemeStyle(themeName)); renderAMapMarkers(); }
+}
+
+function getAMapThemeStyle(theme) { return theme === 'theme-white' ? 'amap://styles/light' : 'amap://styles/darkblue'; }
+function resetMapView() { if (map) { map.setZoomAndCenter(4.8, [108.948024, 34.263161]); map.setPitch(30); } }
+function clearProvinceFilter() { resetMapView(); }
+function togglePitchView() { if (map) { is3DPitch = !is3DPitch; map.setPitch(is3DPitch ? 30 : 0); } }
+function formatNumber(value, digits = 0) { return Number(value || 0).toLocaleString(currentLang === 'zh' ? 'zh-CN' : 'en-US', { maximumFractionDigits: digits, minimumFractionDigits: digits }); }
+function escapeHTML(value) { return String(value ?? '').replace(/[&<>'"]/g, char => ({ '&': '&', '<': '<', '>': '>', "'": ''', '"': '"' }[char])); }
+function initClock() {
+ const clock = document.getElementById('clockTime');
+ const update = () => { if (clock) clock.textContent = new Date().toLocaleTimeString('zh-CN', { hour12: false }); };
+ update(); window.setInterval(update, 1000);
+}
diff --git a/vehicle-map/deploy/install-release.sh b/vehicle-map/deploy/install-release.sh
new file mode 100644
index 00000000..c522db80
--- /dev/null
+++ b/vehicle-map/deploy/install-release.sh
@@ -0,0 +1,51 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+release_id=${1:?release id is required}
+archive=${2:?release archive is required}
+root=${VEHICLE_MAP_ROOT:-/opt/lingniu-vehicle-map}
+service=${VEHICLE_MAP_SERVICE:-lingniu-vehicle-map.service}
+base_url=${VEHICLE_MAP_BASE_URL:-http://127.0.0.1:20800}
+
+case "$release_id" in
+ ''|*[!A-Za-z0-9._-]*) printf 'invalid release id: %s\n' "$release_id" >&2; exit 1 ;;
+esac
+test -f "$archive"
+
+if ! id vehicle-map >/dev/null 2>&1; then
+ useradd --system --home-dir "$root" --shell /sbin/nologin vehicle-map
+fi
+mkdir -p "$root/releases" "$root/env"
+next="$root/releases/$release_id"
+test ! -e "$next"
+mkdir -p "$next"
+
+while IFS= read -r member; do
+ case "$member" in
+ /*|../*|*/../*|*/..) printf 'archive contains unsafe path: %s\n' "$member" >&2; exit 1 ;;
+ esac
+done < <(tar -tzf "$archive")
+tar --no-same-owner -xzf "$archive" -C "$next"
+test -f "$next/server.py"
+test -f "$next/index.html"
+chown -R root:vehicle-map "$next"
+chmod -R u=rwX,g=rX,o= "$next"
+chown root:vehicle-map "$root/env/vehicle-map.env"
+chmod 0640 "$root/env/vehicle-map.env"
+
+ln -s "$next" "$root/current.next"
+python3 -c 'import os,sys; os.replace(sys.argv[1],sys.argv[2])' "$root/current.next" "$root/current"
+systemctl restart "$service"
+
+for _ in $(seq 1 30); do
+ if systemctl is-active --quiet "$service" && curl -fsS "$base_url/api/health" >/dev/null; then
+ curl -fsS "$base_url/" | grep -q 'id="dashboardTitle"'
+ curl -fsS "$base_url/api/dashboard" | python3 -c 'import json,sys; d=json.load(sys.stdin); assert d["status"]=="ok" and d["summary"]["totalStations"]>400'
+ printf 'vehicle_map_release_install=ok release=%s\n' "$release_id"
+ exit 0
+ fi
+ sleep 1
+done
+
+systemctl status "$service" --no-pager >&2 || true
+exit 1
diff --git a/vehicle-map/deploy/lingniu-vehicle-map.service b/vehicle-map/deploy/lingniu-vehicle-map.service
new file mode 100644
index 00000000..92c20f09
--- /dev/null
+++ b/vehicle-map/deploy/lingniu-vehicle-map.service
@@ -0,0 +1,22 @@
+[Unit]
+Description=Lingniu Vehicle Map Dashboard
+After=network-online.target lingniu-vehicle-open-platform.service
+Wants=network-online.target
+
+[Service]
+Type=simple
+User=vehicle-map
+Group=vehicle-map
+WorkingDirectory=/opt/lingniu-vehicle-map/current
+EnvironmentFile=/opt/lingniu-vehicle-map/env/vehicle-map.env
+ExecStart=/usr/bin/python3 /opt/lingniu-vehicle-map/current/server.py
+Restart=always
+RestartSec=3
+NoNewPrivileges=true
+PrivateTmp=true
+ProtectSystem=full
+ProtectHome=true
+RestrictAddressFamilies=AF_UNIX AF_INET AF_INET6
+
+[Install]
+WantedBy=multi-user.target
diff --git a/vehicle-map/index.html b/vehicle-map/index.html
new file mode 100644
index 00000000..e94b0cfd
--- /dev/null
+++ b/vehicle-map/index.html
@@ -0,0 +1,196 @@
+
+
+
+
+
+ ${escapeHTML(node.detail || '')}
${isVehicleNode ? `${dict.onlineText}: ${node.online}/${node.count} · ${formatNumber(node.dist, 1)} km
` : ''}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/vehicle-map/logo_en.svg b/vehicle-map/logo_en.svg
new file mode 100644
index 00000000..002aea06
--- /dev/null
+++ b/vehicle-map/logo_en.svg
@@ -0,0 +1,7 @@
+
diff --git a/vehicle-map/logo_light.svg b/vehicle-map/logo_light.svg
new file mode 100644
index 00000000..d6900abc
--- /dev/null
+++ b/vehicle-map/logo_light.svg
@@ -0,0 +1,43 @@
+
diff --git a/vehicle-map/package-lock.json b/vehicle-map/package-lock.json
new file mode 100644
index 00000000..bf187d33
--- /dev/null
+++ b/vehicle-map/package-lock.json
@@ -0,0 +1,22 @@
+{
+ "name": "lingniu-truck-map",
+ "version": "1.0.0",
+ "lockfileVersion": 3,
+ "requires": true,
+ "packages": {
+ "": {
+ "name": "lingniu-truck-map",
+ "version": "1.0.0",
+ "license": "ISC",
+ "dependencies": {
+ "pinyin-pro": "3.28.2"
+ }
+ },
+ "node_modules/pinyin-pro": {
+ "version": "3.28.2",
+ "resolved": "https://registry.npmjs.org/pinyin-pro/-/pinyin-pro-3.28.2.tgz",
+ "integrity": "sha512-jV38yxXHLfidirMC4hrXasLDozLCSq/4DfX88GnHcSEJ2+GpSedG6I9VOiEXJu6iQ5dbJC/RjmzyMuS5h/wH5A==",
+ "license": "MIT"
+ }
+ }
+}
diff --git a/vehicle-map/package.json b/vehicle-map/package.json
new file mode 100644
index 00000000..2e9ff531
--- /dev/null
+++ b/vehicle-map/package.json
@@ -0,0 +1,22 @@
+{
+ "name": "lingniu-truck-map",
+ "version": "1.0.0",
+ "description": "羚牛氢能 - 全国氢能物流运营驾驶舱 (Apple Design Spec)",
+ "main": "index.html",
+ "scripts": {
+ "start": "python3 server.py",
+ "dev": "VEHICLE_MAP_PORT=20800 python3 server.py",
+ "test": "python3 -m unittest discover -s tests -v && node tests/test_app.mjs"
+ },
+ "keywords": [
+ "lingniu",
+ "hydrogen",
+ "map",
+ "cockpit"
+ ],
+ "author": "Antigravity",
+ "license": "ISC",
+ "dependencies": {
+ "pinyin-pro": "3.28.2"
+ }
+}
diff --git a/vehicle-map/server.py b/vehicle-map/server.py
new file mode 100644
index 00000000..407e848b
--- /dev/null
+++ b/vehicle-map/server.py
@@ -0,0 +1,188 @@
+"""Vehicle Map static server and server-side proxy for the vehicle open platform."""
+
+from concurrent.futures import ThreadPoolExecutor
+from http.server import HTTPServer, SimpleHTTPRequestHandler
+import json
+import os
+from pathlib import Path
+import threading
+import time
+from socketserver import ThreadingMixIn
+from urllib.error import HTTPError, URLError
+from urllib.request import Request, urlopen
+
+
+ROOT = Path(__file__).resolve().parent
+HOST = os.getenv("VEHICLE_MAP_HOST", "0.0.0.0")
+PORT = int(os.getenv("VEHICLE_MAP_PORT", "20800"))
+OPEN_PLATFORM_BASE_URL = os.getenv("OPEN_PLATFORM_BASE_URL", "https://open.d.lnoneos.com").rstrip("/")
+OPEN_PLATFORM_APP_KEY = os.getenv("OPEN_PLATFORM_APP_KEY", "").strip()
+UPSTREAM_TIMEOUT_SECONDS = float(os.getenv("UPSTREAM_TIMEOUT_SECONDS", "15"))
+DASHBOARD_CACHE_SECONDS = int(os.getenv("DASHBOARD_CACHE_SECONDS", "5"))
+STATION_CACHE_SECONDS = int(os.getenv("STATION_CACHE_SECONDS", "3600"))
+
+_cache_lock = threading.Lock()
+_cache = {}
+
+
+class ThreadingHTTPServer(ThreadingMixIn, HTTPServer):
+ daemon_threads = True
+ allow_reuse_address = True
+
+
+def _json_bytes(value):
+ return json.dumps(value, ensure_ascii=False, separators=(",", ":")).encode("utf-8")
+
+
+def _post_open_platform(path, body):
+ if not OPEN_PLATFORM_APP_KEY:
+ raise RuntimeError("OPEN_PLATFORM_APP_KEY is not configured")
+ request = Request(
+ OPEN_PLATFORM_BASE_URL + path,
+ data=_json_bytes(body),
+ method="POST",
+ headers={
+ "Authorization": "Bearer " + OPEN_PLATFORM_APP_KEY,
+ "Content-Type": "application/json",
+ "Accept": "application/json",
+ "User-Agent": "lingniu-vehicle-map/1.0",
+ },
+ )
+ try:
+ with urlopen(request, timeout=UPSTREAM_TIMEOUT_SECONDS) as response:
+ payload = json.load(response)
+ except HTTPError as exc:
+ detail = exc.read(2048).decode("utf-8", errors="replace")
+ raise RuntimeError(f"open platform returned HTTP {exc.code}: {detail}") from exc
+ except URLError as exc:
+ raise RuntimeError(f"open platform unavailable: {exc.reason}") from exc
+ if payload.get("code") != "SUCCESS":
+ raise RuntimeError(f"open platform rejected request: {payload.get('code')} {payload.get('message')}")
+ return payload.get("data") or []
+
+
+def _cached(key, ttl_seconds, loader):
+ now = time.time()
+ with _cache_lock:
+ cached = _cache.get(key)
+ if cached and now - cached[0] < ttl_seconds:
+ return cached[1]
+ value = loader()
+ with _cache_lock:
+ _cache[key] = (now, value)
+ return value
+
+
+def _load_dashboard():
+ today = time.strftime("%Y-%m-%d", time.localtime())
+ with ThreadPoolExecutor(max_workers=3) as executor:
+ realtime_future = executor.submit(
+ _post_open_platform, "/api/v1/vehicles/realtime/query", {}
+ )
+ mileage_future = executor.submit(
+ _post_open_platform, "/api/v1/vehicles/mileage/query", {"date": today}
+ )
+ stations_future = executor.submit(
+ _cached,
+ "stations",
+ STATION_CACHE_SECONDS,
+ lambda: _post_open_platform("/api/v1/hydrogen-stations/query", {}),
+ )
+ vehicles = realtime_future.result()
+ mileage_rows = mileage_future.result()
+ stations = stations_future.result()
+
+ mileage_by_vin = {
+ row.get("vin"): row
+ for row in mileage_rows
+ if row.get("vin") and row.get("status") == "NORMAL"
+ }
+ # The operations card is a daily activity view: every vehicle that reported
+ # today is placed in exactly one bucket using its latest selected speed.
+ active_vehicles = [item for item in vehicles if item.get("activeToday")]
+ driving = sum(1 for item in active_vehicles if float(item.get("speedKmh") or 0) > 3)
+ idle = len(active_vehicles) - driving
+ offline = sum(1 for item in vehicles if item.get("motionStatus") == "offline")
+ active_today = len(active_vehicles)
+ daily_mileage = round(
+ sum(float(row.get("dailyMileageKm") or 0) for row in mileage_rows), 3
+ )
+ monthly_hydrogen = round(
+ sum(float(station.get("monthlyHydrogenKg") or 0) for station in stations), 3
+ )
+ for vehicle in vehicles:
+ mileage = mileage_by_vin.get(vehicle.get("vin"), {})
+ vehicle["dailyMileageKm"] = mileage.get("dailyMileageKm", 0)
+
+ return {
+ "status": "ok",
+ "asOf": time.strftime("%Y-%m-%d %H:%M:%S", time.localtime()),
+ "date": today,
+ "summary": {
+ "totalVehicles": len(vehicles),
+ "onlineVehicles": active_today,
+ "drivingVehicles": driving,
+ "idleVehicles": idle,
+ "offlineVehicles": offline,
+ "todayMileageKm": daily_mileage,
+ "monthlyHydrogenKg": monthly_hydrogen,
+ "totalStations": len(stations),
+ "cooperativeStations": sum(1 for item in stations if item.get("cooperative")),
+ },
+ "vehicles": vehicles,
+ "stations": stations,
+ }
+
+
+class VehicleMapHandler(SimpleHTTPRequestHandler):
+ server_version = "LingniuVehicleMap/1.0"
+
+ def do_GET(self):
+ if self.path == "/api/health":
+ self._write_json(200, {
+ "status": "ok",
+ "service": "vehicle-map",
+ "openPlatformConfigured": bool(OPEN_PLATFORM_APP_KEY),
+ })
+ return
+ if self.path == "/api/dashboard":
+ try:
+ payload = _cached("dashboard", DASHBOARD_CACHE_SECONDS, _load_dashboard)
+ self._write_json(200, payload)
+ except Exception as exc: # keep upstream details server-side only
+ self.log_error("dashboard refresh failed: %s", exc)
+ self._write_json(502, {
+ "status": "error",
+ "code": "UPSTREAM_UNAVAILABLE",
+ "message": "车辆数据暂时不可用，请稍后重试",
+ })
+ return
+ super().do_GET()
+
+ def end_headers(self):
+ if self.path == "/" or self.path.split("?", 1)[0].endswith((".html", ".css", ".js", ".svg")):
+ self.send_header("Cache-Control", "no-cache")
+ self.send_header("X-Content-Type-Options", "nosniff")
+ self.send_header("Referrer-Policy", "strict-origin-when-cross-origin")
+ self.send_header("X-Frame-Options", "SAMEORIGIN")
+ super().end_headers()
+
+ def _write_json(self, status, payload):
+ body = _json_bytes(payload)
+ self.send_response(status)
+ self.send_header("Content-Type", "application/json; charset=utf-8")
+ self.send_header("Cache-Control", "no-store")
+ self.send_header("Content-Length", str(len(body)))
+ self.end_headers()
+ self.wfile.write(body)
+
+
+if __name__ == "__main__":
+ server = ThreadingHTTPServer((HOST, PORT), VehicleMapHandler)
+ print(f"Lingniu Vehicle Map listening on http://{HOST}:{PORT}")
+ try:
+ server.serve_forever()
+ except KeyboardInterrupt:
+ pass
+ finally:
+ server.server_close()
diff --git a/vehicle-map/start.sh b/vehicle-map/start.sh
new file mode 100644
index 00000000..5c46a101
--- /dev/null
+++ b/vehicle-map/start.sh
@@ -0,0 +1,16 @@
+#!/bin/bash
+# 羚牛氢能驾驶舱 - 局域网本地部署启动脚本
+
+echo "=================================================="
+echo " 羚牛氢能 - 全国氢能物流运营驾驶舱"
+echo " 局域网 (LAN) 服务启动中..."
+echo "=================================================="
+
+IP_ADDR=$(ifconfig | grep "inet " | grep -v 127.0.0.1 | head -n 1 | awk '{print $2}')
+
+PORT="${VEHICLE_MAP_PORT:-20800}"
+echo "本机访问地址: http://localhost:${PORT}"
+echo "局域网访问地址: http://${IP_ADDR}:${PORT}"
+echo "=================================================="
+
+exec python3 server.py
diff --git a/vehicle-map/styles.css b/vehicle-map/styles.css
new file mode 100644
index 00000000..09adecd8
--- /dev/null
+++ b/vehicle-map/styles.css
@@ -0,0 +1,957 @@
+/* ==========================================================================
+ 羚牛氢能 - 车辆网络
+ Design Philosophy: Apple Restrained Minimalist (极致克制 · 纯净无痕)
+ ========================================================================== */
+
+/* --------------------------------------------------------------------------
+ RESTRICTED DUAL-THEME COLOR SYSTEM (纯黑 / 纯白)
+ -------------------------------------------------------------------------- */
+
+/* 1. 纯黑/深色模式 (Minimal Dark Charcoal) */
+.theme-dark {
+ --bg-app: #0A0B0E;
+ --bg-radial: radial-gradient(circle at 50% 20%, #12141C 0%, #0A0B0E 100%);
+ --glass-bg: rgba(20, 22, 28, 0.68);
+ --glass-border: rgba(255, 255, 255, 0.08);
+ --glass-hover-border: rgba(255, 255, 255, 0.2);
+ --glass-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
+ --accent-primary: #007143; /* 羚牛品牌绿 */
+ --accent-quantity: #34D399; /* 品牌绿的深色主题高对比版本 */
+ --accent-cyan: #38BDF8; /* 柔和冰蓝 */
+ --accent-mint: #10B981;
+ --accent-blue: #3B82F6;
+ --text-main: #F1F5F9;
+ --text-muted: #94A3B8;
+ --text-sub: #64748B;
+ --pill-bg: rgba(255, 255, 255, 0.06);
+ --segmented-bg: rgba(255, 255, 255, 0.05);
+ --map-style: amap://styles/darkblue;
+}
+
+/* 2. 纯白/浅色模式 (Apple Studio Pure White) */
+.theme-white {
+ --bg-app: #F5F5F7;
+ --bg-radial: radial-gradient(circle at 50% 20%, #FFFFFF 0%, #F5F5F7 100%);
+ --glass-bg: rgba(255, 255, 255, 0.82);
+ --glass-border: rgba(0, 0, 0, 0.08);
+ --glass-hover-border: rgba(0, 0, 0, 0.18);
+ --glass-shadow: 0 12px 32px rgba(0, 0, 0, 0.05);
+ --accent-primary: #007143;
+ --accent-quantity: #007143;
+ --accent-cyan: #0284C7;
+ --accent-mint: #059669;
+ --accent-blue: #2563EB;
+ --text-main: #1D1D1F;
+ --text-muted: #6E6E73;
+ --text-sub: #86868B;
+ --pill-bg: rgba(0, 0, 0, 0.04);
+ --segmented-bg: rgba(0, 0, 0, 0.04);
+ --map-style: amap://styles/light;
+}
+
+/* Elegant Subscript Typographic Tuning for H₂ */
+sub, .h2-sub {
+ font-size: 0.7em;
+ line-height: 0;
+ vertical-align: -0.22em;
+ font-family: 'JetBrains Mono', -apple-system, sans-serif;
+ font-weight: 700;
+ margin-left: 0.5px;
+ opacity: 0.9;
+}
+
+/* --------------------------------------------------------------------------
+ GLOBAL RESET & RESTRAINED GLASS WRAPPER
+ -------------------------------------------------------------------------- */
+* {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ user-select: none;
+}
+
+body {
+ font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
+ background: var(--bg-app);
+ background-image: var(--bg-radial);
+ color: var(--text-main);
+ height: 100vh;
+ width: 100vw;
+ overflow: hidden;
+ -webkit-font-smoothing: antialiased;
+ transition: background 0.3s ease, color 0.3s ease;
+}
+
+.liquid-cockpit-wrapper {
+ display: flex;
+ flex-direction: column;
+ height: 100vh;
+ padding: 12px 16px;
+ gap: 12px;
+}
+
+/* Restrained Apple Glass Panel */
+.glass-panel {
+ background: var(--glass-bg);
+ backdrop-filter: blur(20px);
+ -webkit-backdrop-filter: blur(20px);
+ border: 1px solid var(--glass-border);
+ border-radius: 16px;
+ box-shadow: var(--glass-shadow);
+ transition: border-color 0.25s ease, background 0.25s ease;
+}
+
+.glass-panel:hover {
+ border-color: var(--glass-hover-border);
+}
+
+/* --------------------------------------------------------------------------
+ 1. NAVIGATION HEADER (PROMINENT LOGO)
+ -------------------------------------------------------------------------- */
+.liquid-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ height: 56px;
+ padding: 0 18px;
+ flex-shrink: 0;
+}
+
+.header-left {
+ display: flex;
+ align-items: center;
+ gap: 16px;
+}
+
+.brand-block {
+ display: flex;
+ align-items: center;
+}
+
+.brand-logo-switcher { display: flex; align-items: center; }
+
+.brand-logo-en {
+ display: flex;
+ align-items: center;
+ gap: 5px;
+ height: 34px;
+ transition: transform 0.2s ease;
+}
+
+.brand-logo-svg[hidden],
+.brand-logo-en[hidden] { display: none; }
+
+.brand-mark-crop {
+ display: block;
+ width: 45px;
+ height: 34px;
+ overflow: hidden;
+}
+
+.brand-mark-crop img {
+ display: block;
+ width: auto;
+ height: 34px;
+ max-width: none;
+}
+
+.brand-logo-en > img {
+ display: block;
+ width: auto;
+ height: 34px;
+}
+
+/* Enlarged Lingniu Logo */
+.brand-logo-svg {
+ height: 34px;
+ width: auto;
+ display: block;
+ object-fit: contain;
+ transition: transform 0.2s ease;
+}
+
+.theme-dark .brand-block {
+ padding: 3px 6px;
+ background: rgba(255, 255, 255, 0.94);
+ border-radius: 8px;
+}
+
+.brand-logo-svg:hover {
+ transform: scale(1.03);
+}
+
+.brand-logo-en:hover { transform: scale(1.03); }
+
+.brand-divider {
+ width: 1px;
+ height: 22px;
+ background: var(--glass-border);
+}
+
+.cockpit-title-wrap {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+
+.cockpit-title {
+ font-size: 16px;
+ font-weight: 600;
+ letter-spacing: -0.3px;
+ color: var(--text-main);
+}
+
+.de-tag {
+ font-size: 9px;
+ padding: 1px 6px;
+ background: var(--pill-bg);
+ border-radius: 4px;
+ color: var(--text-muted);
+ font-weight: 500;
+}
+
+/* Header KPI Capsules */
+.header-kpi-group {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+}
+
+.kpi-glass-capsule {
+ display: flex;
+ flex-direction: column;
+ padding: 4px 14px;
+ background: var(--pill-bg);
+ border: 1px solid var(--glass-border);
+ border-radius: 10px;
+}
+
+.capsule-lbl {
+ font-size: 9px;
+ color: var(--text-muted);
+}
+
+.capsule-val {
+ font-family: 'JetBrains Mono', -apple-system, sans-serif;
+ font-size: 14px;
+ font-weight: 700;
+ color: var(--text-main);
+ line-height: 1.15;
+}
+
+.capsule-val small {
+ font-size: 10px;
+ font-weight: 400;
+ color: var(--text-muted);
+}
+
+.trend-pill {
+ font-size: 9px;
+ font-style: normal;
+ font-weight: 600;
+ color: var(--accent-cyan);
+ margin-left: 2px;
+}
+
+/* Header Controls */
+.header-controls {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+}
+
+.glass-segmented-control, .theme-switcher-bw {
+ display: flex;
+ background: var(--segmented-bg);
+ padding: 2px;
+ border-radius: 8px;
+ border: 1px solid var(--glass-border);
+}
+
+.segment-btn, .bw-btn {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ padding: 4px 12px;
+ background: transparent;
+ border: none;
+ border-radius: 6px;
+ color: var(--text-muted);
+ font-size: 11px;
+ font-weight: 500;
+ cursor: pointer;
+ transition: all 0.2s ease;
+}
+
+.segment-btn.active, .bw-btn.active {
+ background: var(--glass-bg);
+ color: var(--text-main);
+ font-weight: 600;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+}
+
+.bw-svg {
+ stroke: currentColor;
+}
+
+.time-widget {
+ font-family: 'JetBrains Mono', monospace;
+ font-size: 12px;
+ font-weight: 600;
+ color: var(--text-muted);
+}
+
+/* --------------------------------------------------------------------------
+ 2. MAIN BODY (CENTER MAP CANVAS + RIGHT SIDEBAR)
+ -------------------------------------------------------------------------- */
+.cockpit-main-grid {
+ display: grid;
+ grid-template-columns: 1fr 320px;
+ gap: 12px;
+ flex: 1;
+ min-height: 0;
+}
+
+/* SPATIAL MAP CONTAINER */
+.map-spatial-container {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+}
+
+.map-top-bar {
+ position: absolute;
+ top: 12px;
+ left: 12px;
+ right: 12px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ z-index: 10;
+ pointer-events: none;
+}
+
+.map-top-bar * { pointer-events: auto; }
+
+.status-glass-pill {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ padding: 4px 12px;
+ background: var(--glass-bg);
+ border: 1px solid var(--glass-border);
+ border-radius: 20px;
+ font-size: 11px;
+ color: var(--text-main);
+}
+
+.pulse-ring {
+ width: 6px;
+ height: 6px;
+ border-radius: 50%;
+ background: var(--accent-cyan);
+}
+
+.map-legend-glass {
+ display: flex;
+ gap: 10px;
+ padding: 4px 10px;
+ background: var(--glass-bg);
+ border: 1px solid var(--glass-border);
+ border-radius: 8px;
+ font-size: 10px;
+ color: var(--text-muted);
+}
+
+.leg-item {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+}
+
+.dot {
+ width: 5px;
+ height: 5px;
+ border-radius: 50%;
+}
+
+.dot-primary { background: var(--accent-cyan); }
+.dot-mid { background: var(--accent-blue); }
+.dot-low { background: var(--text-sub); }
+
+.amap-canvas-box {
+ flex: 1;
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+
+#amapContainer {
+ width: 100%;
+ height: 100%;
+}
+
+.map-action-controls {
+ position: absolute;
+ bottom: 24px;
+ right: 14px;
+ display: flex;
+ gap: 6px;
+ z-index: 10;
+}
+
+.glass-btn {
+ padding: 4px 10px;
+ background: var(--glass-bg);
+ border: 1px solid var(--glass-border);
+ border-radius: 8px;
+ color: var(--text-main);
+ font-size: 10px;
+ font-weight: 500;
+ cursor: pointer;
+ transition: all 0.2s ease;
+}
+
+.glass-btn:hover {
+ border-color: var(--text-muted);
+}
+
+.map-bottom-info {
+ height: 24px;
+ background: rgba(0, 0, 0, 0.15);
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0 12px;
+ font-size: 10px;
+ color: var(--text-muted);
+ border-top: 1px solid var(--glass-border);
+}
+
+/* RIGHT SIDEBAR */
+.sidebar-operations {
+ display: flex;
+ flex-direction: column;
+ gap: 12px;
+ min-height: 0;
+}
+
+.sidebar-card {
+ display: flex;
+ flex-direction: column;
+ padding: 12px 14px;
+ overflow: hidden;
+}
+
+.flex-fill-auto { flex: 1; min-height: 0; }
+
+.panel-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 10px;
+ padding-bottom: 6px;
+ border-bottom: 1px solid var(--glass-border);
+}
+
+.panel-title {
+ font-size: 12px;
+ font-weight: 600;
+ color: var(--text-main);
+}
+
+.panel-heading-stack {
+ display: flex;
+ flex-direction: column;
+ gap: 3px;
+ min-width: 0;
+}
+
+.viewport-meta {
+ color: var(--text-muted);
+ font-size: 9px;
+ font-family: 'JetBrains Mono', monospace;
+ font-variant-numeric: tabular-nums;
+ white-space: nowrap;
+}
+
+.panel-tag {
+ font-size: 9px;
+ padding: 1px 5px;
+ background: var(--pill-bg);
+ border-radius: 4px;
+ color: var(--text-muted);
+ font-family: 'JetBrains Mono', monospace;
+}
+
+/* Card 1: Clean Status Cells */
+.status-glass-grid3 {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 6px;
+ margin-bottom: 8px;
+}
+
+.glass-cell {
+ padding: 6px 8px;
+ background: rgba(255, 255, 255, 0.02);
+ border: 1px solid var(--glass-border);
+ border-radius: 8px;
+}
+
+.cell-num {
+ font-family: 'JetBrains Mono', monospace;
+ font-size: 14px;
+ font-weight: 700;
+ color: var(--text-main);
+ line-height: 1.1;
+}
+
+.cell-num small {
+ font-size: 9px;
+ color: var(--text-muted);
+}
+
+.cell-label {
+ display: flex;
+ align-items: center;
+ gap: 3px;
+ font-size: 9px;
+ color: var(--text-muted);
+ margin-top: 2px;
+}
+
+.status-dot {
+ display: inline-block;
+ width: 5px;
+ height: 5px;
+ border-radius: 50%;
+}
+
+.dot-mint { background: var(--accent-mint); }
+.dot-blue { background: var(--accent-blue); }
+.dot-sub { background: var(--text-sub); }
+.dot-total { background: var(--accent-cyan); }
+
+.liquid-progress-bar {
+ display: flex;
+ height: 4px;
+ border-radius: 2px;
+ overflow: hidden;
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.seg { height: 100%; }
+.seg-running { background: var(--accent-mint); }
+.seg-stopped { background: var(--accent-blue); }
+/* Card 2: TOP Ranking List */
+.glass-tab-control {
+ display: flex;
+ gap: 2px;
+ background: var(--segmented-bg);
+ padding: 1px;
+ border-radius: 6px;
+}
+
+.gtab {
+ padding: 2px 6px;
+ background: transparent;
+ border: none;
+ border-radius: 4px;
+ font-size: 9px;
+ color: var(--text-muted);
+ cursor: pointer;
+}
+
+.gtab.active {
+ background: var(--glass-bg);
+ color: var(--text-main);
+ font-weight: 600;
+}
+
+.liquid-ranking-list {
+ display: flex;
+ flex-direction: column;
+ gap: 5px;
+ overflow-y: auto;
+ flex: 1;
+}
+
+.rank-empty {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex: 1;
+ min-height: 120px;
+ padding: 24px 16px;
+ border: 1px dashed var(--glass-border);
+ border-radius: 12px;
+ color: var(--text-muted);
+ font-size: 11px;
+ line-height: 1.6;
+ text-align: center;
+}
+
+.rank-empty-viewport {
+ flex-direction: column;
+ gap: 8px;
+}
+
+.rank-empty-icon {
+ display: grid;
+ width: 28px;
+ height: 28px;
+ place-items: center;
+ border-radius: 50%;
+ background: var(--pill-bg);
+ color: var(--accent-primary);
+ font-size: 16px;
+}
+
+.rank-glass-row {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ padding: 6px 10px;
+ border-radius: 8px;
+ font-size: 11px;
+ background: rgba(255, 255, 255, 0.01);
+ border: 1px solid var(--glass-border);
+ transition: all 0.15s ease;
+ cursor: pointer;
+}
+
+.rank-glass-row:hover {
+ background: var(--pill-bg);
+ border-color: var(--glass-hover-border);
+}
+
+.r-badge {
+ width: 18px;
+ height: 18px;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-weight: 700;
+ font-size: 9.5px;
+ font-family: 'JetBrains Mono', monospace;
+ flex-shrink: 0;
+}
+
+/* Scoped Theme Ranking Badge Colors for High Contrast in Both Modes */
+/* 1. Dark Mode Ranking Badges */
+.theme-dark .r-badge.r-top1 { background: #38BDF8; color: #0A0B0E; font-weight: 800; }
+.theme-dark .r-badge.r-top2 { background: rgba(56, 189, 248, 0.2); color: #38BDF8; border: 1px solid rgba(56, 189, 248, 0.3); }
+.theme-dark .r-badge.r-top3 { background: rgba(255, 255, 255, 0.1); color: #CBD5E1; }
+.theme-dark .r-badge { background: rgba(255, 255, 255, 0.06); color: #64748B; }
+
+/* 2. Light Mode Ranking Badges (Clear High-Contrast Blue/Green/Dark Gray) */
+.theme-white .r-badge.r-top1 { background: #007143; color: #FFFFFF; font-weight: 800; }
+.theme-white .r-badge.r-top2 { background: #0284C7; color: #FFFFFF; font-weight: 700; }
+.theme-white .r-badge.r-top3 { background: rgba(0, 0, 0, 0.08); color: #1D1D1F; font-weight: 700; }
+.theme-white .r-badge { background: rgba(0, 0, 0, 0.04); color: #86868B; }
+
+.r-name {
+ font-weight: 500;
+ color: var(--text-main);
+ flex: 1;
+}
+
+.r-val {
+ font-family: 'JetBrains Mono', monospace;
+ font-weight: 600;
+ color: var(--text-main);
+}
+
+/* Custom Scrollbars */
+::-webkit-scrollbar { width: 3px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb { background: var(--glass-border); border-radius: 3px; }
+
+/* AMAP MAP PROVINCE BUOYS */
+.amap-logo, .amap-copyright {
+ opacity: 0.2 !important;
+ filter: invert(0.9) hue-rotate(180deg) !important;
+}
+
+.province-info-badge-wrap {
+ position: relative;
+ z-index: 10;
+}
+
+.map-info-window {
+ min-width: 190px;
+ max-width: 300px;
+ padding: 11px 14px;
+ border: 1px solid var(--glass-border);
+ border-radius: 12px;
+ background: var(--glass-bg);
+ color: var(--text-main);
+ box-shadow: 0 14px 34px rgba(15, 23, 42, 0.16);
+ backdrop-filter: blur(18px);
+ font: 12px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+}
+
+.map-info-window strong {
+ display: block;
+ margin-bottom: 4px;
+ font-size: 13px;
+}
+
+.province-info-badge-wrap:hover {
+ z-index: 999 !important;
+}
+
+.province-info-card {
+ display: inline-flex;
+ flex-direction: column;
+ padding: 3px 8px;
+ background: var(--glass-bg);
+ backdrop-filter: blur(16px);
+ -webkit-backdrop-filter: blur(16px);
+ border: 1px solid var(--glass-border);
+ border-radius: 8px;
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+ cursor: pointer;
+ white-space: nowrap;
+ transition: transform 0.2s ease;
+}
+
+.province-info-card.is-vehicle-point {
+ border-radius: 10px;
+ border-color: rgba(2, 132, 199, 0.34);
+ box-shadow: 0 5px 16px rgba(2, 132, 199, 0.18);
+}
+
+.province-info-card.is-vehicle-point.is-online .p-dot { background: #00a86b; }
+.province-info-card.is-vehicle-point.is-offline .p-dot { background: #8e8e93; }
+
+.province-info-badge-wrap:hover .province-info-card {
+ transform: scale(1.15);
+ border-color: var(--accent-cyan) !important;
+}
+
+.p-head {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+}
+
+.p-dot {
+ width: 5px;
+ height: 5px;
+ border-radius: 50%;
+ background: var(--accent-cyan);
+}
+
+.p-name {
+ font-size: 10px;
+ font-weight: 500;
+ color: var(--text-main);
+}
+
+.p-total {
+ font-family: 'JetBrains Mono', monospace;
+ font-size: 12px;
+ font-weight: 700;
+ color: var(--accent-quantity);
+ margin-left: 2px;
+}
+
+.p-sub {
+ font-size: 8px;
+ color: var(--text-sub);
+ margin-top: 1px;
+}
+
+/* --------------------------------------------------------------------------
+ MOBILE / NARROW VIEWPORT
+ -------------------------------------------------------------------------- */
+@media (max-width: 768px) {
+ body {
+ height: auto;
+ min-height: 100dvh;
+ overflow-x: hidden;
+ overflow-y: auto;
+ }
+
+ .liquid-cockpit-wrapper {
+ width: 100%;
+ height: auto;
+ min-height: 100dvh;
+ padding: 8px;
+ gap: 8px;
+ }
+
+ .liquid-header {
+ height: auto;
+ min-height: 0;
+ padding: 10px;
+ flex-wrap: wrap;
+ gap: 10px;
+ }
+
+ .header-left {
+ width: 100%;
+ min-width: 0;
+ gap: 10px;
+ }
+
+ .brand-block {
+ flex: 0 1 150px;
+ min-width: 118px;
+ }
+
+ .brand-logo-svg {
+ width: 100%;
+ max-width: 150px;
+ height: auto;
+ }
+
+ .brand-divider {
+ flex: 0 0 1px;
+ }
+
+ .cockpit-title-wrap {
+ min-width: 0;
+ flex: 1;
+ justify-content: flex-end;
+ }
+
+ .cockpit-title {
+ flex: 0 0 auto;
+ font-size: 15px;
+ white-space: nowrap;
+ word-break: keep-all;
+ }
+
+ .de-tag {
+ display: none;
+ }
+
+ .header-kpi-group {
+ order: 2;
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ width: 100%;
+ gap: 6px;
+ }
+
+ .kpi-glass-capsule {
+ min-width: 0;
+ padding: 5px 7px;
+ }
+
+ .capsule-lbl {
+ overflow: hidden;
+ font-size: 8px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+
+ .capsule-val {
+ font-size: 12px;
+ white-space: nowrap;
+ }
+
+ .header-controls {
+ order: 3;
+ width: 100%;
+ justify-content: space-between;
+ gap: 4px;
+ }
+
+ .segment-btn,
+ .bw-btn {
+ padding: 4px 8px;
+ font-size: 10px;
+ }
+
+ .time-widget {
+ display: none;
+ }
+
+ .cockpit-main-grid {
+ grid-template-columns: minmax(0, 1fr);
+ flex: none;
+ min-height: 0;
+ gap: 8px;
+ }
+
+ .map-spatial-container {
+ height: 520px;
+ min-height: 520px;
+ }
+
+ .map-top-bar {
+ top: 8px;
+ left: 8px;
+ right: 8px;
+ }
+
+ .status-glass-pill {
+ min-width: 0;
+ max-width: 100%;
+ padding: 4px 8px;
+ }
+
+ #mapStatusText {
+ min-width: 0;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+
+ .map-legend-glass {
+ display: none;
+ }
+
+ .map-action-controls {
+ right: 8px;
+ bottom: 30px;
+ gap: 4px;
+ }
+
+ .glass-btn {
+ padding: 5px 7px;
+ font-size: 9px;
+ }
+
+ .map-bottom-info {
+ justify-content: flex-start;
+ overflow: hidden;
+ }
+
+ .map-bottom-info span:not(:last-child) {
+ display: none;
+ }
+
+ .sidebar-operations {
+ min-height: auto;
+ }
+
+ .sidebar-card {
+ overflow: visible;
+ }
+
+ .liquid-ranking-list {
+ max-height: none;
+ overflow: visible;
+ }
+}
+
+@media (max-width: 390px) {
+ .brand-block {
+ flex-basis: 138px;
+ }
+
+ .brand-logo-svg {
+ max-width: 138px;
+ }
+
+ .theme-switcher-bw .bw-btn span {
+ display: none;
+ }
+}
diff --git a/vehicle-map/tests/test_app.mjs b/vehicle-map/tests/test_app.mjs
new file mode 100644
index 00000000..995b5ede
--- /dev/null
+++ b/vehicle-map/tests/test_app.mjs
@@ -0,0 +1,127 @@
+import assert from 'node:assert/strict';
+import fs from 'node:fs';
+import vm from 'node:vm';
+
+const source = fs.readFileSync(new URL('../app.js', import.meta.url), 'utf8');
+const checks = `
+dashboard = {
+ vehicles: [
+ { vin: 'VIN-GD-1', plateNumber: '粤A00001', online: true, dailyMileageKm: 10, locationAvailable: true, longitude: 113.2, latitude: 23.1 },
+ { vin: 'VIN-GD-2', plateNumber: '粤B00002', online: false, dailyMileageKm: 5, locationAvailable: false },
+ { vin: 'VIN-ZJ-1', plateNumber: '浙F00003', online: true, dailyMileageKm: 8, locationAvailable: true, longitude: 120.7, latitude: 30.7 },
+ { vin: 'VIN-X-1', plateNumber: '观光车001', online: false, dailyMileageKm: 0, locationAvailable: false }
+ ]
+};
+const areaNode = {
+ groupByPosition(points) {
+ return [
+ { subFeatureIndex: 0, subFeature: { properties: { adcode: '440000', name: '广东省', center: [113.2, 23.1] } }, points: points.filter(point => point.vin === 'VIN-GD-1') },
+ { subFeatureIndex: 1, subFeature: { properties: { adcode: '330000', name: '浙江省', center: [120.2, 30.3] } }, points: points.filter(point => point.vin === 'VIN-ZJ-1') }
+ ];
+ }
+};
+const partition = partitionVehiclesByArea(areaNode, locatedVehicles(), 'province');
+assert.equal(partition.groups.length, 2);
+assert.equal(partition.unmatched.length, 0);
+const provinceNodes = regionNodesFromGroups(partition.groups, 'province');
+assert.equal(provinceNodes.length, 2);
+const guangdong = provinceNodes.find(node => node.nameZh === '广东');
+assert.equal(guangdong.count, 1);
+assert.equal(guangdong.online, 1);
+assert.equal(guangdong.dist, 10);
+
+assert.equal(hierarchyLevelForZoom(4.8), 'province');
+assert.equal(hierarchyLevelForZoom(7), 'city');
+assert.equal(hierarchyLevelForZoom(9.5), 'district');
+assert.equal(hierarchyLevelForZoom(12), 'vehicle');
+
+vehicleRegionSummary = { level: 'province', nodes: provinceNodes, unassigned: 2, loading: false };
+map = { getZoom: () => 4.8 };
+assert.equal(vehicleNodes().length, 2);
+assert.ok(vehicleNodes().every(node => node.kind === 'vehicleProvince'));
+
+const cityPartition = partitionVehiclesByArea({
+ groupByPosition(points) {
+ return [{ subFeatureIndex: 0, subFeature: { properties: { adcode: '440100', name: '广州市', center: [113.3, 23.1] } }, points }];
+ }
+}, [dashboard.vehicles[0]], 'city');
+const cityNodes = regionNodesFromGroups(cityPartition.groups, 'city');
+assert.equal(cityNodes[0].kind, 'vehicleCity');
+assert.equal(cityNodes[0].nameZh, '广州');
+assert.equal(cityNodes[0].nameEn, 'Guangzhou City');
+
+assert.equal(administrativeEnglishName('广东省', 'province'), 'Guangdong');
+assert.equal(administrativeEnglishName('广州市', 'city'), 'Guangzhou City');
+assert.equal(administrativeEnglishName('黄埔区', 'district'), 'Huangpu District');
+assert.equal(administrativeEnglishName('两江新区', 'district'), 'Liangjiang New Area');
+assert.equal(stationAdministrativePath({ province: '广东省', city: '广州市', district: '黄埔区' }, 'en'), 'Guangdong · Guangzhou City · Huangpu District');
+assert.deepEqual(modeKpiLabels(i18n.zh, 'station'), { total: '站点总数', active: '合作站点' });
+assert.deepEqual(modeKpiLabels(i18n.en, 'station'), { total: 'Total Stations', active: 'Partner Stations' });
+assert.equal(markerLabel({ kind: 'stationCluster', count: 65 }, i18n.en), '65 stations');
+assert.equal(markerLabel({ kind: 'stationCluster', count: 1 }, i18n.en), '1 station');
+assert.equal(markerLabel({ kind: 'station', cooperative: true }, i18n.en), 'H₂ · Partner');
+
+map = {
+ getZoom: () => 12,
+ getBounds: () => ({
+ getSouthWest: () => ({ getLng: () => 100, getLat: () => 20 }),
+ getNorthEast: () => ({ getLng: () => 125, getLat: () => 35 })
+ })
+};
+const points = vehiclePointNodes();
+assert.equal(points.length, 2);
+assert.ok(points.every(node => node.kind === 'vehiclePoint'));
+assert.equal(points.find(node => node.nameZh === '粤A00001').online, 1);
+
+dashboard = {
+ stations: [
+ { id: 'GD-1', name: '广州合作站', province: '广东省', city: '广州市', longitude: 113.2, latitude: 23.1, cooperative: true, totalHydrogenKg: 20 },
+ { id: 'GD-2', name: '佛山外部站', province: '广东省', city: '佛山市', longitude: 113.1, latitude: 23.0, cooperative: false, totalHydrogenKg: 10 },
+ { id: 'ZJ-1', name: '嘉兴合作站', province: '浙江省', city: '嘉兴市', longitude: 120.7, latitude: 30.7, cooperative: true, totalHydrogenKg: 30 }
+ ]
+};
+currentMode = 'station';
+map = {
+ getZoom: () => 12,
+ getBounds: () => ({
+ getSouthWest: () => ({ getLng: () => 112, getLat: () => 22 }),
+ getNorthEast: () => ({ getLng: () => 114, getLat: () => 24 })
+ })
+};
+assert.equal(stationNodes(false).length, 3);
+assert.equal(stationNodes(true).length, 2);
+assert.deepEqual(stationNodes(true).map(node => node.name).sort(), ['佛山外部站', '广州合作站']);
+const stationView = stationViewportSummary();
+assert.equal(stationView.level, 'station');
+assert.equal(stationView.visibleNodes.length, 2);
+assert.equal(stationView.allNodes.length, 3);
+
+map = {
+ getZoom: () => 4.8,
+ getBounds: () => ({
+ getSouthWest: () => ({ getLng: () => 112, getLat: () => 22 }),
+ getNorthEast: () => ({ getLng: () => 114, getLat: () => 24 })
+ })
+};
+const provinceView = stationViewportSummary();
+assert.equal(provinceView.allNodes.length, 2);
+assert.equal(provinceView.visibleNodes.length, 1);
+assert.equal(provinceView.visibleNodes[0].name, '广东');
+assert.equal(provinceView.visibleNodes[0].count, 2);
+`;
+
+const sandbox = {
+ assert,
+ console,
+ pinyinPro: {
+ pinyin(value) {
+ return ({ 广州: 'guang zhou', 黄埔: 'huang pu', 两江: 'liang jiang' })[value] || value;
+ }
+ },
+ document: { addEventListener() {}, querySelector() {}, createElement() { return {}; }, head: { appendChild() {} } },
+ window: {},
+ setInterval() {},
+ clearInterval() {}
+};
+vm.runInNewContext(`${source}\n${checks}`, sandbox, { filename: 'app.js' });
+console.log('vehicle hierarchy aggregation tests: ok');
diff --git a/vehicle-map/tests/test_server.py b/vehicle-map/tests/test_server.py
new file mode 100644
index 00000000..abc70e38
--- /dev/null
+++ b/vehicle-map/tests/test_server.py
@@ -0,0 +1,46 @@
+import importlib.util
+from pathlib import Path
+import unittest
+from unittest.mock import patch
+
+
+SPEC = importlib.util.spec_from_file_location("vehicle_map_server", Path(__file__).parents[1] / "server.py")
+server = importlib.util.module_from_spec(SPEC)
+SPEC.loader.exec_module(server)
+
+
+class DashboardTest(unittest.TestCase):
+ def test_dashboard_aggregates_authorized_vehicle_and_station_data(self):
+ def fake_post(path, body):
+ if path.endswith("realtime/query"):
+ return [
+ {"vin": "VIN1", "motionStatus": "driving", "speedKmh": 18, "activeToday": True, "online": True},
+ {"vin": "VIN2", "motionStatus": "idle", "speedKmh": 0, "activeToday": True, "online": True},
+ {"vin": "VIN3", "motionStatus": "offline", "speedKmh": 0, "activeToday": False, "online": False},
+ ]
+ if path.endswith("mileage/query"):
+ return [
+ {"vin": "VIN1", "status": "NORMAL", "dailyMileageKm": 12.345},
+ {"vin": "VIN2", "status": "NORMAL", "dailyMileageKm": 7.655},
+ {"vin": "VIN3", "status": "NO_DATA", "dailyMileageKm": None},
+ ]
+ if path.endswith("hydrogen-stations/query"):
+ return [{"id": "1", "cooperative": True}, {"id": "2", "cooperative": False}]
+ raise AssertionError(path)
+
+ with patch.object(server, "_post_open_platform", side_effect=fake_post):
+ with patch.object(server, "_cache", {}):
+ result = server._load_dashboard()
+
+ self.assertEqual(result["summary"]["totalVehicles"], 3)
+ self.assertEqual(result["summary"]["onlineVehicles"], 2)
+ self.assertEqual(result["summary"]["drivingVehicles"], 1)
+ self.assertEqual(result["summary"]["todayMileageKm"], 20.0)
+ self.assertEqual(result["summary"]["totalStations"], 2)
+ self.assertEqual(result["summary"]["cooperativeStations"], 1)
+ self.assertEqual(result["vehicles"][0]["dailyMileageKm"], 12.345)
+ self.assertEqual(result["vehicles"][2]["dailyMileageKm"], 0)
+
+
+if __name__ == "__main__":
+ unittest.main()
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+
+ 车辆网络
+
+
+
+
+
+ 车辆总数
+ -- 辆
+
+
+ 当前在线运行
+ -- 辆
+
+
+ 今日运营里程
+ -- km
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+