From 630395226e3f38835307781afa39dc3c6ebb155c Mon Sep 17 00:00:00 2001 From: wangyu <823267011@qq.com> Date: Mon, 29 Jun 2026 14:49:29 +0800 Subject: [PATCH] =?UTF-8?q?style(entry):=20=E5=B7=A5=E4=BD=8D=E5=8D=A1?= =?UTF-8?q?=E7=89=87=E7=B4=A7=E5=87=91=E5=8C=96=EF=BC=8C=E5=B1=9E=E6=80=A7?= =?UTF-8?q?=E5=B7=A6=E6=A0=87=E7=AD=BE=E5=8F=B3=E5=80=BC=EF=BC=8C=E7=A9=BA?= =?UTF-8?q?=E5=B7=A5=E4=BD=8D=E6=94=B6=E8=B5=B7=E5=8D=A0=E4=BD=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 取消固定 200px 高，空工位仅显示「空闲」占位，去掉大片留白 - 属性改为左对齐标签 + 右对齐数值（不再居中聚拢） - 行距/内边距收紧 Co-Authored-By: Claude Opus 4.8 --- frontend/src/views/EntryTracking.vue | 52 +++++++++++++++------------- 1 file changed, 27 insertions(+), 25 deletions(-) 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; } }