${[["已签项目","" + signed.length,"file-check-2"],["签约金额",moneyWan(sumSign),"coins"],["待签项目","" + pending.length,"file-question"],["待签金额",moneyWan(sumPending),"hourglass"]].map(([l,v,icon]) => `
${l}${v}
`).join("")}
${[["本月确收",moneyInt(thisMonthRev),"trending-up"],["本月毛利",moneyInt(thisMonthGross),"percent"],["本月回款",moneyInt(monthPayment),"wallet"],["本月应付",moneyInt(monthCost),"receipt"],["本月现金流",moneyInt(monthCashflow),"repeat"]].map(([l,v,icon]) => `
${l}${v}
`).join("")}
${state.finView === 'monthly' ? (() => {
const allPfs = pfs.filter(x => x.status === state.finFilter);
const now = new Date();
const defaultMonth = now.getFullYear() + "-" + String(now.getMonth()+1).padStart(2,"0");
if (!state.finMonth) state.finMonth = defaultMonth;
const selMonth = state.finMonth;
// 收集所有有数据的月份 + 当前月
const monthSet = new Set([defaultMonth]);
allPfs.forEach(pf => { let bd = []; try { bd = JSON.parse(pf.budget_data || "[]"); } catch(e) {} bd.forEach(b => { if (b.month) monthSet.add(b.month); }); });
const sortedMonths = [...monthSet].sort().reverse();
const monthOpts = sortedMonths.map(m => `
`).join("");
const fmt = (v) => v ? `
${money(v)}` : '
—';
const fmtDiff = (v) => { if (!v) return '
—'; return `
${money(Math.abs(v))}`; };
const rows = [];
let sumRev=0, sumPay=0, sumCost=0, sumPaid=0;
allPfs.forEach(pf => {
let bd = []; try { bd = JSON.parse(pf.budget_data || "[]"); } catch(e) {}
const b = bd.find(x => (x.month||"") === selMonth) || {};
const rev = Math.round(parseFloat(b.rev||0)||0);
const payment = Math.round(parseFloat(b.payment||0)||0);
const cost = Math.round(parseFloat(b.cost||0)||0);
const paid = Math.round(parseFloat(b.paid||0)||0);
if (!rev && !payment && !cost && !paid) return;
const payDiff = rev - payment;
const costDiff = cost - paid;
const cashflow = payment - paid;
sumRev+=rev; sumPay+=payment; sumCost+=cost; sumPaid+=paid;
rows.push(`
| ${esc(pf.customer_name)} | ${pf.status==='已签约'?'已签约':pf.status==='流程中'?'流程中':'待签约'} | ${fmt(rev)} | ${fmt(payment)} | ${fmtDiff(payDiff)} | ${fmt(cost)} | ${fmt(paid)} | ${fmtDiff(costDiff)} | ${cashflow ? money(cashflow) : '—'} |
`);
});
return card(`
${finHeaderBase}月份：
${finAddBtn}
| 项目名称 | 状态 | 已确收 | 已回款 | 回款差额 | 应付 | 已付 | 应付差额 | 现金流 |
|---|
${rows.length ? rows.join("") : '| 该月份暂无数据 |
'}| 合计 | ${money(sumRev)} | ${money(sumPay)} | ${fmtDiff(sumRev - sumPay)} | ${money(sumCost)} | ${money(sumPaid)} | ${fmtDiff(sumCost - sumPaid)} | ${money(sumPay - sumPaid)} |
`, "p-4");
})() : state.finView === 'quarterly' ? (() => {
const allPfs = pfs.filter(x => x.status === state.finFilter);
const qRanges = [[1,2,3],[4,5,6],[7,8,9],[10,11,12]];
const qLabels = ["Q1 (1-3月)", "Q2 (4-6月)", "Q3 (7-9月)", "Q4 (10-12月)"];
const now = new Date();
if (state.finQuarter === undefined) {
const saved = localStorage.getItem("opc-fin-quarter");
state.finQuarter = saved !== null ? parseInt(saved) : Math.floor(now.getMonth() / 3);
}
const selQ = state.finQuarter;
const qRange = qRanges[selQ];
const quarterOpts = qLabels.map((l, i) => `
`).join("");
const sumBudget = (pf, field) => {
let total = 0;
try { JSON.parse(pf.budget_data || "[]").forEach(b => {
const m = parseInt((b.month || "").substring(5)) || 0;
if (qRange.includes(m)) total += parseFloat(b[field] || 0);
}); } catch (e) {}
return total;
};
const fmt = (v) => v ? `
${money(v)}` : '
—';
const fmtDiff = (v) => { if (!v) return '
—'; return `
${money(Math.abs(v))}`; };
let sumRev = 0, sumPay = 0, sumCost = 0, sumPaid = 0;
const rows = [];
allPfs.forEach(pf => {
const rev = sumBudget(pf, "rev");
const payment = sumBudget(pf, "payment");
const cost = sumBudget(pf, "cost");
const paid = sumBudget(pf, "paid");
const payDiff = rev - payment;
const costDiff = cost - paid;
const cashflow = payment - paid;
sumRev += rev; sumPay += payment; sumCost += cost; sumPaid += paid;
rows.push(`
| ${esc(pf.customer_name)} | ${pf.status==='已签约'?'已签约':pf.status==='流程中'?'流程中':'待签约'} | ${fmt(rev)} | ${fmt(payment)} | ${fmtDiff(payDiff)} | ${fmt(cost)} | ${fmt(paid)} | ${fmtDiff(costDiff)} | ${cashflow ? money(cashflow) : '—'} |
`);
});
return card(`
${finHeaderBase}季度：
${finAddBtn}
| 项目名称 | 状态 | 已确收 | 已回款 | 回款差额 | 应付 | 已付 | 应付差额 | 现金流 |
|---|
${rows.length ? rows.join("") : '| 该季度暂无数据 |
'}| 合计 | ${money(sumRev)} | ${money(sumPay)} | ${fmtDiff(sumRev - sumPay)} | ${money(sumCost)} | ${money(sumPaid)} | ${fmtDiff(sumCost - sumPaid)} | ${money(sumPay - sumPaid)} |
`, "p-4");
})() : (() => {
const calcTotals = (pf) => {
let budget = []; try { budget = JSON.parse(pf.budget_data || "[]"); } catch (e) {}
let rev = 0, payment = 0, cost = 0;
budget.forEach(b => { rev += parseFloat(b.rev||0)||0; payment += parseFloat(b.payment||0)||0; cost += parseFloat(b.cost||0)||0; });
const paid = parseFloat(pf.total_paid) || 0;
return { rev: Math.round(rev), payment: Math.round(payment), cost: Math.round(cost), paid: Math.round(paid) };
};
const allPfs = pfs.filter(x => x.status === state.finFilter);
let sumRev=0, sumPay=0, sumCost=0, sumPaid=0;
allPfs.forEach(pf => { const t = calcTotals(pf); sumRev+=t.rev; sumPay+=t.payment; sumCost+=t.cost; sumPaid+=t.paid; });
const fmt = (v) => v ? `
${money(v)}` : '
—';
const fmtDiff = (v) => { if (!v) return '
—'; return `
${money(Math.abs(v))}`; };
return card(`
${finHeaderBase}
${finAddBtn}
| 项目名称 | 状态 | 已确收 | 已回款 | 回款差额 | 应付 | 已付 | 应付差额 | 现金流 |
|---|
${allPfs.map(pf => { const t = calcTotals(pf); const payDiff = t.rev - t.payment; const costDiff = t.cost - t.paid; const cashflow = t.payment - t.paid; return `| ${esc(pf.customer_name)} | ${pf.status==='已签约'?'已签约':pf.status==='流程中'?'流程中':'待签约'} | ${fmt(t.rev)} | ${fmt(t.payment)} | ${fmtDiff(payDiff)} | ${fmt(t.cost)} | ${fmt(t.paid)} | ${fmtDiff(costDiff)} | ${cashflow ? money(cashflow) : '—'} |
`; }).join("")}| 合计 | ${money(sumRev)} | ${money(sumPay)} | ${fmtDiff(sumRev - sumPay)} | ${money(sumCost)} | ${money(sumPaid)} | ${fmtDiff(sumCost - sumPaid)} | ${money(sumPay - sumPaid)} |
`, "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);
initTaskTable(null);
document.querySelector("#financeDeleteBtn").classList.add("hidden");
}
modal.classList.remove("hidden");
};
window.addBudgetRow = (month = '', rev = '', gross = '', payment = '', cost = '', paid = '') => {
const tbody = document.querySelector("#budgetTbody");
if (!tbody) return;
const row = document.createElement("tr");
row.innerHTML = `