Upload 2 files

static/app.js

@@ -0,0 +1,896 @@
+const runtimeFieldIds = [
+  "business_start", "business_end", "turnaround_base", "golden_start", "golden_end",
+  "efficiency_enabled", "efficiency_penalty_coef", "eff_daily_delta_cap",
+  "rule1_enabled", "rule1_gap",
+  "rule2_enabled", "rule2_threshold", "rule2_window_minutes", "rule2_penalty", "rule2_exempt_ranges",
+  "rule3_enabled", "rule3_gap_minutes", "rule3_penalty",
+  "rule4_enabled", "rule4_earliest", "rule4_latest",
+  "rule9_enabled", "rule9_hot_top_n", "rule9_min_ratio", "rule9_penalty",
+  "rule11_enabled", "rule11_after_time", "rule11_penalty",
+  "rule12_enabled", "rule12_penalty_each",
+  "rule13_enabled", "rule13_forbidden_halls", "tms_allowance",
+  "iterations", "random_seed"
+];
+
+const checkIds = [
+  "efficiency_enabled", "rule1_enabled", "rule2_enabled", "rule3_enabled",
+  "rule4_enabled", "rule9_enabled", "rule11_enabled", "rule12_enabled", "rule13_enabled"
+];
+
+const tuningColumns = [
+  "选中", "影片", "今日场次", "今日黄金场次", "今日全天效率", "今日黄金效率",
+  "最少场次", "最多场次", "固定场次", "最少黄金场次", "最多黄金场次", "最低场次占比", "最高场次占比"
+];
+
+const readOnlyColumns = new Set(["影片", "今日场次", "今日黄金场次", "今日全天效率", "今日黄金效率"]);
+const boolColumns = new Set(["选中"]);
+const integerColumns = new Set(["最少场次", "最多场次", "固定场次", "最少黄金场次", "最多黄金场次"]);
+const floatColumns = new Set(["最低场次占比", "最高场次占比"]);
+const sessionConstraintColumns = ["最少场次", "最多场次", "固定场次", "最少黄金场次", "最多黄金场次"];
+const ratioConstraintColumns = ["最低场次占比", "最高场次占比"];
+
+const state = {
+  runtimeCfg: null,
+  bundle: null,
+  tuningRows: [],
+  jobState: null,
+  results: null,
+  activeCandidateIndex: 0,
+  pollTimer: null,
+};
+
+function deepClone(v) {
+  if (typeof structuredClone === "function") {
+    return structuredClone(v);
+  }
+  return JSON.parse(JSON.stringify(v));
+}
+
+function $(id) {
+  return document.getElementById(id);
+}
+
+function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+
+async function requestJSON(url, options = {}) {
+  const init = {
+    headers: { "Content-Type": "application/json" },
+    credentials: "same-origin",
+    ...options,
+  };
+  const resp = await fetch(url, init);
+  let data = {};
+  try {
+    data = await resp.json();
+  } catch {
+    data = {};
+  }
+  if (!resp.ok || data.success === false) {
+    const msg = data.error || data.message || `请求失败: ${resp.status}`;
+    throw new Error(msg);
+  }
+  return data;
+}
+
+function showMessage(text, type = "info", ttl = 2800) {
+  const el = $("message");
+  el.className = `message ${type}`;
+  el.textContent = text;
+  el.classList.remove("hidden");
+  if (ttl > 0) {
+    setTimeout(() => {
+      el.classList.add("hidden");
+    }, ttl);
+  }
+}
+
+function getDatePlusOne(dateText) {
+  const d = new Date(`${dateText}T00:00:00`);
+  if (Number.isNaN(d.getTime())) {
+    return "-";
+  }
+  d.setDate(d.getDate() + 1);
+  return d.toISOString().slice(0, 10);
+}
+
+function updateTargetDateTip() {
+  const base = $("base_date").value;
+  $("target_date_tip").textContent = getDatePlusOne(base);
+}
+
+function toNumberOrNull(raw, parseFloatMode = false) {
+  const val = String(raw ?? "").trim();
+  if (val === "") {
+    return null;
+  }
+  const num = parseFloatMode ? Number.parseFloat(val) : Number.parseInt(val, 10);
+  return Number.isFinite(num) ? num : null;
+}
+
+function collectMaintenanceBlocks() {
+  const tbody = $("maintenance_table").querySelector("tbody");
+  const rows = Array.from(tbody.querySelectorAll("tr"));
+  return rows
+    .map((tr) => {
+      const hall = tr.querySelector("input[data-key='hall']")?.value?.trim() || "";
+      const start = tr.querySelector("input[data-key='start']")?.value?.trim() || "";
+      const end = tr.querySelector("input[data-key='end']")?.value?.trim() || "";
+      return { hall, start, end };
+    })
+    .filter((x) => x.hall && x.start && x.end);
+}
+
+function collectRuntimeCfg() {
+  const cfg = {};
+  for (const id of runtimeFieldIds) {
+    const el = $(id);
+    if (!el) continue;
+    if (checkIds.includes(id)) {
+      cfg[id] = !!el.checked;
+    } else if (el.type === "number") {
+      cfg[id] = el.step && String(el.step).includes(".")
+        ? Number.parseFloat(el.value || "0")
+        : Number.parseInt(el.value || "0", 10);
+    } else {
+      cfg[id] = el.value;
+    }
+  }
+  cfg.maintenance_blocks = collectMaintenanceBlocks();
+  return cfg;
+}
+
+function setMaintenanceRows(rows = []) {
+  const tbody = $("maintenance_table").querySelector("tbody");
+  tbody.innerHTML = "";
+  const list = rows.length ? rows : [];
+  for (const row of list) {
+    appendMaintenanceRow(row);
+  }
+}
+
+function appendMaintenanceRow(row = { hall: "", start: "", end: "" }) {
+  const tbody = $("maintenance_table").querySelector("tbody");
+  const tr = document.createElement("tr");
+  tr.innerHTML = `
+    <td><input type="text" data-key="hall" value="${escapeHtml(String(row.hall || ""))}" placeholder="2号厅 / 2"></td>
+    <td><input type="text" data-key="start" value="${escapeHtml(String(row.start || ""))}" placeholder="14:00"></td>
+    <td><input type="text" data-key="end" value="${escapeHtml(String(row.end || ""))}" placeholder="16:00"></td>
+    <td><button type="button" class="btn secondary small">删除</button></td>
+  `;
+  tr.querySelector("button").addEventListener("click", () => tr.remove());
+  tbody.appendChild(tr);
+}
+
+function setRuntimeCfg(cfg) {
+  state.runtimeCfg = deepClone(cfg);
+  for (const id of runtimeFieldIds) {
+    const el = $(id);
+    if (!el) continue;
+    const value = cfg[id];
+    if (checkIds.includes(id)) {
+      el.checked = !!value;
+    } else {
+      el.value = value ?? "";
+    }
+  }
+  setMaintenanceRows(cfg.maintenance_blocks || []);
+  refreshEnableStates();
+}
+
+function refreshEnableStates() {
+  $("efficiency_penalty_coef").disabled = !$("efficiency_enabled").checked;
+  $("eff_daily_delta_cap").disabled = !$("efficiency_enabled").checked;
+
+  $("rule1_gap").disabled = !$("rule1_enabled").checked;
+
+  const rule2Enabled = $("rule2_enabled").checked;
+  $("rule2_threshold").disabled = !rule2Enabled;
+  $("rule2_window_minutes").disabled = !rule2Enabled;
+  $("rule2_penalty").disabled = !rule2Enabled;
+
+  const rule3Enabled = $("rule3_enabled").checked;
+  $("rule3_gap_minutes").disabled = !rule3Enabled;
+  $("rule3_penalty").disabled = !rule3Enabled;
+
+  const rule4Enabled = $("rule4_enabled").checked;
+  $("rule4_earliest").disabled = !rule4Enabled;
+  $("rule4_latest").disabled = !rule4Enabled;
+
+  const rule9Enabled = $("rule9_enabled").checked;
+  $("rule9_hot_top_n").disabled = !rule9Enabled;
+  $("rule9_min_ratio").disabled = !rule9Enabled;
+  $("rule9_penalty").disabled = !rule9Enabled;
+
+  const rule11Enabled = $("rule11_enabled").checked;
+  $("rule11_after_time").disabled = !rule11Enabled;
+  $("rule11_penalty").disabled = !rule11Enabled;
+
+  $("rule12_penalty_each").disabled = !$("rule12_enabled").checked;
+  $("rule13_forbidden_halls").disabled = !$("rule13_enabled").checked;
+}
+
+function renderSimpleTable(el, rows, columns = null) {
+  el.innerHTML = "";
+  if (!rows || rows.length === 0) {
+    el.innerHTML = "<thead><tr><th>提示</th></tr></thead><tbody><tr><td>无数据</td></tr></tbody>";
+    return;
+  }
+
+  const cols = columns || Object.keys(rows[0]);
+  const thead = document.createElement("thead");
+  const htr = document.createElement("tr");
+  for (const c of cols) {
+    const th = document.createElement("th");
+    th.textContent = c;
+    htr.appendChild(th);
+  }
+  thead.appendChild(htr);
+
+  const tbody = document.createElement("tbody");
+  for (const row of rows) {
+    const tr = document.createElement("tr");
+    for (const c of cols) {
+      const td = document.createElement("td");
+      const v = row[c];
+      td.textContent = v === null || v === undefined ? "" : String(v);
+      tr.appendChild(td);
+    }
+    tbody.appendChild(tr);
+  }
+
+  el.appendChild(thead);
+  el.appendChild(tbody);
+}
+
+function renderMapTop(tableId, mapObj, keyTitle, valTitle, limit = 20) {
+  const entries = Object.entries(mapObj || {}).slice(0, limit);
+  const rows = entries.map(([k, v]) => ({ [keyTitle]: k, [valTitle]: v }));
+  renderSimpleTable($(tableId), rows, [keyTitle, valTitle]);
+}
+
+function renderMetrics(container, items) {
+  container.innerHTML = "";
+  for (const item of items) {
+    const card = document.createElement("div");
+    card.className = "metric";
+    card.innerHTML = `<div class="k">${escapeHtml(item.k)}</div><div class="v">${escapeHtml(String(item.v))}</div>`;
+    container.appendChild(card);
+  }
+}
+
+function getSelectedValues(selectId) {
+  const el = $(selectId);
+  if (!el) return [];
+  return Array.from(el.selectedOptions).map((x) => x.value);
+}
+
+function setAllSelected(selectId, selected = true) {
+  const el = $(selectId);
+  if (!el) return;
+  for (const opt of Array.from(el.options)) {
+    opt.selected = !!selected;
+  }
+}
+
+function renderExcludeEffect(effect) {
+  const tip = $("exclude_effect_tip");
+  if (!tip) return;
+  const e = effect || {};
+  const total = Number(e.total_count || 0);
+  const removed = Number(e.removed_count || 0);
+  const remaining = Number(e.remaining_count || Math.max(0, total - removed));
+  const affectedMovies = Number(e.affected_movies || 0);
+  const reasons = Object.entries(e.reason_breakdown || {})
+    .map(([k, v]) => `${k}:${v}`)
+    .join("；");
+
+  if (!total) {
+    tip.textContent = "尚未应用剔除。";
+    return;
+  }
+  tip.textContent = `当前剔除效果：已剔除 ${removed}/${total} 场，剩余 ${remaining} 场，影响影片 ${affectedMovies} 部。${reasons ? ` 原因分布：${reasons}` : ""}`;
+}
+
+function renderBundle(bundle) {
+  state.bundle = bundle;
+  state.tuningRows = deepClone(bundle.tuning_rows || []);
+  $("loaded_section").classList.remove("hidden");
+
+  $("load_summary").textContent = `目标日期 ${bundle.target_str}，影片 ${bundle.movies_count} 部，已售锁定场 ${bundle.locked_count}。`;
+
+  const exclude = $("exclude_select");
+  exclude.innerHTML = "";
+  const selectedSession = new Set(bundle.excluded_session_keys || []);
+  for (const item of bundle.exclude_options || []) {
+    const opt = document.createElement("option");
+    opt.value = String(item.key ?? "");
+    opt.textContent = String(item.label ?? "");
+    opt.selected = selectedSession.has(opt.value);
+    opt.dataset.suspected = item.suspected ? "1" : "0";
+    exclude.appendChild(opt);
+  }
+
+  const movieSelect = $("exclude_movie_select");
+  movieSelect.innerHTML = "";
+  const selectedMovies = new Set(bundle.excluded_movies || []);
+  for (const item of bundle.exclude_movie_options || []) {
+    const opt = document.createElement("option");
+    opt.value = String(item.value ?? "");
+    opt.textContent = String(item.label ?? item.value ?? "");
+    opt.selected = selectedMovies.has(opt.value);
+    movieSelect.appendChild(opt);
+  }
+
+  const hallSelect = $("exclude_hall_select");
+  hallSelect.innerHTML = "";
+  const selectedHalls = new Set(bundle.excluded_halls || []);
+  for (const item of bundle.exclude_hall_options || []) {
+    const opt = document.createElement("option");
+    opt.value = String(item.value ?? "");
+    opt.textContent = String(item.label ?? item.value ?? "");
+    opt.selected = selectedHalls.has(opt.value);
+    hallSelect.appendChild(opt);
+  }
+
+  const rules = bundle.exclude_rules || {};
+  $("exclude_rule_zero_sales").checked = !!rules.zero_sales;
+  $("exclude_rule_early_morning").checked = !!rules.early_morning;
+  renderExcludeEffect(bundle.exclude_effect || {});
+
+  renderTuningTable();
+}
+
+function renderTuningTable() {
+  const table = $("tuning_table");
+  table.innerHTML = "";
+
+  const thead = document.createElement("thead");
+  const hr = document.createElement("tr");
+  for (const c of tuningColumns) {
+    const th = document.createElement("th");
+    th.textContent = c;
+    hr.appendChild(th);
+  }
+  thead.appendChild(hr);
+
+  const tbody = document.createElement("tbody");
+  for (let i = 0; i < state.tuningRows.length; i += 1) {
+    const row = state.tuningRows[i] || {};
+    const tr = document.createElement("tr");
+
+    for (const col of tuningColumns) {
+      const td = document.createElement("td");
+
+      if (boolColumns.has(col)) {
+        const input = document.createElement("input");
+        input.type = "checkbox";
+        input.checked = !!row[col];
+        input.addEventListener("change", () => {
+          state.tuningRows[i][col] = !!input.checked;
+        });
+        td.appendChild(input);
+      } else if (readOnlyColumns.has(col)) {
+        td.textContent = row[col] === null || row[col] === undefined ? "" : String(row[col]);
+      } else if (integerColumns.has(col) || floatColumns.has(col)) {
+        const input = document.createElement("input");
+        input.type = "number";
+        input.step = floatColumns.has(col) ? "0.1" : "1";
+        input.value = row[col] === null || row[col] === undefined ? "" : String(row[col]);
+        const update = () => {
+          state.tuningRows[i][col] = toNumberOrNull(input.value, floatColumns.has(col));
+        };
+        input.addEventListener("input", update);
+        input.addEventListener("change", update);
+        td.appendChild(input);
+      } else {
+        const input = document.createElement("input");
+        input.type = "text";
+        input.value = row[col] === null || row[col] === undefined ? "" : String(row[col]);
+        input.addEventListener("input", () => {
+          state.tuningRows[i][col] = input.value;
+        });
+        input.addEventListener("change", () => {
+          state.tuningRows[i][col] = input.value;
+        });
+        td.appendChild(input);
+      }
+
+      tr.appendChild(td);
+    }
+
+    tbody.appendChild(tr);
+  }
+
+  table.appendChild(thead);
+  table.appendChild(tbody);
+}
+
+function collectExclusionPayload() {
+  return {
+    excluded_session_keys: getSelectedValues("exclude_select"),
+    excluded_movies: getSelectedValues("exclude_movie_select"),
+    excluded_halls: getSelectedValues("exclude_hall_select"),
+    exclude_rules: {
+      zero_sales: !!$("exclude_rule_zero_sales").checked,
+      early_morning: !!$("exclude_rule_early_morning").checked,
+    },
+  };
+}
+
+function applyTuningBatchMutation(mutator, successMsg) {
+  if (!state.tuningRows || state.tuningRows.length === 0) {
+    showMessage("当前没有可编辑约束行", "warn");
+    return;
+  }
+  const selectedIndexes = state.tuningRows
+    .map((row, idx) => ({ idx, selected: !!row["选中"] }))
+    .filter((x) => x.selected)
+    .map((x) => x.idx);
+  const targetIndexes = selectedIndexes.length
+    ? selectedIndexes
+    : state.tuningRows.map((_, idx) => idx);
+  targetIndexes.forEach((idx) => mutator(state.tuningRows[idx], idx));
+  renderTuningTable();
+  showMessage(`${successMsg}（处理 ${targetIndexes.length} 行）`, "ok", 1800);
+}
+
+function setResultsHidden(hidden) {
+  if (hidden) {
+    $("results_section").classList.add("hidden");
+  } else {
+    $("results_section").classList.remove("hidden");
+  }
+}
+
+function renderJobState(jobState) {
+  state.jobState = jobState;
+
+  if (!state.bundle && jobState.status !== "idle") {
+    $("loaded_section").classList.remove("hidden");
+  }
+
+  const metrics = [
+    { k: "任务状态", v: jobState.status || "idle" },
+    { k: "当前进度", v: `${((jobState.progress || 0) * 100).toFixed(1)}%` },
+    { k: "可行方案", v: jobState.feasible_count || 0 },
+    { k: "硬性淘汰", v: jobState.hard_reject || 0 },
+    { k: "已运行时长", v: `${(jobState.elapsed_seconds || 0).toFixed(1)}s` },
+  ];
+  renderMetrics($("job_metrics"), metrics);
+
+  const progress = Math.max(0, Math.min(1, Number(jobState.progress || 0)));
+  $("job_progress_bar").style.width = `${progress * 100}%`;
+
+  if ((jobState.iterations || 0) > 0) {
+    $("job_caption").textContent = `迭代进度：${jobState.iter_done || 0}/${jobState.iterations || 0}；构造失败 ${jobState.build_reject || 0}，硬规则淘汰 ${jobState.rule_reject || 0}；${jobState.message || ""}`;
+  } else {
+    $("job_caption").textContent = jobState.message || "";
+  }
+
+  renderMapTop("reject_reason_table", jobState.reject_reason_top || {}, "淘汰原因", "次数", 20);
+  renderMapTop("reject_detail_table", jobState.reject_detail_top || {}, "详细原因", "次数", 20);
+
+  $("run_btn").disabled = ["running", "paused"].includes(jobState.status);
+  $("pause_btn").disabled = jobState.status !== "running";
+  $("resume_btn").disabled = jobState.status !== "paused";
+  $("stop_btn").disabled = !["running", "paused"].includes(jobState.status);
+}
+
+function renderRejectSummary(summary) {
+  setResultsHidden(false);
+  renderMetrics($("results_metrics"), [
+    { k: "最近一次状态", v: state.jobState?.status || "-" },
+    { k: "运行耗时", v: `${(summary.elapsed_seconds || 0).toFixed(1)}s` },
+    { k: "构造阶段失败", v: summary.build_reject || 0 },
+    { k: "硬性规则淘汰", v: summary.rule_reject || 0 },
+  ]);
+  renderMapTop("reason_stats_table", summary.reject_reason_stats || {}, "淘汰原因", "次数", 200);
+  renderMapTop("detail_stats_table", summary.reject_detail_stats || {}, "详细原因", "次数", 200);
+  renderSimpleTable($("phase_stats_table"), [], ["淘汰阶段", "次数"]);
+  $("reject_examples").textContent = "";
+
+  $("candidate_tabs").innerHTML = "";
+  $("candidate_content").innerHTML = "";
+}
+
+function renderResults(data) {
+  state.results = data;
+  setResultsHidden(false);
+
+  const s = data.summary || {};
+  renderMetrics($("results_metrics"), [
+    { k: "目标排片日期", v: data.target_str || "-" },
+    { k: "可行方案数", v: s.total_feasible || 0 },
+    { k: "硬性规则淘汰", v: s.hard_reject || 0 },
+    { k: "已售锁定场", v: s.locked_count || 0 },
+    { k: "生成耗时", v: `${(s.elapsed_seconds || 0).toFixed(1)}s` },
+  ]);
+
+  renderMapTop("phase_stats_table", s.reject_phase_stats || {}, "淘汰阶段", "次数", 20);
+  renderMapTop("reason_stats_table", s.reject_reason_stats || {}, "淘汰原因", "次数", 200);
+  renderMapTop("detail_stats_table", s.reject_detail_stats || {}, "详细原因", "次数", 200);
+
+  const exampleLines = [];
+  const examples = s.reject_examples || {};
+  for (const [reason, arr] of Object.entries(examples)) {
+    if (!arr || !arr.length) continue;
+    exampleLines.push(`${reason}:`);
+    for (const x of arr.slice(0, 3)) {
+      exampleLines.push(`- ${x}`);
+    }
+  }
+  $("reject_examples").textContent = exampleLines.join("\n");
+  $("movie_targets_json").textContent = JSON.stringify(s.movie_targets || {}, null, 2);
+
+  renderSimpleTable($("today_eff_table"), s.today_eff_rows || []);
+
+  const tabs = $("candidate_tabs");
+  tabs.innerHTML = "";
+  const candidates = data.candidates || [];
+  candidates.forEach((cand, idx) => {
+    const btn = document.createElement("button");
+    btn.type = "button";
+    btn.className = `tab-btn${idx === 0 ? " active" : ""}`;
+    btn.textContent = cand.title;
+    btn.addEventListener("click", () => {
+      state.activeCandidateIndex = idx;
+      renderCandidate();
+    });
+    tabs.appendChild(btn);
+  });
+
+  state.activeCandidateIndex = 0;
+  renderCandidate();
+}
+
+function renderCandidate() {
+  const payload = state.results;
+  if (!payload || !payload.candidates || payload.candidates.length === 0) {
+    $("candidate_content").innerHTML = "";
+    return;
+  }
+
+  const idx = Math.min(Math.max(0, state.activeCandidateIndex || 0), payload.candidates.length - 1);
+  state.activeCandidateIndex = idx;
+  const cand = payload.candidates[idx];
+
+  const tabButtons = Array.from($("candidate_tabs").querySelectorAll(".tab-btn"));
+  tabButtons.forEach((btn, i) => {
+    btn.classList.toggle("active", i === idx);
+  });
+
+  const content = $("candidate_content");
+  content.innerHTML = `
+    <section class="subpanel">
+      <h3>${escapeHtml(cand.title)}</h3>
+      <div>${cand.gantt_html || "<div class='muted'>无甘特图</div>"}</div>
+      <h4>评分拆解</h4>
+      <div class="table-wrap"><table id="score_breakdown_table" class="simple-table"></table></div>
+      <h4>结果汇总</h4>
+      <div class="table-wrap"><table id="summary_table" class="simple-table"></table></div>
+      <h4>排片明细</h4>
+      <div class="table-wrap"><table id="schedule_table" class="simple-table"></table></div>
+      <h4>🔍 场次合理性检查日志</h4>
+      <pre class="code-block">${escapeHtml(cand.log_text || "")}</pre>
+    </section>
+  `;
+
+  renderSimpleTable($("score_breakdown_table"), cand.score_breakdown || [], ["规则", "分值", "说明"]);
+  renderSimpleTable($("summary_table"), cand.summary_table || []);
+  renderSimpleTable($("schedule_table"), cand.schedule_table || []);
+}
+
+function escapeHtml(text) {
+  return String(text)
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#039;");
+}
+
+async function saveConfig() {
+  const runtime_cfg = collectRuntimeCfg();
+  const data = await requestJSON("/api/config/save", {
+    method: "POST",
+    body: JSON.stringify({ runtime_cfg }),
+  });
+  setRuntimeCfg(data.runtime_cfg);
+  showMessage("参数已保存", "ok");
+}
+
+async function resetConfig() {
+  const data = await requestJSON("/api/config/reset", { method: "POST", body: "{}" });
+  setRuntimeCfg(data.runtime_cfg);
+  showMessage("已恢复默认参数", "ok");
+}
+
+async function loadData() {
+  showMessage("正在加载数据，请稍候...", "info", 1200);
+  const runtime_cfg = collectRuntimeCfg();
+  const base_date = $("base_date").value;
+  const data = await requestJSON("/api/load-data", {
+    method: "POST",
+    body: JSON.stringify({ base_date, runtime_cfg }),
+  });
+  setRuntimeCfg(data.runtime_cfg);
+  renderBundle(data.bundle);
+  renderJobState(await fetchJobStateRaw());
+  setResultsHidden(true);
+  showMessage(data.message || "数据加载完成", "ok");
+}
+
+async function applyExclusions() {
+  if (!state.bundle) {
+    showMessage("请先加载数据", "warn");
+    return;
+  }
+  const payload = collectExclusionPayload();
+  const data = await requestJSON("/api/update-exclusions", {
+    method: "POST",
+    body: JSON.stringify(payload),
+  });
+  renderBundle(data.bundle);
+  showMessage(data.message || "剔除已应用并重算", "ok");
+}
+
+async function startJob() {
+  if (!state.bundle) {
+    showMessage("请先加载数据", "warn");
+    return;
+  }
+  const data = await requestJSON("/api/job/start", {
+    method: "POST",
+    body: JSON.stringify({ tuning_rows: state.tuningRows }),
+  });
+  renderJobState(data.job_state || state.jobState || {});
+  startPolling();
+  setResultsHidden(true);
+  showMessage(data.message || "后台任务已启动", "ok");
+}
+
+async function controlJob(action) {
+  const data = await requestJSON("/api/job/control", {
+    method: "POST",
+    body: JSON.stringify({ action }),
+  });
+  renderJobState(data.job_state || {});
+  showMessage(`已发送${action}指令`, "ok");
+}
+
+async function fetchJobStateRaw() {
+  const data = await requestJSON("/api/job/state", { method: "GET" });
+  return data.job_state || {};
+}
+
+async function fetchJobState() {
+  const jobState = await fetchJobStateRaw();
+  renderJobState(jobState);
+
+  if (["running", "paused"].includes(jobState.status)) {
+    startPolling();
+  } else {
+    stopPolling();
+    if (["completed", "failed", "stopped"].includes(jobState.status)) {
+      await sleep(200);
+      await fetchResults();
+    }
+  }
+}
+
+async function fetchResults() {
+  const target = state.bundle?.target_str || getDatePlusOne($("base_date").value);
+  const data = await requestJSON(`/api/results?target_str=${encodeURIComponent(target)}`, { method: "GET" });
+
+  if (data.has_results) {
+    renderResults(data);
+    showMessage("结果已更新", "ok", 1500);
+    return;
+  }
+
+  if (data.reject_summary) {
+    renderRejectSummary(data.reject_summary);
+    showMessage("最近一次任务为失败/停止，已展示淘汰统计", "warn", 2400);
+    return;
+  }
+
+  setResultsHidden(true);
+}
+
+function startPolling() {
+  if (state.pollTimer) return;
+  state.pollTimer = setInterval(() => {
+    fetchJobState().catch((e) => {
+      console.error(e);
+      showMessage(e.message || "轮询失败", "err", 1800);
+      stopPolling();
+    });
+  }, 900);
+}
+
+function stopPolling() {
+  if (state.pollTimer) {
+    clearInterval(state.pollTimer);
+    state.pollTimer = null;
+  }
+}
+
+async function init() {
+  $("base_date").addEventListener("change", updateTargetDateTip);
+
+  checkIds.forEach((id) => {
+    $(id).addEventListener("change", refreshEnableStates);
+  });
+
+  $("add_maintenance_btn").addEventListener("click", () => appendMaintenanceRow());
+
+  $("save_cfg_btn").addEventListener("click", async () => {
+    try {
+      await saveConfig();
+    } catch (e) {
+      showMessage(e.message, "err");
+    }
+  });
+
+  $("reset_cfg_btn").addEventListener("click", async () => {
+    try {
+      await resetConfig();
+    } catch (e) {
+      showMessage(e.message, "err");
+    }
+  });
+
+  $("load_data_btn").addEventListener("click", async () => {
+    try {
+      await loadData();
+    } catch (e) {
+      showMessage(e.message, "err", 3600);
+    }
+  });
+
+  $("apply_exclude_btn").addEventListener("click", async () => {
+    try {
+      await applyExclusions();
+    } catch (e) {
+      showMessage(e.message, "err", 3600);
+    }
+  });
+
+  $("exclude_select_all_btn").addEventListener("click", () => {
+    setAllSelected("exclude_select", true);
+    showMessage("已全选场次，点击“应用剔除”后生效", "ok", 1400);
+  });
+
+  $("exclude_select_none_btn").addEventListener("click", () => {
+    setAllSelected("exclude_select", false);
+    showMessage("已取消全部场次选择", "ok", 1400);
+  });
+
+  $("exclude_select_suspected_btn").addEventListener("click", () => {
+    const el = $("exclude_select");
+    let count = 0;
+    for (const opt of Array.from(el.options)) {
+      const pick = opt.dataset.suspected === "1";
+      opt.selected = pick;
+      if (pick) count += 1;
+    }
+    showMessage(`已选中 ${count} 条疑似特殊场次`, "ok", 1600);
+  });
+
+  $("exclude_clear_btn").addEventListener("click", () => {
+    setAllSelected("exclude_select", false);
+    setAllSelected("exclude_movie_select", false);
+    setAllSelected("exclude_hall_select", false);
+    $("exclude_rule_zero_sales").checked = false;
+    $("exclude_rule_early_morning").checked = false;
+    showMessage("剔除条件已清空，点击“应用剔除”后恢复", "ok", 1800);
+  });
+
+  $("tuning_select_all_btn").addEventListener("click", () => {
+    if (!state.tuningRows.length) {
+      showMessage("请先加载数据", "warn");
+      return;
+    }
+    state.tuningRows.forEach((row) => {
+      row["选中"] = true;
+    });
+    renderTuningTable();
+    showMessage("已全选所有影片行", "ok", 1500);
+  });
+
+  $("tuning_select_none_btn").addEventListener("click", () => {
+    if (!state.tuningRows.length) {
+      showMessage("请先加载数据", "warn");
+      return;
+    }
+    state.tuningRows.forEach((row) => {
+      row["选中"] = false;
+    });
+    renderTuningTable();
+    showMessage("已取消所有影片勾选", "ok", 1500);
+  });
+
+  $("tuning_clear_sessions_btn").addEventListener("click", () => {
+    applyTuningBatchMutation((row) => {
+      sessionConstraintColumns.forEach((col) => {
+        row[col] = null;
+      });
+    }, "场次约束已清空");
+  });
+
+  $("tuning_clear_ratio_btn").addEventListener("click", () => {
+    applyTuningBatchMutation((row) => {
+      ratioConstraintColumns.forEach((col) => {
+        row[col] = null;
+      });
+    }, "占比约束已清空");
+  });
+
+  $("run_btn").addEventListener("click", async () => {
+    try {
+      await startJob();
+    } catch (e) {
+      showMessage(e.message, "err", 3200);
+    }
+  });
+
+  $("pause_btn").addEventListener("click", async () => {
+    try {
+      await controlJob("pause");
+    } catch (e) {
+      showMessage(e.message, "err");
+    }
+  });
+
+  $("resume_btn").addEventListener("click", async () => {
+    try {
+      await controlJob("resume");
+    } catch (e) {
+      showMessage(e.message, "err");
+    }
+  });
+
+  $("stop_btn").addEventListener("click", async () => {
+    try {
+      await controlJob("stop");
+    } catch (e) {
+      showMessage(e.message, "err");
+    }
+  });
+
+  try {
+    const data = await requestJSON("/api/session", { method: "GET" });
+    $("base_date").value = data.base_date;
+    updateTargetDateTip();
+
+    setRuntimeCfg(data.runtime_cfg || {});
+
+    if (data.bundle) {
+      renderBundle(data.bundle);
+    }
+
+    renderJobState(data.job_state || {});
+
+    if (["running", "paused"].includes(data.job_state?.status)) {
+      startPolling();
+    }
+
+    if (["completed", "failed", "stopped"].includes(data.job_state?.status)) {
+      await fetchResults();
+    }
+  } catch (e) {
+    showMessage(e.message || "初始化失败", "err", 5000);
+  }
+}
+
+window.addEventListener("beforeunload", () => {
+  stopPolling();
+});
+
+document.addEventListener("DOMContentLoaded", () => {
+  init().catch((e) => {
+    showMessage(e.message || "初始化失败", "err", 5000);
+  });
+});

static/styles.css

@@ -0,0 +1,362 @@
+:root {
+  --bg: #f4f7fb;
+  --panel: #ffffff;
+  --line: #d9e0ea;
+  --text: #10233c;
+  --muted: #5f738d;
+  --primary: #1f6feb;
+  --primary-strong: #0f4cb5;
+  --danger: #c0392b;
+  --ok: #1f8f4a;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  font-family: "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
+  color: var(--text);
+  background: radial-gradient(circle at top right, #e6eefc, #f4f7fb 45%, #eef3fb);
+}
+
+.container {
+  max-width: 1560px;
+  margin: 0 auto;
+  padding: 24px 20px 48px;
+}
+
+.page-head h1 {
+  margin: 0;
+  font-size: 26px;
+}
+
+.page-head p {
+  margin: 8px 0 0;
+  color: var(--muted);
+}
+
+.panel {
+  background: var(--panel);
+  border: 1px solid var(--line);
+  border-radius: 12px;
+  margin-top: 16px;
+  padding: 16px;
+  box-shadow: 0 8px 24px rgba(16, 35, 60, 0.06);
+}
+
+.panel h2,
+.panel h3,
+.panel h4 {
+  margin-top: 0;
+}
+
+.grid-3 {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(280px, 1fr));
+  gap: 12px;
+}
+
+.row {
+  display: grid;
+  gap: 12px;
+}
+
+.row-2 {
+  grid-template-columns: repeat(2, minmax(280px, 1fr));
+}
+
+.row-3 {
+  grid-template-columns: repeat(3, minmax(240px, 1fr));
+}
+
+.subpanel {
+  border: 1px solid var(--line);
+  border-radius: 10px;
+  padding: 12px;
+  background: linear-gradient(180deg, #fff, #fbfdff);
+}
+
+.field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-bottom: 10px;
+  font-size: 13px;
+}
+
+.field input,
+.field textarea,
+.field select {
+  width: 100%;
+  border: 1px solid #c9d4e1;
+  border-radius: 6px;
+  padding: 8px;
+  font-size: 14px;
+  background: #fff;
+}
+
+.field.readonly {
+  justify-content: center;
+}
+
+.field.checkbox {
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+}
+
+.field.checkbox input {
+  width: auto;
+}
+
+.small {
+  font-size: 12px;
+}
+
+.tip,
+.muted {
+  color: var(--muted);
+}
+
+.actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.inline-end {
+  justify-content: flex-end;
+}
+
+.inline-start {
+  justify-content: flex-start;
+  align-items: flex-end;
+}
+
+.select-actions {
+  margin: 8px 0 10px;
+}
+
+.align-end {
+  align-items: end;
+}
+
+.subpanel.compact {
+  padding: 10px 12px;
+}
+
+.subpanel.compact h4 {
+  margin: 0 0 8px;
+}
+
+#exclude_effect_tip {
+  font-size: 13px;
+  line-height: 1.45;
+}
+
+.btn {
+  border: 1px solid transparent;
+  border-radius: 8px;
+  padding: 9px 13px;
+  cursor: pointer;
+  font-size: 14px;
+  transition: all .15s ease;
+}
+
+.btn.primary {
+  background: var(--primary);
+  color: #fff;
+}
+
+.btn.primary:hover {
+  background: var(--primary-strong);
+}
+
+.btn.secondary {
+  background: #eef3fc;
+  border-color: #cad7ec;
+  color: #173b72;
+}
+
+.btn.secondary:hover {
+  background: #e4ecfb;
+}
+
+.btn.danger {
+  background: #fbe9e7;
+  border-color: #f1c6c1;
+  color: var(--danger);
+}
+
+.btn.small {
+  padding: 6px 10px;
+  font-size: 13px;
+}
+
+.btn:disabled {
+  opacity: .45;
+  cursor: not-allowed;
+}
+
+.table-wrap {
+  overflow: auto;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: #fff;
+}
+
+.tuning-wrap {
+  max-height: 460px;
+}
+
+.simple-table {
+  width: 100%;
+  border-collapse: collapse;
+  min-width: 760px;
+}
+
+.simple-table th,
+.simple-table td {
+  border-bottom: 1px solid #e8edf4;
+  border-right: 1px solid #edf1f7;
+  padding: 7px 8px;
+  font-size: 13px;
+  vertical-align: top;
+}
+
+.simple-table th {
+  background: #f7faff;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  text-align: left;
+}
+
+.simple-table td input[type="number"],
+.simple-table td input[type="text"] {
+  width: 100%;
+  border: 1px solid #cfd9e6;
+  border-radius: 5px;
+  padding: 6px;
+}
+
+.simple-table td input[type="checkbox"] {
+  transform: scale(1.05);
+}
+
+#tuning_table th:first-child,
+#tuning_table td:first-child {
+  text-align: center;
+  min-width: 74px;
+}
+
+.metrics {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
+  gap: 8px;
+  margin: 10px 0;
+}
+
+.metric {
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  padding: 10px;
+  background: #fbfdff;
+}
+
+.metric .k {
+  font-size: 12px;
+  color: var(--muted);
+}
+
+.metric .v {
+  margin-top: 3px;
+  font-size: 20px;
+  font-weight: 700;
+}
+
+.progress-wrap {
+  width: 100%;
+  height: 12px;
+  border: 1px solid #d3dceb;
+  border-radius: 999px;
+  overflow: hidden;
+  background: #edf3ff;
+  margin: 8px 0 6px;
+}
+
+#job_progress_bar {
+  height: 100%;
+  width: 0;
+  background: linear-gradient(90deg, #1f6feb, #5b9bff);
+}
+
+.tab-bar {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin: 12px 0;
+}
+
+.tab-btn {
+  border: 1px solid #c9d6ea;
+  border-radius: 999px;
+  padding: 6px 10px;
+  background: #f3f7ff;
+  color: #164488;
+  cursor: pointer;
+}
+
+.tab-btn.active {
+  background: #1f6feb;
+  color: #fff;
+  border-color: #1f6feb;
+}
+
+.code-block {
+  white-space: pre-wrap;
+  word-break: break-word;
+  margin: 8px 0;
+  padding: 10px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: #f6f8fb;
+  font-family: "SFMono-Regular", "Consolas", monospace;
+  font-size: 12px;
+}
+
+.message {
+  position: fixed;
+  right: 14px;
+  bottom: 14px;
+  z-index: 1000;
+  max-width: 440px;
+  padding: 12px 14px;
+  border-radius: 8px;
+  color: #fff;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
+}
+
+.message.info { background: #3f6db5; }
+.message.ok { background: var(--ok); }
+.message.warn { background: #cc8b21; }
+.message.err { background: var(--danger); }
+
+.hidden {
+  display: none !important;
+}
+
+@media (max-width: 1100px) {
+  .grid-3,
+  .row-3,
+  .row-2 {
+    grid-template-columns: 1fr;
+  }
+
+  .actions.inline-end {
+    justify-content: flex-start;
+  }
+}