diff --git a/src/pages_function/pages/materialInbound/materialConfirm.vue b/src/pages_function/pages/materialInbound/materialConfirm.vue index 300ef48..9c4ed65 100644 --- a/src/pages_function/pages/materialInbound/materialConfirm.vue +++ b/src/pages_function/pages/materialInbound/materialConfirm.vue @@ -387,10 +387,12 @@ onHide(() => { .qty-input-card { background: #fff; border-radius: 16rpx; padding: 24rpx; margin: 0 24rpx; box-shadow: 0 4rpx 16rpx rgba(15, 23, 42, 0.04); + min-height: 0 !important; + height: auto !important; } .form-field { display: flex; flex-direction: column; gap: 12rpx; } .form-label { font-size: 26rpx; color: #4b5563; font-weight: 500; } -.form-input { width: 100%; height: 88rpx; padding: 0 24rpx; font-size: 28rpx; color: #374151; background: #f8fafc; border-radius: 14rpx; box-sizing: border-box; } +.form-input { width: 100%; min-height: 88rpx !important; height: 88rpx !important; padding: 0 24rpx; font-size: 28rpx; color: #374151; background: #f8fafc; border-radius: 14rpx; box-sizing: border-box; } .form-suffix-text { display: block; margin-top: 10rpx; font-size: 24rpx; color: #9ca3af; } .convert-row { margin-top: 20rpx; padding-top: 20rpx; border-top: 1rpx solid #f0f0f0; display: flex; align-items: center; } @@ -403,6 +405,8 @@ onHide(() => { position: relative; display: flex; align-items: center; justify-content: space-between; background: #fff; border-radius: 16rpx; padding: 24rpx; margin: 0 24rpx 20rpx; box-shadow: 0 4rpx 16rpx rgba(15, 23, 42, 0.04); + min-height: 0 !important; + height: auto !important; } .full-dropdown { display: flex; align-items: center; justify-content: space-between; width: 100%; font-size: 28rpx; color: #374151; @@ -415,7 +419,7 @@ onHide(() => { .warehouse-area-label { width: 80rpx; font-size: 26rpx; color: #6b7280; flex-shrink: 0; } .warehouse-area-dropdown { flex: 1; min-width: 0; position: relative; } -.dropdown-input { display: flex; align-items: center; height: 64rpx; padding: 0 20rpx; border: 1rpx solid #e0e0e0; border-radius: 10rpx; background: #f9fafb; } +.dropdown-input { display: flex; align-items: center; min-height: 64rpx !important; height: 64rpx !important; padding: 0 20rpx; border: 1rpx solid #e0e0e0; border-radius: 10rpx; background: #f9fafb; } .dropdown-value { flex: 1; font-size: 27rpx; color: #333; &.placeholder { color: #bbb; } } .dropdown-arrow { font-size: 20rpx; color: #999; flex-shrink: 0; } .dropdown-panel { position: absolute; top: 68rpx; left: 0; right: 0; z-index: 200; background: #fff; border: 1rpx solid #e0e0e0; border-radius: 12rpx; box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.1); overflow: hidden; } diff --git a/src/pages_function/pages/materialOutbound/materialConfirm.vue b/src/pages_function/pages/materialOutbound/materialConfirm.vue index 16f982f..298caa3 100644 --- a/src/pages_function/pages/materialOutbound/materialConfirm.vue +++ b/src/pages_function/pages/materialOutbound/materialConfirm.vue @@ -347,10 +347,10 @@ onHide(() => { showAreaDropdown.value = false }) .detail-label { font-size: 24rpx; color: #9ca3af; flex-shrink: 0; } .detail-value { font-size: 24rpx; color: #4b5563; } -.qty-input-card { background: #fff; border-radius: 16rpx; padding: 24rpx; margin: 0 24rpx; box-shadow: 0 4rpx 16rpx rgba(15,23,42,0.04); } +.qty-input-card { background: #fff; border-radius: 16rpx; padding: 24rpx; margin: 0 24rpx; box-shadow: 0 4rpx 16rpx rgba(15,23,42,0.04); min-height: 0 !important; height: auto !important; } .form-field { display: flex; flex-direction: column; gap: 12rpx; } .form-label { font-size: 26rpx; color: #4b5563; font-weight: 500; } -.form-input { width: 100%; height: 88rpx; padding: 0 24rpx; font-size: 28rpx; color: #374151; background: #f8fafc; border-radius: 14rpx; box-sizing: border-box; } +.form-input { width: 100%; min-height: 88rpx !important; height: 88rpx !important; padding: 0 24rpx; font-size: 28rpx; color: #374151; background: #f8fafc; border-radius: 14rpx; box-sizing: border-box; } .form-suffix-text { display: block; margin-top: 10rpx; font-size: 24rpx; color: #9ca3af; } .convert-row { margin-top: 20rpx; padding-top: 20rpx; border-top: 1rpx solid #f0f0f0; display: flex; align-items: center; } .convert-label-inline { font-size: 26rpx; color: #6b7280; } @@ -366,7 +366,7 @@ onHide(() => { showAreaDropdown.value = false }) .warning-text { flex: 1; display: flex; flex-direction: column; gap: 6rpx; } .warning-line { font-size: 24rpx; color: #991b1b; line-height: 1.6; display: block; } -.select-row-card { position: relative; display: flex; align-items: center; justify-content: space-between; background: #fff; border-radius: 16rpx; padding: 24rpx; margin: 0 24rpx 20rpx; box-shadow: 0 4rpx 16rpx rgba(15,23,42,0.04); } +.select-row-card { position: relative; display: flex; align-items: center; justify-content: space-between; background: #fff; border-radius: 16rpx; padding: 24rpx; margin: 0 24rpx 20rpx; box-shadow: 0 4rpx 16rpx rgba(15,23,42,0.04); min-height: 0 !important; height: auto !important; } .full-dropdown { display: flex; align-items: center; justify-content: space-between; width: 100%; font-size: 28rpx; color: #374151; .placeholder { color: #9ca3af; } } .warehouse-area-card { align-items: flex-start; } .warehouse-area-rows { width: 100%; display: flex; flex-direction: column; gap: 16rpx; } @@ -375,7 +375,7 @@ onHide(() => { showAreaDropdown.value = false }) .warehouse-area-dropdown { flex: 1; min-width: 0; position: relative; .dropdown-panel { position: absolute; top: 100%; left: 0; right: 0; z-index: 200; margin-top: 4rpx; background: #fff; border: 1rpx solid #e0e0e0; border-radius: 12rpx; box-shadow: 0 8rpx 30rpx rgba(0,0,0,0.15); overflow: hidden; } } -.dropdown-input { display: flex; align-items: center; height: 64rpx; padding: 0 20rpx; border: 1rpx solid #e0e0e0; border-radius: 10rpx; background: #f9fafb; } +.dropdown-input { display: flex; align-items: center; min-height: 64rpx !important; height: 64rpx !important; padding: 0 20rpx; border: 1rpx solid #e0e0e0; border-radius: 10rpx; background: #f9fafb; } .dropdown-value { flex: 1; font-size: 27rpx; color: #333; &.placeholder { color: #bbb; } } .dropdown-arrow { font-size: 20rpx; color: #999; flex-shrink: 0; } .dropdown-panel { position: absolute; top: 68rpx; left: 0; right: 0; z-index: 200; background: #fff; border: 1rpx solid #e0e0e0; border-radius: 12rpx; box-shadow: 0 8rpx 30rpx rgba(0,0,0,0.1); overflow: hidden; }