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

feat(platform): add vehicle service delivery strip

Browse Source
This commit is contained in:
lingniu
2026-07-05 22:19:20 +08:00
parent fc86119857
commit aa286b810e
3 changed files with 133 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -372,6 +372,81 @@ body {
box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.16);
}
.vp-service-delivery-strip {
min-width: min(100%, 560px);
max-width: 100%;
min-height: 44px;
padding: 6px;
border: 1px solid rgba(22, 100, 255, 0.18);
border-radius: 8px;
background: #ffffff;
display: grid;
grid-template-columns: minmax(138px, 0.9fr) minmax(112px, 0.65fr) minmax(150px, 0.85fr) minmax(150px, 1fr);
gap: 6px;
align-items: stretch;
}
.vp-service-delivery-strip-head,
.vp-service-delivery-strip-fact,
.vp-service-delivery-strip-actions {
min-width: 0;
padding: 6px 8px;
border-radius: 6px;
background: #f8fafc;
display: grid;
align-content: center;
gap: 2px;
}
.vp-service-delivery-strip-head strong,
.vp-service-delivery-strip-fact strong {
color: var(--vp-text);
font-size: 13px;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vp-service-delivery-strip-head span,
.vp-service-delivery-strip-fact span,
.vp-service-delivery-strip-actions > span {
color: var(--vp-text-muted);
font-size: 11px;
line-height: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vp-service-delivery-strip-actions > div {
min-width: 0;
display: flex;
align-items: center;
gap: 3px;
overflow: hidden;
}
.vp-service-delivery-strip-actions button {
height: 22px;
min-width: 34px;
padding: 0 6px;
border: 0;
border-radius: 5px;
background: #ffffff;
color: var(--vp-primary);
cursor: pointer;
font-size: 12px;
font-weight: 700;
line-height: 20px;
}
.vp-service-delivery-strip-actions button:hover,
.vp-service-delivery-strip-actions button:focus-visible {
background: rgba(22, 100, 255, 0.1);
outline: none;
}
.vp-topbar-quick-actions {
height: 32px;
display: inline-flex;
@@ -10942,6 +11017,7 @@ button.vp-realtime-command-item:focus-visible {
.vp-customer-service-package,
.vp-customer-service-grid,
.vp-vehicle-task-grid,
.vp-service-delivery-strip,
.vp-dispatch-operations-home,
.vp-dispatch-operations-highlights,
.vp-customer-delivery-workbench,