reimbursement-detail.wxss
8.83 KB
.container.data-v-3e46e088{min-height:100vh;background:linear-gradient(135deg,#e8f5e9,#b2dfdb);padding:40rpx;box-sizing:border-box}.detail-card.data-v-3e46e088{background:#fff;border-radius:32rpx;box-shadow:0 8rpx 32rpx rgba(76,175,80,.1);overflow:hidden}.card-header.data-v-3e46e088{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-3e46e088{padding:40rpx}.loading.data-v-3e46e088{text-align:center;padding:80rpx 40rpx;color:#6a9c6a;font-size:28rpx}.error-state.data-v-3e46e088{text-align:center;padding:80rpx 40rpx;color:#f56c6c;font-size:28rpx}.retry-btn.data-v-3e46e088{margin-top:32rpx}.info-sections.data-v-3e46e088{display:flex;flex-direction:column;gap:32rpx}.info-section.data-v-3e46e088{background:#f9fff9;border-radius:24rpx;padding:32rpx;border:2rpx solid #e8f5e9}.section-title.data-v-3e46e088{font-size:32rpx;font-weight:600;color:#2e7d32;margin-bottom:24rpx;padding-bottom:16rpx;border-bottom:2rpx solid #c8e6c9}.info-grid.data-v-3e46e088{display:grid;grid-template-columns:1fr 1fr;gap:24rpx}.info-item.data-v-3e46e088{display:flex;flex-direction:column;gap:8rpx}.info-label.data-v-3e46e088{font-size:24rpx;color:#6a9c6a;font-weight:500}.info-value.data-v-3e46e088{font-size:28rpx;color:#2e7d32;font-weight:500;word-break:break-all}.info-value.amount.data-v-3e46e088{color:#f57c00;font-weight:600;font-size:32rpx}.status-badge.data-v-3e46e088{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-3e46e088{background:#fff3e0;color:#ef6c00;border:2rpx solid #ffe0b2}.status-badge.pending.data-v-3e46e088{background:#e3f2fd;color:#1976d2;border:2rpx solid #bbdefb}.status-badge.approved.data-v-3e46e088{background:#e8f5e9;color:#2e7d32;border:2rpx solid #c8e6c9}.status-badge.rejected.data-v-3e46e088{background:#ffebee;color:#c62828;border:2rpx solid #ffcdd2}.purchase-records-list.data-v-3e46e088{display:flex;flex-direction:column;gap:16rpx}.purchase-record-item.data-v-3e46e088{background:#fff;border-radius:16rpx;padding:24rpx;border:2rpx solid #e0e0e0}.record-header.data-v-3e46e088{display:flex;justify-content:space-between;align-items:center;margin-bottom:16rpx;padding-bottom:16rpx;border-bottom:2rpx solid #f0f0f0}.record-category.data-v-3e46e088{font-size:28rpx;color:#2e7d32;font-weight:600}.record-amount.data-v-3e46e088{font-size:32rpx;color:#f57c00;font-weight:600}.record-details.data-v-3e46e088{display:flex;flex-wrap:wrap;gap:24rpx;margin-bottom:12rpx}.record-detail-item.data-v-3e46e088{display:flex;align-items:center;gap:8rpx}.record-label.data-v-3e46e088{font-size:24rpx;color:#6a9c6a}.record-value.data-v-3e46e088{font-size:26rpx;color:#2e7d32;font-weight:500}.record-memo.data-v-3e46e088{margin-top:12rpx;padding-top:12rpx;border-top:1rpx solid #f0f0f0;display:flex;gap:8rpx}.record-memo .record-value.data-v-3e46e088{flex:1;word-break:break-all}.record-attachment.data-v-3e46e088{margin-top:12rpx;padding-top:12rpx;border-top:1rpx solid #f0f0f0;display:flex;flex-direction:column;gap:8rpx}.attachment-list.data-v-3e46e088{display:flex;flex-direction:column;gap:8rpx;margin-top:8rpx}.attachment-count.data-v-3e46e088{display:flex;align-items:center;gap:8rpx;margin-bottom:16rpx}.file-icon.data-v-3e46e088{font-size:24rpx}.file-count.data-v-3e46e088{font-size:24rpx;color:#606266}.attachment-items.data-v-3e46e088{display:flex;flex-wrap:wrap;gap:16rpx;margin-top:16rpx}.attachment-item.data-v-3e46e088{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.attachment-item.data-v-3e46e088:active{opacity:.7;-webkit-transform:scale(.98);transform:scale(.98)}.attachment-image-wrapper.data-v-3e46e088{width:200rpx;height:200rpx;border-radius:12rpx;overflow:hidden;border:2rpx solid #e0e0e0;background:#f5f5f5}.attachment-image.data-v-3e46e088{width:100%;height:100%}.attachment-file-info.data-v-3e46e088{display:flex;align-items:center;gap:12rpx;padding:16rpx 24rpx;background:#f9fff9;border:2rpx solid #c8e6c9;border-radius:12rpx;min-width:200rpx}.attachment-file-info .file-icon.data-v-3e46e088{font-size:32rpx}.attachment-file-info .file-name.data-v-3e46e088{font-size:24rpx;color:#2e7d32;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approval-flow.data-v-3e46e088{display:flex;flex-direction:column;gap:24rpx}.flow-node.data-v-3e46e088{padding:24rpx;border:2rpx solid #e4e7ed;border-radius:16rpx;background:#fafafa;transition:all .3s}.flow-node.node-active.data-v-3e46e088{border-color:#409eff;background:#ecf5ff}.flow-node.node-completed.data-v-3e46e088{border-color:#67c23a;background:#f0f9ff}.flow-node.node-pending.data-v-3e46e088{border-color:#e4e7ed;background:#fafafa;opacity:.6}.node-header.data-v-3e46e088{display:flex;align-items:center;margin-bottom:24rpx}.node-order.data-v-3e46e088{width:64rpx;height:64rpx;line-height:64rpx;text-align:center;background:#409eff;color:#fff;border-radius:50%;font-weight:600;font-size:28rpx;margin-right:24rpx;flex-shrink:0}.node-info.data-v-3e46e088{flex:1}.node-name.data-v-3e46e088{font-size:32rpx;font-weight:600;color:#303133;margin-bottom:16rpx}.node-type.data-v-3e46e088{display:flex;gap:16rpx}.node-type-tag.data-v-3e46e088{display:inline-block;padding:4rpx 16rpx;border-radius:8rpx;font-size:22rpx;font-weight:500}.node-type-tag.type-success.data-v-3e46e088{background:#f0f9ff;color:#67c23a;border:2rpx solid #c8e6c9}.node-type-tag.type-warning.data-v-3e46e088{background:#fff3e0;color:#e6a23c;border:2rpx solid #ffe0b2}.node-type-tag.type-info.data-v-3e46e088{background:#e3f2fd;color:#909399;border:2rpx solid #bbdefb}.approvers-list.data-v-3e46e088{margin-bottom:24rpx;display:flex;align-items:flex-start;gap:16rpx}.approvers-label.data-v-3e46e088{min-width:160rpx;color:#606266;font-weight:500;font-size:26rpx}.approvers-items.data-v-3e46e088{flex:1;display:flex;flex-wrap:wrap;gap:12rpx}.approver-tag.data-v-3e46e088{display:inline-block;padding:8rpx 16rpx;background:#e8f5e9;border:2rpx solid #c8e6c9;border-radius:16rpx;font-size:24rpx;color:#2e7d32}.approval-records.data-v-3e46e088{margin-top:24rpx;padding-top:24rpx;border-top:2rpx solid #e4e7ed}.records-label.data-v-3e46e088{color:#606266;font-weight:500;font-size:26rpx;margin-bottom:16rpx;display:block}.records-list.data-v-3e46e088{display:flex;flex-direction:column;gap:16rpx}.record-item.data-v-3e46e088{padding:16rpx;background:#fff;border-radius:8rpx;border-left:6rpx solid #409eff}.record-header.data-v-3e46e088{display:flex;justify-content:space-between;align-items:center;margin-bottom:8rpx}.record-approver.data-v-3e46e088{font-weight:500;color:#303133;font-size:26rpx}.record-result-tag.data-v-3e46e088{display:inline-block;padding:4rpx 12rpx;border-radius:8rpx;font-size:22rpx;font-weight:500}.record-result-tag.result-success.data-v-3e46e088{background:#f0f9ff;color:#67c23a}.record-result-tag.result-danger.data-v-3e46e088{background:#ffebee;color:#f56c6c}.record-result-tag.result-warning.data-v-3e46e088{background:#fff3e0;color:#e6a23c}.record-result-tag.result-info.data-v-3e46e088{background:#e3f2fd;color:#909399}.record-opinion.data-v-3e46e088{color:#606266;font-size:24rpx;margin-bottom:8rpx;line-height:1.6}.record-time.data-v-3e46e088{color:#909399;font-size:22rpx}.current-approvers.data-v-3e46e088{padding:24rpx;background:#fff3cd;border-radius:16rpx;display:flex;flex-wrap:wrap;gap:16rpx}.current-approver-tag.data-v-3e46e088{display:inline-block;padding:12rpx 24rpx;background:#fff;border:2rpx solid #e6a23c;border-radius:16rpx;font-size:26rpx;color:#e6a23c;font-weight:500}.returned-reason.data-v-3e46e088{padding:24rpx;background:#fef0f0;border-radius:16rpx;color:#f56c6c;line-height:1.6;font-size:26rpx}.approval-form.data-v-3e46e088{display:flex;flex-direction:column;gap:32rpx}.form-item.data-v-3e46e088{display:flex;flex-direction:column;gap:16rpx}.form-label.data-v-3e46e088{font-size:28rpx;color:#2e7d32;font-weight:600}.radio-group.data-v-3e46e088{display:flex;gap:24rpx}.radio-item.data-v-3e46e088{flex:1;padding:20rpx;background:#f9fff9;border:3rpx solid #c8e6c9;border-radius:16rpx;text-align:center;font-size:26rpx;color:#2e7d32;transition:all .2s}.radio-item.active.data-v-3e46e088{background:linear-gradient(135deg,#43e97b,#38f9d7);border-color:#43e97b;color:#fff;font-weight:600}.form-textarea.data-v-3e46e088{width:100%;min-height:200rpx;padding:24rpx;background:#f9fff9;border:3rpx solid #c8e6c9;border-radius:16rpx;font-size:26rpx;color:#2e7d32;box-sizing:border-box}.form-actions.data-v-3e46e088{margin-top:16rpx}.approve-btn.data-v-3e46e088{width:100%;padding:10rpx 32rpx;background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border-radius:48rpx;font-size:32rpx;font-weight:600;border:none;box-shadow:0 8rpx 24rpx rgba(67,233,123,.3)}.approve-btn.data-v-3e46e088:active{-webkit-transform:scale(.98);transform:scale(.98);box-shadow:0 4rpx 12rpx rgba(67,233,123,.4)}.approve-btn.data-v-3e46e088:disabled{opacity:.5}