ct-mattress/page_user/caiwudetail.vue

152 lines
3.7 KiB
Vue

<template>
<view class="pages">
<u-navbar title="收支详情" :border-bottom="false" :background="bgc" back-icon-color="#3D3D3D" title-color='#3D3D3D'
title-size='36' height='44'></u-navbar>
<view class="rxdetail">
<view class="top">
收支详情
</view>
<view class="xiao">
<view>提现人</view> <view>{{detailobj.userName == undefined ? '--' : detailobj.userName}}</view>
</view>
<view class="xiao">
<view>手机号</view> <view>{{detailobj.userMobile == undefined ? '--' : detailobj.userMobile}}</view>
</view>
<view class="xiao">
<view>提现金额</view> <view>{{detailobj.money == undefined ? '--' : '¥' + detailobj.money}}</view>
</view>
<view class="xiao">
<view>手续费</view> <view>{{detailobj.serviceCharge == undefined ? '--' : detailobj.serviceCharge}}</view>
</view>
<view class="xiao">
<view>到账金额</view> <view>{{detailobj.arrivalAmount == undefined ? '--' : detailobj.arrivalAmount}}</view>
</view>
<!-- <view class="xiao">
<view>提现总额</view> <view>8923.00</view>
</view> -->
<view class="xiao">
<view>账户余额</view> <view>{{detailobj.afterBalance == undefined ? '--' : '¥' + detailobj.afterBalance}}</view>
</view>
<view class="xiao">
<view>提现时间</view> <view>{{detailobj.createTime == undefined ? '--' : detailobj.createTime}}</view>
</view>
<view class="xiao">
<view>订单编号</view> <view>{{detailobj.billNo == undefined ? '--' : detailobj.billNo}}</view>
</view>
<view class="xiao">
<view>审核状态</view>
<view v-if="detailobj.status == 11">
审核中
</view>
<view v-if="detailobj.status == 12">
审核通过
</view>
<view v-if="detailobj.status == 13">
已拒绝
</view>
<view v-if="detailobj.status == 14">
已打款
</view>
<view v-if="detailobj.status == 15">
打款失败
</view>
<view v-if="detailobj.status == 16">
打款中
</view>
</view>
<view class="xiao">
<view>提现类型</view> <view>{{detailobj.channelName}}</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
bgc: {
// backgroundColor: "#8883f0",
},
id:'',
detailobj:{}
}
},
onLoad(option) {
this.id = option.id
this.getxq()
},
// 分享到好友(会话)
onShareAppMessage: function() {
return {
title: '创亿康',
path: '/pages/index/index'
}
},
// 分享到朋友圈
onShareTimeline: function() {
return {
title: '创亿康',
query: '',
path: '/pages/index/index'
}
},
methods: {
// 请求详情
getxq(){
this.$u.get(`/mch/withdraw/${this.id}`).then(res =>{
if(res.code == 200){
this.detailobj = res.data
}
})
}
}
}
</script>
<style lang="scss" scoped>
/deep/ .u-title {
padding-bottom: 15rpx;
}
/deep/ .u-icon__icon {
padding-bottom: 15rpx;
}
.pages {
background-color: #F7FAFE !important;
height: 100vh;
width: 100%;
.rxdetail{
width: 672rpx;
max-height: 718rpx;
background: #FFFFFF;
box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0,0,0,0.07);
border-radius: 20rpx 20rpx 20rpx 20rpx;
margin: auto;
margin-top: 32rpx;
padding: 24rpx 28rpx;
box-sizing: border-box;
.top{
font-size: 28rpx;
color: #3D3D3D;
font-weight: 600;
border-bottom: 1px solid #D8D8D8;
padding-bottom: 20rpx;
box-sizing: border-box;
}
.xiao{
display: flex;
justify-content: space-between;
margin-top: 28rpx;
font-size: 24rpx;
color: #3D3D3D;
}
}
}
</style>