consume-detail.wxss
6.92 KB
.container.data-v-939841ee{min-height:100vh;background:linear-gradient(135deg,#e8f5e9,#b2dfdb);padding:40rpx;box-sizing:border-box}.header.data-v-939841ee{display:flex;align-items:center;justify-content:space-between;margin-bottom:40rpx}.back-btn.data-v-939841ee{background:#fff;border:none;border-radius:24rpx;padding:16rpx 24rpx;color:#388e3c;font-size:28rpx;box-shadow:0 4rpx 16rpx rgba(76,175,80,.15);transition:all .2s ease}.header-title.data-v-939841ee{text-align:center;color:#388e3c;font-size:36rpx;font-weight:700;letter-spacing:4rpx;flex:1}.detail-card.data-v-939841ee{background:#fff;border-radius:32rpx;box-shadow:0 8rpx 32rpx rgba(76,175,80,.1);overflow:hidden}.card-header.data-v-939841ee{background:linear-gradient(120deg,#43e97b,#38f9d7);padding:32rpx 40rpx;color:#fff;font-weight:600;letter-spacing:2rpx;font-size:32rpx}.detail-content.data-v-939841ee{padding:40rpx}.loading.data-v-939841ee{text-align:center;padding:80rpx 40rpx;color:#6a9c6a;font-size:28rpx}.error-state.data-v-939841ee{text-align:center;padding:80rpx 40rpx;color:#c62828}.retry-btn.data-v-939841ee{margin-top:24rpx;background:#43a047;color:#fff;border-radius:16rpx;padding:16rpx 32rpx;font-size:28rpx}.info-sections.data-v-939841ee{display:flex;flex-direction:column}.info-section.data-v-939841ee{margin-bottom:48rpx}.section-title.data-v-939841ee{font-size:32rpx;font-weight:600;color:#2e7d32;margin-bottom:32rpx;padding-bottom:16rpx;border-bottom:4rpx solid #e8f5e9}.info-grid.data-v-939841ee{display:grid;grid-template-columns:1fr 1fr;gap:32rpx}.info-item.data-v-939841ee{display:flex;flex-direction:column}.info-item.full-width.data-v-939841ee{grid-column:1/-1}.info-label.data-v-939841ee{font-size:24rpx;color:#6a9c6a;margin-bottom:8rpx;font-weight:500}.info-value.data-v-939841ee{font-size:28rpx;color:#2e7d32;font-weight:500;padding:16rpx 24rpx;background:#f8fff8;border-radius:16rpx;border:2rpx solid #e8f5e9}.info-value.amount.data-v-939841ee{color:#43a047;font-weight:600}.status-badge.data-v-939841ee{display:inline-block;padding:8rpx 24rpx;border-radius:40rpx;font-size:24rpx;font-weight:500;text-align:center}.status-badge.yes.data-v-939841ee{background:#e8f5e9;color:#2e7d32;border:2rpx solid #c8e6c9}.status-badge.no.data-v-939841ee{background:#ffebee;color:#c62828;border:2rpx solid #ffcdd2}.px-list.data-v-939841ee{display:flex;flex-direction:column;gap:24rpx}.px-item.data-v-939841ee{background:#f8fff8;border:2rpx solid #e8f5e9;border-radius:20rpx;padding:24rpx}.px-header.data-v-939841ee{display:flex;justify-content:space-between;align-items:center;margin-bottom:16rpx}.px-name.data-v-939841ee{font-size:28rpx;font-weight:600;color:#2e7d32}.px-type.data-v-939841ee{font-size:24rpx;color:#6a9c6a;background:#e8f5e9;padding:4rpx 12rpx;border-radius:12rpx}.px-details.data-v-939841ee{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16rpx;margin-bottom:16rpx}.px-detail-item.data-v-939841ee{display:flex;flex-direction:column;align-items:center}.px-label.data-v-939841ee{font-size:22rpx;color:#6a9c6a;margin-bottom:4rpx}.px-value.data-v-939841ee{font-size:26rpx;color:#2e7d32;font-weight:500}.px-value.amount.data-v-939841ee{color:#43a047;font-weight:600}.staff-section.data-v-939841ee{margin-top:16rpx;padding-top:16rpx;border-top:2rpx solid #e8f5e9}.staff-title.data-v-939841ee{font-size:24rpx;color:#6a9c6a;margin-bottom:12rpx;font-weight:500}.staff-list.data-v-939841ee{display:flex;flex-direction:column;gap:12rpx}.staff-item.data-v-939841ee{background:#fff;padding:16rpx;border-radius:12rpx;border:1rpx solid #e8f5e9}.staff-info.data-v-939841ee{display:flex;justify-content:space-between;align-items:center;margin-bottom:12rpx}.staff-name.data-v-939841ee{font-size:26rpx;color:#2e7d32;font-weight:500}.staff-amount.data-v-939841ee{font-size:26rpx;color:#43a047;font-weight:600}.staff-details.data-v-939841ee{display:flex;gap:24rpx}.staff-detail-item.data-v-939841ee{display:flex;flex-direction:column;align-items:center;flex:1}.staff-detail-label.data-v-939841ee{font-size:20rpx;color:#6a9c6a;margin-bottom:4rpx}.staff-detail-value.data-v-939841ee{font-size:24rpx;color:#2e7d32;font-weight:500}.file-section.data-v-939841ee{margin-bottom:24rpx}.file-list.data-v-939841ee{display:flex;flex-direction:column;gap:12rpx}.file-item.data-v-939841ee{display:flex;align-items:center;background:#f8fff8;padding:16rpx 20rpx;border-radius:12rpx;border:2rpx solid #e8f5e9}.action-buttons.data-v-939841ee{display:flex;gap:24rpx;margin-top:40rpx;padding-top:32rpx;border-top:2rpx solid #e8f5e9}.action-btn.data-v-939841ee{flex:1;height:88rpx;border-radius:24rpx;font-size:32rpx;font-weight:600;letter-spacing:2rpx;transition:all .3s ease}.cancel-btn.data-v-939841ee{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;box-shadow:0 6rpx 20rpx hsla(0,100%,71%,.3)}.cancel-btn.data-v-939841ee:hover{-webkit-transform:translateY(-2rpx);transform:translateY(-2rpx);box-shadow:0 8rpx 25rpx hsla(0,100%,71%,.4)}.reopen-btn.data-v-939841ee{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border:none;box-shadow:0 6rpx 20rpx rgba(67,233,123,.3)}.reopen-btn.data-v-939841ee:hover{-webkit-transform:translateY(-2rpx);transform:translateY(-2rpx);box-shadow:0 8rpx 25rpx rgba(67,233,123,.4)}.dialog-overlay.data-v-939841ee{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.cancel-dialog.data-v-939841ee{background:#fff;border-radius:20rpx;overflow:hidden;width:600rpx;max-width:90%}.dialog-header.data-v-939841ee{background:linear-gradient(120deg,#ff6b6b,#ee5a52);padding:32rpx 40rpx;text-align:center}.dialog-title.data-v-939841ee{color:#fff;font-size:32rpx;font-weight:600;letter-spacing:2rpx}.dialog-content.data-v-939841ee{padding:40rpx}.dialog-tip.data-v-939841ee{font-size:28rpx;color:#666;line-height:1.6;margin-bottom:32rpx;display:block}.remark-section.data-v-939841ee{margin-top:24rpx}.remark-label.data-v-939841ee{font-size:28rpx;color:#2e7d32;font-weight:500;margin-bottom:16rpx;display:block}.remark-input.data-v-939841ee{width:100%;min-height:120rpx;padding:20rpx;border:2rpx solid #e8f5e9;border-radius:16rpx;font-size:28rpx;color:#2e7d32;background:#f8fff8;box-sizing:border-box;resize:none}.remark-input.data-v-939841ee:focus{border-color:#43a047;background:#fff}.dialog-buttons.data-v-939841ee{display:flex;gap:24rpx;padding:0 40rpx 40rpx}.dialog-btn.data-v-939841ee{flex:1;height:80rpx;border-radius:20rpx;font-size:28rpx;font-weight:600;letter-spacing:2rpx;transition:all .3s ease}.cancel-dialog-btn.data-v-939841ee{background:#f5f5f5;color:#666;border:2rpx solid #e0e0e0}.cancel-dialog-btn.data-v-939841ee:hover{background:#eee}.confirm-dialog-btn.data-v-939841ee{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;box-shadow:0 4rpx 16rpx hsla(0,100%,71%,.3)}.confirm-dialog-btn.data-v-939841ee:hover:not(:disabled){-webkit-transform:translateY(-2rpx);transform:translateY(-2rpx);box-shadow:0 6rpx 20rpx hsla(0,100%,71%,.4)}.confirm-dialog-btn.data-v-939841ee:disabled{background:#ccc;color:#999;box-shadow:none;cursor:not-allowed}