diff --git a/src/views/qingAn.vue b/src/views/qingAn.vue index 1392eb9..32db144 100644 --- a/src/views/qingAn.vue +++ b/src/views/qingAn.vue @@ -133,7 +133,6 @@
设备 - 产量 联动信号 状态
@@ -147,7 +146,6 @@ :class="{ 'equipment-row--alarm': item.type === 'alarm' }" > {{ item.name }} - {{ item.actual }}
{{ tag.text }} @@ -2428,7 +2426,7 @@ body, .equipment-head, .equipment-row { display: grid; - grid-template-columns: 68px 56px minmax(104px, 1fr) 50px; + grid-template-columns: 112px minmax(128px, 1fr) 50px; align-items: center; gap: 8px; } @@ -2510,9 +2508,9 @@ body, .assist-head, .assist-status-row { display: grid; - grid-template-columns: 118px minmax(108px, 1fr) 50px; + grid-template-columns: 86px minmax(0, 1fr) 52px; align-items: center; - gap: 8px; + gap: 6px; } .assist-head { @@ -2539,7 +2537,7 @@ body, .assist-status-row { position: relative; min-height: 0; - padding: 0 8px; + padding: 0 6px; border: 1px solid rgba(114, 206, 255, 0.18); background: linear-gradient(180deg, rgba(20, 42, 62, 0.58), rgba(4, 14, 27, 0.72)), @@ -2559,16 +2557,30 @@ body, } .assist-tags { - display: flex; - flex-wrap: wrap; - gap: 6px; + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 4px; min-width: 0; overflow: hidden; } +.assist-tags .status-pill { + min-width: 0; + width: 100%; + padding-left: 3px; + padding-right: 3px; + font-size: 10px; + line-height: 1; + overflow: hidden; + text-overflow: ellipsis; +} + .assist-status { justify-self: end; - min-width: 40px; + min-width: 0; + width: 100%; + padding-left: 4px; + padding-right: 4px; } .storage-groups {