reimbursement-audit-detail.wxss 4.43 KB
.container.data-v-aeb66484{min-height:100vh;background:linear-gradient(135deg,#e8f5e9,#b2dfdb);padding:40rpx;padding-bottom:160rpx;box-sizing:border-box}.detail-card.data-v-aeb66484{background:#fff;border-radius:32rpx;box-shadow:0 8rpx 32rpx rgba(76,175,80,.1);overflow:hidden}.card-header.data-v-aeb66484{background:linear-gradient(120deg,#43e97b,#38f9d7);padding:32rpx 40rpx;color:#fff;font-size:36rpx;font-weight:600;letter-spacing:2rpx;text-align:center}.detail-content.data-v-aeb66484{padding:40rpx}.loading.data-v-aeb66484{text-align:center;padding:80rpx 40rpx;color:#6a9c6a;font-size:28rpx}.error-state.data-v-aeb66484{text-align:center;padding:80rpx 40rpx;color:#f56c6c;font-size:28rpx}.retry-btn.data-v-aeb66484{margin-top:32rpx}.info-sections.data-v-aeb66484{display:flex;flex-direction:column;gap:32rpx}.info-section.data-v-aeb66484{background:#f9fff9;border-radius:24rpx;padding:32rpx;border:2rpx solid #e8f5e9}.section-title.data-v-aeb66484{font-size:32rpx;font-weight:600;color:#2e7d32;margin-bottom:24rpx;padding-bottom:16rpx;border-bottom:2rpx solid #c8e6c9}.info-grid.data-v-aeb66484{display:grid;grid-template-columns:1fr 1fr;gap:24rpx}.info-item.data-v-aeb66484{display:flex;flex-direction:column;gap:8rpx}.info-label.data-v-aeb66484{font-size:24rpx;color:#6a9c6a;font-weight:500}.info-value.data-v-aeb66484{font-size:28rpx;color:#2e7d32;font-weight:500;word-break:break-all}.info-value.amount.data-v-aeb66484{color:#f57c00;font-weight:600;font-size:32rpx}.status-badge.data-v-aeb66484{display:inline-block;padding:8rpx 24rpx;border-radius:40rpx;font-size:24rpx;font-weight:500;text-align:center;width:-webkit-fit-content;width:fit-content}.status-badge.unapproved.data-v-aeb66484{background:#fff3e0;color:#ef6c00;border:2rpx solid #ffe0b2}.status-badge.pending.data-v-aeb66484{background:#e3f2fd;color:#1976d2;border:2rpx solid #bbdefb}.status-badge.approved.data-v-aeb66484{background:#e8f5e9;color:#2e7d32;border:2rpx solid #c8e6c9}.status-badge.rejected.data-v-aeb66484{background:#ffebee;color:#c62828;border:2rpx solid #ffcdd2}.purchase-records-list.data-v-aeb66484{display:flex;flex-direction:column;gap:16rpx}.purchase-record-item.data-v-aeb66484{background:#fff;border-radius:16rpx;padding:24rpx;border:2rpx solid #e0e0e0}.record-header.data-v-aeb66484{display:flex;justify-content:space-between;align-items:center;margin-bottom:16rpx;padding-bottom:16rpx;border-bottom:2rpx solid #f0f0f0}.record-category.data-v-aeb66484{font-size:28rpx;color:#2e7d32;font-weight:600}.record-amount.data-v-aeb66484{font-size:32rpx;color:#f57c00;font-weight:600}.record-details.data-v-aeb66484{display:flex;flex-wrap:wrap;gap:24rpx;margin-bottom:12rpx}.record-detail-item.data-v-aeb66484{display:flex;align-items:center;gap:8rpx}.record-label.data-v-aeb66484{font-size:24rpx;color:#6a9c6a}.record-value.data-v-aeb66484{font-size:26rpx;color:#2e7d32;font-weight:500}.record-memo.data-v-aeb66484{margin-top:12rpx;padding-top:12rpx;border-top:1rpx solid #f0f0f0;display:flex;gap:8rpx}.record-memo .record-value.data-v-aeb66484{flex:1;word-break:break-all}.record-attachment.data-v-aeb66484{margin-top:12rpx;padding-top:12rpx;border-top:1rpx solid #f0f0f0;display:flex;flex-direction:column;gap:8rpx}.attachment-list.data-v-aeb66484{display:flex;flex-direction:column;gap:8rpx;margin-top:8rpx}.attachment-item.data-v-aeb66484{display:flex;align-items:center;gap:8rpx;padding:8rpx 12rpx;background:#f5f5f5;border-radius:8rpx;cursor:pointer}.file-icon.data-v-aeb66484{font-size:24rpx}.file-name.data-v-aeb66484{font-size:24rpx;color:#409eff;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-bar.data-v-aeb66484{position:fixed;bottom:0;left:0;right:0;display:flex;gap:24rpx;padding:24rpx 40rpx;background:#fff;box-shadow:0 -4rpx 16rpx rgba(0,0,0,.1);z-index:100}.action-btn.data-v-aeb66484{flex:1;display:flex;align-items:center;justify-content:center;padding:24rpx;border-radius:24rpx;font-size:28rpx;font-weight:600;box-shadow:0 4rpx 12rpx rgba(0,0,0,.15);transition:all .2s ease}.action-btn.data-v-aeb66484:active{-webkit-transform:scale(.95);transform:scale(.95);box-shadow:0 2rpx 8rpx rgba(0,0,0,.2)}.reject-btn.data-v-aeb66484{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff}.reject-btn.data-v-aeb66484:active{background:linear-gradient(135deg,#e53935,#c62828)}.approve-btn.data-v-aeb66484{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff}.approve-btn.data-v-aeb66484:active{background:linear-gradient(135deg,#43a047,#388e3c)}.btn-text.data-v-aeb66484{letter-spacing:2rpx}