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

feat(platform): add single vehicle action desk

Browse Source
This commit is contained in:
lingniu
2026-07-05 18:13:57 +08:00
parent 098e927ada
commit 91b60ed63a
3 changed files with 169 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
vehicle-data-platform/apps/web/src/styles/global.css
View File

@@ -7162,6 +7162,94 @@ button.vp-realtime-command-item:focus-visible {
line-height: 22px;
}
.vp-single-vehicle-action-bar {
padding: 12px;
border: 1px solid rgba(22, 100, 255, 0.16);
border-radius: var(--vp-radius);
background: rgba(255, 255, 255, 0.86);
display: grid;
gap: 10px;
}
.vp-single-vehicle-action-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.vp-single-vehicle-action-head > div {
display: grid;
gap: 2px;
}
.vp-single-vehicle-action-head strong {
color: var(--vp-text);
font-size: 15px;
line-height: 21px;
}
.vp-single-vehicle-action-head span {
color: var(--vp-text-muted);
font-size: 12px;
line-height: 18px;
}
.vp-single-vehicle-action-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 8px;
}
.vp-single-vehicle-action-item {
min-height: 132px;
padding: 10px;
border: 1px solid var(--vp-border);
border-radius: 8px;
background: #fbfcff;
color: inherit;
cursor: pointer;
font: inherit;
text-align: left;
display: grid;
gap: 7px;
align-content: start;
}
.vp-single-vehicle-action-item:hover,
.vp-single-vehicle-action-item:focus-visible {
border-color: rgba(22, 100, 255, 0.45);
box-shadow: 0 0 0 3px rgba(22, 100, 255, 0.06);
outline: none;
}
.vp-single-vehicle-action-item:disabled {
cursor: not-allowed;
opacity: 0.62;
}
.vp-single-vehicle-action-item strong {
color: var(--vp-text);
font-size: 15px;
line-height: 20px;
font-weight: 700;
word-break: break-word;
}
.vp-single-vehicle-action-item span {
color: var(--vp-text-muted);
font-size: 12px;
line-height: 18px;
}
.vp-single-vehicle-action-item em {
color: var(--vp-primary);
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 18px;
}
.vp-vehicle-live-facts {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
@@ -8293,6 +8381,7 @@ button.vp-realtime-command-item:focus-visible {
.vp-customer-delivery-grid,
.vp-vehicle-live-view .semi-card-body,
.vp-vehicle-live-main,
.vp-single-vehicle-action-grid,
.vp-vehicle-live-facts,
.vp-vehicle-archive-summary-main,
.vp-vehicle-archive-summary-grid,