diff --git a/frontend/src/views/EntryTracking.vue b/frontend/src/views/EntryTracking.vue index 29b42e8..a61d95e 100644 --- a/frontend/src/views/EntryTracking.vue +++ b/frontend/src/views/EntryTracking.vue @@ -61,21 +61,22 @@ :class="['pos-cell', { filled: !!occupantOf(pos) }]" >
{{ pos }}
- - - - - - - - - - - -
冷卷号{{ occ(pos,'cold_coil_no') }}
热卷号{{ occ(pos,'hot_coil_no') }}
钢种{{ occ(pos,'steel_grade') }}
来料厚[mm]{{ occNum(pos,'incoming_thickness',2) }}
成品厚[mm]{{ occNum(pos,'product_thickness',2) }}
成品宽[mm]{{ occNum(pos,'product_width',0) }}
来料重[t]{{ occNum(pos,'incoming_weight',3) }}
轧制模式{{ occ(pos,'rolling_mode') }}
-
- 移动 -
+ +
空闲
@@ -253,24 +254,25 @@ export default { .saddle-empty { text-align: center; padding: 30px; color: $text-muted; font-size: 13px; } // ── 入口设备网格(恢复原布局,2 行)── -.entry-grid { padding: 10px; display: flex; flex-direction: column; gap: 8px; overflow-x: auto; } -.entry-row { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 8px; } +.entry-grid { padding: 8px; display: flex; flex-direction: column; gap: 6px; overflow-x: auto; } +.entry-row { display: grid; grid-template-columns: repeat(4, minmax(140px, 1fr)); gap: 6px; } .pos-cell { - background: $bg-panel; border: 1px solid $border; border-radius: 4px; padding: 4px 6px 6px; min-height: 200px; + background: $bg-panel; border: 1px solid $border; border-radius: 4px; padding: 4px 8px 5px; display: flex; flex-direction: column; &.filled { border-color: $sms-teal; background: rgba($sms-teal, .04); } } .pos-title { - text-align: center; font-size: 11.5px; font-weight: 700; color: $text-primary; - padding: 3px 0 5px; border-bottom: 1px dashed $border; margin-bottom: 4px; letter-spacing: .3px; + text-align: center; font-size: 11px; font-weight: 700; color: $text-primary; + padding: 2px 0 4px; border-bottom: 1px dashed $border; margin-bottom: 3px; letter-spacing: .3px; } .pos-table { - width: 100%; border-collapse: collapse; font-size: 10.5px; line-height: 1.5; flex: 1; - td { padding: 1px 2px; vertical-align: top; white-space: nowrap; } - td.k { color: $text-muted; text-align: right; width: 52%; font-size: 10px; } - td.v { color: $sms-teal; text-align: right; font-family: $font-mono; font-weight: 600; } + width: 100%; border-collapse: collapse; font-size: 10.5px; line-height: 1.35; + td { padding: 0 0 1px; vertical-align: baseline; white-space: nowrap; } + td.k { color: $text-muted; text-align: left; font-size: 10px; padding-right: 6px; } + td.v { color: $sms-teal; text-align: right; font-family: $font-mono; font-weight: 600; width: 100%; } } -.pos-act { text-align: center; padding-top: 4px; border-top: 1px dashed $border; } +.pos-act { text-align: right; padding-top: 3px; margin-top: 2px; border-top: 1px dashed $border; } +.pos-empty { flex: 1; min-height: 56px; display: flex; align-items: center; justify-content: center; color: $text-muted; font-size: 11px; } .action-link { color: $accent-green; cursor: pointer; font-size: 12px; &:hover { text-decoration: underline; } }