You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
198 lines
3.6 KiB
198 lines
3.6 KiB
<template>
|
|
<view class="content">
|
|
<navigation>
|
|
withdrawal
|
|
<view class="bread" slot="bread">
|
|
<image src="../../../../static/promo/[email protected]" mode="" @click="invMore=true"></image>
|
|
</view>
|
|
</navigation>
|
|
<view class="record_body">
|
|
<view class="record_item flex" v-for="(item,index) in record_list" :key="item.id">
|
|
<view class="numcon flex">
|
|
<image src="../../../../static/promo/[email protected]" mode="aspectFit" class="img1"></image>
|
|
<view class="num">
|
|
<view class="rec">
|
|
{{item.tranAmt}} Wait
|
|
</view>
|
|
<view class="cpay" @click="goBalance">
|
|
Back to balance
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="time">
|
|
{{item.createTime}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="invite-more" v-show="invMore">
|
|
<view class="invite-con">
|
|
<view class="more-a" @click="goBouns">
|
|
transactions record
|
|
</view>
|
|
<view class="more-a" @click="goProRe">
|
|
withdrawl record
|
|
</view>
|
|
<view class="more-a" @click="gow()">
|
|
withdrawl
|
|
</view>
|
|
</view>
|
|
<view class="invite-con2">
|
|
<view class="more-a" @click="invMore=false,msShow=false">
|
|
cancel
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="msg-box-bg" v-show="invMore">
|
|
</view>
|
|
</view>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
import api from '@/utils/api'
|
|
import utils from '@/utils'
|
|
import cont from "@/components/navigation/navigation.vue"
|
|
import index from '@/utils/index'
|
|
export default{
|
|
data(){
|
|
return{
|
|
pageNumber:1,
|
|
pageSize:20,
|
|
record_list:[],
|
|
invMore:false,
|
|
}
|
|
},
|
|
|
|
onLoad() {
|
|
const post = api.withdrawList({
|
|
"ticket": uni.getStorageSync('logInfo').data,
|
|
"pageNumber":this.pageNumber,
|
|
"pageSize":this.pageSize,
|
|
})
|
|
post.then(res => {
|
|
if(res.data.content){
|
|
this.record_list=res.data.content;
|
|
for(var i=0;i<this.record_list.length;i++){
|
|
this.record_list[i].createTime=index.formatyymmddhhmmss(this.record_list[i].createTime);
|
|
}
|
|
}
|
|
|
|
|
|
})
|
|
.catch(e => {
|
|
uni.showToast({
|
|
title: e,
|
|
icon: 'none',
|
|
duration: 2500
|
|
})
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
methods:{
|
|
gow(){
|
|
uni.navigateTo({
|
|
url:'../index'
|
|
})
|
|
},
|
|
goBouns(){
|
|
uni.navigateTo({
|
|
url:'./transactions/index'
|
|
})
|
|
},
|
|
goProRe(){
|
|
uni.navigateTo({
|
|
url:'./withdrawlRecord/index'
|
|
})
|
|
},
|
|
goBalance(){
|
|
uni.navigateTo({
|
|
url:'../index'
|
|
})
|
|
}
|
|
|
|
},
|
|
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.invite-more{
|
|
width: 750rpx;
|
|
height: 480rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 48rpx 48rpx 0px 0px;
|
|
position: fixed;
|
|
bottom: 0;
|
|
z-index: 9999;
|
|
}
|
|
.more-a{
|
|
text-transform: capitalize;
|
|
font-size: 32rpx;
|
|
color: #303133;
|
|
text-align: center;
|
|
line-height: 108rpx;
|
|
}
|
|
.invite-con{
|
|
padding: 24rpx 0;
|
|
}
|
|
.invite-con2{
|
|
background-color: #F5F7FA;
|
|
}
|
|
.msg-box-bg {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 1001;
|
|
background-color: rgba(0,0,0,.5);
|
|
}
|
|
.content{
|
|
position: relative;
|
|
}
|
|
.bread image{
|
|
width: 28rpx;
|
|
height: 24rpx;
|
|
position: absolute;
|
|
right: 36rpx;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
.record_body{
|
|
padding: 0 36rpx;
|
|
}
|
|
.flex{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.record_item{
|
|
height: 144rpx;
|
|
}
|
|
.numcon .img1{
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
}
|
|
.num{
|
|
margin-left: 20rpx;
|
|
}
|
|
.rec{
|
|
color: #303133;
|
|
font-size: 32rpx;
|
|
}
|
|
.cpay{
|
|
color: #909399;
|
|
font-size: 28rpx;
|
|
}
|
|
.time{
|
|
color: #909399;
|
|
font-size: 28rpx;
|
|
}
|
|
</style>
|
|
|