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

feat: refine mobile vehicle directory

Browse Source
This commit is contained in:
lingniu
2026-07-19 02:37:40 +08:00
parent f4f8bf9f4b
commit c695d6e431
2 changed files with 146 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
vehicle-data-platform/apps/web/src/v2/productionEntry.test.ts
View File

@@ -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('<select');
expect(corePageSources.MonitorPage).not.toContain('<textarea');
expect(corePageSources.MonitorPage).not.toContain('<button');

142
vehicle-data-platform/apps/web/src/v2/styles/workspace.css
View File

@@ -16744,7 +16744,7 @@
.v2-vehicle-directory-v3.v2-vehicle-search-page {
gap: 7px;
overflow: hidden;
padding: 8px 8px 82px;
padding: 8px;
}
.v2-vehicle-directory-v3.has-candidates.v2-vehicle-search-page,
@@ -17075,6 +17075,111 @@
}
}
/*
* Short landscape vehicle directory.
* Keep the authorized directory actionable when the mobile shell has very
* little vertical room: discovery becomes a compact side rail and vehicle
* cards use the remaining viewport in two columns.
*/
@media (max-width: 900px) and (max-height: 480px) and (orientation: landscape) {
.v2-vehicle-directory-v3.v2-vehicle-search-page {
flex-direction: row;
align-items: stretch;
gap: 7px;
padding: 6px 7px;
}
.v2-vehicle-directory-v3 > .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);
}
}