大屏项目初始化

This commit is contained in:
2026-02-26 22:15:52 +08:00
parent ed0f624233
commit 5ee7b83db4

View File

@@ -283,14 +283,14 @@ function initChart() {
const netProfitYuan = vList.value.map(item => (Number(item.index01 || 0) - Number(item.index02 || 0)).toFixed(2)) const netProfitYuan = vList.value.map(item => (Number(item.index01 || 0) - Number(item.index02 || 0)).toFixed(2))
const incomeRingRatio = vList.value.map((item, idx) => { const incomeRingRatio = vList.value.map((item, idx) => {
const lastVal = lastMonthIncomeYuan[idx] || 1 const lastVal = lastMonthIncomeYuan[idx]
const currVal = incomeYuan[idx] || 0 const currVal = incomeYuan[idx] || 0
return ((currVal - lastVal) / lastVal * 100).toFixed(2) return lastVal === 0 ? '0.00' : ((currVal - lastVal) / lastVal * 100).toFixed(2)
}) })
const expenseRingRatio = vList.value.map((item, idx) => { const expenseRingRatio = vList.value.map((item, idx) => {
const lastVal = lastMonthExpenseYuan[idx] || 1 const lastVal = lastMonthExpenseYuan[idx]
const currVal = expenseYuan[idx] || 0 const currVal = expenseYuan[idx] || 0
return ((currVal - lastVal) / lastVal * 100).toFixed(2) return lastVal === 0 ? '0.00' : ((currVal - lastVal) / lastVal * 100).toFixed(2)
}) })
const incomeWan = incomeYuan.map(val => (val / 10000).toFixed(2)) const incomeWan = incomeYuan.map(val => (val / 10000).toFixed(2))
@@ -308,22 +308,22 @@ function initChart() {
<tr> <tr>
<td style="border:1px solid #409EFF; padding:4px; font-weight:bold">本月收入(元)</td> <td style="border:1px solid #409EFF; padding:4px; font-weight:bold">本月收入(元)</td>
<td style="border:1px solid #409EFF; padding:4px; font-weight:bold">本月支出(元)</td> <td style="border:1px solid #409EFF; padding:4px; font-weight:bold">本月支出(元)</td>
<td style="border:1px solid #409EFF; padding:4px; font-weight:bold">本月占比(%)</td>
<td style="border:1px solid #409EFF; padding:4px; font-weight:bold">上月收入(元)</td> <td style="border:1px solid #409EFF; padding:4px; font-weight:bold">上月收入(元)</td>
<td style="border:1px solid #409EFF; padding:4px; font-weight:bold">上月支出(元)</td> <td style="border:1px solid #409EFF; padding:4px; font-weight:bold">上月支出(元)</td>
<td style="border:1px solid #409EFF; padding:4px; font-weight:bold">本月净利润(元)</td>
<td style="border:1px solid #409EFF; padding:4px; font-weight:bold">收入环比(%)</td> <td style="border:1px solid #409EFF; padding:4px; font-weight:bold">收入环比(%)</td>
<td style="border:1px solid #409EFF; padding:4px; font-weight:bold">支出环比(%)</td> <td style="border:1px solid #409EFF; padding:4px; font-weight:bold">支出环比(%)</td>
<td style="border:1px solid #409EFF; padding:4px; font-weight:bold">占比(%)</td>
<td style="border:1px solid #409EFF; padding:4px; font-weight:bold">净利润(元)</td>
</tr> </tr>
<tr> <tr>
<td style="border:1px solid #409EFF; padding:4px">${incomeYuan[idx]}</td> <td style="border:1px solid #409EFF; padding:4px">${incomeYuan[idx]}</td>
<td style="border:1px solid #409EFF; padding:4px">${expenseYuan[idx]}</td> <td style="border:1px solid #409EFF; padding:4px">${expenseYuan[idx]}</td>
<td style="border:1px solid #409EFF; padding:4px">${rate[idx]}</td>
<td style="border:1px solid #409EFF; padding:4px">${lastMonthIncomeYuan[idx]}</td> <td style="border:1px solid #409EFF; padding:4px">${lastMonthIncomeYuan[idx]}</td>
<td style="border:1px solid #409EFF; padding:4px">${lastMonthExpenseYuan[idx]}</td> <td style="border:1px solid #409EFF; padding:4px">${lastMonthExpenseYuan[idx]}</td>
<td style="border:1px solid #409EFF; padding:4px">${netProfitYuan[idx]}</td>
<td style="border:1px solid #409EFF; padding:4px">${incomeRingRatio[idx]}</td> <td style="border:1px solid #409EFF; padding:4px">${incomeRingRatio[idx]}</td>
<td style="border:1px solid #409EFF; padding:4px">${expenseRingRatio[idx]}</td> <td style="border:1px solid #409EFF; padding:4px">${expenseRingRatio[idx]}</td>
<td style="border:1px solid #409EFF; padding:4px">${rate[idx]}</td>
<td style="border:1px solid #409EFF; padding:4px">${netProfitYuan[idx]}</td>
</tr> </tr>
</table> </table>
` `