|
|
|
|
@@ -105,15 +105,21 @@ function renderFinance() {
|
|
|
|
|
const defaultMonth2 = now2.getFullYear() + "-" + String(now2.getMonth()+1).padStart(2,"0");
|
|
|
|
|
if (!state.finMonth) state.finMonth = defaultMonth2;
|
|
|
|
|
if (state.finQuarter === undefined) state.finQuarter = Math.floor(now2.getMonth() / 3);
|
|
|
|
|
if (!state.finYear) state.finYear = now2.getFullYear();
|
|
|
|
|
if (!state.finView) state.finView = 'annual';
|
|
|
|
|
if (state.finYear == null) state.finYear = now2.getFullYear();
|
|
|
|
|
if (state.finMonthlyYear === undefined) state.finMonthlyYear = state.finYear;
|
|
|
|
|
if (!['annual','quarterly','monthly'].includes(state.finView)) state.finView = 'annual';
|
|
|
|
|
if (!['overview','quarterlyOverview','projects','expense'].includes(state.finFilter)) state.finFilter = 'projects';
|
|
|
|
|
if (state.finView === 'monthly' && state.finMonth) {
|
|
|
|
|
const monthSuffix = state.finMonth.slice(-2);
|
|
|
|
|
state.finMonth = state.finYear + '-' + monthSuffix;
|
|
|
|
|
}
|
|
|
|
|
const qLabels = ['Q1','Q2','Q3','Q4'];
|
|
|
|
|
const qMonths = [[1,2,3],[4,5,6],[7,8,9],[10,11,12]];
|
|
|
|
|
const nowD = new Date();
|
|
|
|
|
const activeQ = state.finQuarter !== undefined ? state.finQuarter : Math.floor(nowD.getMonth() / 3);
|
|
|
|
|
const activeMonths = qMonths[activeQ];
|
|
|
|
|
const yearOpts = [2024,2025,2026,2027];
|
|
|
|
|
const finHeaderBase = `<div class="flex items-center gap-2"><span class="text-sm text-slate-500">年份:</span><select onchange="setFinYear(this.value)" class="px-2 py-0.5 rounded text-sm font-medium border border-slate-200 bg-white">${yearOpts.map(y => `<option value="${y}" ${state.finYear===y?'selected':''}>${y}</option>`).join('')}</select><span class="text-slate-300 mx-2">|</span><button onclick="setFinView('annual')" class="px-3 py-0.5 rounded text-sm font-medium ${state.finView==='annual'?'bg-brand-600 text-white':'bg-slate-100 text-slate-600 hover:bg-slate-200'}">全年</button><span class="text-slate-300 mx-2">|</span><span class="text-sm text-slate-500">季度:</span>${qLabels.map((q,i) => `<button onclick="setFinQuarter(${i})" class="px-3 py-0.5 rounded text-sm font-medium ${state.finView==='quarterly'&&activeQ===i?'bg-brand-600 text-white':'bg-slate-100 text-slate-600 hover:bg-slate-200'}">${q}</button>`).join('')}<span class="text-slate-300 mx-2">|</span><span class="text-sm text-slate-500">月度:</span>${activeMonths.map(m => { const ms = `${state.finYear}-${String(m).padStart(2,'0')}`; return `<button onclick="setFinMonth('${ms}')" class="px-3 py-0.5 rounded text-sm font-medium ${state.finView==='monthly'&&state.finMonth===ms?'bg-brand-600 text-white':'bg-slate-100 text-slate-600 hover:bg-slate-200'}">${m}月</button>`; }).join('')}</div>`;
|
|
|
|
|
const yearOpts = [2020,2021,2022,2023,2024,2025,2026,2027];
|
|
|
|
|
const finHeaderBase = `<div class="flex items-center gap-2"><span class="text-sm text-slate-500">年份:</span><select onchange="setFinYear(this.value)" class="px-2 py-0.5 rounded text-sm font-medium border border-slate-200 bg-white">${`<option value="0" ${state.finYear===0?'selected':''}>所有年份</option>`}${yearOpts.map(y => `<option value="${y}" ${state.finYear===y?'selected':''}>${y}年</option>`).join('')}</select><span class="text-slate-300 mx-2">|</span><button onclick="setFinView('annual')" class="px-3 py-0.5 rounded text-sm font-medium ${state.finView==='annual'?'bg-brand-600 text-white':'bg-slate-100 text-slate-600 hover:bg-slate-200'}">全年</button><span class="text-slate-300 mx-2">|</span><span class="text-sm text-slate-500">季度:</span>${qLabels.map((q,i) => `<button onclick="setFinQuarter(${i})" class="px-3 py-0.5 rounded text-sm font-medium ${state.finView==='quarterly'&&activeQ===i?'bg-brand-600 text-white':'bg-slate-100 text-slate-600 hover:bg-slate-200'}">${q}</button>`).join('')}<span class="text-slate-300 mx-2">|</span><span class="text-sm text-slate-500">月度:</span>${activeMonths.map(m => { const ms = `${state.finYear}-${String(m).padStart(2,'0')}`; return `<button onclick="setFinMonth('${ms}')" class="px-3 py-0.5 rounded text-sm font-medium ${state.finView==='monthly'&&state.finMonth===ms?'bg-brand-600 text-white':'bg-slate-100 text-slate-600 hover:bg-slate-200'}">${m}月</button>`; }).join('')}</div>`;
|
|
|
|
|
const finAddBtn = `<button class="btn btn-primary btn-sm" onclick="openFinanceModal()">新增财务项目</button>`;
|
|
|
|
|
|
|
|
|
|
const isOverviewMode = false;
|
|
|
|
|
@@ -242,13 +248,21 @@ function renderFinance() {
|
|
|
|
|
</div>
|
|
|
|
|
</div><div class="flex justify-end gap-3 pt-2 finance-form-actions"><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>
|
|
|
|
|
${(() => {
|
|
|
|
|
if (state.finFilter === 'overview') {
|
|
|
|
|
setTimeout(() => renderFinanceOverview(), 10);
|
|
|
|
|
return `<div id="financeOverview"></div>`;
|
|
|
|
|
}
|
|
|
|
|
if (state.finFilter === 'quarterlyOverview') {
|
|
|
|
|
setTimeout(() => renderFinanceQuarterlyOverview(), 10);
|
|
|
|
|
return `<div id="financeQuarterlyOverview"></div>`;
|
|
|
|
|
if (state.finFilter === 'overview' || state.finFilter === 'quarterlyOverview') {
|
|
|
|
|
const isQ = state.finFilter === 'quarterlyOverview';
|
|
|
|
|
const renderFn = isQ ? renderFinanceQuarterlyOverview : renderFinanceOverview;
|
|
|
|
|
const containerId = isQ ? 'financeQuarterlyOverview' : 'financeOverview';
|
|
|
|
|
if (state.finMonthlyYear !== state.finYear) {
|
|
|
|
|
const y = state.finYear;
|
|
|
|
|
fetch(`/api/finance/yearly?year=${y}&tenant=${encodeURIComponent(state.tenant)}`).then(r => r.json()).then(d => {
|
|
|
|
|
if (d && d.financeMonthly) { state.data.financeMonthly = d.financeMonthly; state.finMonthlyYear = d.year; }
|
|
|
|
|
else { state.data.financeMonthly = []; state.finMonthlyYear = y; }
|
|
|
|
|
renderFn();
|
|
|
|
|
}).catch(() => { state.finMonthlyYear = y; renderFn(); });
|
|
|
|
|
} else {
|
|
|
|
|
setTimeout(renderFn, 10);
|
|
|
|
|
}
|
|
|
|
|
return `<div id="${containerId}"></div>`;
|
|
|
|
|
}
|
|
|
|
|
if (state.finFilter === 'expense') {
|
|
|
|
|
setTimeout(() => renderExpense(), 10);
|
|
|
|
|
@@ -378,17 +392,26 @@ function renderFinance() {
|
|
|
|
|
const defaultMonth = now.getFullYear() + "-" + String(now.getMonth() + 1).padStart(2, "0");
|
|
|
|
|
if (!state.finMonth) state.finMonth = defaultMonth;
|
|
|
|
|
const selMonth = state.finMonth;
|
|
|
|
|
const isAllMonth = selMonth.startsWith('0-');
|
|
|
|
|
const monthSuffix = selMonth.slice(-2);
|
|
|
|
|
var dataItems = [];
|
|
|
|
|
allPfs.forEach(pf => {
|
|
|
|
|
let bd = []; try { bd = JSON.parse(pf.budget_data || "[]"); } catch (e) {}
|
|
|
|
|
let ed = []; try { ed = JSON.parse(pf.expense_data || "[]"); } catch (e) {}
|
|
|
|
|
const b = bd.find(x => (x.month || "") === selMonth) || {};
|
|
|
|
|
const e = ed.find(x => (x.month || "") === selMonth) || {};
|
|
|
|
|
const rev = Math.round(parseFloat(b.rev || 0) || 0);
|
|
|
|
|
const payment = Math.round(parseFloat(b.payment || 0) || 0);
|
|
|
|
|
const gross = Math.round(parseFloat(b.gross || 0) || 0);
|
|
|
|
|
const cost = Math.round(parseFloat(e.cost || 0) || 0);
|
|
|
|
|
const paid = Math.round(parseFloat(e.paid || 0) || 0);
|
|
|
|
|
let rev = 0, payment = 0, gross = 0, cost = 0, paid = 0;
|
|
|
|
|
if (isAllMonth) {
|
|
|
|
|
bd.forEach(x => { if ((x.month||"").substring(5) === monthSuffix) { rev += parseFloat(x.rev||0)||0; gross += parseFloat(x.gross||0)||0; payment += parseFloat(x.payment||0)||0; } });
|
|
|
|
|
ed.forEach(x => { if ((x.month||"").substring(5) === monthSuffix) { cost += parseFloat(x.cost||0)||0; paid += parseFloat(x.paid||0)||0; } });
|
|
|
|
|
rev = Math.round(rev); payment = Math.round(payment); gross = Math.round(gross); cost = Math.round(cost); paid = Math.round(paid);
|
|
|
|
|
} else {
|
|
|
|
|
const b = bd.find(x => (x.month || "") === selMonth) || {};
|
|
|
|
|
const e = ed.find(x => (x.month || "") === selMonth) || {};
|
|
|
|
|
rev = Math.round(parseFloat(b.rev || 0) || 0);
|
|
|
|
|
payment = Math.round(parseFloat(b.payment || 0) || 0);
|
|
|
|
|
gross = Math.round(parseFloat(b.gross || 0) || 0);
|
|
|
|
|
cost = Math.round(parseFloat(e.cost || 0) || 0);
|
|
|
|
|
paid = Math.round(parseFloat(e.paid || 0) || 0);
|
|
|
|
|
}
|
|
|
|
|
if (!rev && !payment && !cost && !paid && !gross) return;
|
|
|
|
|
dataItems.push({
|
|
|
|
|
pf: pf, customer_name: pf.customer_name || '', sign_amount: pf.sign_amount || 0, sign_month: pf.sign_month || '',
|
|
|
|
|
@@ -408,8 +431,12 @@ function renderFinance() {
|
|
|
|
|
sumRev += d.rev; sumPay += d.payment; sumCost += d.cost; sumPaid += d.paid; sumGross += d.gross;
|
|
|
|
|
rows.push(isUnsigned ? tdRowUnsigned(d.pf, d.cost, d.gross) : tdRow(d.pf, d.rev, d.payment, d.cost, d.paid, d.gross));
|
|
|
|
|
});
|
|
|
|
|
const signTotal = Math.round(allPfs.filter(x => (x.sign_month || "").substring(0, 7) === selMonth).reduce((a, p) => a + (p.sign_amount || 0), 0));
|
|
|
|
|
const signCnt = allPfs.filter(x => (x.sign_month || "").substring(0, 7) === selMonth).length;
|
|
|
|
|
const signTotal = isAllMonth
|
|
|
|
|
? Math.round(allPfs.filter(x => { const sm = x.sign_month || ""; return sm.length >= 7 && sm.substring(5) === monthSuffix; }).reduce((a, p) => a + (p.sign_amount || 0), 0))
|
|
|
|
|
: Math.round(allPfs.filter(x => (x.sign_month || "").substring(0, 7) === selMonth).reduce((a, p) => a + (p.sign_amount || 0), 0));
|
|
|
|
|
const signCnt = isAllMonth
|
|
|
|
|
? allPfs.filter(x => { const sm = x.sign_month || ""; return sm.length >= 7 && sm.substring(5) === monthSuffix; }).length
|
|
|
|
|
: allPfs.filter(x => (x.sign_month || "").substring(0, 7) === selMonth).length;
|
|
|
|
|
return renderView(rows, sumRev, sumPay, sumCost, sumPaid, sumGross, signTotal, signCnt, '该月份暂无数据');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@@ -425,12 +452,12 @@ function renderFinance() {
|
|
|
|
|
const qRange = qRanges[selQ];
|
|
|
|
|
const sumBudget = (pf, field) => {
|
|
|
|
|
let total = 0;
|
|
|
|
|
try { JSON.parse(pf.budget_data || "[]").forEach(b => { const m = parseInt((b.month || "").substring(5)) || 0; const y = parseInt((b.month || "").substring(0, 4)) || 0; if (qRange.includes(m) && y === state.finYear) total += parseFloat(b[field] || 0); }); } catch (e) {}
|
|
|
|
|
try { JSON.parse(pf.budget_data || "[]").forEach(b => { const m = parseInt((b.month || "").substring(5)) || 0; const y = parseInt((b.month || "").substring(0, 4)) || 0; if (qRange.includes(m) && (y === state.finYear || state.finYear === 0)) total += parseFloat(b[field] || 0); }); } catch (e) {}
|
|
|
|
|
return total;
|
|
|
|
|
};
|
|
|
|
|
const sumExpense = (pf, field) => {
|
|
|
|
|
let total = 0;
|
|
|
|
|
try { JSON.parse(pf.expense_data || "[]").forEach(e => { const m = parseInt((e.month || "").substring(5)) || 0; const y = parseInt((e.month || "").substring(0, 4)) || 0; if (qRange.includes(m) && y === state.finYear) total += parseFloat(e[field] || 0); }); } catch (e) {}
|
|
|
|
|
try { JSON.parse(pf.expense_data || "[]").forEach(e => { const m = parseInt((e.month || "").substring(5)) || 0; const y = parseInt((e.month || "").substring(0, 4)) || 0; if (qRange.includes(m) && (y === state.finYear || state.finYear === 0)) total += parseFloat(e[field] || 0); }); } catch (e) {}
|
|
|
|
|
return total;
|
|
|
|
|
};
|
|
|
|
|
var dataItems = [];
|
|
|
|
|
@@ -459,25 +486,52 @@ function renderFinance() {
|
|
|
|
|
sumRev += d.rev; sumPay += d.payment; sumCost += d.cost; sumPaid += d.paid; sumGross += d.gross;
|
|
|
|
|
rows.push(isUnsigned ? tdRowUnsigned(d.pf, d.cost, d.gross) : tdRow(d.pf, d.rev, d.payment, d.cost, d.paid, d.gross));
|
|
|
|
|
});
|
|
|
|
|
const signTotal = Math.round(allPfs.filter(x => { const m = parseInt((x.sign_month || "0").substring(5)) || 0; return qRange.includes(m); }).reduce((a, p) => a + (p.sign_amount || 0), 0));
|
|
|
|
|
const signCnt = allPfs.filter(x => qRange.includes(parseInt((x.sign_month || "0").substring(5)) || 0)).length;
|
|
|
|
|
const signTotal = Math.round(allPfs.filter(x => {
|
|
|
|
|
const m = parseInt((x.sign_month || "0").substring(5)) || 0;
|
|
|
|
|
const qy = parseInt((x.sign_month || "0").substring(0, 4)) || 0;
|
|
|
|
|
return qRange.includes(m) && (qy === state.finYear || state.finYear === 0);
|
|
|
|
|
}).reduce((a, p) => a + (p.sign_amount || 0), 0));
|
|
|
|
|
const signCnt = allPfs.filter(x => {
|
|
|
|
|
const m = parseInt((x.sign_month || "0").substring(5)) || 0;
|
|
|
|
|
const qy = parseInt((x.sign_month || "0").substring(0, 4)) || 0;
|
|
|
|
|
return qRange.includes(m) && (qy === state.finYear || state.finYear === 0);
|
|
|
|
|
}).length;
|
|
|
|
|
return renderView(rows, sumRev, sumPay, sumCost, sumPaid, sumGross, signTotal, signCnt, '该季度暂无数据');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 总视图
|
|
|
|
|
const calcTotals = (pf) => {
|
|
|
|
|
const calcTotals = (pf, year) => {
|
|
|
|
|
let budget = []; try { budget = JSON.parse(pf.budget_data || "[]"); } catch (e) {}
|
|
|
|
|
let expense = []; try { expense = JSON.parse(pf.expense_data || "[]"); } catch (e) {}
|
|
|
|
|
let rev = 0, payment = 0, gross = 0;
|
|
|
|
|
budget.forEach(b => { rev += parseFloat(b.rev || 0) || 0; gross += parseFloat(b.gross || 0) || 0; payment += parseFloat(b.payment || 0) || 0; });
|
|
|
|
|
budget.forEach(b => {
|
|
|
|
|
if (year !== 0) {
|
|
|
|
|
const by = parseInt((b.month || "").substring(0, 4)) || 0;
|
|
|
|
|
if (by && by !== year) return;
|
|
|
|
|
}
|
|
|
|
|
rev += parseFloat(b.rev || 0) || 0; gross += parseFloat(b.gross || 0) || 0; payment += parseFloat(b.payment || 0) || 0;
|
|
|
|
|
});
|
|
|
|
|
let cost = 0, paid = 0;
|
|
|
|
|
expense.forEach(e => { cost += parseFloat(e.cost || 0) || 0; paid += parseFloat(e.paid || 0) || 0; });
|
|
|
|
|
expense.forEach(e => {
|
|
|
|
|
if (year !== 0) {
|
|
|
|
|
const ey = parseInt((e.month || "").substring(0, 4)) || 0;
|
|
|
|
|
if (ey && ey !== year) return;
|
|
|
|
|
}
|
|
|
|
|
cost += parseFloat(e.cost || 0) || 0; paid += parseFloat(e.paid || 0) || 0;
|
|
|
|
|
});
|
|
|
|
|
return { rev: Math.round(rev), payment: Math.round(payment), cost: Math.round(cost), paid: Math.round(paid), gross: Math.round(gross) };
|
|
|
|
|
};
|
|
|
|
|
const allPfs = pfs;
|
|
|
|
|
var dataItems = allPfs.map(pf => {
|
|
|
|
|
var t = calcTotals(pf);
|
|
|
|
|
return {
|
|
|
|
|
var dataItems = [];
|
|
|
|
|
allPfs.forEach(pf => {
|
|
|
|
|
var t = calcTotals(pf, state.finYear);
|
|
|
|
|
if (state.finYear !== 0) {
|
|
|
|
|
const sy = parseInt((pf.sign_month || "").substring(0, 4)) || 0;
|
|
|
|
|
const hasFinance = t.rev || t.payment || t.cost || t.paid || t.gross;
|
|
|
|
|
const hasSign = sy === state.finYear;
|
|
|
|
|
if (!hasFinance && !hasSign) return;
|
|
|
|
|
}
|
|
|
|
|
dataItems.push({
|
|
|
|
|
pf: pf, customer_name: pf.customer_name || '', sign_amount: pf.sign_amount || 0, sign_month: pf.sign_month || '',
|
|
|
|
|
rev: t.rev, gross: t.gross, cost: t.cost,
|
|
|
|
|
payment: t.payment, paid: t.paid, cashflow: t.payment - t.paid,
|
|
|
|
|
@@ -485,7 +539,7 @@ function renderFinance() {
|
|
|
|
|
gross_rate: t.rev && t.gross ? Math.round(t.gross / t.rev * 100) : 0,
|
|
|
|
|
pay_rate: t.rev && t.payment ? Math.round(t.payment / t.rev * 100) : 0,
|
|
|
|
|
paid_rate: t.cost && t.paid ? Math.round(t.paid / t.cost * 100) : 0,
|
|
|
|
|
};
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
var sortK = state.finSort && state.finSort.key ? state.finSort.key.split('|')[1] : null;
|
|
|
|
|
dataItems = sortData(dataItems, sortK);
|
|
|
|
|
@@ -495,8 +549,16 @@ function renderFinance() {
|
|
|
|
|
sumRev += d.rev; sumPay += d.payment; sumCost += d.cost; sumPaid += d.paid; sumGross += d.gross;
|
|
|
|
|
rows.push(isUnsigned ? tdRowUnsigned(d.pf, d.cost, d.gross) : tdRow(d.pf, d.rev, d.payment, d.cost, d.paid, d.gross));
|
|
|
|
|
});
|
|
|
|
|
const signTotal = Math.round(allPfs.reduce((a, p) => a + (p.sign_amount || 0), 0));
|
|
|
|
|
const signCnt = allPfs.length;
|
|
|
|
|
const signTotal = Math.round(allPfs.filter(p => {
|
|
|
|
|
if (state.finYear === 0) return true;
|
|
|
|
|
const sy = parseInt((p.sign_month || "").substring(0, 4)) || 0;
|
|
|
|
|
return sy === state.finYear;
|
|
|
|
|
}).reduce((a, p) => a + (p.sign_amount || 0), 0));
|
|
|
|
|
const signCnt = allPfs.filter(p => {
|
|
|
|
|
if (state.finYear === 0) return true;
|
|
|
|
|
const sy = parseInt((p.sign_month || "").substring(0, 4)) || 0;
|
|
|
|
|
return sy === state.finYear;
|
|
|
|
|
}).length;
|
|
|
|
|
return renderView(rows, sumRev, sumPay, sumCost, sumPaid, sumGross, signTotal, signCnt, '暂无数据');
|
|
|
|
|
})()}
|
|
|
|
|
</div>`;
|
|
|
|
|
@@ -992,7 +1054,9 @@ function renderFinanceOverview() {
|
|
|
|
|
const fm = financeMonthly || [];
|
|
|
|
|
const mLbl = ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'];
|
|
|
|
|
const LABELS = ['合同金额','确收金额','确收毛利','成本','支出','回款','项目现金流'];
|
|
|
|
|
const annualVals = [m.signed_annual||m.signed_amount||0, m.revenue_annual||0, m.gross_annual||0, m.cost_annual||0, m.paid_annual||0, m.payment_annual||0, (m.payment_annual||0) - (m.paid_annual||0)];
|
|
|
|
|
const annualSums = { sign:0, revenue:0, gross:0, cost:0, paid:0, payment:0 };
|
|
|
|
|
fm.forEach(x => { annualSums.sign += x.sign||0; annualSums.revenue += x.revenue||0; annualSums.gross += x.gross||0; annualSums.cost += x.cost||0; annualSums.paid += x.paid||0; annualSums.payment += x.payment||0; });
|
|
|
|
|
const annualVals = [annualSums.sign, annualSums.revenue, annualSums.gross, annualSums.cost, annualSums.paid, annualSums.payment, annualSums.payment - annualSums.paid];
|
|
|
|
|
const fmFields = ['sign','revenue','gross','cost','paid','payment',null];
|
|
|
|
|
var thead = '<tr class="border-b border-slate-200"><th class="py-1.5 text-left text-slate-500 whitespace-nowrap">指标</th><th class="py-1.5 text-right font-semibold text-slate-700 whitespace-nowrap">年度累计</th>';
|
|
|
|
|
for (var mi = 0; mi < 12; mi++) { thead += '<th class="py-1.5 text-right font-semibold text-slate-600 whitespace-nowrap">' + mLbl[mi] + '</th>'; }
|
|
|
|
|
@@ -1022,6 +1086,8 @@ function renderFinanceOverview() {
|
|
|
|
|
if ((finExp[ei].status || '') === '暂不计入') continue;
|
|
|
|
|
var em = (finExp[ei].expense_month || '').substring(0, 7);
|
|
|
|
|
var mi2 = parseInt(em.substring(5)) - 1;
|
|
|
|
|
var emYear = parseInt(em.substring(0, 4)) || 0;
|
|
|
|
|
if (state.finYear !== 0 && emYear && emYear !== state.finYear) continue;
|
|
|
|
|
if (mi2 >= 0 && mi2 < 12) expMonthly[mi2] += parseFloat(finExp[ei].amount || 0);
|
|
|
|
|
}
|
|
|
|
|
var expAnnual = 0; for (var ei = 0; ei < 12; ei++) expAnnual += expMonthly[ei];
|
|
|
|
|
@@ -1057,6 +1123,8 @@ function renderFinanceOverview() {
|
|
|
|
|
if ((finExp[epi].status || '') === '暂不计入') continue;
|
|
|
|
|
var epm = (finExp[epi].expense_month || '').substring(0, 7);
|
|
|
|
|
var epmi = parseInt(epm.substring(5)) - 1;
|
|
|
|
|
var epmYear = parseInt(epm.substring(0, 4)) || 0;
|
|
|
|
|
if (state.finYear !== 0 && epmYear && epmYear !== state.finYear) continue;
|
|
|
|
|
if (epmi >= 0 && epmi < 12) expPaidMonthly[epmi] += parseFloat(finExp[epi].incurred_amount || 0);
|
|
|
|
|
}
|
|
|
|
|
var expPaidAnnual = 0; for (var epi = 0; epi < 12; epi++) expPaidAnnual += expPaidMonthly[epi];
|
|
|
|
|
@@ -1083,14 +1151,15 @@ function renderFinanceOverview() {
|
|
|
|
|
}
|
|
|
|
|
var cfCard = card('<h3 class="text-base font-bold text-slate-700 mb-3">部门现金流 <span class="text-sm text-slate-500 font-normal ml-3">部门现金流=所有项目产生的现金流 - 部门一级因费用产生的现金流出或流入</span></h3><div class="overflow-x-auto"><table class="w-full text-sm"><thead>' + deptThead + '</thead><tbody>' + cfTbody + '</tbody></table></div>', 'p-4');
|
|
|
|
|
|
|
|
|
|
document.querySelector("#financeOverview").innerHTML = '<div class="grid gap-2.5">' +
|
|
|
|
|
const yearSelectOv = `<div class="card px-4 py-2 mb-4"><div class="flex items-center gap-2"><span class="text-sm font-medium text-slate-500">📅 选择年份:</span><select onchange="setFinYear(this.value)" class="px-2 py-0.5 rounded text-sm font-medium border border-slate-200 bg-white"><option value="0"${state.finYear===0?' selected':''}>所有年份</option>${[2020,2021,2022,2023,2024,2025,2026,2027].map(y => '<option value="'+y+'"'+(state.finYear===y?' selected':'')+'>'+y+'年</option>').join('')}</select></div></div>`;
|
|
|
|
|
document.querySelector("#financeOverview").innerHTML = yearSelectOv + '<div class="grid gap-2.5">' +
|
|
|
|
|
deptCard +
|
|
|
|
|
cfCard +
|
|
|
|
|
card('<h3 class="text-base font-bold text-slate-700 mb-3">项目经营详情 <span class="text-sm text-slate-500 font-normal ml-3">所有项目产生的签单,确收,毛利,回款,当期成本,当期流出,现金流</span></h3><div class="overflow-x-auto"><table class="w-full text-sm"><thead>' + thead + '</thead><tbody>' + tbody + '</tbody></table></div>', 'p-4') +
|
|
|
|
|
'<div class="grid grid-cols-3 gap-2.5">' +
|
|
|
|
|
card('<div class="mb-3 flex items-center justify-between"><h2 class="text-sm font-bold text-slate-600">月度签约趋势</h2><span class="text-xs text-slate-600">2026</span></div><div style="position:relative;height:200px"><canvas id="finChartSign"></canvas></div>', 'p-4') +
|
|
|
|
|
card('<div class="mb-3 flex items-center justify-between"><h2 class="text-sm font-bold text-slate-600">月度确收与毛利</h2><span class="text-xs text-slate-600">2026</span></div><div style="position:relative;height:200px"><canvas id="finChartRev"></canvas></div>', 'p-4') +
|
|
|
|
|
card('<div class="mb-3 flex items-center justify-between"><h2 class="text-sm font-bold text-slate-600">月度回款与支出</h2><span class="text-xs text-slate-600">2026</span></div><div style="position:relative;height:200px"><canvas id="finChartCash"></canvas></div>', 'p-4') +
|
|
|
|
|
card('<div class="mb-3 flex items-center justify-between"><h2 class="text-sm font-bold text-slate-600">月度签约趋势</h2><span class="text-xs text-slate-600">' + (state.finYear===0 ? '所有年份' : state.finYear) + '</span></div><div style="position:relative;height:200px"><canvas id="finChartSign"></canvas></div>', 'p-4') +
|
|
|
|
|
card('<div class="mb-3 flex items-center justify-between"><h2 class="text-sm font-bold text-slate-600">月度确收与毛利</h2><span class="text-xs text-slate-600">' + (state.finYear===0 ? '所有年份' : state.finYear) + '</span></div><div style="position:relative;height:200px"><canvas id="finChartRev"></canvas></div>', 'p-4') +
|
|
|
|
|
card('<div class="mb-3 flex items-center justify-between"><h2 class="text-sm font-bold text-slate-600">月度回款与支出</h2><span class="text-xs text-slate-600">' + (state.finYear===0 ? '所有年份' : state.finYear) + '</span></div><div style="position:relative;height:200px"><canvas id="finChartCash"></canvas></div>', 'p-4') +
|
|
|
|
|
'</div></div>';
|
|
|
|
|
|
|
|
|
|
if (window.lucide) window.lucide.createIcons();
|
|
|
|
|
@@ -1111,7 +1180,9 @@ function renderFinanceQuarterlyOverview() {
|
|
|
|
|
|
|
|
|
|
// 财务概览: 7 rows
|
|
|
|
|
var LABELS = ['合同金额','确收金额','确收毛利','成本','支出','回款','项目现金流'];
|
|
|
|
|
var annualVals = [m.signed_annual||m.signed_amount||0, m.revenue_annual||0, m.gross_annual||0, m.cost_annual||0, m.paid_annual||0, m.payment_annual||0, (m.payment_annual||0) - (m.paid_annual||0)];
|
|
|
|
|
var annualSums = { sign:0, revenue:0, gross:0, cost:0, paid:0, payment:0 };
|
|
|
|
|
fm.forEach(x => { annualSums.sign += x.sign||0; annualSums.revenue += x.revenue||0; annualSums.gross += x.gross||0; annualSums.cost += x.cost||0; annualSums.paid += x.paid||0; annualSums.payment += x.payment||0; });
|
|
|
|
|
var annualVals = [annualSums.sign, annualSums.revenue, annualSums.gross, annualSums.cost, annualSums.paid, annualSums.payment, annualSums.payment - annualSums.paid];
|
|
|
|
|
var fmFields = ['sign','revenue','gross','cost','paid','payment',null];
|
|
|
|
|
var qData = [[0,0,0,0],[0,0,0,0],[0,0,0,0],[0,0,0,0],[0,0,0,0],[0,0,0,0],[0,0,0,0]];
|
|
|
|
|
for (var qi = 0; qi < 4; qi++) {
|
|
|
|
|
@@ -1156,11 +1227,13 @@ function renderFinanceQuarterlyOverview() {
|
|
|
|
|
if ((finExp[ei].status || '') === '暂不计入') continue;
|
|
|
|
|
var em = (finExp[ei].expense_month || '').substring(0, 7);
|
|
|
|
|
var emi = parseInt(em.substring(5)) - 1;
|
|
|
|
|
var emYear = parseInt(em.substring(0, 4)) || 0;
|
|
|
|
|
if (state.finYear !== 0 && emYear && emYear !== state.finYear) continue;
|
|
|
|
|
if (emi >= 0 && emi < 12) { var eqi = Math.floor(emi / 3); expQ[eqi] += parseFloat(finExp[ei].amount || 0); }
|
|
|
|
|
}
|
|
|
|
|
var expAnnual = 0; for (var ei = 0; ei < 4; ei++) expAnnual += expQ[ei];
|
|
|
|
|
var grossQ = [qData[2][0], qData[2][1], qData[2][2], qData[2][3]];
|
|
|
|
|
var grossAnnual = m.gross_annual || 0;
|
|
|
|
|
var grossAnnual = 0; for (var ei = 0; ei < fm.length; ei++) grossAnnual += (fm[ei] ? fm[ei].gross : 0);
|
|
|
|
|
var deptThead = '<tr class="border-b border-slate-200"><th class="py-1.5 text-left text-slate-500 whitespace-nowrap">指标</th><th class="py-1.5 text-right font-semibold text-slate-700 whitespace-nowrap">年度累计</th>';
|
|
|
|
|
for (var qi = 0; qi < 4; qi++) { deptThead += '<th class="py-1.5 text-right font-semibold text-slate-600 whitespace-nowrap">Q' + (qi+1) + '</th>'; if (qi > 0) deptThead += '<th class="py-1.5 text-right font-semibold text-slate-700 whitespace-nowrap">环比</th>'; }
|
|
|
|
|
deptThead += '</tr>';
|
|
|
|
|
@@ -1186,12 +1259,14 @@ function renderFinanceQuarterlyOverview() {
|
|
|
|
|
|
|
|
|
|
// 业务线现金流: quarterly
|
|
|
|
|
var cfQ = [qData[5][0], qData[5][1], qData[5][2], qData[5][3]];
|
|
|
|
|
var cfAnnual = m.payment_annual || 0;
|
|
|
|
|
var cfAnnual = 0; for (var ei = 0; ei < fm.length; ei++) cfAnnual += (fm[ei] ? fm[ei].payment : 0);
|
|
|
|
|
var expPaidQ = [0,0,0,0];
|
|
|
|
|
for (var ei = 0; ei < finExp.length; ei++) {
|
|
|
|
|
if ((finExp[ei].status || '') === '暂不计入') continue;
|
|
|
|
|
var em = (finExp[ei].expense_month || '').substring(0, 7);
|
|
|
|
|
var emi = parseInt(em.substring(5)) - 1;
|
|
|
|
|
var emYear = parseInt(em.substring(0, 4)) || 0;
|
|
|
|
|
if (state.finYear !== 0 && emYear && emYear !== state.finYear) continue;
|
|
|
|
|
if (emi >= 0 && emi < 12) { var eqi = Math.floor(emi / 3); expPaidQ[eqi] += parseFloat(finExp[ei].incurred_amount || 0); }
|
|
|
|
|
}
|
|
|
|
|
var expPaidAnnual = 0; for (var ei = 0; ei < 4; ei++) expPaidAnnual += expPaidQ[ei];
|
|
|
|
|
@@ -1217,7 +1292,8 @@ function renderFinanceQuarterlyOverview() {
|
|
|
|
|
cfTbody += rowHtml + '</tr>';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
document.querySelector("#financeQuarterlyOverview").innerHTML = '<div class="grid gap-2.5">' +
|
|
|
|
|
const yearSelectQ = `<div class="card px-4 py-2 mb-4"><div class="flex items-center gap-2"><span class="text-sm font-medium text-slate-500">📅 选择年份:</span><select onchange="setFinYear(this.value)" class="px-2 py-0.5 rounded text-sm font-medium border border-slate-200 bg-white"><option value="0"${state.finYear===0?' selected':''}>所有年份</option>${[2020,2021,2022,2023,2024,2025,2026,2027].map(y => '<option value="'+y+'"'+(state.finYear===y?' selected':'')+'>'+y+'年</option>').join('')}</select></div></div>`;
|
|
|
|
|
document.querySelector("#financeQuarterlyOverview").innerHTML = yearSelectQ + '<div class="grid gap-2.5">' +
|
|
|
|
|
card('<h3 class="text-base font-bold text-slate-700 mb-3">部门损益情况 <span class="text-sm text-slate-500 font-normal ml-3">部门利润 = 所有项目产生的毛利 - 部门 1 级产生的人力成本,研发成本,差旅和其他支出</span></h3><div class="overflow-x-auto"><table class="w-full text-sm"><thead>' + deptThead + '</thead><tbody>' + deptTbody + '</tbody></table></div>', 'p-4') +
|
|
|
|
|
card('<h3 class="text-base font-bold text-slate-700 mb-3">部门现金流 <span class="text-sm text-slate-500 font-normal ml-3">部门现金流=所有项目产生的现金流 - 部门一级因费用产生的现金流出或流入</span></h3><div class="overflow-x-auto"><table class="w-full text-sm"><thead>' + deptThead + '</thead><tbody>' + cfTbody + '</tbody></table></div>', 'p-4') +
|
|
|
|
|
card('<h3 class="text-base font-bold text-slate-700 mb-3">项目经营详情 <span class="text-sm text-slate-500 font-normal ml-3">所有项目产生的签单,确收,毛利,回款,当期成本,当期流出,现金流</span></h3><div class="overflow-x-auto"><table class="w-full text-sm"><thead>' + thead + '</thead><tbody>' + tbody + '</tbody></table></div>', 'p-4') +
|
|
|
|
|
|