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

feat(platform): consolidate production vehicle data workflows

Browse Source
This commit is contained in:
lingniu
2026-07-15 23:26:29 +08:00
parent 6cddc0a43d
commit 3fabcf181a
59 changed files with 6849 additions and 3532 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -752,6 +752,277 @@ body {
font-size: 13px;
}
/* Mileage report: one query, one trend, one detail list. */
.vp-mileage-report {
max-width: 1680px;
margin: 0 auto;
}
.vp-mileage-report-filter-card {
overflow: visible;
}
.vp-mileage-report-filter {
display: grid;
grid-template-columns: minmax(260px, 1.8fr) repeat(2, minmax(160px, 0.8fr)) minmax(160px, 0.8fr) auto;
align-items: end;
gap: 14px;
padding: 18px 20px;
}
.vp-mileage-report-filter label {
display: grid;
min-width: 0;
gap: 7px;
color: var(--vp-text-muted);
font-size: 13px;
}
.vp-mileage-report-filter input {
width: 100%;
height: 32px;
box-sizing: border-box;
padding: 0 12px;
border: 1px solid var(--semi-color-border);
border-radius: 6px;
outline: none;
background: var(--semi-color-fill-0);
color: var(--vp-text);
font: inherit;
transition: border-color 0.16s ease, box-shadow 0.16s ease;
}
.vp-mileage-report-filter input:hover {
border-color: var(--semi-color-primary);
}
.vp-mileage-report-filter input:focus {
border-color: var(--semi-color-primary);
box-shadow: 0 0 0 2px rgba(51, 112, 255, 0.12);
}
.vp-mileage-report-quick-ranges {
grid-column: 1 / -1;
display: flex;
gap: 8px;
margin-top: -2px;
}
.vp-mileage-report-quick-ranges button {
padding: 4px 10px;
border: 0;
border-radius: 6px;
background: #f2f5fa;
color: var(--vp-text-muted);
cursor: pointer;
font: inherit;
font-size: 12px;
}
.vp-mileage-report-quick-ranges button:hover,
.vp-mileage-report-quick-ranges button:focus-visible {
background: rgba(51, 112, 255, 0.1);
color: var(--semi-color-primary);
outline: none;
}
.vp-mileage-report-kpis {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
margin: 16px 0;
}
.vp-mileage-report-kpis article {
display: grid;
gap: 6px;
min-width: 0;
padding: 18px 20px;
border: 1px solid var(--vp-border);
border-radius: var(--vp-radius);
background: var(--vp-surface);
box-shadow: var(--vp-shadow-sm);
}
.vp-mileage-report-kpis article.is-primary {
border-color: rgba(51, 112, 255, 0.26);
background: linear-gradient(135deg, #f7faff 0%, #ffffff 72%);
}
.vp-mileage-report-kpis span,
.vp-mileage-report-kpis small {
overflow: hidden;
color: var(--vp-text-muted);
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
}
.vp-mileage-report-kpis strong {
overflow: hidden;
color: var(--vp-text);
font-size: clamp(22px, 2vw, 30px);
line-height: 1.25;
text-overflow: ellipsis;
white-space: nowrap;
}
.vp-mileage-report-chart-card,
.vp-mileage-report-table-card {
margin-top: 16px;
}
.vp-mileage-report-card-title {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.vp-mileage-report-card-title > div {
display: grid;
gap: 3px;
}
.vp-mileage-report-card-title strong {
color: var(--vp-text);
font-size: 15px;
}
.vp-mileage-report-card-title span {
color: var(--vp-text-muted);
font-size: 12px;
font-weight: 400;
}
.vp-mileage-report-chart-wrap {
width: 100%;
min-height: 260px;
overflow: hidden;
}
.vp-mileage-report-chart-wrap svg {
display: block;
width: 100%;
height: auto;
min-height: 260px;
}
.vp-mileage-report-grid-line {
stroke: #e8edf5;
stroke-width: 1;
}
.vp-mileage-report-axis-text {
fill: #8491a5;
font-size: 11px;
}
.vp-mileage-report-area {
fill: url(#mileage-area);
}
.vp-mileage-report-line {
fill: none;
stroke: #3370ff;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 3;
}
.vp-mileage-report-point {
fill: #fff;
stroke: #3370ff;
stroke-width: 2;
}
.vp-mileage-report-empty {
min-height: 180px;
display: grid;
place-items: center;
color: var(--vp-text-muted);
font-size: 13px;
}
.vp-mileage-report-vehicle {
display: grid;
gap: 3px;
}
.vp-mileage-report-vehicle strong {
color: var(--vp-text);
}
.vp-mileage-report-vehicle span {
overflow: hidden;
max-width: 210px;
color: var(--vp-text-muted);
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
}
.vp-mileage-report-daily-value {
color: #245bdb;
}
.vp-mileage-report-footnote {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px 20px;
padding: 12px 2px 0;
color: var(--vp-text-muted);
font-size: 12px;
}
@media (max-width: 1180px) {
.vp-mileage-report-filter {
grid-template-columns: minmax(240px, 1.5fr) repeat(2, minmax(150px, 1fr));
}
.vp-mileage-report-filter label:nth-of-type(4) {
grid-column: 1 / 2;
}
}
@media (max-width: 760px) {
.vp-mileage-report-filter {
grid-template-columns: 1fr 1fr;
padding: 16px;
}
.vp-mileage-report-vehicle-field,
.vp-mileage-report-filter label:nth-of-type(4),
.vp-mileage-report-filter > .semi-button,
.vp-mileage-report-quick-ranges {
grid-column: 1 / -1;
}
.vp-mileage-report-kpis {
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.vp-mileage-report-kpis article {
padding: 14px;
}
.vp-mileage-report-card-title {
align-items: flex-start;
}
.vp-mileage-report-chart-wrap,
.vp-mileage-report-chart-wrap svg {
min-height: 220px;
}
.vp-mileage-report-footnote {
justify-content: flex-start;
}
}
.vp-dashboard-secondary-details,
.vp-dashboard-evidence-details {
margin-bottom: 16px;