大屏项目初始化
This commit is contained in:
@@ -283,14 +283,14 @@ function initChart() {
|
||||
const netProfitYuan = vList.value.map(item => (Number(item.index01 || 0) - Number(item.index02 || 0)).toFixed(2))
|
||||
|
||||
const incomeRingRatio = vList.value.map((item, idx) => {
|
||||
const lastVal = lastMonthIncomeYuan[idx] || 1
|
||||
const lastVal = lastMonthIncomeYuan[idx]
|
||||
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 lastVal = lastMonthExpenseYuan[idx] || 1
|
||||
const lastVal = lastMonthExpenseYuan[idx]
|
||||
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))
|
||||
@@ -308,22 +308,22 @@ function initChart() {
|
||||
<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>
|
||||
</tr>
|
||||
<tr>
|
||||
<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">${rate[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">${netProfitYuan[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">${rate[idx]}</td>
|
||||
<td style="border:1px solid #409EFF; padding:4px">${netProfitYuan[idx]}</td>
|
||||
</tr>
|
||||
</table>
|
||||
`
|
||||
|
||||
Reference in New Issue
Block a user