1394 lines
52 KiB
JavaScript
1394 lines
52 KiB
JavaScript
const state = {
|
||
records: [],
|
||
recordLimit: 300,
|
||
recordOffset: 0,
|
||
recordHasMore: false,
|
||
recordsLoading: false,
|
||
selectedId: null,
|
||
selectedRecord: null,
|
||
schema: [],
|
||
view: localStorage.getItem("frontPageReviewView") || "pdf",
|
||
activePage: "overview",
|
||
overview: null,
|
||
auditSamples: [],
|
||
auditCurrentId: null,
|
||
auditView: localStorage.getItem("frontPageAuditView") || "pdf",
|
||
auditLogs: [],
|
||
settings: null,
|
||
ai: null,
|
||
aiPolling: null,
|
||
currentUser: null,
|
||
authenticated: false,
|
||
pdfZoom: Number(localStorage.getItem("frontPagePdfZoom")) || 110,
|
||
};
|
||
|
||
const $ = (id) => document.getElementById(id);
|
||
const PDF_ZOOM_STEP = 15;
|
||
const PDF_MIN_ZOOM = 55;
|
||
const PDF_MAX_ZOOM = 220;
|
||
const OPERATION_COLUMNS = ["手术操作编码", "手术操作日期", "手术级别", "手术操作名称", "术者", "I助", "II助", "切口愈合等级", "麻醉方式", "麻醉医师", "原始内容"];
|
||
const DIAGNOSIS_COLUMNS = ["诊断类别", "出院诊断", "疾病编码", "入院病情"];
|
||
|
||
const GROUP_KEYWORDS = {
|
||
基本信息: ["住院号", "病案号", "首页病案号", "姓名", "性别", "出生", "年龄", "身份证", "婚姻", "健康卡", "入院", "出院", "科别", "科室", "病房", "住院天数"],
|
||
地址联系人: ["地址", "电话", "联系人", "单位", "邮编", "户口"],
|
||
诊断表格: ["诊断", "疾病编码", "编码格式", "病理", "入院病情"],
|
||
手术表格: ["手术", "操作", "麻醉", "切口"],
|
||
离院费用: ["费用", "金额", "自付", "总费用", "离院", "再住院", "昏迷"],
|
||
};
|
||
|
||
const FIELD_KEYWORDS = {
|
||
inpatient_no: ["住院号", "ZY", "12位"],
|
||
medical_record_no: ["病案号", "10位", "前导0"],
|
||
front_page_medical_record_no: ["首页病案号"],
|
||
patient_name: ["姓名"],
|
||
id_card_no: ["身份证"],
|
||
contact_address: ["联系人地址"],
|
||
contact_phone: ["联系人电话"],
|
||
admission_time: ["入院时间"],
|
||
admission_dept: ["入院科别"],
|
||
discharge_time: ["出院时间"],
|
||
discharge_dept: ["出院科别", "科室"],
|
||
hospital_days: ["住院天数"],
|
||
major_department: ["大科室"],
|
||
primary_diagnosis: ["主要诊断"],
|
||
primary_diagnosis_code: ["主要诊断编码", "疾病编码"],
|
||
discharge_diagnoses: ["出院诊断", "其他诊断", "诊断编码", "入院病情"],
|
||
operations: ["手术", "操作", "麻醉", "切口"],
|
||
total_cost: ["总费用"],
|
||
self_pay_amount: ["自付"],
|
||
fee_details: ["费用明细"],
|
||
};
|
||
|
||
function statusTag(status) {
|
||
const value = status || "pending";
|
||
const meta = {
|
||
auto_pass: ["自动通过", "auto_pass"],
|
||
auto_corrected: ["自动修正", "auto_corrected"],
|
||
needs_review: ["需复核", "needs_review"],
|
||
reviewed: ["已复核", "reviewed"],
|
||
"AI复核-无问题": ["AI复核-无问题", "ai_passed"],
|
||
"AI复核-待确认": ["AI复核-待确认", "ai_pending"],
|
||
"已提交": ["已提交", "submitted"],
|
||
pending: ["待处理", "pending"],
|
||
};
|
||
const [label, className] = meta[value] || [value, "pending"];
|
||
return `<span class="tag ${className}">${label}</span>`;
|
||
}
|
||
|
||
function auditTag(status) {
|
||
const labels = { pending: "待抽查", passed: "抽查通过", failed: "抽查异常", unsure: "不确定" };
|
||
return `<span class="tag audit-${status || "pending"}">${labels[status] || status || "待抽查"}</span>`;
|
||
}
|
||
|
||
async function api(path, options = {}) {
|
||
let response;
|
||
try {
|
||
response = await fetch(path, {
|
||
headers: { "Content-Type": "application/json" },
|
||
...options,
|
||
});
|
||
} catch (_) {
|
||
throw new Error("无法连接网页服务，请确认 8501 服务正在运行后重试");
|
||
}
|
||
if (!response.ok) {
|
||
let message = response.statusText;
|
||
try {
|
||
const data = await response.json();
|
||
message = data.detail || message;
|
||
} catch (_) {
|
||
// ignore non-json errors
|
||
}
|
||
if (response.status === 401) {
|
||
showLogin(message || "请先登录");
|
||
}
|
||
throw new Error(message);
|
||
}
|
||
return response.json();
|
||
}
|
||
|
||
function userPermissions() {
|
||
return state.currentUser?.permissions || {};
|
||
}
|
||
|
||
function canOpenPage(page) {
|
||
const key = page === "auditHistory" ? "audit_history" : page;
|
||
return userPermissions()[key] !== false;
|
||
}
|
||
|
||
function firstAllowedPage() {
|
||
return ["overview", "review", "audit", "auditHistory", "settings"].find(canOpenPage) || "overview";
|
||
}
|
||
|
||
function applyPermissions() {
|
||
const permissions = userPermissions();
|
||
document.querySelectorAll(".nav-button").forEach((button) => {
|
||
const key = button.dataset.page === "auditHistory" ? "audit_history" : button.dataset.page;
|
||
button.classList.toggle("is-hidden", permissions[key] === false);
|
||
});
|
||
}
|
||
|
||
function showLogin(message = "") {
|
||
state.authenticated = false;
|
||
$("appShell")?.classList.add("is-hidden");
|
||
$("loginView")?.classList.remove("is-hidden");
|
||
if ($("loginMessage")) $("loginMessage").textContent = message;
|
||
setTimeout(() => $("loginPassword")?.focus(), 0);
|
||
}
|
||
|
||
function showApp() {
|
||
state.authenticated = true;
|
||
$("loginView")?.classList.add("is-hidden");
|
||
$("appShell")?.classList.remove("is-hidden");
|
||
$("currentUserLabel").textContent = state.currentUser?.username ? `当前用户：${state.currentUser.username}` : "已登录";
|
||
applyPermissions();
|
||
}
|
||
|
||
function showMessage(message, kind = "") {
|
||
const box = $("saveMessage");
|
||
if (!box) return;
|
||
box.textContent = message;
|
||
box.className = `save-message ${kind ? `is-${kind}` : ""}`;
|
||
}
|
||
|
||
function showAuditMessage(message, kind = "") {
|
||
const box = $("auditMessage");
|
||
box.textContent = message;
|
||
box.className = `inline-message ${kind ? `is-${kind}` : ""}`;
|
||
}
|
||
|
||
function pdfViewHash() {
|
||
return `#toolbar=0&navpanes=0&scrollbar=1&zoom=${state.pdfZoom}`;
|
||
}
|
||
|
||
function setPdfFrame(frameId, url) {
|
||
const frame = $(frameId);
|
||
if (!frame) return;
|
||
frame.src = "about:blank";
|
||
if (!url) return;
|
||
const separator = url.includes("?") ? "&" : "?";
|
||
requestAnimationFrame(() => {
|
||
frame.src = `${url}${separator}zoom_refresh=${Date.now()}${pdfViewHash()}`;
|
||
});
|
||
}
|
||
|
||
function refreshPdfFrames() {
|
||
if (state.selectedRecord?.pdf_url) {
|
||
setPdfFrame("pdfFrame", state.selectedRecord.pdf_url);
|
||
}
|
||
const auditRecord = state.auditSamples.find((sample) => sample.record.id === state.auditCurrentId)?.record;
|
||
if (auditRecord?.pdf_url) {
|
||
setPdfFrame("auditPdfFrame", auditRecord.pdf_url);
|
||
}
|
||
}
|
||
|
||
function updatePdfZoomLabels() {
|
||
["pdfZoomLabel", "auditPdfZoomLabel"].forEach((id) => {
|
||
if ($(id)) $(id).textContent = `${state.pdfZoom}%`;
|
||
});
|
||
}
|
||
|
||
function setPdfZoom(value) {
|
||
state.pdfZoom = Math.max(PDF_MIN_ZOOM, Math.min(PDF_MAX_ZOOM, Number(value) || 110));
|
||
localStorage.setItem("frontPagePdfZoom", String(state.pdfZoom));
|
||
updatePdfZoomLabels();
|
||
refreshPdfFrames();
|
||
}
|
||
|
||
function changePdfZoom(delta) {
|
||
setPdfZoom(state.pdfZoom + delta);
|
||
}
|
||
|
||
function switchPage(page) {
|
||
if (!state.authenticated || !canOpenPage(page)) return;
|
||
state.activePage = page;
|
||
document.querySelectorAll(".page-view").forEach((el) => el.classList.add("is-hidden"));
|
||
$(`${page}Page`)?.classList.remove("is-hidden");
|
||
document.querySelectorAll(".nav-button").forEach((button) => {
|
||
button.classList.toggle("is-active", button.dataset.page === page);
|
||
});
|
||
if (page === "overview") loadOverview();
|
||
if (page === "review") loadRecords();
|
||
if (page === "auditHistory") loadAuditLogs();
|
||
if (page === "settings") loadSettings();
|
||
}
|
||
|
||
async function loadStatus() {
|
||
const data = await api("/api/status");
|
||
const stateLabel = data.database === "online" ? "在线" : data.database === "unchecked" ? "未检查" : "离线";
|
||
$("dbState").textContent = stateLabel;
|
||
$("dbState").className = data.database === "online" ? "status-online" : data.database === "unchecked" ? "status-muted" : "status-offline";
|
||
$("dbTotal").textContent = data.total ?? "--";
|
||
$("dbNeedsReview").textContent = data.needs_review ?? "--";
|
||
$("dbAiPassed").textContent = data.ai_passed ?? "--";
|
||
$("dbAiPending").textContent = data.ai_pending ?? "--";
|
||
$("dbReviewed").textContent = data.reviewed ?? "--";
|
||
$("statusGrid").title = `${data.host}:${data.port}/${data.database_name} · ${data.table} · ${data.message || ""} · ${data.checked_at ? `上次检查 ${formatTime(data.checked_at)}` : "尚未检查"}`;
|
||
state.status = data;
|
||
return data;
|
||
}
|
||
|
||
async function loadOverview() {
|
||
const data = await api("/api/overview");
|
||
state.overview = data;
|
||
renderOverview(data);
|
||
}
|
||
|
||
function renderOverview(data) {
|
||
const summary = data.summary || {};
|
||
const metrics = [
|
||
["总记录", summary.total],
|
||
["复核队列", summary.review_queue],
|
||
["需复核", summary.needs_review],
|
||
["AI待确认", summary.ai_pending],
|
||
["AI无问题", summary.ai_passed],
|
||
["已复核", summary.reviewed],
|
||
["已提交", summary.submitted],
|
||
["自动通过", summary.auto_passed],
|
||
["抽查记录", summary.audit_total],
|
||
["抽查异常", summary.audit_failed],
|
||
];
|
||
$("overviewMetrics").innerHTML = metrics.map(([label, value]) => `
|
||
<article class="metric-card">
|
||
<span>${escapeHtml(label)}</span>
|
||
<strong>${value ?? 0}</strong>
|
||
</article>
|
||
`).join("");
|
||
$("overviewQueues").innerHTML = `
|
||
<div class="queue-line"><span>复核工作台默认</span><strong>全部数据：需复核 ${summary.needs_review || 0} / AI待确认 ${summary.ai_pending || 0} / 已复核 ${summary.reviewed || 0}</strong></div>
|
||
<div class="queue-line"><span>抽查候选池</span><strong>已复核 ${summary.reviewed || 0} 条 / 自动通过 ${summary.auto_passed || 0} 条</strong></div>
|
||
<div class="queue-line"><span>日志存储</span><strong>人工复核和抽查记录均写入主表 JSONB 列</strong></div>
|
||
`;
|
||
$("overviewRecentLogs").innerHTML = renderLogTable(data.recent_logs || []);
|
||
}
|
||
|
||
async function loadSchema() {
|
||
const data = await api("/api/schema");
|
||
state.schema = data.groups;
|
||
}
|
||
|
||
async function loadRecords({ append = false } = {}) {
|
||
if (state.recordsLoading) return;
|
||
state.recordsLoading = true;
|
||
const query = encodeURIComponent($("searchInput").value.trim());
|
||
const status = encodeURIComponent($("statusFilter").value || "review_all");
|
||
const offset = append ? state.recordOffset : 0;
|
||
try {
|
||
const data = await api(`/api/records?q=${query}&status_filter=${status}&limit=${state.recordLimit || 300}&offset=${offset}`);
|
||
state.records = append ? [...state.records, ...data.records] : data.records;
|
||
state.recordLimit = data.limit || 300;
|
||
state.recordOffset = (data.offset || 0) + data.records.length;
|
||
state.recordHasMore = Boolean(data.has_more);
|
||
if (!append && !state.records.some((record) => record.id === state.selectedId)) {
|
||
state.selectedId = null;
|
||
}
|
||
renderRecords();
|
||
renderFilterActions();
|
||
if (!state.selectedId && state.records.length) {
|
||
await selectRecord(state.records[0].id);
|
||
}
|
||
} catch (error) {
|
||
showMessage(error.message || "加载列表失败", "error");
|
||
} finally {
|
||
state.recordsLoading = false;
|
||
renderRecords();
|
||
renderFilterActions();
|
||
}
|
||
}
|
||
|
||
function renderRecords() {
|
||
const list = $("recordList");
|
||
const previousScrollTop = list.scrollTop;
|
||
if (!state.records.length) {
|
||
list.innerHTML = `<div class="empty">当前筛选下没有需要处理的记录</div>`;
|
||
return;
|
||
}
|
||
const limitNotice = state.recordHasMore
|
||
? `<div class="list-note">已显示 ${state.records.length} 条，继续下拉加载更多</div>`
|
||
: "";
|
||
const loadingNotice = state.recordsLoading ? `<div class="list-loading">正在加载...</div>` : "";
|
||
const endNotice = !state.recordHasMore && state.records.length ? `<div class="list-end">已加载全部 ${state.records.length} 条</div>` : "";
|
||
list.innerHTML = limitNotice + state.records.map((record) => {
|
||
const active = record.id === state.selectedId ? " is-active" : "";
|
||
const manual = record.manual_corrected ? " · 人工已改" : "";
|
||
const activity = record.last_activity_at ? `<span class="record-time">最近 ${escapeHtml(formatTime(record.last_activity_at))}</span>` : "";
|
||
return `
|
||
<button class="record-item${active}" type="button" data-id="${record.id}">
|
||
<div class="record-main">
|
||
<span class="record-name">${escapeHtml(record.patient_name || "未命名")}</span>
|
||
${statusTag(record.review_status)}
|
||
</div>
|
||
<div class="record-sub">
|
||
${escapeHtml(record.inpatient_no || record.medical_record_no || "")} · ${escapeHtml(record.major_department || record.discharge_dept || "")}${manual}<br>
|
||
${escapeHtml(record.primary_diagnosis || "")}
|
||
${activity}
|
||
</div>
|
||
</button>
|
||
`;
|
||
}).join("") + loadingNotice + endNotice;
|
||
list.querySelectorAll(".record-item").forEach((button) => {
|
||
button.addEventListener("click", () => selectRecord(Number(button.dataset.id)));
|
||
});
|
||
list.scrollTop = previousScrollTop;
|
||
}
|
||
|
||
function renderFilterActions() {
|
||
const button = $("approveAiNoIssueBtn");
|
||
if (!button) return;
|
||
button.classList.toggle("is-hidden", $("statusFilter").value !== "AI复核-无问题");
|
||
}
|
||
|
||
function scrollSelectedRecordIntoView() {
|
||
const selected = $("recordList")?.querySelector(`.record-item[data-id="${state.selectedId}"]`);
|
||
selected?.scrollIntoView({ block: "nearest" });
|
||
}
|
||
|
||
function maybeLoadMoreRecords() {
|
||
const list = $("recordList");
|
||
if (!list || !state.recordHasMore || state.recordsLoading) return;
|
||
const distanceToBottom = list.scrollHeight - list.scrollTop - list.clientHeight;
|
||
if (distanceToBottom < 240) loadRecords({ append: true });
|
||
}
|
||
|
||
async function selectRecord(id, options = {}) {
|
||
state.selectedId = id;
|
||
renderRecords();
|
||
if (options.keepInView) scrollSelectedRecordIntoView();
|
||
showMessage("");
|
||
try {
|
||
const data = await api(`/api/records/${id}`);
|
||
if (state.selectedId !== id) return;
|
||
state.selectedRecord = data.record;
|
||
renderSelectedRecord();
|
||
} catch (error) {
|
||
showMessage(error.message || "记录加载失败，请刷新后重试", "error");
|
||
}
|
||
}
|
||
|
||
function recordListIndex() {
|
||
return state.records.findIndex((record) => record.id === state.selectedId);
|
||
}
|
||
|
||
function recordMatchesActiveFilter(record) {
|
||
const status = $("statusFilter").value || "review_all";
|
||
if (status === "review_all") {
|
||
return ["needs_review", "reviewed", "AI复核-无问题", "AI复核-待确认"].includes(record.review_status) || record.manual_corrected === true;
|
||
}
|
||
if (status === "needs_review") {
|
||
return record.review_status === "needs_review";
|
||
}
|
||
if (status === "reviewed") {
|
||
return record.review_status === "reviewed";
|
||
}
|
||
return status === "all" || record.review_status === status;
|
||
}
|
||
|
||
async function selectAdjacentRecord(delta) {
|
||
if (!state.records.length || state.recordsLoading) return;
|
||
let index = recordListIndex();
|
||
if (index < 0) index = delta > 0 ? -1 : state.records.length;
|
||
let nextIndex = index + delta;
|
||
if (nextIndex >= state.records.length && state.recordHasMore) {
|
||
await loadRecords({ append: true });
|
||
nextIndex = index + delta;
|
||
}
|
||
if (nextIndex < 0 || nextIndex >= state.records.length) return;
|
||
await selectRecord(state.records[nextIndex].id, { keepInView: true });
|
||
}
|
||
|
||
function handleRecordListKeydown(event) {
|
||
if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
|
||
event.preventDefault();
|
||
selectAdjacentRecord(event.key === "ArrowDown" ? 1 : -1);
|
||
}
|
||
|
||
function isTextEntryTarget(target) {
|
||
if (!target) return false;
|
||
const tagName = target.tagName;
|
||
return target.isContentEditable || tagName === "INPUT" || tagName === "TEXTAREA" || tagName === "SELECT";
|
||
}
|
||
|
||
function preventWorkspacePageScroll(event) {
|
||
const scrollKeys = new Set(["ArrowDown", "ArrowUp", "PageDown", "PageUp", "Home", "End", " "]);
|
||
if (!scrollKeys.has(event.key) || isTextEntryTarget(event.target)) return;
|
||
if (state.activePage === "review" && (event.key === "ArrowDown" || event.key === "ArrowUp")) {
|
||
event.preventDefault();
|
||
event.stopPropagation();
|
||
selectAdjacentRecord(event.key === "ArrowDown" ? 1 : -1);
|
||
return;
|
||
}
|
||
if (state.activePage !== "review" && state.activePage !== "audit") return;
|
||
event.preventDefault();
|
||
}
|
||
|
||
function releasePdfKeyboardFocus(event) {
|
||
event.currentTarget.blur();
|
||
document.body.setAttribute("tabindex", "-1");
|
||
document.body.focus({ preventScroll: true });
|
||
}
|
||
|
||
function renderSelectedRecord() {
|
||
const record = state.selectedRecord;
|
||
$("saveBtn").disabled = false;
|
||
$("pdfTitle").textContent = record.source_file || "未找到文件";
|
||
$("pdfSubtitle").textContent = `${record.patient_name || ""} · ${record.inpatient_no || record.medical_record_no || ""} · ${record.primary_diagnosis || ""}`;
|
||
$("detailTitle").textContent = `${record.patient_name || "未命名"} · ${record.inpatient_no || record.medical_record_no || ""}`;
|
||
$("detailMeta").textContent = `${record.source_file || ""} · ${record.major_department || ""}`;
|
||
setPdfFrame("pdfFrame", record.pdf_url);
|
||
renderReviewStrip(record);
|
||
renderForm(record, {
|
||
formId: "detailForm",
|
||
targetId: "targetSummary",
|
||
noteId: "manualNote",
|
||
logCountId: "changeLogCount",
|
||
logTableId: "changeLogTable",
|
||
});
|
||
renderChangeLogs(record.review_logs || [], "changeLogCount", "changeLogTable");
|
||
setView(state.view);
|
||
}
|
||
|
||
async function refreshSelectedRecord() {
|
||
if (!state.selectedId) return;
|
||
try {
|
||
const data = await api(`/api/records/${state.selectedId}`);
|
||
if (state.selectedId !== data.record.id) return;
|
||
state.selectedRecord = data.record;
|
||
renderSelectedRecord();
|
||
const index = state.records.findIndex((record) => record.id === data.record.id);
|
||
if (index >= 0) state.records[index] = { ...state.records[index], ...compactRecord(data.record) };
|
||
renderRecords();
|
||
} catch (_) {
|
||
// keep the current UI if a background refresh loses the selected record
|
||
}
|
||
}
|
||
|
||
function reviewNotes(record) {
|
||
const notes = [];
|
||
["review_notes", "quality_notes", "auto_corrections"].forEach((key) => {
|
||
const value = record[key];
|
||
if (Array.isArray(value)) {
|
||
value.forEach((item) => notes.push(typeof item === "string" ? item : JSON.stringify(item)));
|
||
} else if (value) {
|
||
notes.push(String(value));
|
||
}
|
||
});
|
||
return notes.filter(Boolean);
|
||
}
|
||
|
||
function reviewTargets(record) {
|
||
const notes = reviewNotes(record);
|
||
const text = notes.join("；");
|
||
const fieldAlerts = new Set();
|
||
const groupAlerts = new Set();
|
||
state.schema.forEach((group) => {
|
||
let groupHit = (GROUP_KEYWORDS[group.name] || []).some((keyword) => text.includes(keyword));
|
||
group.fields.forEach(([name, label]) => {
|
||
const keywords = [label, name, ...(FIELD_KEYWORDS[name] || [])].filter((keyword) => String(keyword).length > 1);
|
||
if (keywords.some((keyword) => text.includes(keyword))) {
|
||
fieldAlerts.add(name);
|
||
groupHit = true;
|
||
}
|
||
});
|
||
if (groupHit) groupAlerts.add(group.name);
|
||
});
|
||
return { notes, fieldAlerts, groupAlerts };
|
||
}
|
||
|
||
function renderReviewStrip(record) {
|
||
$("reviewStrip").innerHTML = `
|
||
<div class="strip-item"><span>复核状态</span>${statusTag(record.review_status)}</div>
|
||
<label class="strip-item strip-note"><span>本次人工备注</span><input id="manualNote" type="text" placeholder="填写修正原因或核验说明"></label>
|
||
`;
|
||
}
|
||
|
||
function renderForm(record, options = {}) {
|
||
const formId = options.formId || "detailForm";
|
||
const targetId = options.targetId || "targetSummary";
|
||
const noteId = options.noteId || "manualNote";
|
||
const form = $(formId);
|
||
const targets = reviewTargets(record);
|
||
const hasTarget = targets.groupAlerts.size > 0;
|
||
renderTargetSummary(targets, targetId, formId);
|
||
form.innerHTML = state.schema.map((group, index) => {
|
||
const groupAlert = targets.groupAlerts.has(group.name);
|
||
const fields = group.fields.map(([name, label, type, options]) => renderField(record, name, label, type, options, targets.fieldAlerts.has(name))).join("");
|
||
const open = groupAlert || (!hasTarget && index === 0);
|
||
return `
|
||
<details class="field-group${groupAlert ? " is-alert" : ""}" data-group="${escapeHtml(group.name)}" ${open ? "open" : ""}>
|
||
<summary>${escapeHtml(group.name)}${groupAlert ? "<span>需核对</span>" : ""}</summary>
|
||
<div class="field-grid">${fields}</div>
|
||
</details>
|
||
`;
|
||
}).join("");
|
||
if ($(noteId)) $(noteId).value = "";
|
||
}
|
||
|
||
function renderTargetSummary(targets, targetId = "targetSummary", formId = "detailForm") {
|
||
const groups = [...targets.groupAlerts];
|
||
const notesHtml = targets.notes.length
|
||
? targets.notes.map((note) => `<li>${escapeHtml(note)}</li>`).join("")
|
||
: "<li>暂无复核提示</li>";
|
||
$(targetId).innerHTML = `
|
||
<details class="collapsible-panel target-panel" open>
|
||
<summary>
|
||
<strong>复核定位</strong>
|
||
<span>${groups.length ? `${groups.length} 个模块` : "未定位"}</span>
|
||
</summary>
|
||
<div class="target-chips">
|
||
${groups.length ? groups.map((group) => `<button type="button" data-target-group="${escapeHtml(group)}">${escapeHtml(group)}</button>`).join("") : "<span>未定位到具体模块，先核对基本信息</span>"}
|
||
</div>
|
||
<ul>${notesHtml}</ul>
|
||
</details>
|
||
`;
|
||
$(targetId).querySelectorAll("[data-target-group]").forEach((button) => {
|
||
button.addEventListener("click", () => {
|
||
const group = $(formId).querySelector(`.field-group[data-group="${CSS.escape(button.dataset.targetGroup)}"]`);
|
||
if (group) {
|
||
group.open = true;
|
||
group.scrollIntoView({ block: "center", behavior: "smooth" });
|
||
}
|
||
});
|
||
});
|
||
}
|
||
|
||
function renderField(record, name, label, type, options, alerted = false) {
|
||
const value = record[name];
|
||
const wide = type === "json" || String(value || "").length > 28 ? " is-wide" : "";
|
||
const alertClass = alerted ? " is-alert" : "";
|
||
let control = "";
|
||
if (type === "select") {
|
||
control = `<select data-field="${name}" data-type="${type}">
|
||
${(options || []).map((option) => `<option value="${escapeHtml(option)}" ${option === value ? "selected" : ""}>${escapeHtml(option)}</option>`).join("")}
|
||
</select>`;
|
||
} else if (type === "json") {
|
||
control = renderJsonEditor(name, value);
|
||
} else {
|
||
const inputType = type === "date" ? "date" : "text";
|
||
const placeholder = type === "datetime" ? "YYYY-MM-DD HH:MM:SS" : "";
|
||
control = `<input data-field="${name}" data-type="${type}" type="${inputType}" value="${escapeHtml(value ?? "")}" placeholder="${placeholder}">`;
|
||
}
|
||
return `<label class="field${wide}${alertClass}"><span>${escapeHtml(label)}${alerted ? "<em>需核对</em>" : ""}</span>${control}</label>`;
|
||
}
|
||
|
||
function preferredColumns(fieldName, value) {
|
||
if (fieldName === "operations") return OPERATION_COLUMNS;
|
||
if (fieldName === "discharge_diagnoses") return DIAGNOSIS_COLUMNS;
|
||
if (Array.isArray(value)) {
|
||
const keys = [];
|
||
value.forEach((row) => {
|
||
if (row && typeof row === "object" && !Array.isArray(row)) {
|
||
Object.keys(row).forEach((key) => {
|
||
if (!keys.includes(key)) keys.push(key);
|
||
});
|
||
}
|
||
});
|
||
return keys.length ? keys : ["值"];
|
||
}
|
||
if (value && typeof value === "object") return ["项目", "金额"];
|
||
return ["值"];
|
||
}
|
||
|
||
function renderJsonEditor(fieldName, value) {
|
||
const columns = preferredColumns(fieldName, value);
|
||
const rows = normalizeJsonRows(value, columns);
|
||
const header = columns.map((column) => `<th>${escapeHtml(column)}</th>`).join("");
|
||
const body = rows.map((row) => renderJsonRow(columns, row)).join("");
|
||
return `
|
||
<div class="json-editor" data-json-field="${fieldName}" data-kind="${Array.isArray(value) ? "array" : "object"}">
|
||
<div class="json-toolbar">
|
||
<button type="button" data-json-add>新增行</button>
|
||
<button type="button" data-json-raw>复制 JSON</button>
|
||
</div>
|
||
<div class="json-table-wrap">
|
||
<table class="json-table" data-columns="${escapeHtml(JSON.stringify(columns))}">
|
||
<thead><tr>${header}<th>操作</th></tr></thead>
|
||
<tbody>${body || renderJsonRow(columns, {})}</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
`;
|
||
}
|
||
|
||
function normalizeJsonRows(value, columns) {
|
||
if (Array.isArray(value)) {
|
||
return value.map((row) => {
|
||
if (row && typeof row === "object" && !Array.isArray(row)) return row;
|
||
return { [columns[0] || "值"]: row ?? "" };
|
||
});
|
||
}
|
||
if (value && typeof value === "object") {
|
||
return Object.entries(value).map(([key, amount]) => ({ 项目: key, 金额: amount }));
|
||
}
|
||
if (value === null || value === undefined || value === "") return [];
|
||
return [{ [columns[0] || "值"]: value }];
|
||
}
|
||
|
||
function renderJsonRow(columns, row) {
|
||
const cells = columns.map((column) => {
|
||
const value = row[column] ?? "";
|
||
return `<td><input data-json-key="${escapeHtml(column)}" value="${escapeHtml(value)}"></td>`;
|
||
}).join("");
|
||
return `<tr>${cells}<td><button type="button" data-json-delete>删除</button></td></tr>`;
|
||
}
|
||
|
||
function collectFields(formId = "detailForm") {
|
||
const fields = {};
|
||
$(formId).querySelectorAll("input[data-field], select[data-field], textarea[data-field]").forEach((control) => {
|
||
fields[control.dataset.field] = control.value;
|
||
});
|
||
$(formId).querySelectorAll(".json-editor[data-json-field]").forEach((editor) => {
|
||
fields[editor.dataset.jsonField] = collectJsonEditor(editor);
|
||
});
|
||
return fields;
|
||
}
|
||
|
||
function collectJsonEditor(editor) {
|
||
const table = editor.querySelector("table");
|
||
const columns = JSON.parse(table.dataset.columns || "[]");
|
||
const rows = [...table.querySelectorAll("tbody tr")].map((tr) => {
|
||
const row = {};
|
||
tr.querySelectorAll("[data-json-key]").forEach((input) => {
|
||
row[input.dataset.jsonKey] = input.value;
|
||
});
|
||
return row;
|
||
}).filter((row) => Object.values(row).some((value) => String(value).trim() !== ""));
|
||
|
||
if (editor.dataset.kind === "object") {
|
||
const result = {};
|
||
rows.forEach((row) => {
|
||
const key = row["项目"];
|
||
if (key) result[key] = row["金额"] ?? "";
|
||
});
|
||
return result;
|
||
}
|
||
return rows;
|
||
}
|
||
|
||
async function advanceAfterSave(savedId, savedRecord) {
|
||
const savedSummary = compactRecord(savedRecord);
|
||
const listIndex = state.records.findIndex((record) => record.id === savedId);
|
||
let nextIndex = listIndex >= 0 ? listIndex : recordListIndex() + 1;
|
||
|
||
if (listIndex >= 0) {
|
||
if (recordMatchesActiveFilter(savedSummary)) {
|
||
state.records[listIndex] = { ...state.records[listIndex], ...savedSummary };
|
||
nextIndex = listIndex + 1;
|
||
} else {
|
||
state.records.splice(listIndex, 1);
|
||
state.recordOffset = Math.max(0, state.recordOffset - 1);
|
||
nextIndex = listIndex;
|
||
}
|
||
}
|
||
|
||
renderRecords();
|
||
|
||
if (nextIndex >= state.records.length && state.recordHasMore) {
|
||
await loadRecords({ append: true });
|
||
}
|
||
|
||
if (nextIndex < state.records.length) {
|
||
await selectRecord(state.records[nextIndex].id, { keepInView: true });
|
||
showMessage("已复核并保存，已自动跳到下一条", "ok");
|
||
return;
|
||
}
|
||
|
||
state.selectedId = savedId;
|
||
state.selectedRecord = savedRecord;
|
||
renderSelectedRecord();
|
||
renderRecords();
|
||
showMessage("已复核并保存，当前列表已没有下一条", "ok");
|
||
}
|
||
|
||
async function saveRecord() {
|
||
if (!state.selectedId) return;
|
||
$("saveBtn").disabled = true;
|
||
showMessage("正在保存...");
|
||
const savedId = state.selectedId;
|
||
try {
|
||
const payload = {
|
||
fields: collectFields(),
|
||
manual_note: $("manualNote").value.trim(),
|
||
note_prefix: "人工复核",
|
||
};
|
||
const data = await api(`/api/records/${state.selectedId}`, {
|
||
method: "POST",
|
||
body: JSON.stringify(payload),
|
||
});
|
||
state.selectedRecord = data.record;
|
||
renderChangeLogs(data.record.review_logs || [], "changeLogCount", "changeLogTable");
|
||
await advanceAfterSave(savedId, data.record);
|
||
loadStatus().catch(() => null);
|
||
} catch (error) {
|
||
showMessage(error.message, "error");
|
||
} finally {
|
||
$("saveBtn").disabled = false;
|
||
}
|
||
}
|
||
|
||
function compactRecord(record) {
|
||
return {
|
||
id: record.id,
|
||
source_file: record.source_file,
|
||
inpatient_no: record.inpatient_no,
|
||
medical_record_no: record.medical_record_no,
|
||
patient_name: record.patient_name,
|
||
review_status: record.review_status,
|
||
manual_corrected: record.manual_corrected,
|
||
major_department: record.major_department,
|
||
discharge_dept: record.discharge_dept,
|
||
primary_diagnosis: record.primary_diagnosis,
|
||
primary_diagnosis_code: record.primary_diagnosis_code,
|
||
contact_phone: record.contact_phone,
|
||
last_activity_at: record.last_activity_at,
|
||
has_pdf: Boolean(record.pdf_url),
|
||
};
|
||
}
|
||
|
||
function setView(view) {
|
||
state.view = "pdf";
|
||
$("pdfView").classList.remove("is-hidden");
|
||
}
|
||
|
||
function renderChangeLogs(logs, countId = "changeLogCount", tableId = "changeLogTable") {
|
||
$(countId).textContent = `${logs.length} 条`;
|
||
$(tableId).innerHTML = renderLogTable(logs);
|
||
}
|
||
|
||
function renderLogTable(logs) {
|
||
if (!logs.length) return `<div class="empty small">暂无修改记录</div>`;
|
||
const rows = logs.map((log) => {
|
||
const fields = Array.isArray(log.changed_fields) ? log.changed_fields : [];
|
||
const summary = fields.length
|
||
? fields.map((field) => `${field.label || field.field}: ${shortValue(field.old)} -> ${shortValue(field.new)}`).join("；")
|
||
: "仅记录人工备注或状态确认";
|
||
return `
|
||
<tr>
|
||
<td>${escapeHtml(formatTime(log.changed_at))}</td>
|
||
<td>${escapeHtml(log.changed_by || "web")}</td>
|
||
<td>${escapeHtml(summary)}</td>
|
||
<td>${escapeHtml(log.manual_note || "")}</td>
|
||
</tr>
|
||
`;
|
||
}).join("");
|
||
return `
|
||
<table class="data-table">
|
||
<thead><tr><th>修改时间</th><th>来源</th><th>修改内容</th><th>备注</th></tr></thead>
|
||
<tbody>${rows}</tbody>
|
||
</table>
|
||
`;
|
||
}
|
||
|
||
function shortValue(value) {
|
||
if (value === null || value === undefined || value === "") return "空";
|
||
const text = typeof value === "string" ? value : JSON.stringify(value);
|
||
return text.length > 36 ? `${text.slice(0, 36)}...` : text;
|
||
}
|
||
|
||
async function sampleAudit() {
|
||
const source = encodeURIComponent($("auditSource").value);
|
||
const count = encodeURIComponent($("auditCount").value || "5");
|
||
showAuditMessage("正在抽取...");
|
||
try {
|
||
const data = await api(`/api/audit/sample?source=${source}&count=${count}`, { method: "POST" });
|
||
state.auditSamples = data.records.map((record) => ({
|
||
record,
|
||
audit_source: data.audit_source,
|
||
audit_status: "pending",
|
||
audit_notes: "",
|
||
}));
|
||
state.auditCurrentId = state.auditSamples[0]?.record.id || null;
|
||
renderAuditSamples();
|
||
if (state.auditCurrentId) renderAuditCurrent();
|
||
showAuditMessage(`已抽取 ${state.auditSamples.length} 条`, "ok");
|
||
await loadAuditLogs();
|
||
await loadOverview();
|
||
} catch (error) {
|
||
showAuditMessage(error.message, "error");
|
||
}
|
||
}
|
||
|
||
function renderAuditSamples() {
|
||
const box = $("auditSampleList");
|
||
if (!state.auditSamples.length) {
|
||
box.innerHTML = `<div class="empty">暂无抽查样本</div>`;
|
||
return;
|
||
}
|
||
box.innerHTML = state.auditSamples.map((item) => {
|
||
const { record } = item;
|
||
return `
|
||
<button type="button" class="record-item${record.id === state.auditCurrentId ? " is-active" : ""}" data-audit-record="${record.id}">
|
||
<div class="record-main">
|
||
<span class="record-name">${escapeHtml(record.patient_name || "未命名")}</span>
|
||
${auditTag(item.audit_status || "pending")}
|
||
</div>
|
||
<div class="record-sub">${escapeHtml(record.inpatient_no || record.medical_record_no || "")}<br>${escapeHtml(record.primary_diagnosis || "")}</div>
|
||
</button>
|
||
`;
|
||
}).join("");
|
||
box.querySelectorAll("[data-audit-record]").forEach((button) => {
|
||
button.addEventListener("click", () => {
|
||
state.auditCurrentId = Number(button.dataset.auditRecord);
|
||
renderAuditSamples();
|
||
renderAuditCurrent();
|
||
});
|
||
});
|
||
}
|
||
|
||
function renderAuditCurrent() {
|
||
const item = state.auditSamples.find((sample) => sample.record.id === state.auditCurrentId);
|
||
if (!item) {
|
||
$("auditPdfTitle").textContent = "未选择抽查记录";
|
||
$("auditPdfSubtitle").textContent = "";
|
||
setPdfFrame("auditPdfFrame", "");
|
||
$("auditDetailTitle").textContent = "抽查信息";
|
||
$("auditDetailMeta").textContent = "随机抽取后开始抽查";
|
||
$("auditDetailForm").innerHTML = "";
|
||
$("auditTargetSummary").innerHTML = "";
|
||
renderChangeLogs([], "auditChangeLogCount", "auditChangeLogTable");
|
||
return;
|
||
}
|
||
const record = item.record;
|
||
$("auditPdfTitle").textContent = record.source_file || "未找到文件";
|
||
$("auditPdfSubtitle").textContent = `${record.patient_name || ""} · ${record.inpatient_no || record.medical_record_no || ""} · ${record.primary_diagnosis || ""}`;
|
||
$("auditDetailTitle").textContent = `${record.patient_name || "未命名"} · ${record.inpatient_no || record.medical_record_no || ""}`;
|
||
$("auditDetailMeta").textContent = `${record.source_file || ""} · ${record.major_department || ""}`;
|
||
setPdfFrame("auditPdfFrame", record.pdf_url);
|
||
$("auditReviewStrip").innerHTML = `
|
||
<div class="strip-item"><span>复核状态</span>${statusTag(record.review_status)}</div>
|
||
<div class="strip-item"><span>抽查状态</span>${auditTag(item.audit_status || "pending")}</div>
|
||
<div class="strip-item wide"><span>主要诊断</span><strong>${escapeHtml(record.primary_diagnosis || "无")}</strong></div>
|
||
<div class="strip-item wide"><span>抽查来源</span><strong>${escapeHtml(item.audit_source || "")}</strong></div>
|
||
`;
|
||
renderForm(record, {
|
||
formId: "auditDetailForm",
|
||
targetId: "auditTargetSummary",
|
||
noteId: "auditNotes",
|
||
});
|
||
$("auditNotes").value = item.audit_notes || "";
|
||
renderChangeLogs(record.review_logs || [], "auditChangeLogCount", "auditChangeLogTable");
|
||
setAuditView(state.auditView);
|
||
}
|
||
|
||
async function saveAuditStatus(status) {
|
||
const item = state.auditSamples.find((sample) => sample.record.id === state.auditCurrentId);
|
||
if (!item) return;
|
||
try {
|
||
const data = await api("/api/audit/classify", {
|
||
method: "POST",
|
||
body: JSON.stringify({
|
||
record_id: item.record.id,
|
||
audit_source: item.audit_source || $("auditSource").value,
|
||
audit_status: status,
|
||
audit_notes: $("auditNotes").value.trim(),
|
||
fields: collectFields("auditDetailForm"),
|
||
}),
|
||
});
|
||
item.log = data.log;
|
||
item.audit_status = data.log.audit_status;
|
||
item.audit_notes = data.log.audit_notes || "";
|
||
item.record = data.record;
|
||
renderAuditSamples();
|
||
renderAuditCurrent();
|
||
showAuditMessage("抽查已归类并保存", "ok");
|
||
await loadAuditLogs();
|
||
await loadOverview();
|
||
} catch (error) {
|
||
showAuditMessage(error.message, "error");
|
||
}
|
||
}
|
||
|
||
function setAuditView(view) {
|
||
state.auditView = "pdf";
|
||
$("auditPdfView").classList.remove("is-hidden");
|
||
}
|
||
|
||
async function loadAuditLogs() {
|
||
const data = await api("/api/audit/logs?limit=200");
|
||
state.auditLogs = data.logs;
|
||
renderAuditHistory();
|
||
}
|
||
|
||
function renderAuditHistory() {
|
||
const box = $("auditHistoryTable");
|
||
if (!box) return;
|
||
if (!state.auditLogs.length) {
|
||
box.innerHTML = `<div class="empty">暂无抽查记录</div>`;
|
||
return;
|
||
}
|
||
const rows = state.auditLogs.map((log) => `
|
||
<tr>
|
||
<td>${escapeHtml(formatTime(log.updated_at || log.created_at))}</td>
|
||
<td>${escapeHtml(log.patient_name || "")}</td>
|
||
<td>${escapeHtml(log.inpatient_no || log.medical_record_no || "")}</td>
|
||
<td>${escapeHtml(log.audit_source || "")}</td>
|
||
<td>${auditTag(log.audit_status)}</td>
|
||
<td>${escapeHtml(changeSummaryFromSnapshot(log.snapshot))}</td>
|
||
<td>${escapeHtml(log.audit_notes || "")}</td>
|
||
</tr>
|
||
`).join("");
|
||
box.innerHTML = `
|
||
<table class="data-table">
|
||
<thead><tr><th>时间</th><th>姓名</th><th>住院号</th><th>来源</th><th>状态</th><th>修改内容</th><th>人工备注</th></tr></thead>
|
||
<tbody>${rows}</tbody>
|
||
</table>
|
||
`;
|
||
}
|
||
|
||
function changeSummaryFromSnapshot(snapshot) {
|
||
const fields = Array.isArray(snapshot?.changed_fields) ? snapshot.changed_fields : [];
|
||
if (!fields.length) return "未修改字段";
|
||
return fields.map((field) => `${field.label || field.field}: ${shortValue(field.old)} -> ${shortValue(field.new)}`).join("；");
|
||
}
|
||
|
||
async function loadSettings() {
|
||
const data = await api("/api/settings");
|
||
state.settings = data;
|
||
state.ai = data.kimi || state.ai;
|
||
renderSettings();
|
||
renderAiActions();
|
||
}
|
||
|
||
async function loadAiConfig() {
|
||
const data = await api("/api/ai/config");
|
||
state.ai = data.kimi;
|
||
renderAiActions();
|
||
}
|
||
|
||
function aiAvailable() {
|
||
return Boolean(state.ai?.available);
|
||
}
|
||
|
||
function renderAiActions() {
|
||
const actions = $("aiActions");
|
||
if (!actions) return;
|
||
actions.classList.toggle("is-hidden", !aiAvailable());
|
||
}
|
||
|
||
function renderSettings() {
|
||
const status = state.status || {};
|
||
$("settingsStatus").innerHTML = `
|
||
<div><span>数据库</span><strong>${escapeHtml(status.database || "未知")}</strong></div>
|
||
<div><span>连接</span><strong>${escapeHtml(`${status.host || ""}:${status.port || ""}/${status.database_name || ""}`)}</strong></div>
|
||
<div><span>表名</span><strong>${escapeHtml(status.table || "")}</strong></div>
|
||
<div><span>PDF目录</span><strong>${escapeHtml(status.pdf_dir || "")}</strong></div>
|
||
<div><span>上次检查</span><strong>${escapeHtml(status.checked_at ? formatTime(status.checked_at) : "尚未检查")}</strong></div>
|
||
<div><span>下次检查</span><strong>${escapeHtml(status.next_check_at ? formatTime(status.next_check_at) : "--")}</strong></div>
|
||
<div><span>检查结果</span><strong>${escapeHtml(status.message || "")}</strong></div>
|
||
`;
|
||
const settings = state.settings || { users: [], permission_labels: {} };
|
||
const system = settings.system || {};
|
||
const kimi = settings.kimi || {};
|
||
$("statusCheckTime").value = system.status_check_time || "03:00";
|
||
$("statusCheckMeta").textContent = `上次检查：${status.checked_at ? formatTime(status.checked_at) : "尚未检查"} · 下次：${status.next_check_at ? formatTime(status.next_check_at) : "--"}`;
|
||
$("kimiEnabled").checked = Boolean(kimi.enabled);
|
||
$("kimiModel").value = kimi.model || "";
|
||
$("kimiApiBase").value = kimi.api_base || "";
|
||
$("kimiConcurrency").value = kimi.concurrency || 3;
|
||
$("kimiMeta").textContent = `${kimi.api_key_configured ? "API Key 已从 .env 读取" : "未配置 API Key"} · ${kimi.available ? "AI核验已启用" : "AI核验已关闭"} · 并发 ${kimi.concurrency || 3}`;
|
||
$("settingsUserCount").textContent = `${settings.users.length} 个用户`;
|
||
renderPermissionControls("newUserPermissions", settings.permission_labels || {}, {});
|
||
$("userList").innerHTML = settings.users.map((user) => renderUserCard(user, settings.permission_labels || {})).join("");
|
||
$("userList").querySelectorAll("[data-save-user]").forEach((button) => {
|
||
button.addEventListener("click", () => saveUser(button.dataset.saveUser));
|
||
});
|
||
$("userList").querySelectorAll("[data-delete-user]").forEach((button) => {
|
||
button.addEventListener("click", () => deleteUser(button.dataset.deleteUser));
|
||
});
|
||
}
|
||
|
||
async function saveKimiSettings(event) {
|
||
event.preventDefault();
|
||
const button = $("saveKimiSettingsBtn");
|
||
button.disabled = true;
|
||
$("kimiMeta").textContent = "正在保存...";
|
||
try {
|
||
const data = await api("/api/settings/kimi", {
|
||
method: "POST",
|
||
body: JSON.stringify({
|
||
enabled: $("kimiEnabled").checked,
|
||
model: $("kimiModel").value.trim(),
|
||
api_base: $("kimiApiBase").value.trim(),
|
||
concurrency: Number($("kimiConcurrency").value) || 3,
|
||
}),
|
||
});
|
||
state.settings = data;
|
||
state.ai = data.kimi;
|
||
renderSettings();
|
||
renderAiActions();
|
||
} catch (error) {
|
||
$("kimiMeta").textContent = error.message;
|
||
} finally {
|
||
button.disabled = false;
|
||
}
|
||
}
|
||
|
||
function setAiButtonsDisabled(disabled) {
|
||
["aiCurrentBtn", "aiFiveBtn", "aiAllBtn"].forEach((id) => {
|
||
if ($(id)) $(id).disabled = disabled;
|
||
});
|
||
}
|
||
|
||
async function pollAiReviewJob() {
|
||
const job = await api("/api/ai/review/status");
|
||
const total = job.total || 0;
|
||
const processed = job.processed || 0;
|
||
showMessage(`AI核验中：${processed}/${total}，并发 ${job.concurrency || 1}，无问题 ${job.ok || 0}，待确认 ${job.pending || 0}，失败 ${job.failed || 0}`, "");
|
||
if (job.running) {
|
||
state.aiPolling = setTimeout(() => pollAiReviewJob().catch((error) => showMessage(error.message, "error")), 2000);
|
||
return;
|
||
}
|
||
setAiButtonsDisabled(false);
|
||
showMessage(`AI核验完成：无问题 ${job.ok || 0}，待确认 ${job.pending || 0}，失败 ${job.failed || 0}`, job.failed ? "error" : "ok");
|
||
await loadStatus().catch(() => null);
|
||
await loadOverview().catch(() => null);
|
||
await loadRecords();
|
||
await refreshSelectedRecord();
|
||
}
|
||
|
||
async function runAiReview(scope) {
|
||
if (!aiAvailable()) {
|
||
showMessage("Kimi AI 核验未启用，请先在设置中开启", "error");
|
||
return;
|
||
}
|
||
if ((scope === "current" || scope === "five") && !state.selectedId) return;
|
||
if (scope === "all" && !window.confirm("确认对当前项之后的所有需复核记录执行 AI 核验？")) return;
|
||
if (state.aiPolling) clearTimeout(state.aiPolling);
|
||
setAiButtonsDisabled(true);
|
||
showMessage("正在启动 AI 核验...");
|
||
try {
|
||
const job = await api("/api/ai/review", {
|
||
method: "POST",
|
||
body: JSON.stringify({ scope, record_id: state.selectedId }),
|
||
});
|
||
showMessage(`AI核验已启动：0/${job.total || 0}`);
|
||
await pollAiReviewJob();
|
||
} catch (error) {
|
||
setAiButtonsDisabled(false);
|
||
showMessage(error.message, "error");
|
||
}
|
||
}
|
||
|
||
async function approveAiNoIssueRecords() {
|
||
if (!window.confirm("确认将所有“AI复核-无问题”批量标记为已人工复核？")) return;
|
||
const button = $("approveAiNoIssueBtn");
|
||
button.disabled = true;
|
||
showMessage("正在批量确认 AI 无问题记录...");
|
||
try {
|
||
const data = await api("/api/ai/review/approve-no-issue", { method: "POST" });
|
||
state.status = data.status_snapshot || state.status;
|
||
showMessage(`已批量确认 ${data.updated || 0} 条 AI 无问题记录`, "ok");
|
||
await loadStatus().catch(() => null);
|
||
await loadOverview().catch(() => null);
|
||
await loadRecords();
|
||
} catch (error) {
|
||
showMessage(error.message, "error");
|
||
} finally {
|
||
button.disabled = false;
|
||
}
|
||
}
|
||
|
||
async function submitReviewedRecords() {
|
||
if (!window.confirm("确认提交所有已人工复核项目？提交后这些项目将不再出现在复核工作台列表中。")) return;
|
||
const button = $("submitReviewedBtn");
|
||
button.disabled = true;
|
||
$("statusCheckMeta").textContent = "正在提交已人工复核项目...";
|
||
try {
|
||
const data = await api("/api/settings/submit-reviewed", { method: "POST" });
|
||
state.status = data.status_snapshot || state.status;
|
||
$("statusCheckMeta").textContent = `已提交 ${data.updated || 0} 条已人工复核项目`;
|
||
await loadStatus().catch(() => null);
|
||
await loadOverview().catch(() => null);
|
||
await loadRecords().catch(() => null);
|
||
} catch (error) {
|
||
$("statusCheckMeta").textContent = error.message;
|
||
} finally {
|
||
button.disabled = false;
|
||
}
|
||
}
|
||
|
||
async function saveSystemSettings(event) {
|
||
event.preventDefault();
|
||
const button = $("saveSystemSettingsBtn");
|
||
button.disabled = true;
|
||
$("statusCheckMeta").textContent = "正在保存...";
|
||
try {
|
||
const data = await api("/api/settings/system", {
|
||
method: "POST",
|
||
body: JSON.stringify({ status_check_time: $("statusCheckTime").value }),
|
||
});
|
||
state.settings = data;
|
||
state.status = data.status_snapshot || state.status;
|
||
renderSettings();
|
||
await loadStatus();
|
||
} catch (error) {
|
||
$("statusCheckMeta").textContent = error.message;
|
||
} finally {
|
||
button.disabled = false;
|
||
}
|
||
}
|
||
|
||
async function runStatusCheck() {
|
||
const button = $("statusCheckBtn");
|
||
button.disabled = true;
|
||
$("statusCheckMeta").textContent = "正在检查数据库与 PDF 目录...";
|
||
try {
|
||
const data = await api("/api/settings/status/check", { method: "POST" });
|
||
state.status = data.status_snapshot;
|
||
await loadSettings();
|
||
await loadStatus();
|
||
} catch (error) {
|
||
$("statusCheckMeta").textContent = error.message;
|
||
} finally {
|
||
button.disabled = false;
|
||
}
|
||
}
|
||
|
||
function renderPermissionControls(containerId, labels, permissions) {
|
||
const container = $(containerId);
|
||
container.innerHTML = Object.entries(labels).map(([key, label]) => `
|
||
<label class="permission-item">
|
||
<input type="checkbox" data-permission="${escapeHtml(key)}" ${permissions[key] !== false ? "checked" : ""}>
|
||
<span>${escapeHtml(label)}</span>
|
||
</label>
|
||
`).join("");
|
||
}
|
||
|
||
function renderUserCard(user, labels) {
|
||
const editable = user.source !== "env";
|
||
const permissionHtml = Object.entries(labels).map(([key, label]) => `
|
||
<label class="permission-item">
|
||
<input type="checkbox" data-user-permission="${escapeHtml(key)}" ${user.permissions?.[key] !== false ? "checked" : ""} ${editable ? "" : "disabled"}>
|
||
<span>${escapeHtml(label)}</span>
|
||
</label>
|
||
`).join("");
|
||
return `
|
||
<article class="user-card" data-user-card="${escapeHtml(user.username)}">
|
||
<div class="user-card-head">
|
||
<strong>${escapeHtml(user.username)}</strong>
|
||
<span>${user.source === "env" ? "内置管理员" : "本地配置用户"}${user.has_password ? " · 已设密码" : ""}</span>
|
||
</div>
|
||
<div class="user-edit-grid">
|
||
<label>
|
||
<span>用户名</span>
|
||
<input data-user-name value="${escapeHtml(user.username)}" ${editable ? "" : "disabled"}>
|
||
</label>
|
||
<label>
|
||
<span>新密码</span>
|
||
<input data-user-password type="password" autocomplete="new-password" placeholder="${editable ? "留空则不修改" : "默认密码可在 .env 中修改"}" ${editable ? "" : "disabled"}>
|
||
</label>
|
||
</div>
|
||
<div class="permission-grid">${permissionHtml}</div>
|
||
${editable ? `
|
||
<div class="button-row user-actions">
|
||
<button type="button" data-save-user="${escapeHtml(user.username)}">保存用户</button>
|
||
<button class="danger" type="button" data-delete-user="${escapeHtml(user.username)}">删除用户</button>
|
||
</div>
|
||
` : ""}
|
||
</article>
|
||
`;
|
||
}
|
||
|
||
function permissionsFromContainer(container) {
|
||
const result = {};
|
||
container.querySelectorAll("input[data-permission]").forEach((input) => {
|
||
result[input.dataset.permission] = input.checked;
|
||
});
|
||
return result;
|
||
}
|
||
|
||
function permissionsFromUserCard(card) {
|
||
const result = {};
|
||
card.querySelectorAll("input[data-user-permission]").forEach((input) => {
|
||
result[input.dataset.userPermission] = input.checked;
|
||
});
|
||
return result;
|
||
}
|
||
|
||
function cssEscape(value) {
|
||
if (window.CSS?.escape) return CSS.escape(value);
|
||
return String(value).replaceAll("\\", "\\\\").replaceAll('"', '\\"');
|
||
}
|
||
|
||
async function createUser(event) {
|
||
event.preventDefault();
|
||
const username = $("newUsername").value.trim();
|
||
const password = $("newPassword").value;
|
||
const permissions = permissionsFromContainer($("newUserPermissions"));
|
||
const data = await api("/api/settings/users", {
|
||
method: "POST",
|
||
body: JSON.stringify({ username, password, permissions }),
|
||
});
|
||
state.settings = data;
|
||
$("newUsername").value = "";
|
||
$("newPassword").value = "";
|
||
renderSettings();
|
||
}
|
||
|
||
async function saveUser(username) {
|
||
const card = document.querySelector(`[data-user-card="${cssEscape(username)}"]`);
|
||
if (!card) return;
|
||
const data = await api(`/api/settings/users/${encodeURIComponent(username)}`, {
|
||
method: "POST",
|
||
body: JSON.stringify({
|
||
username: card.querySelector("[data-user-name]").value.trim(),
|
||
password: card.querySelector("[data-user-password]").value,
|
||
permissions: permissionsFromUserCard(card),
|
||
}),
|
||
});
|
||
state.settings = data;
|
||
renderSettings();
|
||
}
|
||
|
||
async function deleteUser(username) {
|
||
if (!window.confirm(`确认删除用户 ${username}？`)) return;
|
||
const data = await api(`/api/settings/users/${encodeURIComponent(username)}`, { method: "DELETE" });
|
||
state.settings = data;
|
||
renderSettings();
|
||
}
|
||
|
||
async function login(event) {
|
||
event.preventDefault();
|
||
$("loginMessage").textContent = "";
|
||
$("loginBtn").disabled = true;
|
||
try {
|
||
const data = await api("/api/auth/login", {
|
||
method: "POST",
|
||
body: JSON.stringify({
|
||
username: $("loginUsername").value.trim(),
|
||
password: $("loginPassword").value,
|
||
}),
|
||
});
|
||
state.currentUser = data.user;
|
||
$("loginPassword").value = "";
|
||
showApp();
|
||
await loadWorkspace();
|
||
} catch (error) {
|
||
$("loginMessage").textContent = error.message;
|
||
} finally {
|
||
$("loginBtn").disabled = false;
|
||
}
|
||
}
|
||
|
||
async function logout() {
|
||
await api("/api/auth/logout", { method: "POST" }).catch(() => null);
|
||
state.currentUser = null;
|
||
state.records = [];
|
||
state.selectedId = null;
|
||
state.selectedRecord = null;
|
||
showLogin("已退出登录");
|
||
}
|
||
|
||
function wireJsonEditorButtons() {
|
||
document.querySelectorAll(".structured-form").forEach((form) => form.addEventListener("click", (event) => {
|
||
const target = event.target;
|
||
if (!(target instanceof HTMLElement)) return;
|
||
if (target.matches("[data-json-delete]")) {
|
||
const tbody = target.closest("tbody");
|
||
target.closest("tr")?.remove();
|
||
if (tbody && !tbody.querySelector("tr")) {
|
||
const table = tbody.closest("table");
|
||
const columns = JSON.parse(table.dataset.columns || "[]");
|
||
tbody.insertAdjacentHTML("beforeend", renderJsonRow(columns, {}));
|
||
}
|
||
}
|
||
if (target.matches("[data-json-add]")) {
|
||
const editor = target.closest(".json-editor");
|
||
const table = editor.querySelector("table");
|
||
const columns = JSON.parse(table.dataset.columns || "[]");
|
||
table.querySelector("tbody").insertAdjacentHTML("beforeend", renderJsonRow(columns, {}));
|
||
}
|
||
if (target.matches("[data-json-raw]")) {
|
||
const editor = target.closest(".json-editor");
|
||
const value = collectJsonEditor(editor);
|
||
navigator.clipboard?.writeText(JSON.stringify(value, null, 2));
|
||
showMessage("当前表格 JSON 已复制", "ok");
|
||
}
|
||
}));
|
||
}
|
||
|
||
function escapeHtml(value) {
|
||
return String(value)
|
||
.replaceAll("&", "&")
|
||
.replaceAll("<", "<")
|
||
.replaceAll(">", ">")
|
||
.replaceAll('"', """)
|
||
.replaceAll("'", "'");
|
||
}
|
||
|
||
function formatTime(value) {
|
||
if (!value) return "";
|
||
return String(value).replace("T", " ").slice(0, 19);
|
||
}
|
||
|
||
function debounce(fn, wait = 250) {
|
||
let timer = null;
|
||
return (...args) => {
|
||
clearTimeout(timer);
|
||
timer = setTimeout(() => fn(...args), wait);
|
||
};
|
||
}
|
||
|
||
async function boot() {
|
||
$("loginForm").addEventListener("submit", login);
|
||
$("logoutBtn").addEventListener("click", logout);
|
||
document.querySelectorAll(".nav-button").forEach((button) => {
|
||
button.addEventListener("click", () => switchPage(button.dataset.page));
|
||
});
|
||
$("overviewRefreshBtn").addEventListener("click", loadOverview);
|
||
$("searchInput").addEventListener("input", debounce(() => loadRecords()));
|
||
$("statusFilter").addEventListener("change", () => {
|
||
renderFilterActions();
|
||
loadRecords();
|
||
});
|
||
$("recordList").addEventListener("scroll", maybeLoadMoreRecords);
|
||
$("recordList").addEventListener("keydown", handleRecordListKeydown);
|
||
document.addEventListener("keydown", preventWorkspacePageScroll, { capture: true });
|
||
$("saveBtn").addEventListener("click", saveRecord);
|
||
$("aiCurrentBtn").addEventListener("click", () => runAiReview("current"));
|
||
$("aiFiveBtn").addEventListener("click", () => runAiReview("five"));
|
||
$("aiAllBtn").addEventListener("click", () => runAiReview("all"));
|
||
$("approveAiNoIssueBtn").addEventListener("click", approveAiNoIssueRecords);
|
||
$("pdfZoomOutBtn").addEventListener("click", () => changePdfZoom(-PDF_ZOOM_STEP));
|
||
$("pdfZoomInBtn").addEventListener("click", () => changePdfZoom(PDF_ZOOM_STEP));
|
||
$("pdfZoomResetBtn").addEventListener("click", () => setPdfZoom(100));
|
||
$("pdfFrame").addEventListener("focus", releasePdfKeyboardFocus);
|
||
$("auditPdfZoomOutBtn").addEventListener("click", () => changePdfZoom(-PDF_ZOOM_STEP));
|
||
$("auditPdfZoomInBtn").addEventListener("click", () => changePdfZoom(PDF_ZOOM_STEP));
|
||
$("auditPdfZoomResetBtn").addEventListener("click", () => setPdfZoom(100));
|
||
$("auditPdfFrame").addEventListener("focus", releasePdfKeyboardFocus);
|
||
updatePdfZoomLabels();
|
||
$("auditSampleBtn").addEventListener("click", sampleAudit);
|
||
$("auditPassBtn").addEventListener("click", () => saveAuditStatus("passed"));
|
||
$("auditFailBtn").addEventListener("click", () => saveAuditStatus("failed"));
|
||
$("auditUnsureBtn").addEventListener("click", () => saveAuditStatus("unsure"));
|
||
$("auditHistoryRefreshBtn").addEventListener("click", loadAuditLogs);
|
||
$("userForm").addEventListener("submit", createUser);
|
||
$("systemSettingsForm").addEventListener("submit", saveSystemSettings);
|
||
$("kimiSettingsForm").addEventListener("submit", saveKimiSettings);
|
||
$("submitReviewedBtn").addEventListener("click", submitReviewedRecords);
|
||
$("statusCheckBtn").addEventListener("click", runStatusCheck);
|
||
wireJsonEditorButtons();
|
||
try {
|
||
const session = await api("/api/auth/me");
|
||
if (!session.authenticated) {
|
||
showLogin();
|
||
return;
|
||
}
|
||
state.currentUser = session.user;
|
||
showApp();
|
||
await loadWorkspace();
|
||
} catch (error) {
|
||
showLogin(error.message);
|
||
}
|
||
}
|
||
|
||
async function loadWorkspace() {
|
||
await loadStatus();
|
||
await loadSchema();
|
||
await loadAiConfig().catch(() => null);
|
||
const page = canOpenPage(state.activePage) ? state.activePage : firstAllowedPage();
|
||
switchPage(page);
|
||
}
|
||
|
||
boot();
|