diff --git a/src/pages_function/pages/productInbound/productConfirm.vue b/src/pages_function/pages/productInbound/productConfirm.vue index 51bb2be..95c65fa 100644 --- a/src/pages_function/pages/productInbound/productConfirm.vue +++ b/src/pages_function/pages/productInbound/productConfirm.vue @@ -33,16 +33,21 @@ {{ t('productInbound.product') }}* - + + + + + + {{ t('productInbound.selectProductTitle') }} @@ -52,16 +57,21 @@ {{ t('productInbound.product') }}* - + + + + + + {{ t('productInbound.selectProductTitle') }} @@ -112,16 +122,21 @@ {{ t('productInbound.selectedPalletCount', { count: selectedPallets.length }) }} - + + + + + + {{ t('productInbound.selectPalletTitle') }} @@ -784,7 +799,9 @@ onShow(async () => { .select-placeholder { font-size: 28rpx; color: #9ca3af; } .select-subtext { font-size: 24rpx; color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .task-product-search-row { display: flex; align-items: center; gap: 16rpx; } -.task-product-scan-input { flex: 1; min-width: 0; height: 70rpx; padding: 0 22rpx; background: #f8fafc; border: 1rpx solid #e5e7eb; border-radius: 14rpx; box-sizing: border-box; font-size: 28rpx; color: #1f2937; } +.scan-input-wrap { position: relative; flex: 1; min-width: 0; } +.task-product-scan-input { width: 100%; height: 70rpx; padding: 0 64rpx 0 22rpx; background: #f8fafc; border: 1rpx solid #e5e7eb; border-radius: 14rpx; box-sizing: border-box; font-size: 28rpx; color: #1f2937; } +.scan-input-icon { position: absolute; right: 20rpx; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; } .task-product-select-field { flex-shrink: 0; width: 160rpx; min-height: 70rpx; padding: 0 18rpx; background: #1f4b79; border-radius: 14rpx; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } .task-product-select-text { flex: 1; min-width: 0; font-size: 26rpx; font-weight: 600; color: #ffffff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .info-panel { margin-top: 22rpx; padding: 20rpx; background: #f8fafc; border: 1rpx solid #e8eef6; border-radius: 16rpx; }