feat(platform): add dashboard map operations panel

This commit is contained in:
lingniu
2026-07-04 21:59:41 +08:00
parent c73c46ca5d
commit ae42a4092b
3 changed files with 212 additions and 8 deletions

View File

@@ -1300,6 +1300,68 @@ button.vp-realtime-command-item:focus-visible {
min-width: 0;
}
.vp-map-ops-board {
display: grid;
grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
gap: 12px;
}
.vp-map-ops-readiness,
.vp-map-ops-work {
display: grid;
gap: 12px;
}
.vp-map-ops-readiness {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.vp-map-ops-readiness-item,
.vp-map-ops-work-item {
min-height: 128px;
padding: 12px;
border: 1px solid var(--vp-border);
border-radius: var(--vp-radius);
background: #fbfcff;
display: grid;
gap: 9px;
align-content: start;
}
.vp-map-ops-value,
.vp-map-ops-work-value {
color: var(--vp-text);
font-size: 22px;
font-weight: 700;
line-height: 28px;
}
.vp-map-ops-work {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.vp-map-ops-work-item {
width: 100%;
color: inherit;
text-align: left;
cursor: pointer;
transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.vp-map-ops-work-item:hover,
.vp-map-ops-work-item:focus-visible {
border-color: rgba(22, 100, 255, 0.42);
box-shadow: 0 0 0 3px rgba(22, 100, 255, 0.08);
outline: none;
}
.vp-map-ops-work-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}
.vp-runbook-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
@@ -1714,6 +1776,9 @@ button.vp-realtime-command-item:focus-visible {
@media (max-width: 900px) {
.vp-evidence-grid,
.vp-action-grid,
.vp-map-ops-board,
.vp-map-ops-readiness,
.vp-map-ops-work,
.vp-current-service-board,
.vp-current-service-grid,
.vp-realtime-command-board,