// finance.js — 经营管理(财务)模块
function renderFinance() {
const pfs = state.data.projectFinances || [];
const ops = state.data.operations || [];
const fmTypesByTenant = {
"科普·无界": ["科普音频","科普视频","科普文章","全品类科普","调研问卷"],
"科研·无界": ["真实世界研究","调研问卷","病例征集","患者招募"],
"医患·无界": ["医患运营","患者管理","患教会","创新支付","电商","其他"],
};
const fmTypes = fmTypesByTenant[state.tenant] || fmTypesByTenant["科普·无界"];
const tenantOps = (state.data.operations || []).filter(o => (o.project_name || "").includes(state.tenant.replace("·无界","")) || o.tenant === state.tenant);
const now = new Date();
const thisMonth = now.getMonth() + 1;
const displayMonths = [];
for (let i = 0; i < 4; i++) {
const m = thisMonth + i;
const mm = m > 12 ? m - 12 : m;
displayMonths.push({ key: "2026_" + String(mm).padStart(2, "0"), label: mm + "月" });
}
const months = displayMonths.map(d => d.key);
const monthLabels = displayMonths.map(d => d.label);
const signed = pfs.filter(x => x.status === "已签约");
const inContract = pfs.filter(x => x.status === "流程中");
const pending = pfs.filter(x => x.status === "待签约");
const sumSign = Math.round(signed.reduce((s,x) => s + (x.sign_amount||0), 0));
const sumPending = Math.round(pending.reduce((s,x) => s + (x.sign_amount||0), 0));
const sumContract = Math.round(inContract.reduce((s,x) => s + (x.sign_amount||0), 0));
const monthRev = months.map(m => {
return signed.reduce((s, pf) => {
let budget = [];
try { budget = JSON.parse(pf.budget_data || "[]"); } catch (e) {}
const row = budget.find(b => (b.month || "").replace("-", "_") === m);
return s + (row ? (parseFloat(row.rev) || 0) : 0);
}, 0);
});
const monthGross = months.map(m => {
return signed.reduce((s, pf) => {
let budget = [];
try { budget = JSON.parse(pf.budget_data || "[]"); } catch (e) {}
const row = budget.find(b => (b.month || "").replace("-", "_") === m);
return s + (row ? (parseFloat(row.gross) || 0) : 0);
}, 0);
});
const thisMonthKey = displayMonths[0].key;
const thisMonthRev = monthRev[0];
const thisMonthGross = monthGross[0];
let monthPayment = 0, monthCost = 0;
for (const pf of pfs) {
let budget = [];
try { budget = JSON.parse(pf.budget_data || "[]"); } catch (e) {}
for (const b of budget) {
const bKey = (b.month || "").replace("-", "_");
if (bKey === thisMonthKey) {
monthPayment += parseFloat(b.payment || 0);
monthCost += parseFloat(b.cost || 0);
break;
}
}
}
monthPayment = Math.round(monthPayment);
monthCost = Math.round(monthCost);
const monthCashflow = monthPayment - monthCost;
const renderPfRow = (pf) => {
let budgetMap = {};
try {
const budget = JSON.parse(pf.budget_data || "[]");
budget.forEach(b => { budgetMap[(b.month || "").replace("-", "_")] = b; });
} catch (e) {}
const isRevView = state.finView !== "cashflow";
const mCols = months.map(m => {
const b = budgetMap[m] || {};
if (isRevView) {
const rev = b.rev || 0;
const gross = b.gross || 0;
return `
${rev ? money(rev) : '—'} ${gross ? money(gross) : '—'} | `;
} else {
const payment = b.payment || 0;
const cost = b.cost || 0;
return `${payment ? money(payment) : '—'} ${cost ? money(cost) : '—'} | `;
}
}).join("");
const totalCol = (() => {
if (isRevView) {
const totalRev = pf.total_rev || 0;
const totalGross = pf.total_gross || 0;
return `${totalRev ? money(totalRev) : '—'} ${totalGross ? money(totalGross) : '—'} | `;
} else {
let totalPayment = 0, totalCost = 0;
try { JSON.parse(pf.budget_data || "[]").forEach(b => { totalPayment += parseFloat(b.payment||0)||0; totalCost += parseFloat(b.cost||0)||0; }); } catch (e) {}
return `${totalPayment ? money(totalPayment) : '—'} ${totalCost ? money(totalCost) : '—'} | `;
}
})();
const sm = pf.sign_month || "";
const signMonthCell = `${sm || '—'} | `;
return `| ${esc(pf.customer_name)} | ${esc(pf.business_type)} | ${pf.status === "已签约" ? badge("已签约") : pf.status === "流程中" ? badge("流程中","blue") : badge("待签约","amber")} | ${signMonthCell}${money(pf.sign_amount)} | ${mCols}${totalCol}${esc(pf.sales_person) || "—"} | ${esc(pf.owner) || "—"} |
`;
};
document.querySelector("#finance").innerHTML = `
${[["已签项目","" + signed.length,"file-sign"],["签约金额",money(sumSign),"coins"],["流程项目","" + inContract.length,"file-clock"],["流程金额",money(sumContract),"clock"],["待签项目","" + pending.length,"file-question"],["待签金额",money(sumPending),"hourglass"]].map(([l,v,icon]) => `
${l}${v}
`).join("")}
${[["本月确收",money(thisMonthRev),"trending-up"],["本月毛利",money(thisMonthGross),"percent"],["本月回款",money(monthPayment),"wallet"],["本月费用",money(monthCost),"receipt"],["本月现金流",money(monthCashflow),"repeat"]].map(([l,v,icon]) => `
${l}${v}
`).join("")}
${card(`
项目明细 (${pfs.length})
${[["已签约","已签约"],["流程中","流程中"],["待签约","待签约"]].map(([k,v]) => ``).join("")}
| 项目名称 | 类型 | 状态 | 签约月份 | 签约金额 | ${monthLabels.map(l => `${l} ${state.finView !== 'cashflow' ? '确收/毛利' : '回款/费用'} | `).join("")}总计 ${state.finView !== 'cashflow' ? '确收/毛利' : '回款/费用'} | 商务负责人 | 经营负责人 |
${pfs.filter(x => x.status === state.finFilter).map(renderPfRow).join("")}
`, "p-4")}
`;
if (window.lucide) window.lucide.createIcons();
}
window.openFinanceModal = () => {
const modal = document.querySelector("#financeModal");
const form = modal.querySelector("form");
form.querySelector('[name="project_id"]').value = state.tenant;
const dept = form.querySelector('input[disabled]');
if (dept) dept.value = state.tenant;
const pfIdInput = form.querySelector('[name="pf_id"]');
if (!pfIdInput || !pfIdInput.value) {
initBudgetTable(null);
document.querySelector("#financeDeleteBtn").classList.add("hidden");
}
modal.classList.remove("hidden");
};
window.addBudgetRow = (month = '', rev = '', gross = '', payment = '', cost = '') => {
const tbody = document.querySelector("#budgetTbody");
if (!tbody) return;
const row = document.createElement("tr");
row.innerHTML = ` |
|
|
|
|
| `;
tbody.appendChild(row);
if (window.lucide) window.lucide.createIcons();
};
window.updateBudgetSummary = () => {
const revEl = document.querySelector("#budgetTotalRev");
const grossEl = document.querySelector("#budgetTotalGross");
const paymentEl = document.querySelector("#budgetTotalPayment");
const costEl = document.querySelector("#budgetTotalCost");
if (!revEl || !grossEl) return;
const revInputs = document.querySelectorAll('[name="budget_rev[]"]');
const grossInputs = document.querySelectorAll('[name="budget_gross[]"]');
const paymentInputs = document.querySelectorAll('[name="budget_payment[]"]');
const costInputs = document.querySelectorAll('[name="budget_cost[]"]');
let totalRev = 0, totalGross = 0, totalPayment = 0, totalCost = 0;
revInputs.forEach(el => { totalRev += parseFloat(el.value) || 0; });
grossInputs.forEach(el => { totalGross += parseFloat(el.value) || 0; });
paymentInputs.forEach(el => { totalPayment += parseFloat(el.value) || 0; });
costInputs.forEach(el => { totalCost += parseFloat(el.value) || 0; });
revEl.textContent = money(totalRev);
grossEl.textContent = money(totalGross);
if (paymentEl) paymentEl.textContent = money(totalPayment);
if (costEl) costEl.textContent = money(totalCost);
};
window.initBudgetTable = (budgetData) => {
const tbody = document.querySelector("#budgetTbody");
if (!tbody) return;
tbody.innerHTML = "";
const rows = budgetData || [];
rows.forEach(r => addBudgetRow(r.month || '', r.rev || '', r.gross || '', r.payment || '', r.cost || ''));
setTimeout(() => updateBudgetSummary(), 50);
};
window.closeFinanceModal = () => {
const modal = document.querySelector("#financeModal");
modal.classList.add("hidden");
};
window.editPfSignMonth = (event, pfId) => {
event.stopPropagation();
const pf = (state.data.projectFinances || []).find(x => x.id === pfId);
if (!pf) return;
const span = event.currentTarget;
const td = span.parentElement;
const currentValue = pf.sign_month || "";
const select = document.createElement("select");
select.innerHTML = monthOptions(currentValue);
select.className = "form-ctrl form-ctrl-sm w-full";
select.value = currentValue;
select.addEventListener("change", async () => {
const newValue = select.value;
try {
await api(`/api/projectFinances/${pfId}`, { method: "PUT", body: JSON.stringify({ data: { sign_month: newValue } }) });
pf.sign_month = newValue;
td.innerHTML = `${newValue || '—'}`;
} catch (e) { toast("修改失败:" + e.message, "error"); }
});
select.addEventListener("blur", () => {
td.innerHTML = `${currentValue || '—'}`;
});
td.innerHTML = "";
td.appendChild(select);
select.focus();
};
window.switchFinanceTab = (tab) => {
document.querySelectorAll(".finance-tab").forEach(b => b.classList.toggle("active", b.dataset.tab === tab));
document.querySelector("#financeTabInfo").classList.toggle("hidden", tab !== "info");
document.querySelector("#financeTabBudget").classList.toggle("hidden", tab !== "budget");
};
window.openPfEditModal = (pfId) => {
const pf = (state.data.projectFinances || []).find(x => x.id === pfId);
if (!pf) return;
document.querySelector("#pf-id-input").value = pf.id;
document.querySelector("#financeModalTitle").textContent = "编辑项目财务";
document.querySelector("#financeDeleteBtn").classList.remove("hidden");
const form = document.querySelector("#financeModal form");
form.querySelector('[name="project_id"]').value = pf.project_id || "";
const deptDisplay = form.querySelector('.bg-slate-50 [disabled]');
if (deptDisplay) deptDisplay.value = pf.project_id || "";
form.querySelector('[name="business_type"]').value = pf.business_type || "";
form.querySelector('[name="customer_name"]').value = pf.customer_name || "";
form.querySelector('[name="sign_amount"]').value = pf.sign_amount || "";
const signMonthValue = pf.sign_month || "";
const signMonthEl = form.querySelector('[name="sign_month"]');
if (signMonthEl && signMonthValue) {
signMonthEl.innerHTML = monthOptions(signMonthValue);
signMonthEl.value = signMonthValue;
}
form.querySelector('[name="status"]').value = pf.status || "待签约";
form.querySelector('[name="sales_person"]').value = pf.sales_person || "";
form.querySelector('[name="owner"]').value = pf.owner || "";
let budgetData = [];
try { budgetData = JSON.parse(pf.budget_data || "[]"); } catch (e) { budgetData = []; }
initBudgetTable(budgetData.length ? budgetData : null);
setTimeout(() => updateBudgetSummary(), 100);
openFinanceModal();
};
window.createFinance = async (event) => {
event.preventDefault();
const form = event.currentTarget;
const data = Object.fromEntries(new FormData(form).entries());
data.tenant = state.tenant;
// 必填校验
if (!data.customer_name || !data.customer_name.trim()) { toast("项目名称必填", "error"); return; }
if (!data.sales_person || !data.sales_person.trim()) { toast("商务负责人必填", "error"); return; }
if (!data.owner || !data.owner.trim()) { toast("经营负责人必填", "error"); return; }
if (!data.sign_month) { toast("签约月份必填", "error"); return; }
data.sign_amount = parseFloat(data.sign_amount) || 0;
if (!(data.sign_amount > 0)) { toast("签约金额必须大于 0", "error"); return; }
const months = form.querySelectorAll('[name="budget_month[]"]');
const revs = form.querySelectorAll('[name="budget_rev[]"]');
const grosses = form.querySelectorAll('[name="budget_gross[]"]');
const payments = form.querySelectorAll('[name="budget_payment[]"]');
const costs = form.querySelectorAll('[name="budget_cost[]"]');
const budgetRows = [];
let totalRev = 0, totalGross = 0;
for (let i = 0; i < months.length; i++) {
const m = months[i].value.trim();
if (!m) continue;
const rev = parseFloat(revs[i].value) || 0;
const gross = parseFloat(grosses[i].value) || 0;
const payment = parseFloat(payments[i].value) || 0;
const cost = parseFloat(costs[i].value) || 0;
budgetRows.push({ month: m, rev, gross, payment, cost });
totalRev += rev;
totalGross += gross;
}
data.budget_data = JSON.stringify(budgetRows);
data.total_rev = totalRev;
data.total_gross = totalGross;
const pfId = data.pf_id;
delete data.pf_id;
try {
if (pfId) {
await api("/api/projectFinances/" + pfId, { method: "PUT", body: JSON.stringify({ data }) });
if (data.customer_name) logActivity("finance", pfId, "更新了「" + data.customer_name + "」的财务信息");
} else {
const result = await api("/api/projectFinances", { method: "POST", body: JSON.stringify({ data }) });
if (result.id && data.customer_name) logActivity("finance", result.id, "创建了「" + data.customer_name + "」的财务项目");
}
form.reset();
document.querySelector("#pf-id-input").value = "";
document.querySelector("#financeModalTitle").textContent = "新增项目财务";
closeFinanceModal();
await load();
} catch (error) {
toast("保存失败:" + error.message, "error");
}
};
window.deleteFinanceItem = async () => {
const pfId = document.querySelector("#pf-id-input").value;
if (!pfId) return;
const pf = (state.data.projectFinances || []).find(x => x.id === parseInt(pfId));
const name = pf ? (pf.customer_name || "此项目") : "此项目";
if (!confirm(`确认删除「${name}」?此操作不可撤销。`)) return;
try {
await api(`/api/projectFinances/${pfId}`, { method: "DELETE" });
closeFinanceModal();
await load();
toast("已删除", "success");
} catch (error) {
toast("删除失败:" + error.message, "error");
}
};