style: 汇总区3x3卡片按行配色+单行展示
- 9卡片改为3x3网格: 签约/确收/毛利 | 回款/支出/现金流 | 应收/应付/往来余额 - 同卡改为单行显示(指标名+金额) - 按行配色: 第1行淡蓝/第2行淡黄/第3行淡绿 - 版本号 v1.2.0.36
This commit is contained in:
@@ -305,13 +305,15 @@ function renderFinance() {
|
||||
['签约金额', m(signTotal), '∑签约金额'],
|
||||
['确收金额', m(sumRev), '∑确收金额'],
|
||||
['毛利', m(sumGross), '∑毛利'],
|
||||
['回款', m(sumPay), '∑回款金额'],
|
||||
['支出', m(sumPaid), '∑支出金额'],
|
||||
['现金流', m(cashflow), '回款 − 支出'],
|
||||
['应收', m(receivable), '确收 − 回款'],
|
||||
['应付', m(payable), '成本 − 支出'],
|
||||
['现金流', m(cashflow), '回款 − 支出'],
|
||||
['往来余额', m(netAsset), '应收 − 应付'],
|
||||
];
|
||||
const fs = '<div class="grid grid-cols-4 gap-1.5 py-2">' + rows_data.map(r =>
|
||||
'<div class="card px-2 py-1.5 text-center"><div class="text-xs text-slate-400">' + r[0] + '</div><div class="text-sm font-semibold text-slate-800">' + r[1] + '</div></div>').join('') + '</div>';
|
||||
const fs = '<div class="grid grid-cols-3 gap-1.5 py-2">' + rows_data.map((r, i) =>
|
||||
'<div class="card px-2 py-1 text-center" style="background:' + (['#eff6ff','#fef3c7','#fef9c3'][Math.floor(i / 3)] || '#fff') + '"><span class="text-xs text-slate-500">' + r[0] + '</span> <span class="text-sm font-semibold text-slate-800">' + r[1] + '</span></div>').join('') + '</div>';
|
||||
const thead = isUnsigned ? buildThead(UNSIGNED_COLS, 'uns') : buildThead(SIGNED_COLS, 'sig');
|
||||
const theadCols = isUnsigned ? 6 : 15;
|
||||
const tbody = rows.length ? `<tbody style="line-height:1.37">${rows.join("")}</tbody>` : `<tr><td colspan="${theadCols}" class="p-6 text-center text-slate-400">${emptyText}</td></tr>`;
|
||||
|
||||
Reference in New Issue
Block a user