diff --git a/web/app.js b/web/app.js
index 64ee979..86eec5e 100644
--- a/web/app.js
+++ b/web/app.js
@@ -465,7 +465,12 @@ function initShell() {
}
});
$$("[data-view]").forEach((button) => button.addEventListener("click", (event) => { event.preventDefault(); showView(button.dataset.view); }));
- $$("[data-view-link]").forEach((button) => button.addEventListener("click", (event) => { event.preventDefault(); showView(button.dataset.viewLink); }));
+ document.addEventListener("click", (event) => {
+ const button = event.target.closest("[data-view-link]");
+ if (!button) return;
+ event.preventDefault();
+ showView(button.dataset.viewLink);
+ });
$$(".logout").forEach((control) => control.addEventListener("click", async (event) => {
event.preventDefault();
try {
@@ -1122,7 +1127,7 @@ function setSelectOptions(select, names, { keepFirst = false } = {}) {
select.replaceChildren(...kept, ...names.map((name) => new Option(name, name)));
}
-function fillCompanySelects(names) {
+function fillCompanySelects(names, companies) {
// Every company picker is driven by master data: a newly created company
// appears in pair queries, audit filters, flow filters and reminders
// without any code change.
@@ -1134,11 +1139,20 @@ function fillCompanySelects(names) {
});
setSelectOptions($("#auditCompany"), names, { keepFirst: true });
setSelectOptions($("#flowCompany"), names, { keepFirst: true });
- const reminderSelect = $("#reminder-company");
- if (reminderSelect) {
- const kept = reminderSelect.querySelector('option[value=""]') ? [reminderSelect.options[0].cloneNode(true)] : [];
- const companies = state.companies || [];
- reminderSelect.replaceChildren(...kept, ...companies.map((company) => new Option(company.name, company.id)));
+ const reminderList = $("#reminderCompanyList");
+ if (reminderList && companies?.length) {
+ reminderList.replaceChildren(...companies.map((company) => {
+ const label = document.createElement("label");
+ label.className = "row";
+ label.style.cssText = "gap:6px;font-size:13px;";
+ const input = document.createElement("input");
+ input.type = "checkbox";
+ input.name = "company";
+ input.value = String(company.id);
+ input.style.width = "auto";
+ label.append(input, document.createTextNode(company.name));
+ return label;
+ }));
}
setSelectOptions($('#openingDialog [name="from"]'), names);
setSelectOptions($('#openingDialog [name="to"]'), names);
@@ -1775,6 +1789,293 @@ function initDashboard() {
loadAdminDashboard();
}
+function formatReminderTime(value) {
+ if (!value) return "—";
+ const text = String(value).replace("T", " ").slice(0, 16);
+ return text;
+}
+
+function reminderTypePill(ruleKey) {
+ if (ruleKey === "pending_review") return "pill-warn";
+ if (ruleKey === "manual") return "pill-warn";
+ return "pill-danger";
+}
+
+function reminderStatusPill(statusUi) {
+ return { unread: "pill-danger", doing: "pill-warn", done: "pill-success" }[statusUi] || "pill-muted";
+}
+
+function reminderStatusLabel(statusUi) {
+ return { unread: "未读", doing: "处理中", done: "已完成" }[statusUi] || statusUi;
+}
+
+async function loadAdminRemindersPending() {
+ const list = $("#pending-list");
+ const empty = $("#pending-empty");
+ const summary = $("#pending-summary");
+ const sendAll = $("#pending-send-all");
+ if (!list) return;
+ const response = await fetch("/api/admin/reminders/pending").catch(() => null);
+ if (response?.status === 401) { window.location.href = "index.html"; return; }
+ const result = await response?.json().catch(() => ({}));
+ if (!response?.ok) return;
+ const findings = result.findings || [];
+ list.querySelectorAll(".list-row").forEach((row) => row.remove());
+ if (!findings.length) {
+ if (empty) empty.style.display = "";
+ if (summary) summary.textContent = "0 家公司 · 0 项";
+ if (sendAll) { sendAll.disabled = true; sendAll.textContent = "全部一键发送"; }
+ return;
+ }
+ if (empty) empty.style.display = "none";
+ const companies = new Set(findings.map((item) => item.company_id)).size;
+ if (summary) summary.textContent = `${companies} 家公司 · ${findings.length} 项`;
+ if (sendAll) {
+ sendAll.disabled = false;
+ sendAll.textContent = "全部一键发送";
+ sendAll.dataset.keys = JSON.stringify(findings.map((item) => item.dedupe_key));
+ }
+ findings.forEach((item) => {
+ const row = document.createElement("div");
+ row.className = "list-row";
+ row.dataset.dedupeKey = item.dedupe_key;
+ const sentHint = item.send_count > 0 ? ` · 已提醒 ${item.send_count} 次` : "";
+ row.innerHTML =
+ '
' +
+ `
${item.rule_label}` +
+ `
${item.title}
` +
+ `
${item.reason}${sentHint}
` +
+ `
${item.days_open} 天` +
+ `
`;
+ list.append(row);
+ });
+}
+
+async function loadAdminRemindersHistory(sourceFilter) {
+ const tbody = $("#reminder-tbody");
+ if (!tbody) return;
+ const query = sourceFilter && sourceFilter !== "all" ? `?source=${sourceFilter === "system" ? "auto" : "manual"}` : "";
+ const response = await fetch(`/api/admin/reminders${query}`).catch(() => null);
+ if (response?.status === 401) { window.location.href = "index.html"; return; }
+ const result = await response?.json().catch(() => ({}));
+ if (!response?.ok) return;
+ const items = result.reminders || [];
+ tbody.replaceChildren(...items.map((item) => {
+ const tr = document.createElement("tr");
+ tr.dataset.source = item.source === "auto" ? "system" : "manual";
+ tr.dataset.reminderId = String(item.id);
+ const summary = item.content.length > 46 ? item.content.slice(0, 46) + "…" : item.content;
+ const sourceCell = item.source === "auto"
+ ? '
系统'
+ : '
人工';
+ tr.innerHTML =
+ `
${item.company_name} | ` +
+ `
${sourceCell} | ` +
+ `
${item.display_type} | ` +
+ `
${summary.replace(/` +
+ ` | ${formatReminderTime(item.last_sent_at)} | ` +
+ `
${item.deadline || "—"} | ` +
+ `
${reminderStatusLabel(item.status_ui)} | ` +
+ '
| ';
+ return tr;
+ }));
+ refreshReminderCounts(result.stats || {});
+}
+
+function refreshReminderCounts(stats) {
+ const rows = $$("#reminder-tbody tr");
+ let all = rows.length, sys = 0, man = 0;
+ rows.forEach((r) => { if (r.dataset.source === "system") sys++; else man++; });
+ $("#count-all").textContent = all;
+ $("#count-system").textContent = sys;
+ $("#count-manual").textContent = man;
+ $("#table-foot-count").textContent = `共 ${all} 条提醒记录`;
+ if (stats) {
+ $("#table-foot-state").textContent = `未读 ${stats.unread || 0} · 处理中 ${stats.doing || 0} · 已完成 ${stats.done || 0}`;
+ }
+}
+
+async function sendPendingReminders(keys) {
+ const response = await fetch("/api/admin/reminders/send", {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({ dedupe_keys: keys }),
+ }).catch(() => null);
+ if (response?.status === 401) { window.location.href = "index.html"; return null; }
+ const result = await response?.json().catch(() => ({}));
+ if (!response?.ok) {
+ showToast("发送失败", result?.message || "请稍后重试", "danger");
+ return null;
+ }
+ return result;
+}
+
+function openReminderDetailDrawer(reminderId) {
+ fetch(`/api/admin/reminders/${reminderId}`)
+ .then((response) => response.json())
+ .then((result) => {
+ const item = result.reminder;
+ if (!item) return;
+ $("#rd-title").textContent = item.title;
+ $("#rd-sub").textContent = item.content;
+ const sourcePill = $("#rd-source-pill");
+ if (sourcePill) {
+ sourcePill.textContent = item.source === "auto" ? "系统" : "人工";
+ sourcePill.className = item.source === "auto" ? "pill pill-info" : "tag";
+ }
+ $("#rd-fields").innerHTML =
+ `
公司${item.company_name}` +
+ `
类型${item.display_type}` +
+ `
触发原因${item.rule_params?.pending_count ? `待处理 ${item.rule_params.pending_count} 项` : (item.rule_params?.period || "—")}` +
+ `
发送时间${formatReminderTime(item.last_sent_at)}` +
+ `
催办次数${item.send_count}` +
+ `
处理状态${reminderStatusLabel(item.status_ui)}`;
+ $("#rd-events").innerHTML = (item.events || []).map((ev) =>
+ `
${ev.event_type}
${formatReminderTime(ev.created_at)} · ${ev.actor}${ev.detail ? " · " + ev.detail : ""}
`,
+ ).join("") || '
';
+ $("#reminder-detail-drawer")?.classList.add("is-open");
+ })
+ .catch(() => showToast("加载详情失败", "", "danger"));
+}
+
+function initAdminReminders() {
+ loadAdminRemindersPending();
+ loadAdminRemindersHistory("all");
+
+ $("#reminder-scan-btn")?.addEventListener("click", async () => {
+ const response = await fetch("/api/admin/reminders/scan", { method: "POST" }).catch(() => null);
+ if (response?.status === 401) { window.location.href = "index.html"; return; }
+ const result = await response?.json().catch(() => ({}));
+ if (!response?.ok) {
+ showToast("扫描失败", result?.message || "请稍后重试", "danger");
+ return;
+ }
+ await loadAdminRemindersPending();
+ showToast("扫描完成", `发现 ${result.summary?.items || 0} 项待提醒`, "success");
+ });
+
+ $("#pending-send-all")?.addEventListener("click", async () => {
+ const checked = $$(".pending-check:checked");
+ let keys;
+ if (checked.length) {
+ keys = checked.map((input) => input.closest(".list-row")?.dataset.dedupeKey).filter(Boolean);
+ } else {
+ keys = JSON.parse($("#pending-send-all").dataset.keys || "[]");
+ }
+ if (!keys.length) return;
+ const result = await sendPendingReminders(keys);
+ if (!result) return;
+ showToast(checked.length ? "已发送选中提醒" : "已全部发送", `共 ${result.count} 项`, "success");
+ await loadAdminRemindersPending();
+ await loadAdminRemindersHistory($("#reminder-tabs .active")?.dataset.filter || "all");
+ });
+
+ $("#pending-list")?.addEventListener("click", async (event) => {
+ const btn = event.target.closest(".pending-send-one");
+ if (!btn) return;
+ const row = btn.closest(".list-row");
+ const key = row?.dataset.dedupeKey;
+ if (!key) return;
+ const result = await sendPendingReminders([key]);
+ if (!result) return;
+ if (!motionQuery.matches) {
+ row.style.transition = "opacity 0.2s ease";
+ row.style.opacity = "0";
+ setTimeout(() => row.remove(), 200);
+ } else {
+ row.remove();
+ }
+ showToast("已发送提醒", "", "success");
+ await loadAdminRemindersPending();
+ await loadAdminRemindersHistory($("#reminder-tabs .active")?.dataset.filter || "all");
+ });
+
+ $("#pending-list")?.addEventListener("change", (event) => {
+ if (!event.target.classList.contains("pending-check")) return;
+ const checked = $$(".pending-check:checked").length;
+ const sendAll = $("#pending-send-all");
+ if (!sendAll) return;
+ sendAll.textContent = checked ? `发送选中（${checked}）` : "全部一键发送";
+ });
+
+ $("#reminderForm")?.addEventListener("submit", async (event) => {
+ event.preventDefault();
+ const form = event.currentTarget;
+ const checked = Array.prototype.slice.call(form.querySelectorAll('input[name="company"]:checked'));
+ const type = $("#reminder-type").value;
+ const content = $("#reminder-content").value.trim();
+ const deadline = $("#reminder-deadline").value;
+ $("#company-error").style.display = checked.length ? "none" : "";
+ $("#content-error").style.display = content ? "none" : "";
+ if (!checked.length || !content) return;
+ for (const input of checked) {
+ const response = await fetch("/api/admin/reminders/manual", {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({
+ company_id: Number(input.value),
+ display_type: type,
+ content,
+ deadline: deadline || null,
+ }),
+ }).catch(() => null);
+ if (response?.status === 401) { window.location.href = "index.html"; return; }
+ const result = await response?.json().catch(() => ({}));
+ if (!response?.ok) {
+ showToast("发送失败", result?.message || "请稍后重试", "danger");
+ return;
+ }
+ }
+ const companies = checked.map((c) => {
+ const company = (state.companies || []).find((item) => String(item.id) === c.value);
+ return company?.name || c.value;
+ }).join("、");
+ form.querySelectorAll('input[name="company"]').forEach((c) => { c.checked = false; });
+ const sendHint = $("#send-hint");
+ sendHint.style.display = "";
+ sendHint.textContent = `已发送给 ${companies}，共 ${checked.length} 家公司。`;
+ clearTimeout(sendHint._t);
+ sendHint._t = setTimeout(() => { sendHint.style.display = "none"; }, 4000);
+ showToast("人工提醒已发送", companies, "success");
+ await loadAdminRemindersHistory($("#reminder-tabs .active")?.dataset.filter || "all");
+ });
+
+ $("#reminder-tabs")?.addEventListener("click", (event) => {
+ const btn = event.target.closest("button[data-filter]");
+ if (!btn) return;
+ $("#reminder-tabs").querySelectorAll("button").forEach((b) => b.classList.remove("active"));
+ btn.classList.add("active");
+ loadAdminRemindersHistory(btn.dataset.filter);
+ });
+
+ $("#reminder-tbody")?.addEventListener("click", async (event) => {
+ const detailBtn = event.target.closest(".act-detail");
+ if (detailBtn) {
+ const tr = detailBtn.closest("tr");
+ openReminderDetailDrawer(tr.dataset.reminderId);
+ return;
+ }
+ const remindBtn = event.target.closest(".act-remind");
+ if (!remindBtn) return;
+ const tr = remindBtn.closest("tr");
+ const response = await fetch(`/api/admin/reminders/${tr.dataset.reminderId}/resend`, { method: "POST" }).catch(() => null);
+ if (response?.status === 401) { window.location.href = "index.html"; return; }
+ const result = await response?.json().catch(() => ({}));
+ if (!response?.ok) {
+ showToast("再提醒失败", result?.message || "请稍后重试", "danger");
+ return;
+ }
+ remindBtn.textContent = "已再提醒";
+ remindBtn.disabled = true;
+ await loadAdminRemindersHistory($("#reminder-tabs .active")?.dataset.filter || "all");
+ showToast("已再次发送提醒", "", "success");
+ });
+
+ $$("[data-close-rd]").forEach((btn) => btn.addEventListener("click", () => {
+ $("#reminder-detail-drawer")?.classList.remove("is-open");
+ }));
+}
+
async function loadAdminCompanies() {
const tbody = $("#companyTable tbody");
showTableLoading(tbody, 6);
@@ -1787,7 +2088,7 @@ async function loadAdminCompanies() {
const companies = result?.companies || [];
state.companies = companies;
renderAdminCompanyTable(companies);
- fillCompanySelects(companies.map((company) => company.name));
+ fillCompanySelects(companies.map((company) => company.name), companies);
if (companies.length >= 2) setPair(companies[0].name, companies[1].name);
}
@@ -2194,7 +2495,18 @@ function initAdmin() {
if (tip) { tip.style.display = ""; tip.style.color = "var(--success)"; tip.textContent = "已保存 · 立即生效"; }
applySystemSettings(result.settings || {});
await loadCalculationSettings();
- showToast("系统计算口径已保存", "结账日与起算日变更已留痕", "success");
+ const gapDays = parseInt($("#cs-remind-days")?.value, 10) || 5;
+ const reminderResp = await fetch("/api/admin/reminder-settings", {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({ settings: { monthly_start_day: String(day || 5), gap_days: String(gapDays) } }),
+ }).catch(() => null);
+ if (reminderResp?.status === 401) { window.location.href = "index.html"; return; }
+ if (!reminderResp?.ok) {
+ showToast("提醒扫描参数保存失败", "", "danger");
+ return;
+ }
+ showToast("系统计算口径已保存", "结账日与起算日变更已留痕 · 提醒扫描参数已同步更新", "success");
});
$("#runClosingCheck")?.addEventListener("click", () => {
@@ -2319,173 +2631,9 @@ function initAdmin() {
showToast(confirmBtn ? "期初已确认" : "期初已作废", "变更已留痕", "success");
});
- // ── 提醒管理：选公司 → 自动列出待提醒事项 → 一键发送 ──
- const reminderSelect = $("#reminder-company");
- const reminderItems = $("#reminder-items");
- const reminderError = $("#reminder-error");
- const companyError = $("#company-error");
- const sendBtn = $("#send-btn");
- const esc = (text) => String(text ?? "").replace(/&/g, "&").replace(//g, ">");
- const fmtReminderTime = (iso) => String(iso || "").replace("T", " ").slice(5, 16);
- let pendingReminderItems = [];
-
- function renderPendingItems(items) {
- pendingReminderItems = items || [];
- if (!reminderItems) return;
- if (!pendingReminderItems.length) {
- reminderItems.innerHTML = '
该公司当前没有待提醒事项。
';
- if (sendBtn) sendBtn.disabled = true;
- return;
- }
- reminderItems.replaceChildren(...pendingReminderItems.map((item) => {
- const row = document.createElement("div");
- row.className = "list-row";
- row.innerHTML =
- '
待处理' +
- '
' + esc(item.kind) + '
' +
- '
' + esc(item.content) + '
';
- return row;
- }));
- if (sendBtn) sendBtn.disabled = false;
- }
-
- async function loadPendingReminders(companyId) {
- if (!companyId) { renderPendingItems([]); return; }
- if (reminderItems) reminderItems.innerHTML = '
正在列出待提醒事项…
';
- if (sendBtn) sendBtn.disabled = true;
- const response = await fetch("/api/admin/reminders/pending?company_id=" + encodeURIComponent(companyId)).catch(() => null);
- if (response?.status === 401) { window.location.href = "index.html"; return; }
- const result = await response?.json().catch(() => ({}));
- if (!response || !response.ok) { renderPendingItems([]); return; }
- renderPendingItems(result.items || []);
- }
-
- reminderSelect?.addEventListener("change", () => {
- if (reminderError) reminderError.style.display = "none";
- loadPendingReminders(reminderSelect.value);
- });
-
- $("#reminderForm")?.addEventListener("submit", async (event) => {
- event.preventDefault();
- const companyId = reminderSelect?.value;
- if (companyError) companyError.style.display = companyId ? "none" : "";
- if (!companyId) return;
- if (!pendingReminderItems.length) {
- if (reminderError) reminderError.style.display = "";
- return;
- }
- if (reminderError) reminderError.style.display = "none";
- if (sendBtn) sendBtn.disabled = true;
- const response = await fetch("/api/admin/reminders/send", {
- method: "POST",
- headers: { "Content-Type": "application/json" },
- body: JSON.stringify({ company_id: Number(companyId) }),
- }).catch(() => null);
- if (response?.status === 401) { window.location.href = "index.html"; return; }
- const result = await response?.json().catch(() => ({}));
- if (!response || !response.ok) {
- if (sendBtn) sendBtn.disabled = false;
- showToast("发送失败", result?.message || "请稍后重试", "danger");
- return;
- }
- const sendHint = $("#send-hint");
- if (sendHint) {
- sendHint.style.display = "";
- sendHint.textContent = `已向 ${result.company_name} 发送 ${(result.reminders || []).length} 项提醒，截止 ${result.deadline || "—"}。`;
- clearTimeout(sendHint._t);
- sendHint._t = setTimeout(() => { sendHint.style.display = "none"; }, 4000);
- }
- await loadReminderHistory();
- await loadPendingReminders(companyId);
- showToast("提醒已发送", `已生成 ${(result.reminders || []).length} 条提醒记录`, "success");
- });
-
- // ── 提醒历史（实时从后端读取） ──
- let reminderFilter = "all";
- function refreshReminderCounts() {
- const rows = $$("#reminder-tbody tr");
- let all = rows.length, sys = 0, man = 0;
- rows.forEach((r) => { if (r.dataset.source === "system") sys++; else man++; });
- const countAll = $("#count-all"), countSys = $("#count-system"), countMan = $("#count-manual");
- if (countAll) countAll.textContent = all;
- if (countSys) countSys.textContent = sys;
- if (countMan) countMan.textContent = man;
- const foot = $("#table-foot-count");
- if (foot) foot.textContent = "共 " + all + " 条提醒记录";
- const state = $("#table-foot-state");
- if (state) state.textContent = "未读 " + all + " · 处理中 0 · 已完成 0";
- }
-
- function applyReminderFilter() {
- $$("#reminder-tbody tr").forEach((r) => {
- r.style.display = (reminderFilter === "all" || r.dataset.source === reminderFilter) ? "" : "none";
- });
- }
-
- async function loadReminderHistory() {
- const tbody = $("#reminder-tbody");
- if (!tbody) return;
- const response = await fetch("/api/admin/reminders").catch(() => null);
- if (response?.status === 401) { window.location.href = "index.html"; return; }
- const result = await response?.json().catch(() => ({}));
- const reminders = result?.reminders || [];
- tbody.replaceChildren(...reminders.map((reminder) => {
- const row = document.createElement("tr");
- row.dataset.source = reminder.source;
- row.innerHTML =
- '
' + esc(reminder.company_name) + ' | ' +
- '
' + esc(reminder.kind) + ' | ' +
- '
' + esc(reminder.content) + ' | ' +
- '
' + fmtReminderTime(reminder.created_at) + '' + (reminder.source === "manual" ? "人工" : "系统") + (reminder.actor_username ? " · " + esc(reminder.actor_username) : "") + ' | ' +
- '
' + (reminder.deadline || "—") + ' | ' +
- '
未读 | ' +
- '
| ';
- return row;
- }));
- applyReminderFilter();
- refreshReminderCounts();
- }
-
- $("#reminder-tabs")?.addEventListener("click", (event) => {
- const btn = event.target.closest("button[data-filter]");
- if (!btn) return;
- $("#reminder-tabs").querySelectorAll("button").forEach((b) => b.classList.remove("active"));
- btn.classList.add("active");
- reminderFilter = btn.dataset.filter;
- applyReminderFilter();
- });
-
- $("#reminder-tbody")?.addEventListener("click", (event) => {
- const historyBtn = event.target.closest(".act-history");
- if (historyBtn) openReminderHistory(historyBtn.dataset.companyId, historyBtn.dataset.company);
- });
-
- async function openReminderHistory(companyId, companyName) {
- $("#history-title").textContent = (companyName || "") + " · 提醒历史";
- $("#history-sub").textContent = "该公司的全部提醒触达记录，按时间倒序。";
- const list = $("#history-list");
- list.innerHTML = '
加载中…
';
- const response = await fetch("/api/admin/reminders?company_id=" + encodeURIComponent(companyId || "")).catch(() => null);
- if (response?.status === 401) { window.location.href = "index.html"; return; }
- const result = await response?.json().catch(() => ({}));
- const items = result?.reminders || [];
- if (!items.length) {
- list.innerHTML = '
';
- } else {
- list.innerHTML = items.map((it) => {
- return '
' +
- '
' + esc(it.kind) + '' +
- '
' + esc(it.content) + '
' + fmtReminderTime(it.created_at) + ' · ' + (it.source === "manual" ? "人工" : "系统") + (it.actor_username ? " · " + esc(it.actor_username) : "") + '
' +
- '
未读
';
- }).join("");
- }
- openModal("history-modal");
- }
- $("#history-close")?.addEventListener("click", () => closeModal("history-modal"));
- $("#history-ok")?.addEventListener("click", () => closeModal("history-modal"));
+ initAdminReminders();
loadSystemSettings();
- loadReminderHistory();
}
const FLOW_DEMO = [
@@ -3287,34 +3435,60 @@ function initReconcile() {
tabSubject?.addEventListener("click", () => switchTab("subject"));
}
+function renderCompanyNoticeRow(item) {
+ const row = document.createElement("div");
+ row.className = "list-row";
+ row.dataset.status = item.status_ui;
+ row.dataset.reminderId = String(item.id);
+ const titleWeight = item.status_ui === "unread" ? "650" : "400";
+ const titleColor = item.status_ui === "unread" ? "var(--fg)" : "var(--muted)";
+ const sourceTag = item.source === "auto" ? '
系统' : '
管理员';
+ const actionLink = item.action_link;
+ let side = "";
+ if (item.status_ui === "unread") {
+ side = '
';
+ } else if (item.status_ui === "doing" && actionLink) {
+ side = `
`;
+ } else if (item.status_ui === "doing") {
+ side = '
';
+ }
+ row.innerHTML =
+ `
${reminderStatusLabel(item.status_ui)}` +
+ sourceTag +
+ `
${item.title}
` +
+ `
${formatReminderTime(item.last_sent_at)} · ${item.content}
` +
+ `
${side}
`;
+ return row;
+}
+
function initNotifications() {
const tabs = $("#notice-tabs");
const list = $("#notice-list");
if (!tabs || !list) return;
- const rows = $$(".list-row", list);
const emptyBox = $("#notice-empty");
let currentFilter = "all";
+ let rows = [];
- const STATUS_PILL = { unread: "pill-danger", doing: "pill-warn", done: "pill-success" };
- const STATUS_LABEL = { unread: "未读", doing: "处理中", done: "已完成" };
-
- function counts() {
- const c = { all: rows.length, unread: 0, doing: 0, done: 0 };
- rows.forEach((row) => { c[row.getAttribute("data-status")] += 1; });
- return c;
- }
-
- function refreshCounts() {
- const c = counts();
+ function refreshCounts(stats, unreadCount) {
+ const c = stats || { all: rows.length, unread: 0, doing: 0, done: 0 };
+ if (!stats) {
+ c.all = rows.length;
+ rows.forEach((row) => { c[row.getAttribute("data-status")] += 1; });
+ } else {
+ c.all = rows.length;
+ }
$("#count-all").textContent = c.all;
$("#count-unread").textContent = c.unread;
$("#count-doing").textContent = c.doing;
$("#count-done").textContent = c.done;
const navBadge = $('.side-nav a[data-view="notifications"] .nav-badge');
+ const unread = unreadCount ?? c.unread;
if (navBadge) {
- navBadge.textContent = c.unread;
- navBadge.style.display = c.unread ? "" : "none";
+ navBadge.textContent = unread;
+ navBadge.style.display = unread ? "" : "none";
}
+ const wsLink = $("#workspace-notice-link");
+ if (wsLink) wsLink.textContent = unread ? `全部通知 (${c.all}) →` : "全部通知 →";
}
function applyFilter() {
@@ -3324,15 +3498,35 @@ function initNotifications() {
row.style.display = show ? "" : "none";
if (show) visible += 1;
});
- emptyBox.style.display = visible === 0 ? "" : "none";
+ if (emptyBox) emptyBox.style.display = visible === 0 ? "" : "none";
}
- function setStatus(row, status) {
- row.setAttribute("data-status", status);
- const pill = $(".pill", row);
- if (pill) {
- pill.className = `pill ${STATUS_PILL[status]}`;
- pill.textContent = STATUS_LABEL[status];
+ async function loadReminders() {
+ const response = await fetch("/api/company/reminders").catch(() => null);
+ if (response?.status === 401) { window.location.href = "index.html"; return; }
+ const result = await response?.json().catch(() => ({}));
+ if (!response?.ok) return;
+ const items = result.reminders || [];
+ list.replaceChildren(...items.map((item) => renderCompanyNoticeRow(item)));
+ rows = $$(".list-row", list);
+ refreshCounts(result.stats, result.unread_count);
+ applyFilter();
+ const wsList = $("#workspace-notice-list");
+ if (wsList) {
+ const preview = items.slice(0, 3);
+ if (!preview.length) {
+ wsList.innerHTML = '
';
+ } else {
+ wsList.replaceChildren(...preview.map((item) => {
+ const row = document.createElement("div");
+ row.className = "list-row";
+ row.innerHTML =
+ `
${item.display_type}` +
+ `
${item.title}
${item.content.slice(0, 48)}
` +
+ `
${formatReminderTime(item.last_sent_at).slice(5, 10)}`;
+ return row;
+ }));
+ }
}
}
@@ -3346,29 +3540,38 @@ function initNotifications() {
applyFilter();
});
- list.addEventListener("click", (event) => {
- const btn = event.target.closest(".btn-mark-read");
+ list.addEventListener("click", async (event) => {
+ const viewLink = event.target.closest("[data-view-link]");
+ if (viewLink && list.contains(viewLink)) {
+ event.preventDefault();
+ showView(viewLink.dataset.viewLink);
+ return;
+ }
+ const readBtn = event.target.closest(".btn-mark-read");
+ const doneBtn = event.target.closest(".btn-mark-done");
+ const btn = readBtn || doneBtn;
if (!btn) return;
const row = btn.closest(".list-row");
- setStatus(row, "done");
- btn.remove();
- refreshCounts();
- applyFilter();
+ const id = row?.dataset.reminderId;
+ if (!id) return;
+ const action = readBtn ? "acknowledge" : "resolve";
+ const response = await fetch(`/api/company/reminders/${id}/${action}`, { method: "POST" }).catch(() => null);
+ if (response?.status === 401) { window.location.href = "index.html"; return; }
+ if (!response?.ok) return;
+ await loadReminders();
});
- $("#mark-all-read")?.addEventListener("click", () => {
- rows.forEach((row) => {
- if (row.getAttribute("data-status") !== "unread") return;
- setStatus(row, "done");
- $(".btn-mark-read", row)?.remove();
- });
- refreshCounts();
- applyFilter();
+ $("#mark-all-read")?.addEventListener("click", async () => {
+ const unreadRows = rows.filter((row) => row.getAttribute("data-status") === "unread");
+ for (const row of unreadRows) {
+ const id = row.dataset.reminderId;
+ await fetch(`/api/company/reminders/${id}/acknowledge`, { method: "POST" }).catch(() => null);
+ }
+ await loadReminders();
showToast("通知已全部标为已读", "", "success");
});
- refreshCounts();
- applyFilter();
+ loadReminders();
}
function openAccountDetail(account) {
diff --git a/web/company.html b/web/company.html
index 2c8ae2c..98c461b 100644
--- a/web/company.html
+++ b/web/company.html
@@ -26,7 +26,7 @@
往来确认5
账户与消息
银行账户
-
通知3
+
通知0