This commit is contained in:
parent
1f13c5daf4
commit
81a37e5283
|
@ -74,8 +74,8 @@ export function getAdminApplyAPI(merId, data) {
|
|||
/**
|
||||
* 提现记录
|
||||
*/
|
||||
export function getAdminApplyListAPI(merId) {
|
||||
return request.get(`admin/${merId}/lis_apply`);
|
||||
export function getAdminApplyListAPI(merId, data) {
|
||||
return request.get(`admin/${merId}/lis_apply`, data);
|
||||
}
|
||||
/**
|
||||
* 获取用户信息
|
||||
|
|
|
@ -1,68 +1,67 @@
|
|||
<template>
|
||||
<view class="list">
|
||||
<view class="list">
|
||||
<view class="head">
|
||||
<view class="head_conent">
|
||||
<view class="sum">
|
||||
<view class="text">已提现金额</view>
|
||||
<u-count-to class="num" style="color: #F84221;" :startVal="0" :endVal="sumTofixed" :decimals="2"></u-count-to>
|
||||
<u-count-to class="num" style="color: #F84221;" :startVal="0" :endVal="sumTofixed" :decimals="2"
|
||||
bold font-size="22"></u-count-to>
|
||||
</view>
|
||||
<view class="line"></view>
|
||||
<view class="line"></view>
|
||||
<view class="sum">
|
||||
<view class="text">已提现次数</view>
|
||||
<u-count-to class="num" :startVal="0" :endVal="count"></u-count-to>
|
||||
<u-count-to class="num" :startVal="0" :endVal="all_count" bold font-size="22"></u-count-to>
|
||||
</view>
|
||||
</view>
|
||||
<u-line></u-line>
|
||||
<view class="tixian" @click="tixian">
|
||||
立即提现
|
||||
</view>
|
||||
|
||||
<view class="search">
|
||||
<view class="search-time">
|
||||
<text class="month">2024年04月</text>
|
||||
<u-icon name="arrow-down" color="#333" :bold="true"></u-icon>
|
||||
</view>
|
||||
<view class="total">已提现金额{{extractSum}}</view>
|
||||
</view>
|
||||
|
||||
<view class="recoder">
|
||||
<view class="card" v-for="(item,index) in UserApplylist" :key="index">
|
||||
<view class="right">
|
||||
<view class="item" style="justify-content: flex-start;">
|
||||
<text class="rest">余额提现至</text>
|
||||
<text class="code">({{item.financial_account.bank_code}})</text>
|
||||
<text class="withdraw-type legal_company">{{"对公"}}</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="item_title">
|
||||
<text>{{`${item.financial_account.bank}`}}</text>
|
||||
|
||||
</view>
|
||||
<view class="item_money">+{{item.extract_money}}</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="item-time">{{item.create_time}}</view>
|
||||
<view class="item_status audit" v-if="item.status == 0">待审核</view>
|
||||
<view class="item_status trans" v-if="item.status == 1 && (!item.image || item.length> 0)">待转账
|
||||
</view>
|
||||
<view class="item_status done" v-if="item.status == 1 && item.image && item.image.length > 0"
|
||||
@click="handleView(item)">
|
||||
已转账
|
||||
<u-icon name="arrow-right" color="#46B03A"></u-icon>
|
||||
</view>
|
||||
<view class="item_status lose" v-if="item.status == -1">审核不通过</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="remark" v-if="item.mark">{{item.mark}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="public-wrapper">
|
||||
<view class="title">
|
||||
提现详情
|
||||
</view>
|
||||
<view class="conter">
|
||||
<view class="data">编号</view>
|
||||
<view class="browse">银行</view>
|
||||
<view class="turnover">日期</view>
|
||||
<view class="money">金额(元)</view>
|
||||
</view>
|
||||
<view class="footer">
|
||||
|
||||
<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y">
|
||||
<view class=" footer_list" v-for="(item,index) in UserApplylist" :key="index">
|
||||
<view class="data">{{index+1}}</view>
|
||||
<view class="browse">{{item.financial_account.bank}}</view>
|
||||
<view class="turnover">{{item.create_time}}</view>
|
||||
<view class="money">{{item.extract_money}}</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view style="color:#afafaf;" class='loadingicon acea-row row-center-wrapper' v-if='UserApplylist.length > 0'>
|
||||
<text class='loading iconfont icon-jiazai' :hidden='loading==false'></text>{{loadTitle}}
|
||||
</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>
|
||||
<!-- 日期选择 -->
|
||||
<!-- <u-datetime-picker ref="datetimePicker" :show="true" v-model="value1" mode="year-month"
|
||||
:formatter="formatter"></u-datetime-picker> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
@ -78,160 +77,189 @@
|
|||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
getAdminApplyListAPI
|
||||
} from '@/api/user.js'
|
||||
} from '@/api/user.js';
|
||||
import Loading from '@/components/Loading/index.vue';
|
||||
export default {
|
||||
components: {
|
||||
Loading
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
sum: 0,
|
||||
count:0,
|
||||
count: 0,
|
||||
scrollTop: 0,
|
||||
endDate: '',
|
||||
endDate: '',
|
||||
merId: '',
|
||||
UserApplylist:[]
|
||||
UserApplylist: [],
|
||||
|
||||
|
||||
loaded: false,
|
||||
loading: false,
|
||||
loadTitle: '加载更多',
|
||||
where: {
|
||||
page: 1,
|
||||
limit: 15,
|
||||
keyword: '',
|
||||
start_time: ''
|
||||
},
|
||||
all_extract: 0,
|
||||
all_count: 0,
|
||||
extractSum: 0,
|
||||
|
||||
value1: Number(new Date())
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
sumTofixed(){
|
||||
return this.returnFloat(this.sum)
|
||||
sumTofixed() {
|
||||
return this.returnFloat(this.all_extract)
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
||||
},
|
||||
onLoad(option) {
|
||||
this.merId = option.mer_id
|
||||
let date = new Date();
|
||||
this.endDate = `${date.getFullYear()}-${date.getMonth()+1}-01`
|
||||
console.log(this.endDate);
|
||||
// console.log(this.merId);
|
||||
this.merId = option.mer_id;
|
||||
let date = new Date();
|
||||
this.endDate = `${date.getFullYear()}-${date.getMonth()+1}-01`
|
||||
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;
|
||||
var xsd=value.toString().split(".");
|
||||
if(xsd.length==1){
|
||||
value=value.toString()+".00";
|
||||
return value;
|
||||
}
|
||||
if(xsd.length>1){
|
||||
if(xsd[1].length<2){
|
||||
value=value.toString()+"0";
|
||||
}
|
||||
return value;
|
||||
}
|
||||
},
|
||||
tixian() {
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
},
|
||||
ApplyList(){
|
||||
getAdminApplyListAPI(this.merId).then(res=>{
|
||||
console.log(res);
|
||||
this.UserApplylist=res.data.list
|
||||
this.count=this.UserApplylist.length
|
||||
this.UserApplylist.forEach(item=>{
|
||||
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<this.UserApplylist.length; i++){
|
||||
this.sum+=parseInt(this.UserApplylist[i].extract_money)
|
||||
}
|
||||
}).catch(err=>{
|
||||
console.log(err);
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
// 下拉到底部
|
||||
onReachBottom() {
|
||||
this.ApplyList();
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
formatter(type, value) {
|
||||
if (type === 'year') {
|
||||
return `${value}年`
|
||||
}
|
||||
if (type === 'month') {
|
||||
return `${value}月`
|
||||
}
|
||||
if (type === 'day') {
|
||||
return `${value}日`
|
||||
}
|
||||
return value
|
||||
},
|
||||
// 查看
|
||||
handleView(item) {
|
||||
if (!item.image || item.length == 0) return;
|
||||
uni.previewImage({
|
||||
urls: [...item.image]
|
||||
})
|
||||
},
|
||||
|
||||
ApplyList() {
|
||||
var that = this;
|
||||
if (that.loading || that.loaded) return;
|
||||
that.loading = true;
|
||||
that.loadTitle = '';
|
||||
|
||||
getAdminApplyListAPI(this.merId, this.where).then(res => {
|
||||
that.loading = false;
|
||||
that.loaded = res.data.list.length < that.where.limit;
|
||||
that.UserApplylist.push.apply(that.UserApplylist, res.data.list);
|
||||
that.where.page = that.where.page + 1;
|
||||
that.loadTitle = that.loaded ? '已全部加载' : '加载更多';
|
||||
|
||||
//截取银行卡后四位
|
||||
this.UserApplylist.forEach(item => {
|
||||
item.financial_account.bank_code = item.financial_account.bank_code.substr(-4)
|
||||
});
|
||||
|
||||
this.count = res.data.count;
|
||||
this.extractSum = res.data.extractSum || 0; //已提现金额
|
||||
this.all_count = res.data.all_count || 0;
|
||||
this.all_extract = res.data.all_extract || 0;
|
||||
}).catch(err => {
|
||||
that.loading = false;
|
||||
that.loadTitle = '加载更多';
|
||||
})
|
||||
},
|
||||
|
||||
/**数字强制转为两位小数*/
|
||||
returnFloat(value) {
|
||||
var value = Math.round(parseFloat(value) * 100) / 100;
|
||||
var xsd = value.toString().split(".");
|
||||
if (xsd.length == 1) {
|
||||
value = value.toString() + ".00";
|
||||
return value;
|
||||
}
|
||||
if (xsd.length > 1) {
|
||||
if (xsd[1].length < 2) {
|
||||
value = value.toString() + "0";
|
||||
}
|
||||
return value;
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.list {
|
||||
.head {
|
||||
// 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: 694rpx;
|
||||
// margin: 28rpx auto;
|
||||
// height: 150px;
|
||||
// margin: 50px auto;
|
||||
// border-radius: 15px;
|
||||
// box-shadow: 0px 0px 5px rgba(#FA6514, 0.5);
|
||||
.search {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 0 50rpx 20rpx 48rpx;
|
||||
|
||||
.search-time {
|
||||
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;
|
||||
}
|
||||
|
||||
.month {
|
||||
font-weight: 600;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
margin-right: 6rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.tixian {
|
||||
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;
|
||||
.total {
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
|
||||
.head {
|
||||
width: 694rpx;
|
||||
margin: 28rpx auto 40rpx;
|
||||
padding: 28rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 24rpx;
|
||||
box-shadow: 0rpx 4rpx 10rpx 2rpx rgba(161, 161, 161, 0.4);
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
|
||||
.head_conent {
|
||||
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: 48.06rpx;
|
||||
margin-bottom: 15rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.text {
|
||||
margin-bottom: 24rpx;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -252,22 +280,6 @@
|
|||
align-items: center;
|
||||
padding: 10px 0 0 10px;
|
||||
text-align: center;
|
||||
|
||||
.data {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.browse {
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
.turnover {
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
.money {
|
||||
width: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
|
@ -279,97 +291,183 @@
|
|||
align-items: center;
|
||||
padding: 10px 0 0 10px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.data {
|
||||
width: 40px;
|
||||
.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;
|
||||
|
||||
.right {
|
||||
flex: 1;
|
||||
|
||||
.item {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
.rest {
|
||||
margin-right: 10rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.browse {
|
||||
width: 110px;
|
||||
.code {
|
||||
margin-right: 10rpx;
|
||||
font-weight: 600;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.turnover {
|
||||
width: 110px;
|
||||
.legal_company {
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
background: #72BE53;
|
||||
border-radius: 6rpx;
|
||||
padding: 2rpx 10rpx;
|
||||
}
|
||||
|
||||
.money {
|
||||
width: 60px;
|
||||
.legal_person {
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
background: #FF8056;
|
||||
border-radius: 6rpx;
|
||||
padding: 2rpx 10rpx;
|
||||
}
|
||||
|
||||
.item-time {
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
&_title {
|
||||
font-weight: 600;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
&_money {
|
||||
font-weight: 600;
|
||||
font-size: 36rpx;
|
||||
color: #F55726;
|
||||
}
|
||||
|
||||
&_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;
|
||||
}
|
||||
|
||||
.item_status {
|
||||
border-radius: 6rpx 6rpx 6rpx 6rpx;
|
||||
padding: 2rpx 16rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.audit {
|
||||
background: rgba(38, 172, 245, .2);
|
||||
color: #26ACF5;
|
||||
}
|
||||
|
||||
.trans {
|
||||
background: rgba(245, 87, 38, .2);
|
||||
color: #F55726;
|
||||
}
|
||||
|
||||
.done {
|
||||
display: flex;
|
||||
background: rgba(70, 176, 58, .2);
|
||||
color: #46B03A;
|
||||
}
|
||||
|
||||
.lose {
|
||||
background: rgba(102, 102, 102, .2);
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
|
||||
.item-title {
|
||||
justify-content: flex-start;
|
||||
|
||||
text {
|
||||
&:nth-child(1) {
|
||||
width: 198rpx;
|
||||
height: 40rpx;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
line-height: 51rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
&:nth-child(1) {
|
||||
width: 198rpx;
|
||||
height: 40rpx;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
line-height: 51rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.remark {
|
||||
word-wrap: break-word;
|
||||
font-size: 24rpx;
|
||||
color: #F55726;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.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>
|
|
@ -0,0 +1,390 @@
|
|||
<template>
|
||||
<view class="list">
|
||||
<view class="head">
|
||||
<view class="head_conent">
|
||||
<view class="sum">
|
||||
<view class="text">已提现金额</view>
|
||||
<u-count-to class="num" style="color: #F84221;" :startVal="0" :endVal="sumTofixed"
|
||||
:decimals="2"></u-count-to>
|
||||
</view>
|
||||
<view class="line"></view>
|
||||
<view class="sum">
|
||||
<view class="text">已提现次数</view>
|
||||
<u-count-to class="num" :startVal="0" :endVal="count"></u-count-to>
|
||||
</view>
|
||||
</view>
|
||||
<u-line></u-line>
|
||||
<view class="tixian" @click="tixian">
|
||||
立即提现
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="public-wrapper">
|
||||
<view class="title">
|
||||
提现详情
|
||||
</view>
|
||||
<view class="conter">
|
||||
<view class="data">编号</view>
|
||||
<view class="browse">银行</view>
|
||||
<view class="turnover">日期</view>
|
||||
<view class="money">金额(元)</view>
|
||||
</view>
|
||||
<view class="footer">
|
||||
|
||||
<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y">
|
||||
<view class=" footer_list" v-for="(item,index) in UserApplylist" :key="index">
|
||||
<view class="data">{{index+1}}</view>
|
||||
<view class="browse">{{item.financial_account.bank}}</view>
|
||||
<view class="turnover">{{item.create_time}}</view>
|
||||
<view class="money">{{item.extract_money}}</view>
|
||||
</view>
|
||||
</scroll-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>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者,助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件,未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
getAdminApplyListAPI
|
||||
} from '@/api/user.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
sum: 0,
|
||||
count: 0,
|
||||
scrollTop: 0,
|
||||
endDate: '',
|
||||
merId: '',
|
||||
UserApplylist: []
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
sumTofixed() {
|
||||
return this.returnFloat(this.sum)
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
||||
},
|
||||
onLoad(option) {
|
||||
this.merId = option.mer_id
|
||||
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;
|
||||
var xsd = value.toString().split(".");
|
||||
if (xsd.length == 1) {
|
||||
value = value.toString() + ".00";
|
||||
return value;
|
||||
}
|
||||
if (xsd.length > 1) {
|
||||
if (xsd[1].length < 2) {
|
||||
value = value.toString() + "0";
|
||||
}
|
||||
return value;
|
||||
}
|
||||
},
|
||||
tixian() {
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
},
|
||||
ApplyList() {
|
||||
getAdminApplyListAPI(this.merId).then(res => {
|
||||
console.log(res);
|
||||
this.UserApplylist = res.data.list
|
||||
this.count = this.UserApplylist.length
|
||||
this.UserApplylist.forEach(item => {
|
||||
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 < this.UserApplylist.length; i++) {
|
||||
this.sum += parseInt(this.UserApplylist[i].extract_money)
|
||||
}
|
||||
}).catch(err => {
|
||||
console.log(err);
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.list {
|
||||
.head {
|
||||
// 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: 694rpx;
|
||||
// margin: 28rpx auto;
|
||||
// height: 150px;
|
||||
// margin: 50px auto;
|
||||
// border-radius: 15px;
|
||||
// box-shadow: 0px 0px 5px rgba(#FA6514, 0.5);
|
||||
|
||||
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 {
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
.public-wrapper {
|
||||
width: 90%;
|
||||
margin: 70px auto;
|
||||
box-shadow: 0px 0px 5px rgba(#FA6514, 0.7);
|
||||
border-radius: 10px;
|
||||
|
||||
.title {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
padding: 10px 0 0 10px;
|
||||
}
|
||||
|
||||
.conter {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10px 0 0 10px;
|
||||
text-align: center;
|
||||
|
||||
.data {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.browse {
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
.turnover {
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
.money {
|
||||
width: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
.scroll-Y {
|
||||
max-height: 60vh;
|
||||
|
||||
.footer_list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10px 0 0 10px;
|
||||
text-align: center;
|
||||
|
||||
.data {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.browse {
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
.turnover {
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
.money {
|
||||
width: 60px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.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>
|
|
@ -201,7 +201,7 @@
|
|||
<view class="modal-wrap">
|
||||
<view class="modal">
|
||||
<view>认证失败</view>
|
||||
<view>请检查“姓名”,“身份证”,“银行卡”,“手机号码”是否正确</view>
|
||||
<view>请检查“姓名”“身份证”“银行卡”“手机号码”是否正确</view>
|
||||
<view>当日剩余认证次数({{errorCount}})次</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
@ -35,7 +35,7 @@
|
|||
<view class="withdrawal-info" v-if="bankInfo && bankInfo.is_own === 0">
|
||||
<view class="withdrawal-form">
|
||||
<view class="withdrawal-form-item">
|
||||
<view class="withdrawal-form-item-label">银行卡</view>
|
||||
<view class="withdrawal-form-item-label">开户银行</view>
|
||||
<view class="withdrawal-form-item-val">{{bankInfo.financial_account.bank}}</view>
|
||||
</view>
|
||||
<view class="withdrawal-form-item">
|
||||
|
@ -77,6 +77,10 @@
|
|||
<!-- 提现信息 对公账户-->
|
||||
<view class="withdrawal-info" v-if="bankInfo && bankInfo.is_own === 1">
|
||||
<view class="withdrawal-form">
|
||||
<view class="withdrawal-form-item">
|
||||
<view class="withdrawal-form-item-label">开户银行</view>
|
||||
<view class="withdrawal-form-item-val">{{bankInfo.financial_account.bank}}</view>
|
||||
</view>
|
||||
<view class="withdrawal-form-item">
|
||||
<view class="withdrawal-form-item-label">对公账户</view>
|
||||
<view class="withdrawal-form-item-val">{{bankInfo.financial_account.name}}</view>
|
||||
|
@ -85,10 +89,6 @@
|
|||
<view class="withdrawal-form-item-label">银行账号</view>
|
||||
<view class="withdrawal-form-item-val">{{bankInfo.financial_account.bank_code}}</view>
|
||||
</view>
|
||||
<view class="withdrawal-form-item">
|
||||
<view class="withdrawal-form-item-label">开户银行</view>
|
||||
<view class="withdrawal-form-item-val">{{bankInfo.financial_account.bank}}</view>
|
||||
</view>
|
||||
<view class="withdrawal-form-item">
|
||||
<view class="withdrawal-form-item-label">开户网点</view>
|
||||
<view class="withdrawal-form-item-val">{{bankInfo.financial_account.bank_branch}}</view>
|
||||
|
@ -356,7 +356,7 @@
|
|||
this.$util.Tips({
|
||||
title: "提现申请成功,请等待审核!"
|
||||
}, () => {
|
||||
uni.navigateBack()
|
||||
this.payForm.extract_money = '';
|
||||
})
|
||||
}).catch(err => {
|
||||
uni.hideLoading();
|
||||
|
|
Loading…
Reference in New Issue