This commit is contained in:
JS-LM
2023-06-19 09:16:39 +08:00
parent 4f5141b9ca
commit 4b6a0cc14c

View File

@@ -1,40 +1,49 @@
<template>
<div class="app-container">
<div style="display: flex; background-color: #ebebf0; padding: 10px">
<div style="width: 25%">
<div style="display: flex; padding: 10px">
<!-- <div style="width: 25%">
<h2>钱包汇总</h2>
<p>运营商举视新能源</p>
<p>商家性质企业</p>
<!-- <p>开户状态进件成功</p>-->
<p>开户状态进件成功</p>
<p>开户行名称中国农业银行股份有限公司</p>
<p>收款卡号46456412</p>
<p>预留手机号452584</p>
</div>
</div> -->
<div class="main" style="flex: 1; align-items: baseline">
<div class="bord"></div>
<div class="card">
<p>账户余额</p>
<p>{{adapayMember.acctBalance}} </p>
<p class="center">账户余额</p>
<div class="center" >
<span class="number">{{adapayMember.acctBalance}}</span>
</div>
<p style="text-align: justify">
账户余额 = 可用余额 + 冻结余额
</p>
</div>
<div class="bord"></div>
<div class="card">
<p>可用余额</p>
<p>{{adapayMember.avlBalance}} </p>
<p class="center">可用余额</p>
<div class="center">
<span class="number">{{adapayMember.avlBalance}} </span>
</div>
<p>该余额大于0时才可发起取现</p>
</div>
<div class="bord"></div>
<div class="card">
冻结余额
<p>{{adapayMember.frzBalance}} </p>
<p class="center">冻结余额</p>
<div class="center" style="margin-top:20px">
<span class="number">{{adapayMember.frzBalance}}</span>
</div>
<p>当配置了自动结算功能在每日发起结算时会将可用余额转为冻结金额该部分金额不允许取现</p>
</div>
<div class="bord"></div>
<div class="card">
<p>昨日日终余额</p>
<p>{{adapayMember.lastAvlBalance}} </p>
<p class="center">昨日日终余额</p>
<div class="center" style="margin-top:20px">
<span class="number">{{adapayMember.lastAvlBalance}}</span>
</div>
<!-- <button></button> -->
</div>
<div class="bord"></div>
@@ -178,6 +187,12 @@ export default {
};
</script>
<style lang="scss" scoped>
.number{
color:#50bfff;font-size:20px;font-weight: bolder;
}
.center{
text-align: center;
}
.main {
display: flex;
justify-content: space-between;
@@ -189,7 +204,7 @@ export default {
height: 60px;
border-left: 1px solid gray;
}
.card {
width: 190px;
}
// .card {
// width: 230px;
// }
</style>