更新了提现记录样式
This commit is contained in:
parent
946ced7f59
commit
6ed514ce03
|
|
@ -1,24 +1,23 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="list">
|
<view class="list">
|
||||||
<view class="head">
|
<view class="head">
|
||||||
<view class="head_conent">
|
<view class="head_conent">
|
||||||
<view class="tatil">
|
|
||||||
<view class="sum">
|
<view class="sum">
|
||||||
<u-count-to :startVal="0" :endVal="count"></u-count-to>
|
<view class="text">已提现金额</view>
|
||||||
<h3>提现次数</h3>
|
<u-count-to class="num" style="color: #F84221;" :startVal="0" :endVal="sumTofixed" :decimals="2"></u-count-to>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="line"></view>
|
||||||
<view class="sum">
|
<view class="sum">
|
||||||
<u-count-to :startVal="0" :endVal="sumTofixed" :decimals="2"></u-count-to>
|
<view class="text">已提现次数</view>
|
||||||
<h3>提现总额</h3>
|
<u-count-to class="num" :startVal="0" :endVal="count"></u-count-to>
|
||||||
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<u-line></u-line>
|
||||||
<view class="tixian" @click="tixian">
|
<view class="tixian" @click="tixian">
|
||||||
立即提现
|
立即提现
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="public-wrapper">
|
<!-- <view class="public-wrapper">
|
||||||
<view class="title">
|
<view class="title">
|
||||||
提现详情
|
提现详情
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -40,6 +39,29 @@
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
</view> -->
|
||||||
|
<view class="recoder">
|
||||||
|
<block>
|
||||||
|
<!-- <picker mode="date" fields="month" :end="endDate" @change="changeDate">
|
||||||
|
<view class="time">
|
||||||
|
<view>2023年-11月</view>
|
||||||
|
<image src="@/static/images/arrow-right.png" class="icon"></image>
|
||||||
|
</view>
|
||||||
|
</picker> -->
|
||||||
|
<view class="card" v-for="(item,index) in UserApplylist" :key="index">
|
||||||
|
<image class="left" src="@/static/images/qianbao.png" style="width: 60rpx;height: 60rpx;"></image>
|
||||||
|
<view class="right">
|
||||||
|
<view class="item">
|
||||||
|
<view class="item_title">佣金提现到银行卡</view>
|
||||||
|
<view class="item_money">+{{item.extract_money}}</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="item_brank">{{`${item.financial_account.bank} (${item.financial_account.bank_code}) `}}</view>
|
||||||
|
<view class="item_time">{{item.create_time}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</block>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -63,6 +85,7 @@
|
||||||
sum: 0,
|
sum: 0,
|
||||||
count:0,
|
count:0,
|
||||||
scrollTop: 0,
|
scrollTop: 0,
|
||||||
|
endDate: '',
|
||||||
merId: '',
|
merId: '',
|
||||||
UserApplylist:[]
|
UserApplylist:[]
|
||||||
}
|
}
|
||||||
|
|
@ -77,13 +100,19 @@
|
||||||
},
|
},
|
||||||
onLoad(option) {
|
onLoad(option) {
|
||||||
this.merId = option.mer_id
|
this.merId = option.mer_id
|
||||||
console.log(this.merId);
|
let date = new Date();
|
||||||
|
this.endDate = `${date.getFullYear()}-${date.getMonth()+1}-01`
|
||||||
|
console.log(this.endDate);
|
||||||
|
// console.log(this.merId);
|
||||||
this.ApplyList()
|
this.ApplyList()
|
||||||
// this.UserApplylist.forEach((item)=>{
|
// this.UserApplylist.forEach((item)=>{
|
||||||
// console.log(item.extract_money);
|
// console.log(item.extract_money);
|
||||||
// })
|
// })
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
changeDate(e){
|
||||||
|
console.log(e.detail.value);
|
||||||
|
},
|
||||||
/**数字强制转为两位小数*/
|
/**数字强制转为两位小数*/
|
||||||
returnFloat(value){
|
returnFloat(value){
|
||||||
var value=Math.round(parseFloat(value)*100)/100;
|
var value=Math.round(parseFloat(value)*100)/100;
|
||||||
|
|
@ -110,8 +139,10 @@
|
||||||
this.UserApplylist=res.data.list
|
this.UserApplylist=res.data.list
|
||||||
this.count=this.UserApplylist.length
|
this.count=this.UserApplylist.length
|
||||||
this.UserApplylist.forEach(item=>{
|
this.UserApplylist.forEach(item=>{
|
||||||
item.create_time=item.create_time.substr(0,10)
|
item.financial_account.bank_code=item.financial_account.bank_code.substr(-4)
|
||||||
console.log(parseInt(item.extract_money));
|
console.log(item.financial_account.bank_code);
|
||||||
|
// item.create_time=item.create_time.substr(0,10)
|
||||||
|
// console.log(parseInt(item.extract_money));
|
||||||
})
|
})
|
||||||
for(let i =0; i<this.UserApplylist.length; i++){
|
for(let i =0; i<this.UserApplylist.length; i++){
|
||||||
this.sum+=parseInt(this.UserApplylist[i].extract_money)
|
this.sum+=parseInt(this.UserApplylist[i].extract_money)
|
||||||
|
|
@ -128,54 +159,79 @@
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.list {
|
.list {
|
||||||
.head {
|
.head {
|
||||||
width: 100%;
|
// width: 100%;
|
||||||
height: 150px;
|
// height: 150px;
|
||||||
display: flex;
|
// display: flex;
|
||||||
background-image: linear-gradient(90deg, #FA6514 0%, #E93323 100%);
|
// background-image: linear-gradient(90deg, #FA6514 0%, #E93323 100%);
|
||||||
position: relative;
|
// position: relative;
|
||||||
|
// padding-top: 28rpx;
|
||||||
|
width: 694rpx;
|
||||||
|
margin: 28rpx auto;
|
||||||
|
padding: 28rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 24rpx;
|
||||||
|
|
||||||
.head_conent {
|
.head_conent {
|
||||||
width: 90%;
|
// width: 694rpx;
|
||||||
height: 150px;
|
// margin: 28rpx auto;
|
||||||
background-color: #fff;
|
// height: 150px;
|
||||||
margin: 50px auto;
|
// margin: 50px auto;
|
||||||
border-radius: 15px;
|
// border-radius: 15px;
|
||||||
box-shadow: 0px 0px 5px rgba(#FA6514, 0.5);
|
// box-shadow: 0px 0px 5px rgba(#FA6514, 0.5);
|
||||||
|
|
||||||
.tatil {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
|
||||||
|
.line{
|
||||||
|
width: 1rpx;
|
||||||
|
height: 70rpx;
|
||||||
|
background-color: #dfdfdf;
|
||||||
|
}
|
||||||
|
|
||||||
.sum {
|
.sum {
|
||||||
|
flex: 1;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 30px;
|
color: #737373;
|
||||||
|
font-size: 30rpx;
|
||||||
h3 {
|
.num{
|
||||||
margin-top: 15px;
|
font-size: 42.06rpx;
|
||||||
font-size: 18px;
|
margin-bottom: 15rpx;
|
||||||
font-weight: 700;
|
|
||||||
color: #E93323;
|
|
||||||
}
|
}
|
||||||
|
.text{
|
||||||
|
margin-bottom: 15rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tixian {
|
.tixian {
|
||||||
position: absolute;
|
width: 326rpx;
|
||||||
background-image: linear-gradient(90deg, #FA6514 0%, #E93323 100%);
|
height: 53rpx;
|
||||||
box-shadow: 0px 0px 5px rgba(#FA6514, 0.5);
|
line-height: 53rpx;
|
||||||
width: 100px;
|
|
||||||
height: 40px;
|
|
||||||
line-height: 40px;
|
|
||||||
border-radius: 30px;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 18px;
|
background: #FFFFFF;
|
||||||
color: #fff;
|
border-radius: 25rpx 25rpx 25rpx 25rpx;
|
||||||
font-weight: 700;
|
opacity: 1;
|
||||||
left: 37%;
|
border: 2rpx solid #F84221;
|
||||||
top: 150px;
|
margin: 0 auto;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-family: PingFang SC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #F84221;
|
||||||
|
// position: absolute;
|
||||||
|
// background-image: linear-gradient(90deg, #FA6514 0%, #E93323 100%);
|
||||||
|
// box-shadow: 0px 0px 5px rgba(#FA6514, 0.5);
|
||||||
|
// width: 100px;
|
||||||
|
// height: 40px;
|
||||||
|
// line-height: 40px;
|
||||||
|
// border-radius: 30px;
|
||||||
|
// text-align: center;
|
||||||
|
// font-size: 18px;
|
||||||
|
// color: #fff;
|
||||||
|
// font-weight: 700;
|
||||||
|
// left: 37%;
|
||||||
|
// top: 150px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -245,5 +301,75 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.recoder{
|
||||||
|
padding: 0 28rpx 28rpx 28rpx;
|
||||||
|
.time{
|
||||||
|
height: 42rpx;
|
||||||
|
font-size: 30rpx;
|
||||||
|
font-family: PingFang SC-Medium, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #333333;
|
||||||
|
line-height: 45rpx;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.icon{
|
||||||
|
width: 30rpx;
|
||||||
|
height: 30rpx;
|
||||||
|
transform: rotate(90deg);
|
||||||
|
margin-left: 10rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.card{
|
||||||
|
width: 694rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 21rpx 21rpx 21rpx 21rpx;
|
||||||
|
opacity: 1;
|
||||||
|
padding: 28rpx;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.left{
|
||||||
|
flex-shrink: 0;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
}
|
||||||
|
.right{
|
||||||
|
flex: 1;
|
||||||
|
.item{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
&_title{
|
||||||
|
font-size: 30rpx;
|
||||||
|
font-family: PingFang SC-Medium, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #333333;
|
||||||
|
line-height: 45rpx;
|
||||||
|
}
|
||||||
|
&_money{
|
||||||
|
font-size: 33rpx;
|
||||||
|
font-family: PingFang SC-Medium, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #F84221;
|
||||||
|
line-height: 50rpx;
|
||||||
|
}
|
||||||
|
&_brank{
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-family: PingFang SC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #737373;
|
||||||
|
line-height: 39rpx;
|
||||||
|
}
|
||||||
|
&_time{
|
||||||
|
font-size: 23rpx;
|
||||||
|
font-family: PingFang SC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #B3B3B3;
|
||||||
|
line-height: 34rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Loading…
Reference in New Issue