.container.data-v-34671314 { padding: 20rpx; padding-bottom: 140rpx; background-color: #f5f5f5; min-height: 100vh; position: relative; } /* 弹窗样式 */ .filter-mask.data-v-34671314 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 999; display: flex; align-items: flex-end; -webkit-animation: fadeIn-data-v-34671314 0.3s ease; animation: fadeIn-data-v-34671314 0.3s ease; } @-webkit-keyframes fadeIn-data-v-34671314 { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn-data-v-34671314 { from { opacity: 0; } to { opacity: 1; } } .filter-popup-wrapper.data-v-34671314 { width: 100%; height: 75vh; display: flex; flex-direction: column; -webkit-animation: slideUp-data-v-34671314 0.3s ease; animation: slideUp-data-v-34671314 0.3s ease; } @-webkit-keyframes slideUp-data-v-34671314 { from { -webkit-transform: translateY(100%); transform: translateY(100%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideUp-data-v-34671314 { from { -webkit-transform: translateY(100%); transform: translateY(100%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .filter-popup.data-v-34671314 { background-color: #fff; border-radius: 20rpx 20rpx 0 0; display: flex; flex-direction: column; height: 100%; overflow: hidden; } .popup-header.data-v-34671314 { display: flex; justify-content: space-between; align-items: center; padding: 30rpx; border-bottom: 1rpx solid #f0f0f0; flex-shrink: 0; } .popup-title.data-v-34671314 { font-size: 32rpx; font-weight: bold; color: #333; } .popup-actions.data-v-34671314 { display: flex; align-items: center; gap: 30rpx; } .reset-text.data-v-34671314 { font-size: 28rpx; color: #2b9939; } .close-text.data-v-34671314 { font-size: 36rpx; color: #999; width: 40rpx; height: 40rpx; display: flex; align-items: center; justify-content: center; } .filter-scroll.data-v-34671314 { flex: 1; min-height: 0; } .filter-content.data-v-34671314 { padding: 30rpx; } .form-item.data-v-34671314 { margin-bottom: 30rpx; } .form-item.data-v-34671314:last-child { margin-bottom: 0; } .label.data-v-34671314 { font-size: 28rpx; color: #333; margin-bottom: 16rpx; font-weight: 500; } .input.data-v-34671314 { width: 100%; height: 80rpx; border: 1rpx solid #e0e0e0; border-radius: 8rpx; padding: 0 20rpx; font-size: 28rpx; box-sizing: border-box; } .picker-input.data-v-34671314 { display: flex; justify-content: space-between; align-items: center; height: 80rpx; border: 1rpx solid #e0e0e0; border-radius: 8rpx; padding: 0 20rpx; font-size: 28rpx; } .placeholder.data-v-34671314 { color: #999; } .popup-footer.data-v-34671314 { padding: 0; border-top: 1rpx solid #f0f0f0; flex-shrink: 0; background-color: #fff; } .footer-buttons.data-v-34671314 { padding: 20rpx 30rpx; padding-bottom: calc(20rpx + env(safe-area-inset-bottom)); display: flex; gap: 20rpx; } .cancel-btn.data-v-34671314 { flex: 1; height: 80rpx; line-height: 80rpx; background: #f5f5f5; color: #666; border: none; border-radius: 40rpx; font-size: 30rpx; font-weight: 500; } .confirm-btn.data-v-34671314 { flex: 1; height: 80rpx; line-height: 80rpx; background: linear-gradient(135deg, #6c757d 0%, #495057 100%); color: #fff; border: none; border-radius: 40rpx; font-size: 30rpx; font-weight: bold; } /* 统计信息 */ .statistics.data-v-34671314 { padding: 20rpx; display: flex; align-items: center; justify-content: space-between; gap: 20rpx; } .total-text.data-v-34671314 { font-size: 26rpx; color: #666; flex-shrink: 0; } .sort-options.data-v-34671314 { display: flex; gap: 10rpx; flex-shrink: 0; } .sort-option.data-v-34671314 { padding: 8rpx 16rpx; background: #f5f5f5; border-radius: 20rpx; transition: all 0.3s ease; } .sort-option.active.data-v-34671314 { background: linear-gradient(135deg, #2b9939 0%, #218838 100%); } .sort-option .sort-text.data-v-34671314 { font-size: 24rpx; color: #666; font-weight: 500; } .sort-option.active .sort-text.data-v-34671314 { color: #fff; font-weight: bold; } .order-list.data-v-34671314 { margin-bottom: 20rpx; } .order-item.data-v-34671314 { background-color: #fff; border-radius: 16rpx; margin-bottom: 20rpx; overflow: hidden; box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08); } .order-content.data-v-34671314 { display: flex; padding: 20rpx; } .order-left.data-v-34671314 { margin-right: 20rpx; flex-shrink: 0; position: relative; } .time-tag.data-v-34671314 { position: absolute; top: -8rpx; left: -8rpx; color: #fff; padding: 4rpx 12rpx; border-radius: 12rpx; font-size: 20rpx; font-weight: bold; z-index: 1; box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.2); } .time-tag-24h.data-v-34671314 { background: linear-gradient(135deg, #ff1744 0%, #d50000 100%); box-shadow: 0 2rpx 8rpx rgba(255, 23, 68, 0.5); } .time-tag-48h.data-v-34671314 { background: linear-gradient(135deg, #ff6b6b 0%, #ff5252 100%); box-shadow: 0 2rpx 8rpx rgba(255, 107, 107, 0.4); } .time-tag-hidden.data-v-34671314 { display: none; } .time-tag-text.data-v-34671314 { font-size: 20rpx; line-height: 1; } .goods-thumb.data-v-34671314 { width: 160rpx; height: 160rpx; border-radius: 12rpx; background-color: #f5f5f5; border: 1rpx solid #e0e0e0; } .goods-thumb-placeholder.data-v-34671314 { width: 160rpx; height: 160rpx; border-radius: 12rpx; background-color: #f5f5f5; border: 1rpx solid #e0e0e0; display: flex; align-items: center; justify-content: center; } .placeholder-text.data-v-34671314 { font-size: 22rpx; color: #999; } .order-time-tag.data-v-34671314 { margin-top: 8rpx; text-align: center; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border-radius: 6rpx; padding: 4rpx 8rpx; } .order-time-text.data-v-34671314 { font-size: 20rpx; color: #666; font-weight: 500; } .order-right.data-v-34671314 { flex: 1; display: flex; flex-direction: column; justify-content: space-between; } .order-title.data-v-34671314 { font-size: 30rpx; font-weight: bold; color: #333; margin-bottom: 16rpx; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .order-info-row.data-v-34671314 { display: flex; margin-bottom: 10rpx; font-size: 26rpx; } .order-info-row.data-v-34671314:last-child { margin-bottom: 0; } .info-label.data-v-34671314 { min-width: 140rpx; color: #666; font-weight: 500; } .info-value.data-v-34671314 { flex: 1; color: #333; font-weight: 500; word-break: break-all; } .status-out.data-v-34671314 { color: #28a745; font-weight: bold; } .status-not-out.data-v-34671314 { color: #dc3545; font-weight: bold; } /* 订单状态样式 */ .status-pending-payment.data-v-34671314 { color: #ff9800; font-weight: bold; } .status-pending-ship.data-v-34671314 { color: #2196f3; font-weight: bold; } .status-shipped.data-v-34671314 { color: #9c27b0; font-weight: bold; } .status-completed.data-v-34671314 { color: #4caf50; font-weight: bold; } .status-refunded.data-v-34671314 { color: #f44336; font-weight: bold; } .status-closed.data-v-34671314 { color: #9e9e9e; font-weight: bold; } .status-after-sale.data-v-34671314 { color: #ff5722; font-weight: bold; } .empty-state.data-v-34671314 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 120rpx 0; } .empty-icon.data-v-34671314 { font-size: 120rpx; margin-bottom: 30rpx; opacity: 0.5; } .empty-text.data-v-34671314 { font-size: 28rpx; color: #999; } .loading-state.data-v-34671314 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 80rpx 0; } .loading-text.data-v-34671314 { font-size: 28rpx; color: #666; margin-top: 20rpx; } /* 批量操作样式 - 固定在底部 */ .batch-actions-fixed.data-v-34671314 { position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1); padding: 20rpx; padding-bottom: calc(20rpx + env(safe-area-inset-bottom)); z-index: 100; } .actions-row.data-v-34671314 { display: flex; gap: 15rpx; align-items: flex-start; } .filter-section.data-v-34671314 { flex: 0 0 auto; display: flex; flex-direction: column; gap: 10rpx; } .batch-section.data-v-34671314 { flex: 1; min-width: 0; } .filter-btn-bottom.data-v-34671314 { display: flex; align-items: center; justify-content: center; gap: 8rpx; background: linear-gradient(135deg, #6c757d 0%, #495057 100%); color: #fff; border: none; border-radius: 8rpx; padding: 24rpx 28rpx; font-size: 28rpx; font-weight: 500; box-shadow: 0 4rpx 12rpx rgba(108, 117, 125, 0.3); white-space: nowrap; } .filter-info.data-v-34671314 { display: flex; align-items: center; gap: 8rpx; background: linear-gradient(135deg, #e8f7ed 0%, #f0f9f1 100%); border-radius: 8rpx; padding: 12rpx 16rpx; border-left: 3rpx solid #2b9939; } .filter-info .filter-count.data-v-34671314 { background: #fff; color: #2b9939; font-size: 20rpx; font-weight: bold; padding: 4rpx 10rpx; border-radius: 12rpx; min-width: 32rpx; text-align: center; } .filter-info .filter-time.data-v-34671314 { font-size: 22rpx; color: #2b9939; font-weight: 500; } .batch-btn.data-v-34671314 { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8rpx; background: linear-gradient(135deg, #2b9939 0%, #218838 100%); color: #fff; border: none; border-radius: 8rpx; padding: 24rpx; font-size: 30rpx; font-weight: bold; box-shadow: 0 4rpx 12rpx rgba(43, 153, 57, 0.3); } .selection-mode.data-v-34671314 { display: flex; align-items: center; gap: 15rpx; } .selected-count.data-v-34671314 { flex: 1; font-size: 28rpx; color: #333; font-weight: 500; text-align: center; padding: 0 20rpx; } .cancel-btn-small.data-v-34671314 { flex: 1; height: 70rpx; line-height: 70rpx; background: #f5f5f5; color: #666; border: none; border-radius: 8rpx; font-size: 28rpx; font-weight: 500; } .confirm-btn-small.data-v-34671314 { flex: 1; height: 70rpx; line-height: 70rpx; background: linear-gradient(135deg, #2b9939 0%, #218838 100%); color: #fff; border: none; border-radius: 8rpx; font-size: 28rpx; font-weight: bold; box-shadow: 0 4rpx 12rpx rgba(43, 153, 57, 0.3); } .confirm-btn-small.disabled.data-v-34671314 { opacity: 0.5; background: #ccc; box-shadow: none; } /* 选择模式下的样式 */ .selection-mode-active.data-v-34671314 { position: relative; } .checkbox-wrapper.data-v-34671314 { display: flex; align-items: center; justify-content: center; margin-right: 15rpx; flex-shrink: 0; } .checkbox.data-v-34671314 { width: 40rpx; height: 40rpx; border: 2rpx solid #d0d0d0; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .checkbox.checked.data-v-34671314 { background: linear-gradient(135deg, #2b9939 0%, #218838 100%); border-color: #2b9939; } .order-item.selection-mode-active.data-v-34671314 { cursor: pointer; } .order-item.selection-mode-active.data-v-34671314:active { background-color: #f8f8f8; }