diff --git a/pages/users/gather_list/index.vue b/pages/users/gather_list/index.vue
index a519421..8221182 100644
--- a/pages/users/gather_list/index.vue
+++ b/pages/users/gather_list/index.vue
@@ -1,24 +1,23 @@
-
+
-
-
-
- 提现次数
-
-
-
- 提现总额
-
-
+
+ 已提现金额
+
+
+
+
+ 已提现次数
+
+
立即提现
-
+
+
+
+
+
+
+
+
+ 佣金提现到银行卡
+ +{{item.extract_money}}
+
+
+ {{`${item.financial_account.bank} (${item.financial_account.bank_code}) `}}
+ {{item.create_time}}
+
+
+
+
+
@@ -63,6 +85,7 @@
sum: 0,
count:0,
scrollTop: 0,
+ endDate: '',
merId: '',
UserApplylist:[]
}
@@ -77,13 +100,19 @@
},
onLoad(option) {
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.UserApplylist.forEach((item)=>{
// console.log(item.extract_money);
// })
},
methods: {
+ changeDate(e){
+ console.log(e.detail.value);
+ },
/**数字强制转为两位小数*/
returnFloat(value){
var value=Math.round(parseFloat(value)*100)/100;
@@ -110,8 +139,10 @@
this.UserApplylist=res.data.list
this.count=this.UserApplylist.length
this.UserApplylist.forEach(item=>{
- item.create_time=item.create_time.substr(0,10)
- console.log(parseInt(item.extract_money));
+ item.financial_account.bank_code=item.financial_account.bank_code.substr(-4)
+ 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
.list {
.head {
- width: 100%;
- height: 150px;
- display: flex;
- background-image: linear-gradient(90deg, #FA6514 0%, #E93323 100%);
- position: relative;
+ // width: 100%;
+ // height: 150px;
+ // display: flex;
+ // background-image: linear-gradient(90deg, #FA6514 0%, #E93323 100%);
+ // position: relative;
+ // padding-top: 28rpx;
+ width: 694rpx;
+ margin: 28rpx auto;
+ padding: 28rpx;
+ background-color: #fff;
+ border-radius: 24rpx;
.head_conent {
- width: 90%;
- height: 150px;
- background-color: #fff;
- margin: 50px auto;
- border-radius: 15px;
- box-shadow: 0px 0px 5px rgba(#FA6514, 0.5);
+ // width: 694rpx;
+ // margin: 28rpx auto;
+ // height: 150px;
+ // margin: 50px auto;
+ // border-radius: 15px;
+ // box-shadow: 0px 0px 5px rgba(#FA6514, 0.5);
- .tatil {
- display: flex;
- justify-content: space-around;
- align-items: center;
- width: 100%;
-
- .sum {
- text-align: center;
- margin-top: 30px;
-
- h3 {
- margin-top: 15px;
- font-size: 18px;
- font-weight: 700;
- color: #E93323;
- }
- }
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+
+ .line{
+ width: 1rpx;
+ height: 70rpx;
+ background-color: #dfdfdf;
+ }
+
+ .sum {
+ flex: 1;
+ text-align: center;
+ color: #737373;
+ font-size: 30rpx;
+ .num{
+ font-size: 42.06rpx;
+ margin-bottom: 15rpx;
+ }
+ .text{
+ margin-bottom: 15rpx;
+ }
}
}
.tixian {
- 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;
+ width: 326rpx;
+ height: 53rpx;
+ line-height: 53rpx;
+ text-align: center;
+ background: #FFFFFF;
+ border-radius: 25rpx 25rpx 25rpx 25rpx;
+ opacity: 1;
+ border: 2rpx solid #F84221;
+ 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;
+ }
+ }
+ }
+ }
+ }
}
\ No newline at end of file
diff --git a/static/images/qianbao.png b/static/images/qianbao.png
new file mode 100644
index 0000000..8c4b3cf
Binary files /dev/null and b/static/images/qianbao.png differ