new files
This commit is contained in:
panchengyong
380
pro_v3.5.1/view/uniapp/pages/users/user_spread_money/index.vue
Normal file
380
pro_v3.5.1/view/uniapp/pages/users/user_spread_money/index.vue
Normal file
@@ -0,0 +1,380 @@
|
||||
<template>
|
||||
<view :style="colorStyle">
|
||||
<view class='commission-details'>
|
||||
<view class='search acea-row row-between-wrapper' v-if="recordType != 1 && recordType != 4">
|
||||
<view class='input'>
|
||||
<text class="iconfont icon-ic_search"></text>
|
||||
<input placeholder='搜索用户名称' placeholder-class='placeholder' v-model="keyword" @confirm="submitForm"
|
||||
confirm-type='search' name="search"></input>
|
||||
</view>
|
||||
</view>
|
||||
<timeSlot @changeTime="changeTime"></timeSlot>
|
||||
<view class='sign-record'>
|
||||
<view class="top_num" v-if="recordType != 4 && recordList.length">
|
||||
支出：¥{{expend || 0}} 收入：¥{{income || 0}}
|
||||
</view>
|
||||
<view class="box">
|
||||
<block v-for="(item,index) in recordList" :key="index" v-if="recordList.length>0">
|
||||
<view class='list'>
|
||||
<view class='item'>
|
||||
<!-- <view class='data'>{{item.time}}</view> -->
|
||||
<view class='listn'>
|
||||
<!-- <block v-for="(child,indexn) in item.child" :key="indexn"> -->
|
||||
<view class='itemn1 flex justify-between'>
|
||||
<view>
|
||||
<view class='name line1'>
|
||||
{{item.title}}
|
||||
<!-- <text class="status_badge success" v-if="recordType == 4 && item.status == 1">审核通过</text> -->
|
||||
<text class="status_badge default" v-if="recordType == 4 && item.status == 0">待审核</text>
|
||||
<text class="status_badge error" v-if="recordType == 4 && item.status == 2">审核未通过</text>
|
||||
<!-- 提现记录： 0 待审核 1 通过 2 未通过 -->
|
||||
</view>
|
||||
<view class="mark" v-if="item.extract_status == -1">原因：{{item.extract_msg}}</view>
|
||||
<view>{{item.add_time}}</view>
|
||||
<view v-if="item.is_frozen && item.is_frozen == 1">佣金冻结中，解冻时间：{{item.frozen_time}}</view>
|
||||
</view>
|
||||
<view>
|
||||
<view class='num' :class="recordType == 4 && item.status == 0?'on':''"
|
||||
v-if="item.pm == 1">+{{item.number}}</view>
|
||||
<view class='num' v-else>-{{item.number}}</view>
|
||||
<view class="fail" v-if="item.extract_status == -1 && item.type == 'extract'">审核未通过</view>
|
||||
<view class="wait" v-if="item.extract_status == 0 && item.type == 'extract'">待审核</view>
|
||||
<view class="wait" v-if="item.is_frozen == 1">冻结中</view>
|
||||
<view class="w-154 h-56 rd-30rpx flex-center mt-16 bg-color fs-24 text--w111-fff"
|
||||
v-if="item.extract_status == 0 && item.type == 'extract'"
|
||||
@tap="extractCancel(item.link_id)"
|
||||
>取消提现</view>
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<view class="w-154 h-56 rd-30rpx flex-center mt-16 ml-12 bg-color fs-24 text--w111-fff"
|
||||
v-if="item.wechat_state == 1 && item.type == 'extract'"
|
||||
@tap="jumpPath('/pages/users/user_spread_money/receiving?type=1&id=' + item.extract_order_id)">立即收款</view>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef H5 -->
|
||||
<view class="w-154 h-56 rd-30rpx flex-center mt-16 ml-12 bg-color fs-24 text--w111-fff"
|
||||
v-if="item.wechat_state == 1 && item.type == 'extract' && isWeixin"
|
||||
@tap="jumpPath('/pages/users/user_spread_money/receiving?type=1&id=' + item.extract_order_id)">立即收款</view>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
</view>
|
||||
<!-- </block> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
|
||||
<view class='loadingicon acea-row row-center-wrapper' v-if="recordList.length">
|
||||
<text class='loading iconfont icon-jiazai' :hidden='loading==false'></text>{{loadTitle}}
|
||||
</view>
|
||||
<view class="empty" v-if="!recordList.length">
|
||||
<emptyPage title='暂无数据~' src="/statics/images/noOrder.gif"></emptyPage>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<home></home>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { moneyList, getSpreadInfo, extractCancelApi } from '@/api/user.js';
|
||||
import { toLogin } from '@/libs/login.js';
|
||||
import { mapGetters } from "vuex";
|
||||
import emptyPage from '@/components/emptyPage.vue'
|
||||
import colors from '@/mixins/color.js';
|
||||
import timeSlot from '../components/timeSlot/index.vue';
|
||||
// #ifdef H5
|
||||
import Auth from '@/libs/wechat';
|
||||
// #endif
|
||||
export default {
|
||||
components: {
|
||||
emptyPage,
|
||||
timeSlot
|
||||
},
|
||||
mixins: [colors],
|
||||
data() {
|
||||
return {
|
||||
name: '',
|
||||
keyword: '',
|
||||
type: 0,
|
||||
page: 1,
|
||||
limit: 15,
|
||||
loading: false,
|
||||
loadend: false,
|
||||
loadTitle: '加载更多',
|
||||
recordList: [],
|
||||
recordType: 0,
|
||||
recordCount: 0,
|
||||
extractCount: 0,
|
||||
times: [],
|
||||
start: 0,
|
||||
stop: 0,
|
||||
income: '',
|
||||
expend: '',
|
||||
disabled: false,
|
||||
// #ifdef H5
|
||||
isWeixin: Auth.isWeixin(),
|
||||
//#endif
|
||||
};
|
||||
},
|
||||
computed: mapGetters(['isLogin']),
|
||||
onLoad(options) {
|
||||
if (this.isLogin) {
|
||||
this.type = options.type;
|
||||
} else {
|
||||
toLogin();
|
||||
}
|
||||
},
|
||||
onShow: function() {
|
||||
uni.removeStorageSync('form_type_cart');
|
||||
this.page = 1;
|
||||
this.limit = 20;
|
||||
this.loadend = false;
|
||||
this.loading = false;
|
||||
this.status = false;
|
||||
this.$set(this, 'recordList', []);
|
||||
this.$set(this, 'times', []);
|
||||
let type = this.type;
|
||||
if (type == 1) {
|
||||
uni.setNavigationBarTitle({
|
||||
title: "佣金记录"
|
||||
});
|
||||
this.name = '提现总额';
|
||||
this.recordType = 3;
|
||||
this.getRecordList();
|
||||
} else if (type == 2) {
|
||||
uni.setNavigationBarTitle({
|
||||
title: "佣金记录"
|
||||
});
|
||||
this.name = '佣金明细';
|
||||
this.recordType = 3;
|
||||
this.getRecordList();
|
||||
} else if (type == 4) {
|
||||
uni.setNavigationBarTitle({
|
||||
title: "提现记录"
|
||||
});
|
||||
this.name = '提现明细';
|
||||
this.recordType = 4;
|
||||
this.getRecordList();
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '参数错误',
|
||||
icon: 'none',
|
||||
duration: 1000,
|
||||
mask: true,
|
||||
success: function(res) {
|
||||
setTimeout(function() {
|
||||
// #ifndef H5
|
||||
uni.navigateBack({
|
||||
delta: 1,
|
||||
});
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
history.back();
|
||||
// #endif
|
||||
|
||||
}, 1200)
|
||||
},
|
||||
});
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
submitForm() {
|
||||
this.page = 1;
|
||||
this.limit = 20;
|
||||
this.loadend = false;
|
||||
this.loading = false;
|
||||
this.status = false;
|
||||
this.$set(this, 'recordList', []);
|
||||
this.$set(this, 'times', []);
|
||||
this.getRecordList();
|
||||
},
|
||||
changeTime(time) {
|
||||
this.start = time.start
|
||||
this.stop = time.stop
|
||||
this.page = 1;
|
||||
this.loadend = false;
|
||||
this.$set(this, 'recordList', []);
|
||||
this.getRecordList();
|
||||
},
|
||||
getRecordList: function() {
|
||||
let that = this;
|
||||
let page = that.page;
|
||||
let limit = that.limit;
|
||||
let recordType = that.recordType;
|
||||
if (that.loading) return;
|
||||
if (that.loadend) return;
|
||||
that.loading = true;
|
||||
that.loadTitle = '';
|
||||
moneyList({
|
||||
keyword: this.keyword,
|
||||
start: this.start,
|
||||
stop: this.stop,
|
||||
page: page,
|
||||
limit: limit
|
||||
}, recordType).then(res => {
|
||||
this.expend = res.data.expend;
|
||||
this.income = res.data.income;
|
||||
// for (let i = 0; i < res.data.time.length; i++) {
|
||||
// // if (!this.times.includes(res.data.time[i])) {
|
||||
// this.times.push(res.data.time[i])
|
||||
// this.recordList.push({
|
||||
// time: res.data.time[i],
|
||||
// child: []
|
||||
// })
|
||||
// // }
|
||||
// }
|
||||
// // for (let x = 0; x < this.times.length; x++) {
|
||||
// for (let j = 0; j < res.data.list.length; j++) {
|
||||
// // if (this.times[x] === res.data.list[j].time_key) {
|
||||
|
||||
// // }
|
||||
// this.recordList[j].child.push(res.data.list[j])
|
||||
// }
|
||||
// // }
|
||||
this.recordList = this.recordList.concat(res.data.list)
|
||||
let loadend = res.data.list.length < that.limit;
|
||||
that.loadend = loadend;
|
||||
that.loadTitle = loadend ? '没有更多内容啦~' : '加载更多';
|
||||
that.page += 1;
|
||||
that.loading = false;
|
||||
}).catch(err => {
|
||||
that.loading = false;
|
||||
that.loadTitle = '加载更多';
|
||||
})
|
||||
},
|
||||
getRecordListCount: function() {
|
||||
let that = this;
|
||||
getSpreadInfo().then(res => {
|
||||
that.recordCount = res.data.commissionCount;
|
||||
that.extractCount = res.data.extractCount;
|
||||
});
|
||||
},
|
||||
jumpPath(url){
|
||||
uni.navigateTo({
|
||||
url
|
||||
})
|
||||
},
|
||||
extractCancel(id){
|
||||
if(this.disabled) return
|
||||
this.disabled = true;
|
||||
extractCancelApi(id).then(res=>{
|
||||
this.disabled = false;
|
||||
this.changeTime({start:0,stop: 0});
|
||||
return this.$util.Tips({
|
||||
title: res.msg
|
||||
});
|
||||
}).catch(err=>{
|
||||
return this.$util.Tips({
|
||||
title: err
|
||||
});
|
||||
})
|
||||
}
|
||||
},
|
||||
onReachBottom: function() {
|
||||
this.getRecordList();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.empty{
|
||||
margin: 0 20rpx 20rpx 20rpx;
|
||||
}
|
||||
.commission-details .search {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
padding: 24rpx 20rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.commission-details .search .input {
|
||||
width: 100%;
|
||||
height: 72rpx;
|
||||
border-radius: 50rpx;
|
||||
background-color: #f5f5f5;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.commission-details .search .input input {
|
||||
height: 100%;
|
||||
font-size: 26rpx;
|
||||
padding-left: 70rpx;
|
||||
}
|
||||
|
||||
.box {
|
||||
border-radius: 24rpx;
|
||||
margin: 0 20rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.commission-details .search .input .placeholder {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.commission-details .search .input .iconfont {
|
||||
position: absolute;
|
||||
left: 28rpx;
|
||||
color: #999;
|
||||
font-size: 28rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.sign-record {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.commission-details .promoterHeader .headerCon .money {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
|
||||
.top_num {
|
||||
padding: 10rpx 30rpx 30rpx 30rpx;
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.radius15 {
|
||||
border-radius: 14rpx 14rpx 0 0;
|
||||
}
|
||||
.sign-record .list .item .listn .itemn1{border-bottom:1rpx solid #eee;padding:22rpx 24rpx;}
|
||||
.sign-record .list .item .listn .itemn1 .name{width:390rpx;font-size:28rpx;color:#333;margin-bottom:12rpx;}
|
||||
.sign-record .list .item .listn .itemn1 .num{font-size:36rpx;color:#333333;font-family:'Regular';text-align: right;}
|
||||
.sign-record .list .item .listn .itemn1 .num.font-color{color:#e93323!important;}
|
||||
.sign-record .list .item .listn .itemn1 .fail{
|
||||
color: #E93323;
|
||||
margin-top: 14rpx;
|
||||
text-align: right;
|
||||
}
|
||||
.sign-record .list .item .listn .itemn1 .wait{
|
||||
color: #FFB200;
|
||||
margin-top: 14rpx;
|
||||
text-align: right;
|
||||
}
|
||||
.mark{
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
.status_badge{
|
||||
display: inline-block;
|
||||
height: 40rpx;
|
||||
border-radius: 8rpx;
|
||||
font-size: 24rpx;
|
||||
line-height: 40rpx;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
margin-left:16rpx;
|
||||
padding:0 12rpx 0;
|
||||
}
|
||||
.success{
|
||||
background: rgba(24, 144, 255, .1);
|
||||
color: #1890FF;
|
||||
}
|
||||
.default{
|
||||
background: #FFF1E5;
|
||||
color: #FF7D00;
|
||||
}
|
||||
.error{
|
||||
background: #FDEBEB;
|
||||
color: #F53F3F;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,147 @@
|
||||
<template>
|
||||
<view :style="colorStyle">
|
||||
<view class="px-20">
|
||||
<template v-if="!showBack">
|
||||
<view class="w-full h-120 rd-24rpx bg--w111-fff px-32 mt-40 flex-between-center fs-28">
|
||||
<text>收款方式</text>
|
||||
<view class="flex-y-center">
|
||||
<image src="@/static/images/weixin.png" class="w-42 h-42"></image>
|
||||
<text class="pl-16">收款至微信</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="w-full rd-24rpx bg--w111-fff px-32 mt-20 fs-28">
|
||||
<view class="fs-28 lh-40rpx pt-40">收款金额</view>
|
||||
<view class="mt-36 pb-40">
|
||||
<baseMoney :money="infoData.extract_price"
|
||||
symbolSize="48"
|
||||
integerSize="72"
|
||||
decimalSize="72"
|
||||
color="#333333"
|
||||
weight></baseMoney>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<view class="w-full rd-24rpx bg--w111-fff mt-40 py-82 flex-col flex-between-center fs-28" v-if="showBack">
|
||||
<view class="flex-y-center">
|
||||
<image src="../static/receiving_success.png" class="w-60 h-60"></image>
|
||||
<text class="pl-16 fs-32 fw-500">收款成功</text>
|
||||
</view>
|
||||
<view class="mt-40 pb-32">
|
||||
<baseMoney :money="infoData.extract_price"
|
||||
symbolSize="48"
|
||||
integerSize="72"
|
||||
decimalSize="72"
|
||||
color="#333333"
|
||||
weight></baseMoney>
|
||||
</view>
|
||||
<view class="fs-26 text--w111-999">可在“微信支付-服务-钱包-账单”查看明细</view>
|
||||
<view class="w-504 h-80 rd-40rpx flex-center bg-color fs-28 text--w111-fff mt-52"
|
||||
@tap="backList">返回列表</view>
|
||||
</view>
|
||||
<view class="fixed-lb w-full pb-safe" v-if="!showBack">
|
||||
<view class="w-full h-128 px-20 flex-center">
|
||||
<view class="w-full h-80 rd-40rpx flex-center bg-color fs-28 text--w111-fff" @tap="confrimTap">立即收款</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import colors from '@/mixins/color.js';
|
||||
import { toLogin } from '@/libs/login.js';
|
||||
import { extractDetailApi } from "@/api/user";
|
||||
import { mapGetters } from "vuex";
|
||||
export default {
|
||||
mixins: [colors],
|
||||
data() {
|
||||
return {
|
||||
id:0,
|
||||
type:1,
|
||||
infoData:{
|
||||
extract_price: "",
|
||||
package_info:"",
|
||||
mchid:"",
|
||||
wechat_appid: ""
|
||||
},
|
||||
showBack: false
|
||||
};
|
||||
},
|
||||
computed: mapGetters(['isLogin']),
|
||||
onLoad(options) {
|
||||
if(options.id){
|
||||
this.id = options.id;
|
||||
this.type = options.type;
|
||||
this.getInfo();
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
getInfo(){
|
||||
extractDetailApi({
|
||||
order_id: this.id,
|
||||
type: this.type
|
||||
}).then(res=>{
|
||||
this.infoData = res.data;
|
||||
}).catch(err=>{
|
||||
return this.$util.Tips({
|
||||
title: err
|
||||
},{
|
||||
tab:3
|
||||
});
|
||||
})
|
||||
},
|
||||
confrimTap(){
|
||||
let that = this;
|
||||
// #ifdef MP-WEIXIN
|
||||
if (wx.canIUse('requestMerchantTransfer')) {
|
||||
wx.requestMerchantTransfer({
|
||||
mchId: that.infoData.mchid,
|
||||
appId: wx.getAccountInfoSync().miniProgram.appId,
|
||||
package: that.infoData.package_info,
|
||||
success: (res) => {
|
||||
that.showBack = true;
|
||||
// res.err_msg将在页面展示成功后返回应用时返回ok，并不代表付款成功
|
||||
console.log('success:', res);
|
||||
},
|
||||
fail: (res) => {
|
||||
console.log('fail:', res);
|
||||
},
|
||||
});
|
||||
} else {
|
||||
wx.showToast({
|
||||
title: '你的微信版本过低，请更新至最新版本。',
|
||||
});
|
||||
}
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
if (that.$wechat.isWeixin()) {
|
||||
let configAppMessage = {
|
||||
mchId: that.infoData.mchid,
|
||||
appId: that.infoData.wechat_appid,
|
||||
package: that.infoData.package_info,
|
||||
};
|
||||
if(WeixinJSBridge){
|
||||
WeixinJSBridge.invoke('requestMerchantTransfer', configAppMessage, function (res) {
|
||||
if (res.err_msg === 'requestMerchantTransfer:ok') {
|
||||
// res.err_msg将在页面展示成功后返回应用时返回success，并不代表付款成功
|
||||
that.showBack = true;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
// #endif
|
||||
},
|
||||
backList(){
|
||||
let pages = getCurrentPages(); // 获取当前打开过的页面路由数，
|
||||
if (pages.length > 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/users/user_spread_money/index?type=1'
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user