+
${escapeHtml(packageTitle)}
+
${escapeHtml(packageDescription)}
+
+ ${escapeHtml(packageLabel)}
+ ${escapeHtml(`预警 ${(warnThreshold * 100).toFixed(0)}%`)}
+ ${preset ? `预设已锁定` : `支持自定义`}
+
+
${escapeHtml(packageFocus)}
+
+ ${escapeHtml(`预算 ${formatNumber(Number(currentValues.monthlyBudgetCents || 0) / 100)} 元`)}
+ ${escapeHtml(`文案 ${formatNumber(currentValues.copyQuota || 0)}`)}
+ ${escapeHtml(`AI 视频 ${formatNumber(currentValues.aiVideoQuota || 0)}`)}
+ ${escapeHtml(`实拍剪辑 ${formatNumber(currentValues.realCutQuota || 0)}`)}
+
+
${renderTenantQuotaPackagePreview(quotaConfig.package_label || "custom", defaultDraft)}
` },
+ { name: "warnThreshold", label: "预算预警阈值", type: "number", value: defaultDraft.warnThreshold, min: 0, max: 1, step: 0.05 },
+ { name: "monthlyBudgetCents", label: "月预算（分）", type: "number", value: defaultDraft.monthlyBudgetCents, min: 0, step: 100 },
+ { name: "storageLimitBytes", label: "存储上限（字节）", type: "number", value: defaultDraft.storageLimitBytes, min: 0, step: 1024 },
+ { name: "analysisQuota", label: "分析配额", type: "number", value: defaultDraft.analysisQuota, min: 0, step: 1 },
+ { name: "copyQuota", label: "文案配额", type: "number", value: defaultDraft.copyQuota, min: 0, step: 1 },
+ { name: "aiVideoQuota", label: "AI 视频配额", type: "number", value: defaultDraft.aiVideoQuota, min: 0, step: 1 },
+ { name: "realCutQuota", label: "实拍剪辑配额", type: "number", value: defaultDraft.realCutQuota, min: 0, step: 1 },
+ { name: "recorderQuota", label: "录制配额", type: "number", value: defaultDraft.recorderQuota, min: 0, step: 1 }
],
+ onOpen: ({ fields }) => {
+ const packageSelect = fields.querySelector('[data-action-field="packageLabel"]');
+ const preview = fields.querySelector('[data-role="quota-package-preview"]');
+ const numericFieldNames = [
+ "warnThreshold",
+ "monthlyBudgetCents",
+ "storageLimitBytes",
+ "analysisQuota",
+ "copyQuota",
+ "aiVideoQuota",
+ "realCutQuota",
+ "recorderQuota"
+ ];
+ const currentCustomDraft = { ...defaultDraft };
+ const getField = (name) => fields.querySelector(`[data-action-field="${name}"]`);
+ const syncPreview = () => {
+ const packageLabel = packageSelect?.value || "custom";
+ const preset = getTenantQuotaPackagePreset(packageLabel);
+ if (preset) {
+ currentCustomDraft.warnThreshold = Number(getField("warnThreshold")?.value || currentCustomDraft.warnThreshold || 0.8);
+ currentCustomDraft.monthlyBudgetCents = Number(getField("monthlyBudgetCents")?.value || currentCustomDraft.monthlyBudgetCents || 0);
+ currentCustomDraft.storageLimitBytes = Number(getField("storageLimitBytes")?.value || currentCustomDraft.storageLimitBytes || 0);
+ currentCustomDraft.analysisQuota = Number(getField("analysisQuota")?.value || currentCustomDraft.analysisQuota || 0);
+ currentCustomDraft.copyQuota = Number(getField("copyQuota")?.value || currentCustomDraft.copyQuota || 0);
+ currentCustomDraft.aiVideoQuota = Number(getField("aiVideoQuota")?.value || currentCustomDraft.aiVideoQuota || 0);
+ currentCustomDraft.realCutQuota = Number(getField("realCutQuota")?.value || currentCustomDraft.realCutQuota || 0);
+ currentCustomDraft.recorderQuota = Number(getField("recorderQuota")?.value || currentCustomDraft.recorderQuota || 0);
+ }
+ const nextValues = preset ? {
+ warnThreshold: preset.warnThreshold,
+ monthlyBudgetCents: preset.monthlyBudgetCents,
+ storageLimitBytes: preset.storageLimitBytes,
+ analysisQuota: preset.analysisQuota,
+ copyQuota: preset.copyQuota,
+ aiVideoQuota: preset.aiVideoQuota,
+ realCutQuota: preset.realCutQuota,
+ recorderQuota: preset.recorderQuota
+ } : currentCustomDraft;
+ numericFieldNames.forEach((name) => {
+ const input = getField(name);
+ if (!input) return;
+ input.value = String(nextValues[name] ?? "");
+ input.disabled = Boolean(preset);
+ });
+ if (preview) {
+ preview.innerHTML = renderTenantQuotaPackagePreview(packageLabel, nextValues);
+ }
+ };
+ packageSelect?.addEventListener("change", syncPreview);
+ numericFieldNames.forEach((name) => {
+ getField(name)?.addEventListener("input", () => {
+ if ((packageSelect?.value || "custom") !== "custom") return;
+ currentCustomDraft[name] = Number(getField(name)?.value || 0);
+ if (preview) preview.innerHTML = renderTenantQuotaPackagePreview("custom", currentCustomDraft);
+ });
+ });
+ syncPreview();
+ },
onSubmit: async (values) => {
const saved = await storyforgeFetch(`/v2/tenant/quota?project_id=${encodeURIComponent(project.id)}`, {
method: "PUT",
diff --git a/web/storyforge-web-v4/tests/workbench-pages.test.mjs b/web/storyforge-web-v4/tests/workbench-pages.test.mjs
index 86351be..248edee 100644
--- a/web/storyforge-web-v4/tests/workbench-pages.test.mjs
+++ b/web/storyforge-web-v4/tests/workbench-pages.test.mjs
@@ -318,6 +318,11 @@ test("quota and review screens foreground live next-step guidance", () => {
assert.match(credits, /预算、动作池和项目阶段绑定成正式套餐/);
assert.match(tenantQuota, /套餐档位/);
assert.match(tenantQuota, /预警阈值|预警 80%/);
+ assert.match(APP, /const TENANT_QUOTA_PACKAGE_PRESETS =/);
+ assert.match(APP, /function renderTenantQuotaPackagePreview/);
+ assert.match(quotaAction, /renderTenantQuotaPackagePreview/);
+ assert.match(APP, /预设已锁定|支持自定义/);
+ assert.match(quotaAction, /input\.disabled = Boolean\(preset\)/);
assert.match(quotaAction, /name: "packageLabel"/);
assert.match(quotaAction, /name: "warnThreshold"/);
assert.match(quotaAction, /package_label/);