<template>
|
|
<view class="u-page">
|
<view class="u-demo-block">
|
<view class="tixian">
|
<u-row >
|
<u-col span="6">
|
<view class="margin-10">
|
<u-grid :border="false" col="1">
|
<u-grid-item >
|
<text class="grid-text-white" >可提现（元）</text>
|
<view class="grid-text-white"><span>￥</span>{{wallet.withdrawableAmount || '0' }}</view>
|
</u-grid-item>
|
</u-grid>
|
</view>
|
</u-col>
|
<u-col span="6">
|
<view class="margin-10">
|
<u-button type="warning" text="提现" size="normal" @click="goto('/sub_pages/supplier/wallet/wallet-withdrao-deposit',true)"></u-button>
|
</view>
|
</u-col>
|
</u-row>
|
<u-row >
|
<u-col span="6">
|
<view class="margin-10">
|
<u-grid :border="false" col="1">
|
<u-grid-item >
|
<text class="grid-text-white">提现中（元）</text>
|
<view class="grid-text-white"><span>￥</span>{{wallet.withdrawingAmount || '0' }}</view>
|
</u-grid-item>
|
</u-grid>
|
</view>
|
</u-col>
|
<u-col span="6">
|
<view class="margin-10">
|
<u-grid :border="false" col="1">
|
<u-grid-item >
|
<text class="grid-text-white">已提现（元）</text>
|
<view class="grid-text-white"><span>￥</span>{{wallet.withdrawnAmount || '0' }}</view>
|
</u-grid-item>
|
</u-grid>
|
</view>
|
</u-col>
|
</u-row>
|
</view>
|
</view>
|
|
<view class="u-demo-block-2" >
|
<u-grid :border="false" col="3">
|
|
<u-grid-item >
|
<text class="grid-text">{{wallet.totalTransactionAmount || '0' }}</text>
|
<view class="grid-text"><span>总交易额</span></view>
|
</u-grid-item>
|
<u-grid-item >
|
<text class="grid-text">{{wallet.settlingAmount || '0' }}</text>
|
<view class="grid-text"><span>结算中</span></view>
|
</u-grid-item>
|
<u-grid-item >
|
<text class="grid-text">{{wallet.settledAmount || '0' }}</text>
|
<view class="grid-text"><span>已结算</span></view>
|
</u-grid-item>
|
<u-grid-item >
|
<text class="grid-text">{{wallet.totalDeduction || '0' }}</text>
|
<view class="grid-text"><span>总扣款额</span></view>
|
</u-grid-item>
|
|
</u-grid>
|
|
<u-cell-group>
|
<u-cell
|
title="账单明细"
|
icon="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/a3/a355880bac5742daa71a046cf3487c12zhangdan.png"
|
isLink
|
url="/sub_pages/supplier/wallet/wallet-billing-detail"
|
>
|
<image slot="icon" src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/a3/a355880bac5742daa71a046cf3487c12zhangdan.png" class="image-icon"></image>
|
</u-cell>
|
<u-cell
|
title="提现记录"
|
icon="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/f9/f90083b4c48b4ce78854bfffdeb702bbqiandaizi.png"
|
isLink
|
url="/sub_pages/supplier/wallet/wallet-withdrao-deposit-record"
|
>
|
<image slot="icon" src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/f9/f90083b4c48b4ce78854bfffdeb702bbqiandaizi.png" class="image-icon"></image>
|
</u-cell>
|
<u-cell
|
title="扣款记录"
|
icon="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/f9/f90083b4c48b4ce78854bfffdeb702bbqiandaizi.png"
|
isLink
|
url="/sub_pages/supplier/wallet/wallet-deduction-record"
|
>
|
<image slot="icon" src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/f9/f90083b4c48b4ce78854bfffdeb702bbqiandaizi.png" class="image-icon"></image>
|
</u-cell>
|
</u-cell-group>
|
</view>
|
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
wallet: {},
|
tj_order: {},
|
cacheUserId: ''
|
};
|
},
|
|
onLoad(options) {
|
|
|
},
|
onShow() {
|
this.getMyWallet(true)
|
},
|
async onPullDownRefresh() {
|
this.getMyWallet(true)
|
},
|
methods: {
|
click(name) {
|
|
},
|
getMyWallet(refresh=false) {
|
// /api/supplier/delivery
|
|
if (this.currentInfo.id && (this.currentInfo.id !== this.cacheUserId || refresh)) {
|
this.cacheUserId = this.currentInfo.id
|
let that = this
|
setTimeout(() => {
|
//其他统计
|
// #ifdef PUB_SUPPLIER
|
this.$http.request('get', '/v2/wallet/supplier', {}).then(res => {
|
if (res.code === 0) {
|
that.wallet = res.data || {}
|
}
|
})
|
// #endif
|
// // #ifdef PUB_PARTNER
|
// this.$http.request('get', '/api/partner/order/statistics', {}).then(res => {
|
// if (res.code === 0) {
|
// that.tj = res.data || {}
|
// }
|
// })
|
// // #endif
|
|
}, 200)
|
}
|
|
},
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.u-page{
|
.image-icon{
|
width:30rpx;
|
height: 30rpx;
|
}
|
.u-button--plain.data-v-3bf2dba7 {
|
background-color: #00BCD4 !important ;
|
}
|
.u-button--plain.u-button--primary.data-v-3bf2dba7 {
|
color: #FFFFFF;
|
}
|
.u-button--primary.data-v-3bf2dba7 {
|
color: #fff;
|
border-color: #00BCD4 !important ;
|
border-width: 1px;
|
border-style: solid;
|
border-radius: 10rpx;
|
width:200rpx;
|
}
|
.u-demo-block{
|
padding: 10rpx;
|
background-color: #FFFFFF;
|
border-radius: 50rpx;
|
background-color: #00AF68;
|
margin: 20rpx;
|
.tixian{
|
margin-top: 30rpx;
|
margin-bottom: 30rpx;
|
}
|
}
|
.u-demo-block-2{
|
margin: 30rpx;
|
padding: 10rpx;
|
background-color: #FFFFFF;
|
border-radius: 10rpx;
|
}
|
.title{
|
text-align: center;
|
font-size: 30rpx;
|
color: #909399;
|
margin: 10rpx;
|
}
|
.grid-text-white{
|
color: white;
|
}
|
.grid-text {
|
font-size: 14px;
|
color: #909399;
|
padding: 10rpx 0 20rpx 0rpx;
|
/* #ifndef APP-PLUS */
|
box-sizing: border-box;
|
/* #endif */
|
}
|
.statis_val{
|
font-size: 16px;
|
color: black;
|
// font-weight: bold;
|
}
|
|
.margin-10{
|
margin:10rpx;
|
}
|
}
|
</style>
|
