493150cb27
后端重构： - flask_app.py 拆分为 db.py/helpers.py/routes.py/seed_data.py + Blueprint - 删除死代码 init_db/latest_followup，净减 240 行 - migrations 反向依赖消除 财务项目详情： - 新增任务管理 tab（月份/类型/数量/已执行/差额/单价/执行金额/未执行金额） - 新增项目编号、开始/结束时间、项目经理、合同服务费标准(5%-25%下拉) - 科普业务类型新增科普专访、患教会 - task_data JSON 存储任务列表 财务视图： - 只保留总视图和月度视图，去除确收/毛利和回款/应付视图 - 月度视图月份选择器 - 表格统一居中对齐 - 去除流程项目/流程金额卡片
554 lines
42 KiB
JavaScript
554 lines
42 KiB
JavaScript
// finance.js — 经营管理（财务）模块
|
||
|
||
const moneyInt = (v) => `${Math.round(Number(v || 0)).toLocaleString("zh-CN")} 元`;
|
||
|
||
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" && state.finView !== "overview" && state.finView !== "monthly";
|
||
const mCols = months.map(m => {
|
||
const b = budgetMap[m] || {};
|
||
if (isRevView) {
|
||
const rev = b.rev || 0;
|
||
const gross = b.gross || 0;
|
||
return `<td class="p-2 text-center whitespace-nowrap align-middle"><span class="${rev ? 'text-blue-700 font-medium' : 'text-slate-300'}">${rev ? money(rev) : '—'}</span><br><span class="text-xs ${gross ? 'text-green-600' : 'text-slate-300'}">${gross ? money(gross) : '—'}</span></td>`;
|
||
} else {
|
||
const payment = b.payment || 0;
|
||
const cost = b.cost || 0;
|
||
return `<td class="p-2 text-center whitespace-nowrap align-middle"><span class="${payment ? 'text-amber-700 font-medium' : 'text-slate-300'}">${payment ? money(payment) : '—'}</span><br><span class="text-xs ${cost ? 'text-rose-600' : 'text-slate-300'}">${cost ? money(cost) : '—'}</span></td>`;
|
||
}
|
||
}).join("");
|
||
const totalCol = (() => {
|
||
if (isRevView) {
|
||
const totalRev = pf.total_rev || 0;
|
||
const totalGross = pf.total_gross || 0;
|
||
return `<td class="p-2 text-center whitespace-nowrap align-middle font-semibold"><span class="${totalRev ? 'text-blue-700' : 'text-slate-300'}">${totalRev ? money(totalRev) : '—'}</span><br><span class="text-xs ${totalGross ? 'text-green-600' : 'text-slate-300'}">${totalGross ? money(totalGross) : '—'}</span></td>`;
|
||
} 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 `<td class="p-2 text-center whitespace-nowrap align-middle font-semibold"><span class="${totalPayment ? 'text-amber-700' : 'text-slate-300'}">${totalPayment ? money(totalPayment) : '—'}</span><br><span class="text-xs ${totalCost ? 'text-rose-600' : 'text-slate-300'}">${totalCost ? money(totalCost) : '—'}</span></td>`;
|
||
}
|
||
})();
|
||
const sm = pf.sign_month || "";
|
||
const signMonthCell = `<td class="p-2 text-center text-sm"><span class="pf-sm-text cursor-pointer hover:text-blue-600" id="pf-sm-${pf.id}" onclick="event.stopPropagation(); editPfSignMonth(event, ${pf.id})">${sm || '—'}</span></td>`;
|
||
return `<tr class="border-b border-slate-100 hover:bg-slate-50 cursor-pointer" onclick="openPfEditModal(${pf.id})"><td class="p-2 text-sm font-medium text-center">${esc(pf.customer_name)}</td><td class="p-2 text-sm text-center">${esc(pf.business_type)}</td><td class="p-2 text-sm text-center">${pf.status === "已签约" ? badge("已签约") : pf.status === "流程中" ? badge("流程中","blue") : badge("待签约","amber")}</td>${signMonthCell}<td class="p-2 text-center text-sm">${money(pf.sign_amount)}</td>${mCols}${totalCol}</tr>`;
|
||
};
|
||
|
||
document.querySelector("#finance").innerHTML = `<div class="grid gap-4">
|
||
<div class="grid grid-cols-4 gap-3">
|
||
${[["已签项目","" + signed.length,"file-check-2"],["签约金额",moneyInt(sumSign),"coins"],["待签项目","" + pending.length,"file-question"],["待签金额",moneyInt(sumPending),"hourglass"]].map(([l,v,icon]) => `<div class="metric-card"><span class="flex items-center gap-2 text-xs text-slate-500"><i data-lucide="${icon}" style="width:14px;height:14px"></i>${l}</span><strong class="mt-2 block text-2xl">${v}</strong></div>`).join("")}
|
||
</div>
|
||
<div class="grid grid-cols-5 gap-3">
|
||
${[["本月确收",moneyInt(thisMonthRev),"trending-up"],["本月毛利",moneyInt(thisMonthGross),"percent"],["本月回款",moneyInt(monthPayment),"wallet"],["本月应付",moneyInt(monthCost),"receipt"],["本月现金流",moneyInt(monthCashflow),"repeat"]].map(([l,v,icon]) => `<div class="metric-card"><span class="flex items-center gap-2 text-xs text-slate-500"><i data-lucide="${icon}" style="width:14px;height:14px"></i>${l}</span><strong class="mt-2 block text-2xl">${v}</strong></div>`).join("")}
|
||
</div>
|
||
<div class="flex justify-between items-center"><div class="flex items-center gap-1" id="finViewToggle"><button class="btn btn-sm ${state.finView === 'overview' ? 'btn-primary' : 'btn-ghost'} px-2 py-1.5" data-view="overview" onclick="setFinView('overview')" title="总视图"><i data-lucide="layout-dashboard" style="width:16px;height:16px"></i><span class="text-xs ml-1">总视图</span></button><button class="btn btn-sm ${state.finView === 'monthly' ? 'btn-primary' : 'btn-ghost'} px-2 py-1.5" data-view="monthly" onclick="setFinView('monthly')" title="月度视图"><i data-lucide="calendar-days" style="width:16px;height:16px"></i><span class="text-xs ml-1">月度视图</span></button></div><button class="btn btn-primary btn-sm" onclick="openFinanceModal()"><i data-lucide="plus"></i>新增财务项目</button></div>
|
||
<div id="financeModal" class="hidden fixed inset-0 z-50 flex items-center justify-center bg-black/40" onclick="closeFinanceModal()"><div class="bg-white rounded-2xl shadow-2xl w-full max-w-6xl mx-4 max-h-[92vh] overflow-y-auto" onclick="event.stopPropagation()"><div class="sticky top-0 z-10 bg-white/95 backdrop-blur border-b border-slate-100 px-8 py-5 flex items-center justify-between"><div><h3 class="text-xl font-bold text-slate-800" id="financeModalTitle">新增项目财务</h3><p class="text-xs text-slate-400 mt-0.5">填写项目财务信息与月度预算</p></div><div class="flex items-center gap-2"><button class="btn btn-ghost btn-sm text-red-600 hidden" id="financeDeleteBtn" onclick="deleteFinanceItem()"><i data-lucide="trash-2"></i>删除</button><button class="btn btn-ghost btn-sm rounded-full w-8 h-8 p-0" onclick="closeFinanceModal()"><i data-lucide="x"></i></button></div></div>
|
||
<div class="finance-tabs">
|
||
<button class="finance-tab active" data-tab="info" onclick="switchFinanceTab('info')"><i data-lucide="info" style="width:14px;height:14px;display:inline-block;vertical-align:-2px;margin-right:4px"></i>基本信息</button>
|
||
<button class="finance-tab" data-tab="budget" onclick="switchFinanceTab('budget')"><i data-lucide="calendar" style="width:14px;height:14px;display:inline-block;vertical-align:-2px;margin-right:4px"></i>月度流水</button>
|
||
<button class="finance-tab" data-tab="tasks" onclick="switchFinanceTab('tasks')"><i data-lucide="list-checks" style="width:14px;height:14px;display:inline-block;vertical-align:-2px;margin-right:4px"></i>任务管理</button>
|
||
</div>
|
||
<form onsubmit="createFinance(event)" class="p-8 grid gap-6" novalidate><input type="hidden" name="pf_id" id="pf-id-input" value="">
|
||
<div id="financeTabInfo">
|
||
<div class="grid grid-cols-2 gap-5">
|
||
<div class="fin-field-group">
|
||
<p class="fin-section-label">项目信息</p>
|
||
<div class="grid gap-4">
|
||
<label class="block"><span class="fin-label">部门</span><input type="hidden" name="project_id" value="${state.tenant}"><input class="form-ctrl bg-slate-50 cursor-not-allowed" value="${state.tenant}" disabled></label>
|
||
<div class="grid grid-cols-2 gap-3">
|
||
<label class="block"><span class="fin-label">项目编号</span><input name="project_code" class="form-ctrl" placeholder="如：KP-2026-001"></label>
|
||
<label class="block"><span class="fin-label">业务类型</span><select name="business_type" class="form-ctrl bg-white">${fmTypes.map(t => `<option>${t}</option>`).join("")}</select></label>
|
||
</div>
|
||
<label class="block"><span class="fin-label">项目名称 <span class="text-red-500">*</span></span><input name="customer_name" required class="form-ctrl" placeholder="请输入项目名称"></label>
|
||
</div>
|
||
</div>
|
||
<div class="fin-field-group">
|
||
<p class="fin-section-label">合同信息</p>
|
||
<div class="grid gap-4">
|
||
<label class="block"><span class="fin-label">签约金额（元） <span class="text-red-500">*</span></span><input name="sign_amount" class="form-ctrl" placeholder="必须大于 0"></label>
|
||
<div class="grid grid-cols-2 gap-3">
|
||
<label class="block"><span class="fin-label">签约月份 <span class="text-red-500">*</span></span><select name="sign_month" required class="form-ctrl bg-white"><option value="">选择</option>${monthOptions('')}</select></label>
|
||
<label class="block"><span class="fin-label">项目状态</span><select name="status" class="form-ctrl bg-white"><option>已签约</option><option>流程中</option><option>待签约</option></select></label>
|
||
</div>
|
||
<div class="grid grid-cols-2 gap-3">
|
||
<label class="block"><span class="fin-label">商务负责人 <span class="text-red-500">*</span></span><input name="sales_person" required class="form-ctrl" placeholder="请输入商务负责人"></label>
|
||
<label class="block"><span class="fin-label">经营负责人 <span class="text-red-500">*</span></span><input name="owner" required class="form-ctrl" placeholder="请输入经营负责人"></label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="fin-field-group mt-5">
|
||
<p class="fin-section-label">执行信息</p>
|
||
<div class="grid grid-cols-3 gap-4">
|
||
<label class="block"><span class="fin-label">开始时间</span><input name="start_date" type="date" class="form-ctrl"></label>
|
||
<label class="block"><span class="fin-label">结束时间</span><input name="end_date" type="date" class="form-ctrl"></label>
|
||
<label class="block"><span class="fin-label">项目经理</span><input name="project_manager" class="form-ctrl" placeholder="请输入项目经理"></label>
|
||
<label class="block"><span class="fin-label">合同服务费标准</span><select name="service_fee_standard" class="form-ctrl bg-white">${Array.from({length:21},(_,i)=>{const v=i+5;return `<option value="${v}" ${v===5?'selected':''}>${v}%</option>`}).join("")}</select></label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="financeTabBudget" class="hidden">
|
||
<div class="grid grid-cols-5 gap-3 mb-4" id="budgetSummary">
|
||
<div class="bg-blue-50 rounded-lg p-3 text-center border border-blue-100">
|
||
<p class="text-xs text-blue-600 font-medium">总确收</p>
|
||
<p class="text-lg font-bold text-blue-700" id="budgetTotalRev">¥0</p>
|
||
</div>
|
||
<div class="bg-green-50 rounded-lg p-3 text-center border border-green-100">
|
||
<p class="text-xs text-green-600 font-medium">总毛利</p>
|
||
<p class="text-lg font-bold text-green-700" id="budgetTotalGross">¥0</p>
|
||
</div>
|
||
<div class="bg-amber-50 rounded-lg p-3 text-center border border-amber-100" id="budgetTotalPaymentCard">
|
||
<p class="text-xs text-amber-600 font-medium">总回款</p>
|
||
<p class="text-lg font-bold text-amber-700" id="budgetTotalPayment">¥0</p>
|
||
</div>
|
||
<div class="bg-rose-50 rounded-lg p-3 text-center border border-rose-100" id="budgetTotalCostCard">
|
||
<p class="text-xs text-rose-600 font-medium">总应付</p>
|
||
<p class="text-lg font-bold text-rose-700" id="budgetTotalCost">¥0</p>
|
||
</div>
|
||
<div class="bg-purple-50 rounded-lg p-3 text-center border border-purple-100">
|
||
<p class="text-xs text-purple-600 font-medium">总已付</p>
|
||
<p class="text-lg font-bold text-purple-700" id="budgetTotalPaid">¥0</p>
|
||
</div>
|
||
</div>
|
||
<table class="w-full text-sm border border-slate-200 rounded-lg overflow-hidden" id="budgetTable">
|
||
<thead><tr class="bg-slate-50 border-b border-slate-200"><th class="p-2.5 text-left font-medium text-slate-500" style="min-width:140px">月份</th><th class="p-2.5 text-right font-medium text-slate-500">确收</th><th class="p-2.5 text-right font-medium text-slate-500">毛利</th><th class="p-2.5 text-right font-medium text-slate-500">回款</th><th class="p-2.5 text-right font-medium text-slate-500">应付</th><th class="p-2.5 text-right font-medium text-slate-500">已付</th><th class="p-2.5 w-8"></th></tr></thead>
|
||
<tbody id="budgetTbody"></tbody>
|
||
</table>
|
||
<button type="button" class="btn btn-ghost btn-sm mt-3" onclick="addBudgetRow()"><i data-lucide="plus"></i>添加月份</button>
|
||
</div>
|
||
<div id="financeTabTasks" class="hidden">
|
||
<table class="w-full text-sm border border-slate-200 rounded-lg overflow-hidden" id="taskTable">
|
||
<thead><tr class="bg-slate-50 border-b border-slate-200"><th class="p-2.5 text-left font-medium text-slate-500" style="min-width:120px">月份</th><th class="p-2.5 text-left font-medium text-slate-500" style="min-width:120px">任务类型</th><th class="p-2.5 text-right font-medium text-slate-500">任务数量</th><th class="p-2.5 text-right font-medium text-slate-500">已执行</th><th class="p-2.5 text-right font-medium text-slate-500">差额</th><th class="p-2.5 text-right font-medium text-slate-500">单价</th><th class="p-2.5 text-right font-medium text-slate-500">执行金额</th><th class="p-2.5 text-right font-medium text-slate-500">未执行金额</th><th class="p-2.5 w-8"></th></tr></thead>
|
||
<tbody id="taskTbody"></tbody>
|
||
</table>
|
||
<button type="button" class="btn btn-ghost btn-sm mt-3" onclick="addTaskRow()"><i data-lucide="plus"></i>添加任务</button>
|
||
</div>
|
||
<div class="flex justify-end gap-3 pt-2"><button type="button" class="btn btn-ghost btn-sm px-6" onclick="closeFinanceModal()">取消</button><button type="submit" class="btn btn-primary btn-sm px-8">保存</button></div></form></div></div>
|
||
${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 => `<option value="${m}" ${m === selMonth ? 'selected' : ''}>${m}</option>`).join("");
|
||
const fmt = (v) => v ? `<span class="font-medium">${money(v)}</span>` : '<span class="text-slate-300">—</span>';
|
||
const fmtDiff = (v) => { if (!v) return '<span class="text-slate-300">—</span>'; return `<span class="${v > 0 ? 'text-amber-600 font-medium' : 'text-green-600 font-medium'}">${money(Math.abs(v))}</span>`; };
|
||
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(`<tr class="border-b border-slate-100 hover:bg-slate-50 cursor-pointer" onclick="openPfEditModal(${pf.id})"><td class="p-2 text-sm font-medium text-center">${esc(pf.customer_name)}</td><td class="p-2 text-sm text-center text-slate-500">${esc(pf.business_type)}</td><td class="p-2 text-sm text-center">${pf.status === '已签约' ? badge('已签约') : pf.status === '流程中' ? badge('流程中','blue') : badge('待签约','amber')}</td><td class="p-2 text-center text-blue-700 align-middle">${fmt(rev)}</td><td class="p-2 text-center text-amber-700 align-middle">${fmt(payment)}</td><td class="p-2 text-center align-middle">${fmtDiff(payDiff)}</td><td class="p-2 text-center text-rose-700 align-middle">${fmt(cost)}</td><td class="p-2 text-center text-purple-700 align-middle">${fmt(paid)}</td><td class="p-2 text-center align-middle">${fmtDiff(costDiff)}</td><td class="p-2 text-center font-semibold align-middle ${cashflow >= 0 ? 'text-green-600' : 'text-red-600'}">${cashflow ? money(cashflow) : '<span class="text-slate-300">—</span>'}</td></tr>`);
|
||
});
|
||
return card(`<div class="flex items-center justify-between mb-3"><h3 class="font-bold text-slate-700">月度视图 <span class="text-slate-400 font-normal">(${allPfs.length} 项目)</span></h3></div><div class="flex items-center justify-between mb-3"><div class="flex gap-2">${[["已签约","已签约"],["流程中","流程中"],["待签约","待签约"]].map(([k,v]) => `<button class="btn btn-sm ${state.finFilter === k ? 'btn-primary' : 'btn-ghost'}" onclick="state.finFilter='${k}';renderFinance()">${v} (${pfs.filter(x=>x.status===k).length})</button>`).join("")}</div><label class="inline-flex items-center gap-1 text-sm text-slate-500 cursor-pointer relative"><i data-lucide="calendar" style="width:14px;height:14px"></i><select onchange="state.finMonth=this.value;renderFinance()" class="bg-transparent border-0 text-sm text-slate-600 font-medium cursor-pointer" style="appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;background-image:none;padding-right:4px">${monthOpts}</select></label></div><div class="overflow-x-auto"><table class="w-full text-sm"><thead><tr class="bg-slate-50 border-b border-slate-200"><th class="p-2 text-center font-semibold align-middle">项目名称</th><th class="p-2 text-center font-semibold align-middle">类型</th><th class="p-2 text-center font-semibold align-middle">状态</th><th class="p-2 text-center font-semibold align-middle text-blue-600">已确收</th><th class="p-2 text-center font-semibold align-middle text-amber-600">已回款</th><th class="p-2 text-center font-semibold align-middle">回款差额</th><th class="p-2 text-center font-semibold align-middle text-rose-600">应付</th><th class="p-2 text-center font-semibold align-middle text-purple-600">已付</th><th class="p-2 text-center font-semibold align-middle">应付差额</th><th class="p-2 text-center font-semibold align-middle text-slate-700">现金流</th></tr></thead><tbody>${rows.length ? rows.join("") : '<tr><td colspan="10" class="p-6 text-center text-slate-400">该月份暂无数据</td></tr>'}<tr class="border-t-2 border-slate-200 bg-slate-50 font-bold"><td class="p-2 text-center" colspan="3">合计</td><td class="p-2 text-center text-blue-700 align-middle">${money(sumRev)}</td><td class="p-2 text-center text-amber-700 align-middle">${money(sumPay)}</td><td class="p-2 text-center align-middle">${fmtDiff(sumRev - sumPay)}</td><td class="p-2 text-center text-rose-700 align-middle">${money(sumCost)}</td><td class="p-2 text-center text-purple-700 align-middle">${money(sumPaid)}</td><td class="p-2 text-center align-middle">${fmtDiff(sumCost - sumPaid)}</td><td class="p-2 text-center font-semibold align-middle ${sumPay - sumPaid >= 0 ? 'text-green-600' : 'text-red-600'}">${money(sumPay - sumPaid)}</td></tr></tbody></table></div>`, "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 ? `<span class="font-medium">${money(v)}</span>` : '<span class="text-slate-300">—</span>';
|
||
const fmtDiff = (v) => { if (!v) return '<span class="text-slate-300">—</span>'; return `<span class="${v > 0 ? 'text-amber-600 font-medium' : 'text-green-600 font-medium'}">${money(Math.abs(v))}</span>`; };
|
||
return card(`<div class="flex items-center justify-between mb-3"><h3 class="font-bold text-slate-700">总视图 <span class="text-slate-400 font-normal">(${allPfs.length})</span></h3></div><div class="flex gap-2 mb-3">${[["已签约","已签约"],["流程中","流程中"],["待签约","待签约"]].map(([k,v]) => `<button class="btn btn-sm ${state.finFilter === k ? 'btn-primary' : 'btn-ghost'}" onclick="state.finFilter='${k}';renderFinance()">${v} (${pfs.filter(x=>x.status===k).length})</button>`).join("")}</div><div class="overflow-x-auto"><table class="w-full text-sm"><thead><tr class="bg-slate-50 border-b border-slate-200"><th class="p-2 text-center font-semibold align-middle">项目名称</th><th class="p-2 text-center font-semibold align-middle">类型</th><th class="p-2 text-center font-semibold align-middle">状态</th><th class="p-2 text-center font-semibold align-middle text-blue-600">已确收</th><th class="p-2 text-center font-semibold align-middle text-amber-600">已回款</th><th class="p-2 text-center font-semibold align-middle">回款差额</th><th class="p-2 text-center font-semibold align-middle text-rose-600">应付</th><th class="p-2 text-center font-semibold align-middle text-purple-600">已付</th><th class="p-2 text-center font-semibold align-middle">应付差额</th><th class="p-2 text-center font-semibold align-middle text-slate-700">现金流</th></tr></thead><tbody>${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 `<tr class="border-b border-slate-100 hover:bg-slate-50 cursor-pointer" onclick="openPfEditModal(${pf.id})"><td class="p-2 text-sm font-medium text-center">${esc(pf.customer_name)}</td><td class="p-2 text-sm text-center text-slate-500">${esc(pf.business_type)}</td><td class="p-2 text-sm text-center">${pf.status === '已签约' ? badge('已签约') : pf.status === '流程中' ? badge('流程中','blue') : badge('待签约','amber')}</td><td class="p-2 text-center text-blue-700 align-middle">${fmt(t.rev)}</td><td class="p-2 text-center text-amber-700 align-middle">${fmt(t.payment)}</td><td class="p-2 text-center align-middle">${fmtDiff(payDiff)}</td><td class="p-2 text-center text-rose-700 align-middle">${fmt(t.cost)}</td><td class="p-2 text-center text-purple-700 align-middle">${fmt(t.paid)}</td><td class="p-2 text-center align-middle">${fmtDiff(costDiff)}</td><td class="p-2 text-center font-semibold align-middle ${cashflow >= 0 ? 'text-green-600' : 'text-red-600'}">${cashflow ? money(cashflow) : '<span class="text-slate-300">—</span>'}</td></tr>`; }).join("")}<tr class="border-t-2 border-slate-200 bg-slate-50 font-bold"><td class="p-2 text-center" colspan="3">合计</td><td class="p-2 text-center text-blue-700 align-middle">${money(sumRev)}</td><td class="p-2 text-center text-amber-700 align-middle">${money(sumPay)}</td><td class="p-2 text-center align-middle">${fmtDiff(sumRev - sumPay)}</td><td class="p-2 text-center text-rose-700 align-middle">${money(sumCost)}</td><td class="p-2 text-center text-purple-700 align-middle">${money(sumPaid)}</td><td class="p-2 text-center align-middle">${fmtDiff(sumCost - sumPaid)}</td><td class="p-2 text-center font-semibold align-middle ${sumPay - sumPaid >= 0 ? 'text-green-600' : 'text-red-600'}">${money(sumPay - sumPaid)}</td></tr></tbody></table></div>`, "p-4");
|
||
})()}
|
||
</div>`;
|
||
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 = `<td><select name="budget_month[]" class="form-ctrl form-ctrl-sm w-full" style="min-width:140px" onchange="updateBudgetSummary()">${monthOptions(month)}</select></td>
|
||
<td><input name="budget_rev[]" type="number" step="0.01" class="form-ctrl form-ctrl-sm w-full text-right" placeholder="0" value="${rev}" oninput="updateBudgetSummary()"></td>
|
||
<td><input name="budget_gross[]" type="number" step="0.01" class="form-ctrl form-ctrl-sm w-full text-right" placeholder="0" value="${gross}" oninput="updateBudgetSummary()"></td>
|
||
<td><input name="budget_payment[]" type="number" step="0.01" class="form-ctrl form-ctrl-sm w-full text-right" placeholder="0" value="${payment}" oninput="updateBudgetSummary()"></td>
|
||
<td><input name="budget_cost[]" type="number" step="0.01" class="form-ctrl form-ctrl-sm w-full text-right" placeholder="0" value="${cost}" oninput="updateBudgetSummary()"></td>
|
||
<td><input name="budget_paid[]" type="number" step="0.01" class="form-ctrl form-ctrl-sm w-full text-right" placeholder="0" value="${paid}" oninput="updateBudgetSummary()"></td>
|
||
<td><button type="button" class="btn btn-ghost btn-sm text-red-500 p-0 w-6 h-6" onclick="this.closest('tr').remove();updateBudgetSummary()"><i data-lucide="trash-2" style="width:14px;height:14px"></i></button></td>`;
|
||
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");
|
||
const paidEl = document.querySelector("#budgetTotalPaid");
|
||
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[]"]');
|
||
const paidInputs = document.querySelectorAll('[name="budget_paid[]"]');
|
||
let totalRev = 0, totalGross = 0, totalPayment = 0, totalCost = 0, totalPaid = 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; });
|
||
paidInputs.forEach(el => { totalPaid += parseFloat(el.value) || 0; });
|
||
revEl.textContent = money(totalRev);
|
||
grossEl.textContent = money(totalGross);
|
||
if (paymentEl) paymentEl.textContent = money(totalPayment);
|
||
if (costEl) costEl.textContent = money(totalCost);
|
||
if (paidEl) paidEl.textContent = money(totalPaid);
|
||
};
|
||
|
||
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 || '', r.paid || ''));
|
||
setTimeout(() => updateBudgetSummary(), 50);
|
||
};
|
||
|
||
// ---------- 任务管理 tab ----------
|
||
const TASK_TYPES = ["科普视频", "科普专访", "科普文章"];
|
||
|
||
function taskMonthOptions(selected) {
|
||
const now = new Date();
|
||
const opts = [];
|
||
for (let i = -2; i <= 12; i++) {
|
||
const d = new Date(now.getFullYear(), now.getMonth() + i, 1);
|
||
const v = d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, "0");
|
||
opts.push(`<option value="${v}" ${v === selected ? 'selected' : ''}>${v}</option>`);
|
||
}
|
||
return opts.join("");
|
||
}
|
||
|
||
window.addTaskRow = (taskMonth = '', taskType = '', taskCount = '', executedCount = '', unitPrice = '') => {
|
||
const tbody = document.querySelector("#taskTbody");
|
||
if (!tbody) return;
|
||
const row = document.createElement("tr");
|
||
const defaultMonth = (() => { const n = new Date(); return n.getFullYear() + "-" + String(n.getMonth()+1).padStart(2,"0"); })();
|
||
row.innerHTML = `<td><select name="task_month[]" class="form-ctrl form-ctrl-sm w-full">${taskMonthOptions(taskMonth || defaultMonth)}</select></td>
|
||
<td><select name="task_type[]" class="form-ctrl form-ctrl-sm w-full" onchange="updateTaskDiff(this)"><option value="">选择</option>${TASK_TYPES.map(t => `<option ${t === taskType ? 'selected' : ''}>${t}</option>`).join("")}</select></td>
|
||
<td><input name="task_count[]" type="number" step="1" min="0" class="form-ctrl form-ctrl-sm text-right" style="width:100px" placeholder="0" value="${taskCount}" oninput="updateTaskDiff(this)"></td>
|
||
<td><input name="task_executed[]" type="number" step="1" min="0" class="form-ctrl form-ctrl-sm text-right" style="width:100px" placeholder="0" value="${executedCount}" oninput="updateTaskDiff(this)"></td>
|
||
<td><input name="task_diff[]" type="number" class="form-ctrl form-ctrl-sm text-right" style="width:80px" placeholder="—" disabled></td>
|
||
<td><input name="task_unit_price[]" type="number" step="0.01" min="0" class="form-ctrl form-ctrl-sm text-right" style="width:90px" placeholder="0" value="${unitPrice}" oninput="updateTaskDiff(this)"></td>
|
||
<td><input name="task_exec_amount[]" type="number" class="form-ctrl form-ctrl-sm text-right" style="width:140px" placeholder="—" disabled></td>
|
||
<td><input name="task_unexec_amount[]" type="number" class="form-ctrl form-ctrl-sm text-right" style="width:140px" placeholder="—" disabled></td>
|
||
<td><button type="button" class="btn btn-ghost btn-sm text-red-500 p-0 w-6 h-6" onclick="this.closest('tr').remove()"><i data-lucide="trash-2" style="width:14px;height:14px"></i></button></td>`;
|
||
tbody.appendChild(row);
|
||
if (window.lucide) window.lucide.createIcons();
|
||
updateRowCalc(row);
|
||
};
|
||
|
||
window.updateTaskDiff = (el) => {
|
||
const row = el.closest('tr');
|
||
if (!row) return;
|
||
updateRowCalc(row);
|
||
};
|
||
|
||
function updateRowCalc(row) {
|
||
const countInput = row.querySelector('[name="task_count[]"]');
|
||
const execInput = row.querySelector('[name="task_executed[]"]');
|
||
const priceInput = row.querySelector('[name="task_unit_price[]"]');
|
||
const diffInput = row.querySelector('[name="task_diff[]"]');
|
||
const execAmtInput = row.querySelector('[name="task_exec_amount[]"]');
|
||
const unexecAmtInput = row.querySelector('[name="task_unexec_amount[]"]');
|
||
const c = parseFloat(countInput.value) || 0;
|
||
const e = parseFloat(execInput.value) || 0;
|
||
const p = parseFloat(priceInput.value) || 0;
|
||
const diff = c - e;
|
||
// 差额
|
||
diffInput.value = (!c && !e) ? '' : diff;
|
||
// 执行金额 = 单价 * 已执行
|
||
const execAmt = p * e;
|
||
execAmtInput.value = execAmt ? execAmt.toFixed(2) : '';
|
||
// 未执行金额 = 单价 * 差额
|
||
const unexecAmt = p * diff;
|
||
unexecAmtInput.value = unexecAmt ? unexecAmt.toFixed(2) : '';
|
||
}
|
||
|
||
window.initTaskTable = (taskData) => {
|
||
const tbody = document.querySelector("#taskTbody");
|
||
if (!tbody) return;
|
||
tbody.innerHTML = "";
|
||
const rows = taskData || [];
|
||
rows.forEach(r => addTaskRow(r.task_month || '', r.task_type || '', r.task_count || '', r.task_executed || '', r.unit_price || ''));
|
||
};
|
||
|
||
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 = `<span class="pf-sm-text cursor-pointer hover:text-blue-600" onclick="editPfSignMonth(event, ${pfId})">${newValue || '—'}</span>`;
|
||
} catch (e) { toast("修改失败：" + e.message, "error"); }
|
||
});
|
||
select.addEventListener("blur", () => {
|
||
td.innerHTML = `<span class="pf-sm-text cursor-pointer hover:text-blue-600" onclick="editPfSignMonth(event, ${pfId})">${currentValue || '—'}</span>`;
|
||
});
|
||
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");
|
||
document.querySelector("#financeTabTasks").classList.toggle("hidden", tab !== "tasks");
|
||
};
|
||
|
||
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 || "";
|
||
const setVal = (name, val) => { const el = form.querySelector(`[name="${name}"]`); if (el) el.value = val || ""; };
|
||
setVal("project_code", pf.project_code);
|
||
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 || "";
|
||
setVal("start_date", pf.start_date);
|
||
setVal("end_date", pf.end_date);
|
||
setVal("task_type", pf.task_type);
|
||
setVal("task_count", pf.task_count);
|
||
setVal("service_fee_standard", pf.service_fee_standard || 5);
|
||
setVal("project_manager", pf.project_manager);
|
||
let budgetData = [];
|
||
try { budgetData = JSON.parse(pf.budget_data || "[]"); } catch (e) { budgetData = []; }
|
||
initBudgetTable(budgetData.length ? budgetData : null);
|
||
let taskData = [];
|
||
try { taskData = JSON.parse(pf.task_data || "[]"); } catch (e) { taskData = []; }
|
||
initTaskTable(taskData.length ? taskData : 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 paids = form.querySelectorAll('[name="budget_paid[]"]');
|
||
const budgetRows = [];
|
||
let totalRev = 0, totalGross = 0, totalPaidFromBudget = 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;
|
||
const paid = parseFloat(paids[i].value) || 0;
|
||
budgetRows.push({ month: m, rev, gross, payment, cost, paid });
|
||
totalRev += rev;
|
||
totalGross += gross;
|
||
totalPaidFromBudget += paid;
|
||
}
|
||
data.budget_data = JSON.stringify(budgetRows);
|
||
data.total_rev = totalRev;
|
||
data.total_gross = totalGross;
|
||
data.total_paid = totalPaidFromBudget;
|
||
let totalPayment = 0, totalCost = 0;
|
||
for (const r of budgetRows) { totalPayment += r.payment; totalCost += r.cost; }
|
||
data.total_payment = totalPayment;
|
||
data.total_cost = totalCost;
|
||
// 收集任务管理数据
|
||
const taskTypeInputs = form.querySelectorAll('[name="task_type[]"]');
|
||
const taskCountInputs = form.querySelectorAll('[name="task_count[]"]');
|
||
const taskExecInputs = form.querySelectorAll('[name="task_executed[]"]');
|
||
const taskRows = [];
|
||
for (let i = 0; i < taskTypeInputs.length; i++) {
|
||
const tt = taskTypeInputs[i].value.trim();
|
||
if (!tt) continue;
|
||
taskRows.push({
|
||
task_month: form.querySelectorAll('[name="task_month[]"]')[i].value || '',
|
||
task_type: tt,
|
||
task_count: parseFloat(taskCountInputs[i].value) || 0,
|
||
task_executed: parseFloat(taskExecInputs[i].value) || 0,
|
||
unit_price: parseFloat(form.querySelectorAll('[name="task_unit_price[]"]')[i].value) || 0,
|
||
});
|
||
}
|
||
data.task_data = JSON.stringify(taskRows);
|
||
// 清除数组命名的字段（FormData 会收集 task_type[] 等），避免后端写入不存在的列
|
||
delete data.task_type;
|
||
delete data.task_count;
|
||
for (const key of Object.keys(data)) {
|
||
if (key.endsWith('[]')) delete data[key];
|
||
}
|
||
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");
|
||
}
|
||
};
|