diff --git a/inventory-web/src/views/outbound/create.vue b/inventory-web/src/views/outbound/create.vue index 4415c87..1509ccc 100644 --- a/inventory-web/src/views/outbound/create.vue +++ b/inventory-web/src/views/outbound/create.vue @@ -56,17 +56,19 @@ - + + - + - - - @@ -973,13 +973,27 @@ onUnmounted(() => { .planned-title { font-weight: bold; font-size: 14px; color: #67C23A; } /* ★ 备选库位:库位旁的图标与浮层 */ -.alt-icon { - margin-left: 4px; - color: #409EFF; +/* ★ 库位格子整体可点击:工人不必精准点小图标,点单元格任意位置即可 */ +.loc-cell { + display: inline-flex; + align-items: center; + gap: 6px; + padding: 2px 6px; + border-radius: 4px; cursor: pointer; - vertical-align: middle; + transition: background-color 0.2s; } -.alt-icon:hover { color: #66b1ff; } +.loc-cell:hover { background-color: #ecf5ff; } +.loc-cell .loc-text { color: #409EFF; } + +/* 图标放大到 18px,并加圆形底衬,在触屏上更易命中 */ +.alt-icon { + font-size: 18px; + color: #409EFF; + vertical-align: middle; + flex-shrink: 0; +} +.loc-cell:hover .alt-icon { color: #66b1ff; } .alt-panel { font-size: 13px; } .alt-title {