.container.data-v-a0d40400 { min-height: 100vh; background-color: #f5f5f5; } .content.data-v-a0d40400 { padding: 30rpx; padding-bottom: 150rpx; } .form-card.data-v-a0d40400 { background-color: #fff; border-radius: 20rpx; padding: 30rpx; margin-bottom: 0; height: calc(100vh - 240rpx); overflow-y: auto; } .form-item.data-v-a0d40400 { margin-bottom: 30rpx; } /* 表单行布局 */ .form-row.data-v-a0d40400 { display: flex; gap: 20rpx; margin-bottom: 30rpx; } .form-item-half.data-v-a0d40400 { flex: 1; min-width: 0; } .form-item-half .label.data-v-a0d40400 { display: block; font-size: 28rpx; color: #333; margin-bottom: 15rpx; font-weight: 500; } /* 订单编号小号按钮 */ .refresh-btn-mini.data-v-a0d40400 { height: 60rpx; line-height: 60rpx; font-size: 24rpx; background-color: #3c9cff; color: #fff; border: none; padding: 0 20rpx; } .order-sn-wrapper.data-v-a0d40400 { display: flex; align-items: center; gap: 15rpx; } .order-sn-value.data-v-a0d40400 { flex: 1; height: 70rpx; line-height: 70rpx; border: 1rpx solid #e5e5e5; border-radius: 10rpx; padding: 0 15rpx; font-size: 22rpx; color: #666; background-color: #f5f5f5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .scan-input-wrapper.data-v-a0d40400 { display: flex; align-items: center; gap: 15rpx; } .scan-input-wrapper .input.data-v-a0d40400 { flex: 1; height: 70rpx; } .scan-btn.data-v-a0d40400 { height: 60rpx; line-height: 60rpx; font-size: 24rpx; background-color: #3c9cff; color: #fff; border: none; padding: 0 20rpx; white-space: nowrap; } .label.data-v-a0d40400 { display: block; font-size: 28rpx; color: #333; margin-bottom: 15rpx; font-weight: 500; } .input.data-v-a0d40400 { width: 100%; height: 80rpx; border: 1rpx solid #e5e5e5; border-radius: 10rpx; padding: 0 20rpx; font-size: 28rpx; box-sizing: border-box; } /* 固定在底部的提交按钮 */ .submit-btn-wrapper.data-v-a0d40400 { position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; padding: 20rpx 30rpx; box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1); z-index: 100; } .submit-btn.data-v-a0d40400 { width: 100%; height: 90rpx; line-height: 90rpx; background-color: #3c9cff; color: #fff; font-size: 32rpx; border: none; border-radius: 10rpx; } .submit-btn.data-v-a0d40400:active { opacity: 0.8; } /* 选择书籍按钮 */ .select-books-btn.data-v-a0d40400 { width: 100%; height: 90rpx; line-height: 90rpx; background-color: #fff; border: 2rpx dashed #3c9cff; color: #3c9cff; font-size: 30rpx; border-radius: 10rpx; display: flex; align-items: center; justify-content: center; gap: 10rpx; margin-top: 10rpx; } .select-books-btn .btn-icon.data-v-a0d40400 { font-size: 36rpx; } .select-books-btn.data-v-a0d40400:active { background-color: #f0f7ff; } /* 已选书籍卡片(简化版) */ .selected-books-card.data-v-a0d40400 { background-color: #fff; border-radius: 16rpx; padding: 25rpx; margin-bottom: 30rpx; box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08); } .selected-books-header.data-v-a0d40400 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20rpx; padding-bottom: 15rpx; border-bottom: 1rpx solid #f0f0f0; } .selected-books-title.data-v-a0d40400 { font-size: 30rpx; font-weight: bold; color: #333; } .header-actions.data-v-a0d40400 { display: flex; gap: 15rpx; align-items: center; } .change-book-btn.data-v-a0d40400 { font-size: 24rpx; color: #3c9cff; padding: 8rpx 16rpx; background-color: #f0f7ff; border-radius: 20rpx; } .clear-books-btn.data-v-a0d40400 { font-size: 24rpx; color: #ff5722; padding: 8rpx 16rpx; background-color: #fff3e0; border-radius: 20rpx; } .selected-books-list.data-v-a0d40400 { max-height: 400rpx; } .selected-book-item.data-v-a0d40400 { display: flex; justify-content: space-between; align-items: center; padding: 15rpx; background-color: #f9f9f9; border-radius: 10rpx; margin-bottom: 12rpx; transition: all 0.2s; } .selected-book-item.data-v-a0d40400:last-child { margin-bottom: 0; } .book-item-left.data-v-a0d40400 { display: flex; align-items: center; flex: 1; min-width: 0; } .book-thumb.data-v-a0d40400 { width: 80rpx; height: 110rpx; border-radius: 6rpx; background-color: #e5e5e5; margin-right: 15rpx; flex-shrink: 0; } .book-info-compact.data-v-a0d40400 { flex: 1; display: flex; flex-direction: column; gap: 6rpx; min-width: 0; } .book-name-compact.data-v-a0d40400 { font-size: 26rpx; font-weight: 500; color: #333; line-height: 36rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .book-isbn.data-v-a0d40400 { font-size: 22rpx; color: #999; } .book-price-compact.data-v-a0d40400 { font-size: 24rpx; font-weight: bold; color: #ff5722; margin-top: 4rpx; } .book-item-right.data-v-a0d40400 { display: flex; flex-direction: column; align-items: flex-end; gap: 8rpx; flex-shrink: 0; margin-left: 15rpx; min-width: 140rpx; } /* 迷你库存控制器 */ .inventory-control-mini.data-v-a0d40400 { display: flex; align-items: center; gap: 8rpx; background-color: #f5f5f5; border-radius: 8rpx; padding: 4rpx; } .inventory-control-mini.disabled-control.data-v-a0d40400 { opacity: 0.5; } .mini-btn.data-v-a0d40400 { width: 44rpx; height: 44rpx; background-color: #fff; border: 1rpx solid #e0e0e0; border-radius: 6rpx; display: flex; align-items: center; justify-content: center; font-size: 28rpx; color: #3c9cff; padding: 0; line-height: 1; flex-shrink: 0; transition: all 0.2s; } .mini-btn.data-v-a0d40400:active { background-color: #3c9cff; color: #fff; -webkit-transform: scale(0.95); transform: scale(0.95); } .mini-btn.disabled.data-v-a0d40400 { opacity: 0.3; background-color: #f5f5f5; } .mini-input.data-v-a0d40400:disabled { opacity: 0.5; background-color: #e5e5e5; } .mini-input.data-v-a0d40400 { width: 70rpx; height: 44rpx; text-align: center; font-size: 24rpx; font-weight: bold; color: #333; background-color: #fff; border: 1rpx solid #e0e0e0; border-radius: 6rpx; padding: 0; flex-shrink: 0; } .stock-info-row.data-v-a0d40400 { display: flex; align-items: center; gap: 8rpx; font-size: 20rpx; } .original-stock.data-v-a0d40400 { color: #999; } .new-stock.data-v-a0d40400 { color: #999; } .new-stock.stock-changed.data-v-a0d40400 { color: #ff5722; font-weight: 500; } .stock-change.data-v-a0d40400 { color: #999; background-color: #f5f5f5; padding: 2rpx 8rpx; border-radius: 4rpx; } .stock-change.changed.data-v-a0d40400 { color: #fff; background-color: #3c9cff; font-weight: 500; } /* 书籍选择模态框 */ .book-modal-mask.data-v-a0d40400 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 30rpx; } .book-modal.data-v-a0d40400 { width: 100%; max-width: 660rpx; background-color: #fff; border-radius: 20rpx; overflow: hidden; display: flex; flex-direction: column; max-height: 80vh; } .book-modal-header.data-v-a0d40400 { display: flex; justify-content: space-between; align-items: center; padding: 30rpx; border-bottom: 1rpx solid #e5e5e5; background-color: #fff; flex-shrink: 0; } .book-modal-title.data-v-a0d40400 { font-size: 32rpx; font-weight: bold; color: #333; } .close-modal-btn.data-v-a0d40400 { font-size: 40rpx; color: #999; padding: 0 10rpx; line-height: 1; } .book-modal-content.data-v-a0d40400 { flex: 1; overflow-y: auto; padding: 20rpx 30rpx; background-color: #f9f9f9; width: 100%; box-sizing: border-box; } .book-list.data-v-a0d40400 { display: flex; flex-direction: column; gap: 20rpx; width: 100%; box-sizing: border-box; } .book-item.data-v-a0d40400 { display: flex; padding: 20rpx; padding-right: 80rpx; background-color: #fff; border-radius: 12rpx; border: 2rpx solid transparent; transition: all 0.3s; position: relative; box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05); width: 100%; box-sizing: border-box; overflow: hidden; } .book-item.selected-book.data-v-a0d40400 { border-color: #3c9cff; background-color: #f0f7ff; box-shadow: 0 4rpx 12rpx rgba(60, 156, 255, 0.2); } .book-image-wrapper.data-v-a0d40400 { width: 140rpx; height: 200rpx; margin-right: 20rpx; position: relative; flex-shrink: 0; flex-grow: 0; } .book-image.data-v-a0d40400 { width: 100%; height: 100%; border-radius: 8rpx; background-color: #e5e5e5; } .stock-badge.data-v-a0d40400 { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); color: #fff; font-size: 20rpx; text-align: center; padding: 6rpx 0; border-bottom-left-radius: 8rpx; border-bottom-right-radius: 8rpx; } .stock-badge.in-stock.data-v-a0d40400 { background-color: rgba(76, 175, 80, 0.9); } .book-info.data-v-a0d40400 { flex: 1; display: flex; flex-direction: column; gap: 6rpx; min-width: 0; overflow: hidden; flex-shrink: 1; } .book-name.data-v-a0d40400 { font-size: 26rpx; font-weight: bold; color: #333; line-height: 36rpx; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .book-detail-item.data-v-a0d40400 { display: flex; align-items: center; font-size: 22rpx; line-height: 30rpx; } .detail-label.data-v-a0d40400 { color: #999; margin-right: 6rpx; flex-shrink: 0; } .detail-value.data-v-a0d40400 { color: #666; flex: 1; word-break: break-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } .condition-tag.data-v-a0d40400 { display: inline-block; padding: 2rpx 10rpx; background-color: #fff3cd; color: #856404; border-radius: 4rpx; font-size: 20rpx; } .price-text.data-v-a0d40400 { color: #ff5722; font-weight: bold; font-size: 26rpx; } .art-no.data-v-a0d40400 { font-family: monospace; font-size: 18rpx; color: #999; } .book-action.data-v-a0d40400 { position: absolute; top: 20rpx; right: 20rpx; flex-shrink: 0; width: 45rpx; height: 45rpx; } .select-indicator.data-v-a0d40400 { width: 45rpx; height: 45rpx; background-color: #3c9cff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 28rpx; font-weight: bold; } /* 加载更多按钮 */ .load-more-container.data-v-a0d40400 { padding: 20rpx 0; display: flex; justify-content: center; } .load-more-btn.data-v-a0d40400 { width: 100%; height: 70rpx; line-height: 70rpx; background-color: #fff; border: 2rpx solid #3c9cff; color: #3c9cff; font-size: 28rpx; border-radius: 10rpx; text-align: center; } .load-more-btn.data-v-a0d40400:active { background-color: #3c9cff; color: #fff; } /* 没有更多提示 */ .no-more-tip.data-v-a0d40400 { padding: 20rpx 0; text-align: center; } .no-more-text.data-v-a0d40400 { font-size: 24rpx; color: #999; } .book-modal-footer.data-v-a0d40400 { display: flex; gap: 20rpx; padding: 20rpx 30rpx; border-top: 1rpx solid #e5e5e5; background-color: #fff; flex-shrink: 0; } .modal-btn.data-v-a0d40400 { flex: 1; height: 80rpx; line-height: 80rpx; border-radius: 10rpx; font-size: 28rpx; border: none; } .cancel-btn.data-v-a0d40400 { background-color: #f5f5f5; color: #666; } .confirm-btn.data-v-a0d40400 { background-color: #3c9cff; color: #fff; } /* 空状态 */ .empty-state.data-v-a0d40400 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 100rpx 0; background-color: #fff; border-radius: 20rpx; margin-top: 30rpx; } .empty-icon.data-v-a0d40400 { font-size: 80rpx; margin-bottom: 20rpx; } .empty-text.data-v-a0d40400 { font-size: 28rpx; color: #999; } /* 地址输入框 */ .address-input-wrapper.data-v-a0d40400 { position: relative; display: flex; align-items: center; } .address-arrow.data-v-a0d40400 { position: absolute; right: 20rpx; font-size: 40rpx; color: #999; font-weight: bold; line-height: 80rpx; pointer-events: none; } /* 地址输入弹窗 */ .address-modal-mask.data-v-a0d40400 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1001; display: flex; align-items: center; justify-content: center; padding: 30rpx; } .address-modal.data-v-a0d40400 { width: 100%; max-width: 600rpx; background-color: #fff; border-radius: 20rpx; overflow: hidden; display: flex; flex-direction: column; } .address-modal-header.data-v-a0d40400 { display: flex; justify-content: space-between; align-items: center; padding: 30rpx; border-bottom: 1rpx solid #e5e5e5; background-color: #fff; flex-shrink: 0; } .address-modal-title.data-v-a0d40400 { font-size: 32rpx; font-weight: bold; color: #333; } .address-modal-content.data-v-a0d40400 { padding: 30rpx; background-color: #fff; } .address-form-item.data-v-a0d40400 { margin-bottom: 25rpx; } .address-form-item.data-v-a0d40400:last-child { margin-bottom: 0; } .modal-label.data-v-a0d40400 { display: block; font-size: 28rpx; color: #333; margin-bottom: 15rpx; font-weight: 500; } .modal-input.data-v-a0d40400 { width: 100%; height: 80rpx; border: 1rpx solid #e5e5e5; border-radius: 10rpx; padding: 0 20rpx; font-size: 28rpx; box-sizing: border-box; background-color: #f9f9f9; } .address-modal-footer.data-v-a0d40400 { display: flex; gap: 20rpx; padding: 20rpx 30rpx; border-top: 1rpx solid #e5e5e5; background-color: #fff; flex-shrink: 0; }