- 状态
- - {statusLabel(job.status)}
+ - {statusLabel(job.status, hasResolvedOutput(job, outputAssetIds))}
- 耗时
@@ -352,7 +353,7 @@ function JobDetails({ job, now }: { job: GenerationJob; now: number }) {
- 输入/输出
- - {job.inputAssetIds.length || job.inputUrls.length} / {job.outputAssetIds.length}
+ - {job.inputAssetIds.length || job.inputUrls.length} / {resolvedOutputCount(job, outputAssetIds)}
- 扣费
@@ -456,10 +457,22 @@ function sourceLabel(source: Asset["source"]) {
return "外部";
}
-function statusLabel(status: GenerationJob["status"]) {
+function hasResolvedOutput(job: GenerationJob, outputAssetIds: Set) {
+ return job.outputAssetIds.some((assetId) => outputAssetIds.has(assetId));
+}
+
+function resolvedOutputCount(job: GenerationJob, outputAssetIds: Set) {
+ return job.outputAssetIds.filter((assetId) => outputAssetIds.has(assetId)).length;
+}
+
+function taskStatusClass(job: GenerationJob, outputAssetIds: Set) {
+ return job.status === "succeeded" && !hasResolvedOutput(job, outputAssetIds) ? "syncing" : job.status;
+}
+
+function statusLabel(status: GenerationJob["status"], hasOutput = true) {
if (status === "queued") return "排队中";
if (status === "running") return "生成中";
- if (status === "succeeded") return "已完成";
+ if (status === "succeeded") return hasOutput ? "已完成" : "结果同步中";
if (status === "failed") return "失败";
if (status === "expired") return "已过期";
if (status === "cancelled") return "已取消";
@@ -485,7 +498,7 @@ function capabilityLabel(capability?: GenerationJob["capability"]) {
}
function billingLabel(job: GenerationJob) {
- if (!job.billing) return job.provider === "mock" ? "免计费" : "未计费";
+ if (!job.billing) return job.provider === "mock" ? "历史任务（未计费）" : "未计费";
if (job.billing.quotaExempt) return `超管费用 ${formatBillingAmount(job.billing.amountFen)}（不计额度）`;
if (job.billing.status === "refunded") return `已退款 ${formatBillingAmount(job.billing.amountFen)}`;
if (job.billing.status === "pending") return `预计 ${formatBillingAmount(job.billing.amountFen)}`;
diff --git a/components/create-studio.tsx b/components/create-studio.tsx
index 57c4c5b..1d22063 100644
--- a/components/create-studio.tsx
+++ b/components/create-studio.tsx
@@ -150,6 +150,7 @@ export function CreateStudio({ initialMode = "image" }: { initialMode?: Generate
const [busy, setBusy] = useState(false);
const [billingQuote, setBillingQuote] = useState(null);
const [billingQuoteLoading, setBillingQuoteLoading] = useState(false);
+ const [billingQuoteError, setBillingQuoteError] = useState(null);
const [uploading, setUploading] = useState(false);
const [error, setError] = useState(null);
const [notice, setNotice] = useState(null);
@@ -307,10 +308,12 @@ export function CreateStudio({ initialMode = "image" }: { initialMode?: Generate
const timer = window.setTimeout(async () => {
if (!prompt.trim() || missingMaterialPlaceholders.length) {
if (active) setBillingQuote(null);
+ if (active) setBillingQuoteError(null);
if (active) setBillingQuoteLoading(false);
return;
}
setBillingQuoteLoading(true);
+ setBillingQuoteError(null);
try {
const response = await fetch("/api/billing/quote", {
method: "POST",
@@ -319,11 +322,18 @@ export function CreateStudio({ initialMode = "image" }: { initialMode?: Generate
});
const payload = await response.json().catch(() => ({}));
if (active) {
- setBillingQuote(response.ok && payload.quote ? payload.quote as BillingQuote : null);
+ if (response.ok && payload.quote) {
+ setBillingQuote(payload.quote as BillingQuote);
+ setBillingQuoteError(null);
+ } else {
+ setBillingQuote(null);
+ setBillingQuoteError(typeof payload.error === "string" ? payload.error : "计费估算暂不可用，请检查服务配置");
+ }
}
} catch {
if (active) {
setBillingQuote(null);
+ setBillingQuoteError("计费估算暂不可用，请检查后端服务配置");
}
} finally {
if (active) setBillingQuoteLoading(false);
@@ -1167,7 +1177,7 @@ export function CreateStudio({ initialMode = "image" }: { initialMode?: Generate
)}
-
+