qdintc/intc-vue3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 记账管理平台，记账账户统计，新增信用卡余额tab。

Browse Source
This commit is contained in:
tianyongbao
2024-12-25 19:45:16 +08:00
parent 3a9c69c61c
commit 978387d8f2
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/invest/accountsBalance/index.vue
View File

@@ -90,14 +90,15 @@
<el-radio-group v-model="radioVal" @change="handleRadioChange">
<el-radio-button label="柱状图" />
<el-radio-button label="折线图" />
<el-radio-button label="表格" />
<el-radio-button label="账户余额" />
<el-radio-button label="信用卡可用余额" />
</el-radio-group>
</div>
</div>
<div class="content-con">
<div v-show="radioVal === '柱状图'" class="chart" id="chartBar" style="height: calc(100% - 170px)"></div>
<div v-show="radioVal === '折线图'" class="chart" id="chartLine" style="height: calc(100% - 170px)"></div>
<el-table v-show="radioVal === '表格'" v-loading="loading" :data="accountsBalance.accountsBalancesList" height="calc(100% - 170px)">
<el-table v-show="radioVal === '账户余额'" v-loading="loading" :data="accountsBalance.accountsBalancesList" height="calc(100% - 170px)">
<el-table-column label="序号" width="50" type="index" align="center">
<template #default="scope">
<span>{{ scope.$index + 1 }}</span>
@@ -106,6 +107,15 @@
<el-table-column label="记账账户" align="center" prop="account" />
<el-table-column label="可用余额" align="center" prop="availableLimit" />
</el-table>
<el-table v-show="radioVal === '信用卡可用余额'" v-loading="loading" :data="accountsBalance.creditBalancesList" height="calc(100% - 170px)">
<el-table-column label="序号" width="50" type="index" align="center">
<template #default="scope">
<span>{{ scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column label="信用卡名称" align="center" prop="account" />
<el-table-column label="可用余额" align="center" prop="availableLimit" />
</el-table>
</div>
</div>
</div>