红包明细提取到申请提现页面

This commit is contained in:
YeMingfei666 2024-12-17 11:20:39 +08:00
parent 3738cd5344
commit f7650fb95f
1 changed files with 133 additions and 17 deletions

View File

@ -13,13 +13,16 @@
v-if="shouxufei">提现手续费为{{shouxufei * 100}}%</text> --> v-if="shouxufei">提现手续费为{{shouxufei * 100}}%</text> -->
</view> </view>
</view> </view>
<view style="display: flex;flex-direction: row;padding: 20upx;justify-content: space-between;align-items: center;"> <view
style="display: flex;flex-direction: row;padding: 20upx;justify-content: space-between;align-items: center;">
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<view style="font-size: 40upx;color: #333333;">¥</view> <view style="font-size: 40upx;color: #333333;">¥</view>
<input type="number" v-model="money" placeholder="请输入金额" <input type="number" v-model="money" placeholder="请输入金额"
style="font-size: 40upx;color: #333333;text-align: left;margin-left: 10upx;width: 80%;" /> style="font-size: 40upx;color: #333333;text-align: left;margin-left: 10upx;width: 80%;" />
</view> </view>
<view @click="money = mayMoney" style="font-size: 30rpx;color: #333333;background: #ff7581;color: white;border-radius: 10rpx;padding: 7rpx 15rpx;flex-shrink: 0;">全部</view> <view @click="money = mayMoney"
style="font-size: 30rpx;color: #333333;background: #ff7581;color: white;border-radius: 10rpx;padding: 7rpx 15rpx;flex-shrink: 0;">
全部</view>
</view> </view>
<view style="background: #E6E6E6;width: 100%;height: 1upx;"></view> <view style="background: #E6E6E6;width: 100%;height: 1upx;"></view>
@ -43,13 +46,50 @@
</view> </view>
<view style="display: flex;width: 100%;justify-content: center;"> <view style="display: flex;width: 100%;justify-content: center;">
<view style="color: grey;padding-bottom: 30px;padding-top: 20upx;width: 33%;" @click="goZhifuBao">提现账号 <view class="u-flex-1" style="color: grey;padding-bottom: 30px;padding-top: 20upx;" @click="goZhifuBao">提现账号
</view> </view>
<view style="color: grey;padding-bottom: 30px;padding-top: 20upx;width: 33%;" @click="goqianbao">红包明细 <view class="u-flex-1" style="color: grey;padding-bottom: 30px;padding-top: 20upx;" @click="goqianbao">红包明细
</view>
<view style="color: grey;padding-bottom: 30px;padding-top: 20upx;width: 33%;" @click="gojilu">提现记录
</view> </view>
<!-- <view style="color: grey;padding-bottom: 30px;padding-top: 20upx;width: 33%;" @click="gojilu">提现记录
</view> -->
</view> </view>
<view style="text-align: left" class="money-list u-p-b-30">
<view v-if="list.length" v-for="(item, index) in list" :key="index" class="item">
<view>
<view style="margin-bottom: 8upx;text-align: right;">
<text style="margin-bottom: 8upx;color: green" v-if="item.state==1"> 提现成功</text>
<text style="margin-bottom: 8upx;color: green" v-if="item.state==0"> 提现中</text>
<text style="margin-bottom: 8upx;color: #FD6416" v-if="item.state==-1"> 提现失败</text>
</view>
<view style="color: #999999;font-size: 28upx;">
<view style="margin-bottom: 8upx"> 收款人账号{{item.zhifubao}}</view>
<view style="margin-bottom: 8upx"> 收款人姓名{{item.zhifubaoName}}</view>
<view style="margin-bottom: 8upx"> 发起时间{{item.createAt}}</view>
<view style="margin-bottom: 8upx" v-if="item.state==1">成功时间 {{item.outAt}}</view>
<view style="margin-bottom: 8upx;color: #FD6416" v-if="item.state==-1">{{item.refund}}
</view>
<view style="margin-bottom: 8upx;text-align: right;">
<!-- 提现金额 -->
<text style="color: #FD6416;font-size: 32upx;font-weight: 600"> {{item.money}}</text>
</view>
</view>
</view>
</view>
<view class="page-box" v-if="!list.length">
<view class="centre">
<image src="../../static/images/learn/none.png" mode=""></image>
<view class="tips">
暂无记录
</view>
</view>
</view>
</view>
</view> </view>
</view> </view>
</template> </template>
@ -86,25 +126,59 @@
userId: '', userId: '',
zhifubao: '', zhifubao: '',
zhifubaoName: '', zhifubaoName: '',
list: [],
page: 1,
limit: 10,
totalCount: 0,
}; };
}, },
onLoad() { onLoad() {
this.getshouxufei(); this.getshouxufei();
this.getMoneyDetail();
}, },
onShow() { onShow() {
this.token = uni.getStorageSync('token') this.token = uni.getStorageSync('token')
this.userId = uni.getStorageSync('userId') this.userId = uni.getStorageSync('userId')
this.zhifubao = uni.getStorageSync('zhiFuBao') this.zhifubao = uni.getStorageSync('zhiFuBao')
this.zhifubaoName = uni.getStorageSync('zhiFuBaoName') this.zhifubaoName = uni.getStorageSync('zhiFuBaoName')
this.getcashMoney() this.getcashMoney()
}, },
onReachBottom: function() {
if (this.page * this.limit < this.totalCount) {
this.page = this.page + 1;
this.getMoneyDetail();
}
},
onPullDownRefresh: function() {
this.page = 1;
// that.list = []
this.getMoneyDetail();
},
onNavigationBarButtonTap() { onNavigationBarButtonTap() {
// this.list(); // this.list();
}, },
methods: { methods: {
getMoneyDetail() {
let that = this;
let token = uni.getStorageSync('token')
console.log(1);
if (token) {
//
let data = {
page: this.page,
limit: this.limit
}
this.$Request.getT('app/cash/selectPayDetails', data).then(res => {
this.totalCount = res.data.totalCount;
if (res.data.list.length > 0) {
this.list = [...this.list, ...res.data.list];
}
})
}
},
// //
getshouxufei() { getshouxufei() {
this.$u.get('app/common/type/152').then(res => { this.$u.get('app/common/type/152').then(res => {
@ -142,7 +216,7 @@
// }) // })
this.$Request.getT('app/moneyDetails/selectUserMoney').then(res => { this.$Request.getT('app/moneyDetails/selectUserMoney').then(res => {
if (res.code == 0) { if (res.code == 0) {
this.mayMoney = res.data.amount||0 this.mayMoney = res.data.amount || 0
} }
}) })
}, },
@ -158,11 +232,6 @@
url: '/me/invite/moneyList?moneyType=1&viewType=2' url: '/me/invite/moneyList?moneyType=1&viewType=2'
}); });
}, },
list() {
// uni.navigateTo({
// url: '/me/invite/cashList'
// })
},
goZhifuBao() { goZhifuBao() {
uni.navigateTo({ uni.navigateTo({
url: '/me/invite/zhifubao' url: '/me/invite/zhifubao'
@ -239,6 +308,7 @@
if (e.confirm) { if (e.confirm) {
// that.money = money // that.money = money
that.getMoney(); that.getMoney();
that.getMoneyDetail();
} }
} }
}); });
@ -252,6 +322,7 @@
if (e.confirm) { if (e.confirm) {
// that.money = money // that.money = money
that.getMoney(); that.getMoney();
that.getMoneyDetail();
} }
} }
}); });
@ -389,4 +460,49 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
.money-list{
.item {
background: white;
padding: 32rpx;
margin: 32rpx;
font-size: 28rpx;
box-shadow: 7px 9px 34px rgba(0, 0, 0, 0.1);
border-radius: 16upx;
}
.item:first-child{
margin-top: 0;
}
}
.centre {
text-align: center;
padding: 200rpx 0;
font-size: 32rpx;
box-sizing: border-box;
image {
width: 360rpx;
height: 360rpx;
// margin-bottom: 20rpx;
margin: 0 auto 20rpx;
// border: 1px dotted #000000;
}
.tips {
font-size: 34rpx;
color: #999999;
margin-top: 20rpx;
}
.btn {
margin: 80rpx auto;
width: 600rpx;
border-radius: 32rpx;
line-height: 90rpx;
color: #ffffff;
font-size: 34rpx;
background: #ff7581;
}
}
</style> </style>