be34f57322
1. 【修复】申请退款后积分等操作可能出现错误的问题 2. 【修复】拼团支付可能出现支付错误的问题 3. 【修复】退款申请后的订单流程优化和积分赠送的问题 4. 【修复】回收站中的商品无法恢复的问题 5. 【修复】一号通短信查询记录不完整的问题 6. 【修复】用户管理批量加分组，标签的问题 7. 【修复】积分日志搜索显示有误的问题 8. 【修复】手动发送优惠券可能会出错的问题 9. 【修复】核销订单创建在某种条件下会出错的问题 10. 【修复】移动端商品详情，购物车等样式兼容问题 11. 【修复】业务流程性的优化
350 lines
8.7 KiB
Vue
350 lines
8.7 KiB
Vue
<template>
|
|
<view>
|
|
<view class="promoter-list">
|
|
<view class='promoterHeader bg-color'>
|
|
<view class='headerCon acea-row row-between-wrapper'>
|
|
<view>
|
|
<view class='name'>推广人数</view>
|
|
<view><text class='num'>{{teamCount}}</text>人</view>
|
|
</view>
|
|
<view class='iconfont icon-tuandui'></view>
|
|
</view>
|
|
</view>
|
|
<view class='nav acea-row row-around'>
|
|
<view :class="grade == 0 ? 'item on' : 'item'" @click='setType(0)'>一级({{total}})</view>
|
|
<view :class="grade == 1 ? 'item on' : 'item'" @click='setType(1)'>二级({{totalLevel}})</view>
|
|
</view>
|
|
<view class='search acea-row row-between-wrapper'>
|
|
<view class='input'><input placeholder='点击搜索会员名称' placeholder-class='placeholder' v-model="keyword" @confirm="submitForm" confirm-type='search' name="search"></input></view>
|
|
<button class='iconfont icon-sousuo2' @click="submitForm"></button>
|
|
</view>
|
|
<view class='list'>
|
|
<view class="sortNav acea-row row-middle">
|
|
<view class="sortItem" @click='setSort("childCount","ASC")' v-if="sort == 'childCountDESC'">团队排序
|
|
<image src='/static/images/sort1.png'></image>
|
|
</view>
|
|
<view class="sortItem" @click='setSort("childCount")' v-else-if="sort == 'childCountASC'">团队排序
|
|
<image src='/static/images/sort3.png'></image>
|
|
</view>
|
|
<view class="sortItem" @click='setSort("childCount","DESC")' v-else>团队排序
|
|
<image src='/static/images/sort2.png'></image>
|
|
</view>
|
|
<view class="sortItem" @click='setSort("numberCount","ASC")' v-if="sort == 'numberCountDESC'">金额排序
|
|
<image src='/static/images/sort1.png'></image>
|
|
</view>
|
|
<view class="sortItem" @click='setSort("numberCount")' v-else-if="sort == 'numberCountASC'">金额排序
|
|
<image src='/static/images/sort3.png'></image>
|
|
</view>
|
|
<view class="sortItem" @click='setSort("numberCount","DESC")' v-else>金额排序
|
|
<image src='/static/images/sort2.png'></image>
|
|
</view>
|
|
<view class="sortItem" @click='setSort("orderCount","ASC")' v-if="sort == 'orderCountDESC'">订单排序
|
|
<image src='/static/images/sort1.png'></image>
|
|
</view>
|
|
<view class="sortItem" @click='setSort("orderCount")' v-else-if="sort == 'orderCountASC'">订单排序
|
|
<image src='/static/images/sort3.png'></image>
|
|
</view>
|
|
<view class="sortItem" @click='setSort("orderCount","DESC")' v-else>订单排序
|
|
<image src='/static/images/sort2.png'></image>
|
|
</view>
|
|
</view>
|
|
<block v-for="(item,index) in recordList" :key="index">
|
|
<view class='item acea-row row-between-wrapper'>
|
|
<view class="picTxt acea-row row-between-wrapper">
|
|
<view class='pictrue'>
|
|
<image :src='item.avatar'></image>
|
|
</view>
|
|
<view class='text'>
|
|
<view class='name line1'>{{item.nickname}}</view>
|
|
<view>加入时间: {{item.time}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="right">
|
|
<view><text class='num font-color'>{{item.childCount ? item.childCount : 0}}</text>人</view>
|
|
<view><text class="num">{{item.orderCount ? item.orderCount : 0}}</text>单</view>
|
|
<view><text class="num">{{item.numberCount ? item.numberCount : 0}}</text>元</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
<!-- #ifdef MP -->
|
|
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize>
|
|
<!-- #endif -->
|
|
<home></home>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
spreadPeople
|
|
} from '@/api/user.js';
|
|
import {
|
|
toLogin
|
|
} from '@/libs/login.js';
|
|
import {
|
|
mapGetters
|
|
} from "vuex";
|
|
// #ifdef MP
|
|
import authorize from '@/components/Authorize';
|
|
// #endif
|
|
import home from '@/components/home';
|
|
export default {
|
|
components: {
|
|
// #ifdef MP
|
|
authorize,
|
|
// #endif
|
|
home
|
|
},
|
|
data() {
|
|
return {
|
|
total: 0,
|
|
totalLevel: 0,
|
|
teamCount: 0,
|
|
page: 1,
|
|
limit: 20,
|
|
keyword: '',
|
|
sort: '',
|
|
isAsc: '',
|
|
sortKey: '',
|
|
grade: 0,
|
|
status: false,
|
|
recordList: [],
|
|
isAuto: false, //没有授权的不会自动授权
|
|
isShowAuth: false //是否隐藏授权
|
|
};
|
|
},
|
|
computed: mapGetters(['isLogin']),
|
|
onLoad() {
|
|
if (this.isLogin) {
|
|
this.userSpreadNewList();
|
|
} else {
|
|
// #ifdef H5 || APP-PLUS
|
|
toLogin();
|
|
// #endif
|
|
// #ifdef MP
|
|
this.isAuto = true;
|
|
this.$set(this, 'isShowAuth', true)
|
|
// #endif
|
|
}
|
|
},
|
|
onShow: function() {
|
|
if (this.is_show) this.userSpreadNewList();
|
|
},
|
|
onHide: function() {
|
|
this.is_show = true;
|
|
},
|
|
methods: {
|
|
onLoadFun: function(e) {
|
|
this.userSpreadNewList();
|
|
},
|
|
// 授权关闭
|
|
authColse: function(e) {
|
|
this.isShowAuth = e
|
|
},
|
|
setSort: function(sortKey,isAsc) {
|
|
let that = this;
|
|
that.isAsc = isAsc;
|
|
that.sort = sortKey+isAsc;
|
|
that.sortKey = sortKey;
|
|
that.page = 1;
|
|
that.limit = 20;
|
|
that.status = false;
|
|
that.$set(that, 'recordList', []);
|
|
that.userSpreadNewList();
|
|
},
|
|
submitForm: function() {
|
|
this.page = 1;
|
|
this.limit = 20;
|
|
this.status = false;
|
|
this.$set(this, 'recordList', []);
|
|
this.userSpreadNewList();
|
|
},
|
|
|
|
setType: function(grade) {
|
|
if (this.grade != grade) {
|
|
this.grade = grade;
|
|
this.page = 1;
|
|
this.limit = 20;
|
|
this.keyword = '';
|
|
this.sort = '';
|
|
this.isAsc = '';
|
|
this.status = false;
|
|
this.$set(this, 'recordList', []);
|
|
this.userSpreadNewList();
|
|
}
|
|
},
|
|
userSpreadNewList: function() {
|
|
let that = this;
|
|
let page = that.page;
|
|
let limit = that.limit;
|
|
let status = that.status;
|
|
let keyword = that.keyword;
|
|
let isAsc = that.isAsc;
|
|
let sortKey = that.sortKey;
|
|
let grade = that.grade;
|
|
let recordList = that.recordList;
|
|
let recordListNew = [];
|
|
if (status == true) return;
|
|
spreadPeople({
|
|
page: page,
|
|
limit: limit,
|
|
keyword: keyword,
|
|
grade: grade,
|
|
sortKey: sortKey,
|
|
isAsc: isAsc
|
|
}).then(res => {
|
|
let recordListData = res.data.spreadPeopleList?res.data.spreadPeopleList:[];
|
|
let len = recordListData.length;
|
|
recordListNew = recordList.concat(recordListData);
|
|
that.total = res.data.total;
|
|
that.totalLevel = res.data.totalLevel;
|
|
that.teamCount = res.data.count;
|
|
that.status = limit > len;
|
|
that.page = page + 1;
|
|
that.$set(that, 'recordList', recordListNew || []);
|
|
});
|
|
}
|
|
},
|
|
onReachBottom: function() {
|
|
this.userSpreadNewList();
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.promoter-list .nav {
|
|
background-color: #fff;
|
|
height: 86rpx;
|
|
line-height: 86rpx;
|
|
font-size: 28rpx;
|
|
color: #282828;
|
|
border-bottom: 1rpx solid #eee;
|
|
}
|
|
|
|
.promoter-list .nav .item.on {
|
|
border-bottom: 5rpx solid #e93323;
|
|
color: #e93323;
|
|
}
|
|
|
|
.promoter-list .search {
|
|
width: 100%;
|
|
background-color: #fff;
|
|
height: 86rpx;
|
|
padding-left: 30rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.promoter-list .search .input {
|
|
width: 610rpx;
|
|
height: 60rpx;
|
|
border-radius: 50rpx;
|
|
background-color: #f5f5f5;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
|
|
.promoter-list .search .input input {
|
|
height: 100%;
|
|
font-size: 26rpx;
|
|
width: 610rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.promoter-list .search .input .placeholder {
|
|
color: #bbb;
|
|
}
|
|
|
|
.promoter-list .search .input .iconfont {
|
|
position: absolute;
|
|
right: 28rpx;
|
|
color: #999;
|
|
font-size: 28rpx;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.promoter-list .search .iconfont {
|
|
font-size: 45rpx;
|
|
color: #515151;
|
|
width: 110rpx;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
}
|
|
|
|
.promoter-list .list {
|
|
margin-top: 12rpx;
|
|
}
|
|
|
|
.promoter-list .list .sortNav {
|
|
background-color: #fff;
|
|
height: 76rpx;
|
|
border-bottom: 1rpx solid #eee;
|
|
color: #333;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.promoter-list .list .sortNav .sortItem {
|
|
text-align: center;
|
|
flex: 1;
|
|
}
|
|
|
|
.promoter-list .list .sortNav .sortItem image {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin-left: 6rpx;
|
|
vertical-align: -3rpx;
|
|
}
|
|
|
|
.promoter-list .list .item {
|
|
background-color: #fff;
|
|
border-bottom: 1rpx solid #eee;
|
|
height: 152rpx;
|
|
padding: 0 30rpx 0 20rpx;
|
|
font-size: 24rpx;
|
|
color: #666;
|
|
}
|
|
|
|
.promoter-list .list .item .picTxt {
|
|
width: 440rpx;
|
|
}
|
|
|
|
.promoter-list .list .item .picTxt .pictrue {
|
|
width: 106rpx;
|
|
height: 106rpx;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.promoter-list .list .item .picTxt .pictrue image {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
border: 3rpx solid #fff;
|
|
box-shadow: 0 0 10rpx #aaa;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.promoter-list .list .item .picTxt .text {
|
|
width: 304rpx;
|
|
font-size: 24rpx;
|
|
color: #666;
|
|
}
|
|
|
|
.promoter-list .list .item .picTxt .text .name {
|
|
font-size: 28rpx;
|
|
color: #333;
|
|
margin-bottom: 13rpx;
|
|
}
|
|
|
|
.promoter-list .list .item .right {
|
|
width: 240rpx;
|
|
text-align: right;
|
|
font-size: 22rpx;
|
|
color: #333;
|
|
}
|
|
|
|
.promoter-list .list .item .right .num{
|
|
margin-right: 7rpx;
|
|
}
|
|
</style>
|