autumn/jsowell-charger-web
1
0
Fork 0
mirror of https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git synced 2026-06-26 18:18:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

修改样式

Browse Source
This commit is contained in:
admin-lmm
2023-08-31 16:04:44 +08:00
parent fd9aa59077
commit 598843d083
4 changed files with 443 additions and 234 deletions
Download Patch File Download Diff File Expand all files Collapse all files

172
jsowell-ui/src/views/financial/financeDetail.vue
View File

@@ -7,7 +7,7 @@
<div class="header" v-loading="loading">
<template v-if="operationStatus == null">
<div class="foot1">
<div style="margin: 12px 0">没有查询到结算账户</div>
<div style="margin: 12px 0">未查询到结算账户</div>
</div>
</template>
<template v-else>
@@ -17,34 +17,56 @@
v-for="(item, index) in settleAccountList"
:key="index"
>
<div>
<span>运营商：</span>
{{ merchant }}
</div>
<div class="margin-10">
商家性质：{{ merchantNature === "1" ? "对公" : "对私" }}
</div>
<div class="margin-10">
开户行名称：{{ cityBankCode(item.bankCode) }}
</div>
<div>收款卡号：{{ item.cardId }}</div>
<div class="margin-10">预留手机：{{ item.telNo }}</div>
<el-descriptions :column="1">
<el-descriptions-item label="运营商">
<span class="color">
{{ merchant }}
</span>
</el-descriptions-item>
<el-descriptions-item label="商家性质">
<span class="color">{{
merchantNature === "1" ? "对公" : "对私"
}}</span>
</el-descriptions-item>
<el-descriptions-item label="开户行名称">
<span class="color">{{ cityBankCode(item.bankCode) }}</span>
</el-descriptions-item>
<el-descriptions-item label="收款卡号">
<span class="color">{{ item.cardId }}</span>
</el-descriptions-item>
<el-descriptions-item label="预留手机">
<span class="color">{{ item.telNo }}</span>
</el-descriptions-item>
</el-descriptions>
</div>
</template>
<div class="foot1" v-else>
<div>
<span>运营商：</span>
{{ merchant }}
</div>
<div class="margin-10">
商家性质：{{ merchantNature === "1" ? "对公" : "对私" }}
</div>
<div>开户状态：{{ adapayCorpMember.auditDesc }}</div>
<div class="margin-10">
开户行名称：{{ cityBankCode(adapayCorpMember.bankCode) }}
</div>
<div>收款卡号：{{ adapayCorpMember.cardNo }}</div>
<div class="margin-10">预留手机：{{ adapayCorpMember.legalMp }}</div>
<el-descriptions :column="1">
<el-descriptions-item label="运营商">
<span class="color">
{{ merchant }}
</span>
</el-descriptions-item>
<el-descriptions-item label="商家性质">
<span class="color">{{
merchantNature === "1" ? "对公" : "对私"
}}</span>
</el-descriptions-item>
<el-descriptions-item label="开户状态">
<span class="color">{{ adapayCorpMember.auditDesc }}</span>
</el-descriptions-item>
<el-descriptions-item label="开户行名称">
<span class="color">{{
cityBankCode(adapayCorpMember.bankCode)
}}</span>
</el-descriptions-item>
<el-descriptions-item label="收款卡号">
<span class="color">{{ adapayCorpMember.cardNo }}</span>
</el-descriptions-item>
<el-descriptions-item label="预留手机">
<span class="color">{{ adapayCorpMember.legalMp }}</span>
</el-descriptions-item>
</el-descriptions>
</div>
</template>
<div class="foot2">
@@ -97,38 +119,39 @@
<div class="foot4">未查询到运营商结算账户，提现功能现已关闭</div>
</template>
<template v-else>
<div class="foot4">
<div class="margin-right">
<div>可提现(元)</div>
<div class="margin-10">{{ adapayMember.avlBalance }}</div>
<el-button
type="primary"
v-if="adapayMember.avlBalance > withdrawalFee"
@click="dialogVisible = true"
>提现申请</el-button
<div class="margin-right foot4">
<div class="color60">可提现(元)</div>
<div class="margin-20 color">{{ adapayMember.avlBalance }}</div>
<el-button
type="primary"
v-if="adapayMember.avlBalance > withdrawalFee"
@click="dialogVisible = true"
>提现申请</el-button
>
<div v-else>
注:
<span class="text"
>该余额大于{{ withdrawalFee }}元时，才可发起取现</span
>
<p class="center" v-else>
注:
<span class="text"
>该余额大于{{ withdrawalFee }}元时，才可发起取现</span
>
</p>
</div>
<div class="margin-right">
<div class="">冻结金额(元)</div>
<div class="margin-10">{{ adapayMember.frzBalance }}</div>
<div class="">
注:
<span class="text"
>当配置了自动结算功能，在每日发起结算时会将可用余额转为冻结金额。该部分金额不允许取现。</span
>
</div>
</div>
<div class="margin-right foot4" style="width: 20%">
<div class="color60">冻结金额(元)</div>
<div class="margin-20 color">{{ adapayMember.frzBalance }}</div>
<div>
注:
<span class="text"
>当配置了自动结算功能，在每日发起结算时会将可用余额转为冻结金额。该部分金额不允许取现。</span
>
</div>
<div class="margin-right">
<div class="">昨日日终余额(元)</div>
<div class="margin-10">{{ adapayMember.lastAvlBalance }}</div>
</div>
<!-- <div class="margin-right">
</div>
<!-- <div class="foot4"> -->
<!-- <div class="margin-right">
<div class="color60">昨日日终余额(元)</div>
<div class="margin-20 color">{{ adapayMember.lastAvlBalance }}</div>
</div> -->
<!-- <div class="margin-right">
<div>提现申请中</div>
<div class="margin-10">
{{ adapayMember.withdrawalApplication }}(元)
@@ -142,7 +165,7 @@
<div class="margin-10">{{ adapayMember.withdrawn }}(元)</div>
<div style="font-size: 13px">已成功提现到绑定银行卡的金额汇总</div>
</div> -->
</div>
<!-- </div> -->
</template>
</div>
<hr />
@@ -266,15 +289,15 @@
</div>
<p>
可提现（元）：
<span class="number">{{ adapayMember.avlBalance }}</span>
<span class="number color">{{ adapayMember.avlBalance }}</span>
</p>
<p>
手续费（元）：
<span class="number">{{ withdrawalFee.toFixed(2) }}</span>
<span class="number color">{{ withdrawalFee.toFixed(2) }}</span>
</p>
<p>
实际到账（元）：
<span class="number">
<span class="number color">
<!-- <span>11</span> -->
{{ adapayMember.avlBalance - withdrawalFee }}
</span>
@@ -317,7 +340,7 @@
:visible.sync="dialogTableVisible"
:before-close="orderClose"
>
<el-table :data="orderList" v-loading="loading">
<el-table :data="orderList" v-loading="orderLoading">
<el-table-column property="orderCode" label="订单编号" />
<el-table-column property="settleAmount" label="结算金额(元)" />
<el-table-column property="clearingStatus" label="清分状态">
@@ -356,6 +379,7 @@ export default {
dicts: ["bill_status"],
data() {
return {
orderLoading: true,
loading: true,
operationStatus: null,
adapayMember: {},
@@ -409,7 +433,7 @@ export default {
let arr = bankList.find((item) => item.bankCode === code);
// console.log("银行编码对应的银行名称 arr", arr);
if (arr.bankName != null) {
this.bankName = arr.bankName
this.bankName = arr.bankName;
}
return this.bankName;
},
@@ -453,13 +477,13 @@ export default {
},
// 订单流水请求
getOrderList() {
this.loading = true;
this.orderLoading = true;
console.log("this.getOrderParams", this.getOrderParams);
getOrderReportDetail(this.getOrderParams).then((res) => {
console.log("获取订单列表res", res);
this.orderList = res.rows;
this.orderTotal = res.total;
this.loading = false;
this.orderLoading = false;
// console.log("this.orderTotal", this.orderTotal);
});
},
@@ -567,13 +591,17 @@ export default {
</script>
<style lang="scss" scoped>
.color60 {
color: #606266;
}
.center {
display: flex;
align-content: center;
margin-top: 30px;
}
.margin-10 {
margin: 10px 0;
.margin-20 {
margin: 20px 0;
font-size: 20px;
}
.font-13 {
font-size: 13px;
@@ -591,10 +619,11 @@ export default {
color: red;
}
.foot1 {
width: 25%;
margin-top: 10px;
// width: 320px;
// margin-right: 10px;
// font-size: 13px;
// .el-descriptions__body .el-descriptions__table {
// width: 0 !important;
// }
}
.foot2 {
margin-left: 10px;
@@ -606,8 +635,11 @@ export default {
margin-right: 10px;
}
.foot4 {
flex: 1;
display: contents;
display: inline-block;
// flex: 1;
// display: flex;
// justify-content: space-between;
// margin-left: 50px;
}
.margin-right {
width: 180px;