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 e736d474..f94ffdbd 100644 --- a/vehicle-data-platform/apps/web/src/v2/productionEntry.test.ts +++ b/vehicle-data-platform/apps/web/src/v2/productionEntry.test.ts @@ -389,6 +389,11 @@ describe('V2 production entry', () => { expect(corePageSources.MonitorPage).toContain('ariaLabel="监控视图"'); expect(corePageSources.MonitorPage).toContain('variant="filled"'); expect(workspaceStyles).toContain('.v2-monitor-mode.v2-segmented-tabs'); + expect(workspaceStyles).toContain('@media (max-width: 900px) and (max-height: 480px) and (orientation: landscape)'); + expect(workspaceStyles).toContain('.v2-vehicle-directory-v3 > .v2-vehicle-discovery-shell {'); + expect(workspaceStyles).toContain('.v2-vehicle-directory-v3 .v2-mobile-filter-toggle-copy small {'); + expect(workspaceStyles).toContain('.v2-vehicle-mobile-filter-sidesheet.semi-sidesheet-bottom .semi-sidesheet-inner {'); + expect(workspaceStyles).toContain('grid-template-columns: repeat(2, minmax(0, 1fr));'); expect(corePageSources.MonitorPage).not.toContain(' .v2-vehicle-discovery-shell { + display: flex; + width: 176px; + min-width: 0; + flex: 0 0 176px; + flex-direction: column; + gap: 7px; + border: 0; + background: transparent; + box-shadow: none; + } + + .v2-vehicle-directory-v3 .v2-vehicle-command-bar.is-mobile-admin { + display: none; + } + + .v2-vehicle-directory-v3 .v2-vehicle-mobile-discovery { + display: flex; + min-height: 0; + } + + .v2-vehicle-directory-v3 .v2-mobile-filter-toggle.semi-button { + width: 100%; + min-height: 70px; + align-self: flex-start; + } + + .v2-vehicle-directory-v3 .v2-mobile-filter-toggle-copy small { + display: none; + } + + .v2-vehicle-directory-v3 .v2-mobile-filter-toggle-action { + padding-inline: 7px; + } + + .v2-vehicle-directory-v3 > .v2-vehicle-recent-card.semi-card { + width: auto; + min-width: 0; + flex: 1 1 0; + } + + .v2-vehicle-directory-v3 .v2-vehicle-recent-card .v2-workspace-panel-header { + min-height: 42px; + padding: 5px 9px; + } + + .v2-vehicle-directory-v3 .v2-vehicle-recent-card .v2-workspace-panel-copy > .semi-typography:last-child { + display: none; + } + + .v2-vehicle-directory-v3 .v2-vehicle-recent-card .v2-workspace-panel-copy > h5.semi-typography { + font-size: 13px; + } + + .v2-vehicle-directory-v3 .v2-vehicle-recent-grid { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + align-content: start; + gap: 0 7px; + overflow-y: auto; + padding: 0 8px; + } + + .v2-vehicle-directory-v3 .v2-vehicle-recent-item.semi-button { + min-height: 64px; + border: 0; + border-bottom: 1px solid #edf1f6; + border-radius: 0; + background: transparent; + padding: 6px 24px 6px 1px; + } + + .v2-vehicle-directory-v3 .v2-vehicle-recent-item .semi-button-content { + gap: 3px 5px; + } + + .v2-vehicle-directory-v3 .v2-vehicle-recent-arrow { + right: -18px; + } + + .v2-vehicle-directory-v3 .v2-vehicle-recent-card > .semi-card-body > .v2-vehicle-directory-pagination { + min-height: 42px; + padding: 4px 8px; + } + + .v2-vehicle-directory-v3 .v2-vehicle-directory-pagination .v2-table-pagination-info { + display: none; + } + +} + /* * Shared protocol identity. * Every evidence surface now presents GB/T 32960, JT/T 808 and 宇通 MQTT @@ -18123,3 +18228,38 @@ font-weight: 700; } } + +@media (max-width: 900px) and (max-height: 480px) and (orientation: landscape) { + .v2-vehicle-mobile-filter-sidesheet.semi-sidesheet-bottom .semi-sidesheet-inner { + height: 100dvh !important; + max-height: 100dvh; + border-radius: 0; + } + + .v2-vehicle-mobile-filter-sidesheet.semi-sidesheet-bottom .semi-sidesheet-header { + min-height: 54px; + padding: 7px 12px; + } + + .v2-vehicle-mobile-filter-sidesheet.semi-sidesheet-bottom .semi-sidesheet-body { + padding: 8px; + } + + .v2-vehicle-mobile-filter-sidesheet.semi-sidesheet-bottom .semi-sidesheet-footer { + padding: 7px 10px; + } + + .v2-vehicle-mobile-filter-title > span, + .v2-vehicle-mobile-filter-form > section > header { + display: none; + } + + .v2-vehicle-mobile-filter-form > section { + gap: 8px; + padding: 9px; + } + + .v2-vehicle-mobile-filter-sidesheet .v2-vehicle-mobile-candidates.v2-vehicle-candidate-list { + max-height: min(42dvh, 180px); + } +}