bnyer
/
bnyer-cloud-hub
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity
Browse Source

feature:1.0:完善提现记录，提现详情页面

feature-1.0
Penny 3 years ago
parent
296b852dce
commit
a1d637f3cd
4 changed files with 172 additions and 120 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 144
      pages-userInfo/withdraw/withdraw.vue
  2. 106
      pages-userInfo/withdraw/withdrawDetail.vue
  3. 13
      pages/profit/profitEndOrder.vue
  4. 21
      pages/profit/profitInOrder.vue

144
pages-userInfo/withdraw/withdraw.vue
View File

@ -1,9 +1,32 @@
<template> <template>
<view class="container"> <view class="container">
<uni-list border-full v-for="(item,index) in withdrawList" :key="index"> <uni-list
<uni-list-item showArrow clickable :title="'订单号:'+item.orderId" border-full
:note="item.createTime+'||'+item.channel+'||'+item.status" :rightText="'￥'+item.amt" v-for="(item,index) in withdrawList" :key="index"
@click="targetToDetail(item.orderId)" /> >
<uni-list-item
showArrow
clickable
:title="'订单号:'+item.orderId"
:note="item.createTime+'&'+item.channel+'&'+item.status"
:rightText="'￥'+item.amt"
@click="targetToDetail(item.orderId)">
<template v-slot:body>
<view class="box">
<view class="uni-list-item__content-title">{{
item.createTime
}}</view>
<view class="box-bot">
<view>
{{ setChannel(item.channel) }}
</view>
<view style="color: #4d6aff">
{{ setStatus(item.status)}}
</view>
</view>
</view>
</template>
</uni-list-item>
</uni-list> </uni-list>
<view class="ivOver" v-if="flag">-----已经到底啦-----</view> <view class="ivOver" v-if="flag">-----已经到底啦-----</view>
</view> </view>
@ -71,12 +94,37 @@
url: 'withdrawDetail?orderId=' + orderId, url: 'withdrawDetail?orderId=' + orderId,
}); });
} }
},
setChannel(data){
if (data == "0") {
return "微信";
} else if (data == "1") {
return "银行卡";
} else if (data == "2") {
return "支付宝";
}
},
setStatus(data){
if (data == "0") {
return "待审核";
} else if (data == "1") {
return "提现中";
} else if (data == "2") {
return "提现成功";
} else if(data == "3"){
return "提现失败";
}else if(data == "4"){
return "审核拒绝";
}
} }
} }
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.uni-list-item__icon-img {
border-radius: 8px;
}
.ivOver{ .ivOver{
width: 100%; width: 100%;
height:50px; height:50px;
@ -85,77 +133,29 @@
background: #fff; background: #fff;
font-size: 20rpx; font-size: 20rpx;
} }
.container { .box {
.top {
width: 100vw;
image {
width: 100vw;
height: 400rpx;
}
.uni-searchbar {
border: 1px solid #11A8FD;
margin: 0 40rpx;
border-radius: 16rpx;
padding: 0;
.uni-searchbar__box {
padding: 0;
border-radius: 16rpx !important;
}
}
>text {
font-weight: bold;
font-size: 14px;
display: block;
text-align: center;
padding-top: 40rpx;
padding-bottom: 20rpx;
}
.user-list {
display: flex; display: flex;
justify-content: flex-start; padding-right: 8px;
align-items: center; flex: 1;
overflow-x: auto; color: #3b4144;
flex-direction: column;
.user-list-box { justify-content: center;
width: 140rpx; overflow: hidden;
padding: 20rpx; }
text-align: center; .box-bot {
display: flex;
image { margin-top: 5px;
width: 100rpx;
height: 100rpx;
border-radius: 100rpx;
}
text {
font-size: 24rpx;
color: #1E1E1E;
text-align: center;
}
}
} }
.box-bot view {
border-radius: 3px;
border: 1px solid #4d6aff;
padding: 2px 5px;
margin-right: 5px;
font-size: 12px;
} }
.uni-list-item__content-title {
.middle {
text-align: center;
height: calc(100vh - 248rpx);
padding-top: 40rpx;
text {
font-weight: bold;
font-size: 14px; font-size: 14px;
display: block; color: #3b4144;
} overflow: hidden;
image {
width: 40rpx;
height: 40rpx;
}
}
} }
</style> </style>

106
pages-userInfo/withdraw/withdrawDetail.vue
View File

@ -1,14 +1,47 @@
<template> <template>
<view> <view>
<view>订单号:{{withdrawDetailInfo.orderId}}</view> <view class="back-top"></view>
<view>提现金额:{{withdrawDetailInfo.amt}}</view>
<view>手机号:{{withdrawDetailInfo.phone}}</view> <uni-group mode="card" class="card">
<view>银行卡:{{withdrawDetailInfo.bankNo}}</view> <view class="box">
<view>渠道:{{withdrawDetailInfo.channel}}</view> <text class="title">订单号:</text>
<view>状态:{{withdrawDetailInfo.status}}</view> <text>{{ withdrawDetailInfo.orderId }}</text>
<view>创建时间:{{withdrawDetailInfo.createTime}}</view> </view>
<view>审核理由:{{withdrawDetailInfo.reason}}</view>
<view>到账时间:{{withdrawDetailInfo.achieveTime}}</view> <view class="box" v-if="withdrawDetailInfo.channel == '2'">
<text class="title">手机号:</text>
<text>{{withdrawDetailInfo.phone }}</text>
</view>
<view class="box" v-if="withdrawDetailInfo.channel == '1'">
<text class="title">银行卡:</text>
<text>{{withdrawDetailInfo.bankNo }}</text>
</view>
<view class="box">
<text class="title">提现金额:</text>
<text style="color: red">{{ withdrawDetailInfo.amt }}</text>
</view>
<view class="box">
<text class="title">渠道:</text>
<text>{{ setChannel(withdrawDetailInfo.channel) }}</text>
</view>
<view class="box">
<text class="title">状态:</text>
<text>{{ setStatus(withdrawDetailInfo.status) }}</text>
</view>
<view class="border"></view>
<view class="box">
<text class="title">提现时间:</text>
<text>{{withdrawDetailInfo.createTime}}</text>
</view>
<view class="box">
<text class="title">审核理由:</text>
<text>{{withdrawDetailInfo.reason}}</text>
</view>
<view class="box">
<text class="title">到账时间:</text>
<text>{{withdrawDetailInfo.achieveTime || "待确认"}}</text>
</view>
</uni-group>
</view> </view>
</template> </template>
@ -53,10 +86,63 @@
}); });
} }
}, },
setChannel(data){
if (data == "0") {
return "微信";
} else if (data == "1") {
return "银行卡";
} else if (data == "2") {
return "支付宝";
}
},
setStatus(data){
if (data == "0") {
return "待审核";
} else if (data == "1") {
return "提现中";
} else if (data == "2") {
return "提现成功";
} else if(data == "3"){
return "提现失败";
}else if(data == "4"){
return "审核拒绝";
}
},
} }
} }
</script> </script>
<style> <style>
.back-top {
width: 100%;
position: absolute;
height: 120px;
background: #416bdc;
}
.card {
width: 100%;
position: absolute;
}
.uni-group--card {
margin-top: 20px !important;
}
.title {
display: block;
width: 70px;
margin-right: 10px;
font-weight: bold;
}
.box {
display: flex;
margin-bottom: 20px;
}
.card view:first-child {
margin-top: 10px;
}
.border {
width: 100%;
height: 1px;
background: rgb(229, 229, 229);
margin-bottom: 20px;
}
</style> </style>

13
pages/profit/profitEndOrder.vue
View File

@ -27,19 +27,6 @@
<text class="title">转入时间:</text> <text class="title">转入时间:</text>
<text>{{ orderDetail.walletTime }}</text> <text>{{ orderDetail.walletTime }}</text>
</view> </view>
<!-- <uni-title type="h1" title="结算单号" align="left" />
<text>{{orderDetail.orderNo}}</text>
<uni-title type="h1" title="结算平台" align="left" />
<text>{{orderDetail.platform}}</text>
<uni-title type="h1" title="应用" align="left" />
<text>{{orderDetail.appType}}</text>
<uni-title type="h1" title="收益类型" align="left" />
<text>{{orderDetail.type}}</text>
<uni-title type="h1" title="结算收入" align="left" />
<text>{{orderDetail.profit}}</text>
<uni-title type="h1" title="转入时间" align="left" />
<text>{{orderDetail.walletTime}}</text> -->
</uni-group> </uni-group>
</view> </view>
</template> </template>

21
pages/profit/profitInOrder.vue
View File

@ -43,27 +43,6 @@
<text class="title">确认状态:</text> <text class="title">确认状态:</text>
<text>{{ orderDetail.confirmStatus == 0 ? "待确认" : "已确认" }}</text> <text>{{ orderDetail.confirmStatus == 0 ? "待确认" : "已确认" }}</text>
</view> </view>
<!-- <uni-title type="h1" title="结算单号" align="left" />
<text>{{orderDetail.orderNo}}</text>
<uni-title type="h1" title="结算平台" align="left" />
<text>{{orderDetail.platform}}</text>
<uni-title type="h1" title="应用" align="left" />
<text>{{orderDetail.appType}}</text>
<uni-title type="h1" title="收益类型" align="left" />
<text>{{orderDetail.type}}</text>
<uni-title type="h1" title="结算时间" align="left" />
<text>{{orderDetail.createTime}}</text>
<uni-title type="h1" title="结算收入" align="left" />
<text>{{orderDetail.profit}}</text>
<uni-title type="h1" title="下载次数" align="left" />
<text>{{orderDetail.downloadNum}}</text>
<uni-title type="h1" title="确认类型" align="left" />
<text>{{orderDetail.confirmType}}</text>
<uni-title type="h1" title="确认时间" align="left" />
<text>{{orderDetail.confirmTime}}</text>
<uni-title type="h1" title="确认状态" align="left" />
<text>{{orderDetail.confirmStatus}}</text> -->
</uni-group> </uni-group>
</view> </view>
</template> </template>

Write Preview
Loading…
Cancel
Save