{!mobileLayout || administrator ? }
-
- {candidates.data ? `本页 ${formatZhNumber(pageVehicles.length)} 辆` : '授权范围'}
- {candidates.data ? 本页在线 {formatZhNumber(onlineOnPage)} : null}
- {candidates.data ? 多源车辆 {formatZhNumber(multiSourceOnPage)} : null}
- }
- actions={} loading={candidates.isFetching} onClick={() => candidates.refetch()}>刷新}
+
+ {directoryTitle}
{directoryDescription}
+ } loading={candidates.isFetching} aria-label="刷新车辆目录" onClick={() => candidates.refetch()}>刷新
+ }
/>
{candidates.isFetching && !candidates.data
? 正在读取授权车辆…
diff --git a/vehicle-data-platform/apps/web/src/v2/productionEntry.test.ts b/vehicle-data-platform/apps/web/src/v2/productionEntry.test.ts
index 2f5cc343..4c804c51 100644
--- a/vehicle-data-platform/apps/web/src/v2/productionEntry.test.ts
+++ b/vehicle-data-platform/apps/web/src/v2/productionEntry.test.ts
@@ -76,6 +76,10 @@ describe('V2 production entry', () => {
expect(corePageSources.VehiclePage).toContain("lazy(() => import('./VehicleSearchWorkspace'))");
expect(vehicleSearchSource).toContain("from '../shared/WorkspaceCommandBar'");
expect(vehicleSearchSource).toContain(' .semi-card-body {
+ min-height: 62px;
+ grid-template-columns: minmax(0, 1fr) minmax(280px, .82fr);
+}
+
+.v2-vehicle-directory-metric-rail .v2-workspace-metric-list {
+ grid-template-columns: 1.15fr 1.08fr .92fr .85fr;
+}
+
+.v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span {
+ min-height: 62px;
+ padding-block: 8px;
+}
+
+.v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span > strong {
+ font-size: clamp(20px, 1.55vw, 25px);
+ font-weight: 740;
+ letter-spacing: -.02em;
+}
+
+.v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span.is-secondary > strong {
+ font-size: clamp(17px, 1.25vw, 20px);
+}
+
+.v2-vehicle-directory-unit {
+ margin-left: 3px;
+ color: #8493a5;
+ font-size: 7px;
+ font-style: normal;
+ font-weight: 550;
+ letter-spacing: 0;
+}
+
+.v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span.is-primary .v2-vehicle-directory-unit {
+ color: #6f90bb;
+}
+
+.v2-vehicle-directory-metric-rail .v2-workspace-metric-context {
+ padding: 7px 10px 7px 13px;
+}
+
+.v2-vehicle-directory-context {
+ display: grid;
+ width: 100%;
+ min-width: 0;
+ grid-template-columns: minmax(0, 1fr) auto;
+ align-items: center;
+ gap: 9px;
+}
+
+.v2-vehicle-directory-context > span {
+ display: grid;
+ min-width: 0;
+ gap: 2px;
+}
+
+.v2-vehicle-directory-context h5 {
+ overflow: hidden;
+ margin: 0;
+ color: #263a51;
+ font-size: 12px;
+ font-weight: 740;
+ line-height: 17px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.v2-vehicle-directory-context small {
+ overflow: hidden;
+ color: #8794a5;
+ font-size: 8px;
+ line-height: 12px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.v2-vehicle-directory-context > .semi-button {
+ min-width: 58px;
+ height: 34px;
+ border-radius: 8px;
+ color: #45627f;
+ font-size: 9px;
+ font-weight: 650;
+}
+
+@media (max-width: 980px) {
+ .v2-vehicle-directory-metric-rail.is-queue > .semi-card-body {
+ grid-template-columns: minmax(0, 1fr) 226px;
+ }
+
+ .v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span > em {
+ display: none;
+ }
+}
+
+@media (max-width: 680px) {
+ .v2-vehicle-directory-metric-rail.is-queue > .semi-card-body {
+ min-height: 56px;
+ grid-template-columns: minmax(0, 1fr);
+ }
+
+ .v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span {
+ min-height: 56px;
+ padding: 6px 11px;
+ }
+
+ .v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span.is-secondary {
+ display: none;
+ }
+
+ .v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span > strong {
+ font-size: 19px;
+ line-height: 22px;
+ }
+
+ .v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span > em {
+ display: block;
+ font-size: 7px;
+ }
+
+ .v2-vehicle-directory-metric-rail .v2-workspace-metric-context {
+ display: none;
+ }
+}
+
+@media (max-width: 900px) and (max-height: 480px) and (orientation: landscape) {
+ .v2-vehicle-directory-metric-rail.is-queue > .semi-card-body,
+ .v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span {
+ min-height: 42px;
+ }
+
+ .v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span {
+ padding-block: 3px;
+ }
+
+ .v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span > strong {
+ font-size: 15px;
+ line-height: 17px;
+ }
+}
+
/*
* Monitor fleet summary.
* Operational state remains prominent; high-volume ingest evidence is kept