3
0
Fork 0
web-store-retail-h5/pages/mine/balance/withdrawlDetail.vue

150 lines
3.8 KiB
Vue

<template>
<view class="content">
<view class="contentList" v-for="item,index in tableList" :key="index">
<view class="linebox">
<view class="line_title">{{'钱包类型'}}</view>
<view class="line_content ">{{item.pkAccountVal}}</view>
</view>
<view class="linebox">
<view class="line_title">{{'提现金额'}}</view>
<view class="line_content">{{item.cashAmount| toThousandthAndKeepDecimal}}</view>
</view>
<view class="linebox">
<view class="line_title">{{'手续费'}}</view>
<view class="line_content">{{item.serviceCharge| toThousandthAndKeepDecimal}}</view>
</view>
<view class="linebox">
<view class="line_title">{{'个税'}}</view>
<view class="line_content">{{item.incomeTax| toThousandthAndKeepDecimal}}</view>
</view>
<view class="linebox">
<view class="line_title">{{'实发金额'}}</view>
<view class="line_content">{{item.issuedAmount| toThousandthAndKeepDecimal}}</view>
</view>
<view class="linebox">
<view class="line_title">{{'银行名称'}}</view>
<view class="line_content">{{item.bankName}}</view>
</view>
<view class="linebox">
<view class="line_title">{{'银行账户'}}</view>
<view class="line_content">{{item.cardNumber}}</view>
</view>
<view class="linebox">
<view class="line_title">{{'开户姓名'}}</view>
<view class="line_content">{{item.accountName}}</view>
</view>
<view class="linebox">
<view class="line_title">{{'审核状态'}}</view>
<view class="line_content">{{item.approveStateVal}}</view>
</view>
<view class="linebox">
<view class="line_title">{{'申请日期'}}</view>
<view class="line_content">{{item.creationTime}}</view>
</view>
<view class="linebox">
<view class="line_title">{{'备注'}}</view>
<view class="line_content">{{item.remarks}}</view>
</view>
<view class="linebox">
<view class="line_title">{{'状态'}}</view>
<view class="line_content">{{item.statusVal}}</view>
</view>
<view class="linebox" style="border-bottom: none;">
<view class="line_title">{{'操作'}}</view>
<view class="line_content thesuccess" v-if="item.status==0&&item.approveState==1" @click="revoke(item)">{{'撤销'}}</view>
</view>
</view>
<u-modal :show="revokeShow" showCancelButton @cancel="revokeShow = false" :cancelText=''取消''
:confirmText=''确定'' @confirm='confirmRevoke' :content='content'></u-modal>
</view>
</template>
<script>
import * as bal from "@/config/balance.js"
export default {
data() {
return {
queryParams: {
pageNum: 1,
pageSize: 50,
},
tableList: [],
revokeShow: false,
content:'是否确认操作?',
thepkId:""
}
},
onLoad() {
this.getSearch()
},
methods: {
//撤销
revoke(row) {
this.thepkId = row.pkId
this.revokeShow = true
},
confirmRevoke(){
bal.cancelWithdraw({pkId:this.thepkId}).then(res=>{
if(res.code==200){
uni.showToast({
title: res.msg
})
this.revokeShow=false
this.getSearch()
}
})
},
getSearch() {
bal.getWithdrawList(this.queryParams).then(res => {
this.tableList = res.rows
})
}
}
}
</script>
<style lang="scss" scoped>
::v-deep .u-popup__content {
overflow: auto;
}
.content {
background: #F2F2F2;
padding: 10rpx 24rpx;
.contentList {
background-color: #fff;
margin: 10rpx 0;
box-shadow: 0rpx 2rpx 10rpx 0rpx rgba(204, 204, 204, 0.4);
border-radius: 10rpx;
.linebox {
padding: 20rpx;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
font-size: 26rpx;
.line_title {
min-width: 150rpx;
color: #666666;
}
.line_content {
font-weight: bold;
color: #333333;
}
.thesuccess {
color: #C8161D;
}
}
}
}
</style>