From 7ba85c0eef830bedbac10c0ad48af78858898466 Mon Sep 17 00:00:00 2001
From: From-wh <from-wh@hotmail.com>
Date: Thu, 23 Mar 2023 18:22:29 +0800
Subject: [PATCH] =?UTF-8?q?improve:=20uni=E9=97=AE=E9=A2=98=E5=A4=84?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/goods/goods_return/index.vue        |   9 +-
 .../pages/goods/order_refund_goods/index.vue  |   7 +-
 .../visualization/components/popular.vue      |  47 +-
 .../pages/users/commission_rank/index.vue     |  16 +-
 .../pages/users/message_center/index.vue      |   7 +-
 .../pages/users/promoter-list/index.vue       | 736 +++++++++---------
 6 files changed, 444 insertions(+), 378 deletions(-)

diff --git a/template/uni-app/pages/goods/goods_return/index.vue b/template/uni-app/pages/goods/goods_return/index.vue
index 67e0ade0c..c1984e250 100644
--- a/template/uni-app/pages/goods/goods_return/index.vue
+++ b/template/uni-app/pages/goods/goods_return/index.vue
@@ -10,7 +10,8 @@
 					<view class='text acea-row row-between'>
 						<view class='name line2'>{{item.productInfo.store_name}}</view>
 						<view class='money'>
-							<view>{{$t(`￥`)}}{{(parseFloat(item.truePrice)+parseFloat(item.postage_price)).toFixed(2)}}</view>
+							<view>{{$t(`￥`)}}{{(parseFloat(item.truePrice)+parseFloat(item.postage_price)).toFixed(2)}}
+							</view>
 							<view class='num'>x{{item.cart_num}}</view>
 						</view>
 					</view>
@@ -31,12 +32,16 @@
 					</view>
 					<view class='item acea-row row-between-wrapper' v-if="status && status._type !== 1">
 						<view>{{$t(`退款类型`)}}</view>
-						<picker class='num' @change="returnGoodsChange" :value="returnGoods" :range="returnGoodsData">
+						<picker v-if="status._is_back" class='num' @change="returnGoodsChange" :value="returnGoods"
+							:range="returnGoodsData">
 							<view class="picker acea-row row-between-wrapper">
 								<view class='reason'>{{returnGoodsData[returnGoods]}}</view>
 								<text class='iconfont icon-jiantou'></text>
 							</view>
 						</picker>
+						<view class="" v-else>
+							仅退款
+						</view>
 					</view>
 					<view class='item acea-row row-between-wrapper'>
 						<view>{{$t(`退款原因`)}}</view>
diff --git a/template/uni-app/pages/goods/order_refund_goods/index.vue b/template/uni-app/pages/goods/order_refund_goods/index.vue
index f707306bc..aeef945f8 100644
--- a/template/uni-app/pages/goods/order_refund_goods/index.vue
+++ b/template/uni-app/pages/goods/order_refund_goods/index.vue
@@ -26,11 +26,11 @@
 					</view>
 					<view class='item acea-row row-between-wrapper'>
 						<view>{{$t(`快递单号`)}}</view>
-						<input type="text" :placeholder="$t(`填写快递单号`)" placeholder-class='placeholder' v-model="refundInfo.refund_express" />
+						<input class="input" type="text" :placeholder="$t(`填写快递单号`)" placeholder-class='placeholder' v-model="refundInfo.refund_express" />
 					</view>
 					<view class='item acea-row row-between-wrapper'>
 						<view>{{$t(`联系电话`)}}</view>
-						<input type="number" :placeholder="$t(`请输入手机号`)" placeholder-class='placeholder' v-model="refundInfo.refund_phone" />
+						<input  class="input" type="number" :placeholder="$t(`请输入手机号`)" placeholder-class='placeholder' v-model="refundInfo.refund_phone" />
 					</view>
 					<view class='item textarea acea-row row-between'>
 						<view>{{$t(`备注说明`)}}</view>
@@ -191,6 +191,9 @@
 		border-bottom: 1rpx solid #eee;
 		font-size: 30rpx;
 		color: #333;
+		.input{
+			text-align: right;
+		}
 	}
 
 	.apply-return .list .item .num {
diff --git a/template/uni-app/pages/index/visualization/components/popular.vue b/template/uni-app/pages/index/visualization/components/popular.vue
index 2e7ebaa91..b4779bbd5 100644
--- a/template/uni-app/pages/index/visualization/components/popular.vue
+++ b/template/uni-app/pages/index/visualization/components/popular.vue
@@ -27,25 +27,27 @@
 					<text class='iconfont icon-jiantou'></text>
 				</view>
 			</view>
-			<view class='list acea-row row-middle'>
-				<block v-for="(item,index) in hotList" :key='index'>
-					<view class='item' @click="gopage('/pages/goods_details/index?id='+item.id)">
-						<view class='pictrue'>
-							<easy-loadimage mode="widthFix" :image-src="item.image"></easy-loadimage>
-							<image v-if="index == 0" src='/static/images/one.png' class='numPic'></image>
-							<image v-else-if="index == 1" src='/static/images/two.png' class='numPic'></image>
-							<image v-else-if="index == 2" src='/static/images/three.png' class='numPic'></image>
+			<view class='list'>
+				<scroll-view class="scroll-view_x" scroll-x style="width:auto;overflow:hidden;">
+					<block v-for="(item,index) in hotList" :key='index'>
+						<view class='item' @click="gopage('/pages/goods_details/index?id='+item.id)">
+							<view class='pictrue'>
+								<easy-loadimage mode="widthFix" :image-src="item.image"></easy-loadimage>
+								<image v-if="index == 0" src='/static/images/one.png' class='numPic'></image>
+								<image v-else-if="index == 1" src='/static/images/two.png' class='numPic'></image>
+								<image v-else-if="index == 2" src='/static/images/three.png' class='numPic'></image>
+							</view>
+							<view class="rectangle">
+								{{$t(`热度 TOP`)}} {{index+1}}
+							</view>
+							<view class='name line1'>{{item.store_name}}</view>
+							<!-- <view class='money font-color'>
+								￥
+								<text class='num'>{{item.price}}</text>
+							</view> -->
 						</view>
-						<view class="rectangle">
-							{{$t(`热度 TOP`)}} {{index+1}}
-						</view>
-						<view class='name line1'>{{item.store_name}}</view>
-						<!-- <view class='money font-color'>
-							￥
-							<text class='num'>{{item.price}}</text>
-						</view> -->
-					</view>
-				</block>
+					</block>
+				</scroll-view>
 			</view>
 		</view>
 		<view class='hotList index-wrapper' v-if="!isShow && isIframe && hotList.length">
@@ -181,7 +183,7 @@
 				newsOrder: '',
 				ids: '',
 				page: 1,
-				limit: 3,
+				limit: this.$config.LIMIT,
 				type: '',
 				numConfig: 0,
 				titleInfo: []
@@ -230,7 +232,10 @@
 	}
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
+	/deep/.uni-scroll-view-content{
+		display: flex;
+	}
 	.hotList {
 		background-color: #fff;
 		margin: $uni-index-margin-row $uni-index-margin-col;
@@ -302,7 +307,7 @@
 		width: 200rpx;
 		background: var(--view-op-ten);
 		border-radius: 12rpx;
-
+		margin-right: 20rpx;
 		.rectangle {
 			margin: 0 auto;
 			border-radius: 30rpx;
diff --git a/template/uni-app/pages/users/commission_rank/index.vue b/template/uni-app/pages/users/commission_rank/index.vue
index 2b4850d72..8a29da0af 100644
--- a/template/uni-app/pages/users/commission_rank/index.vue
+++ b/template/uni-app/pages/users/commission_rank/index.vue
@@ -2,7 +2,7 @@
 	<view>
 		<view class="CommissionRank" :style="colorStyle">
 			<view class="header">
-				<view class="rank" v-if="position">{{$t(`您目前的排名`)}}<text class="num">{{position}}</text></view>
+				<view class="rank" v-if="position">{{$t(`您目前的排名`)}}<text class="num">{{ position }}</text></view>
 				<view class="rank" v-else>{{$t(`您目前暂无排名`)}}</view>
 			</view>
 			<view class="wrapper">
@@ -17,7 +17,7 @@
 						<view class="num" v-if="index <= 2">
 							<image :src="'../static/medal0'+(index+1)+'.png'"></image>
 						</view>
-						<view class="num" v-else>
+						<view class="num more-num" v-else>
 							{{index+1}}
 						</view>
 						<view class="picTxt acea-row row-between-wrapper">
@@ -163,12 +163,18 @@
 		position: absolute;
 		top: 160rpx;
 		left: 48rpx;
+		display: flex;
+		align-items: baseline;
 	}
 
 	.CommissionRank .header .rank .num {
 		font-size: 51rpx;
 		font-weight: bold;
-		margin: 0 10rpx;
+		margin: 0 10rpx;
+		line-height: 51rpx;
+		span{
+			line-height: 51rpx;
+		}
 	}
 
 	.CommissionRank .wrapper {
@@ -211,6 +217,10 @@
 		width: 70rpx;
 	}
 
+	.CommissionRank .wrapper .list .item .num.more-num {
+		padding-left: 8rpx;
+	}
+
 	.CommissionRank .wrapper .list .item .num image {
 		width: 34rpx;
 		height: 40rpx;
diff --git a/template/uni-app/pages/users/message_center/index.vue b/template/uni-app/pages/users/message_center/index.vue
index 3ef0b89d3..fa1248b93 100644
--- a/template/uni-app/pages/users/message_center/index.vue
+++ b/template/uni-app/pages/users/message_center/index.vue
@@ -12,7 +12,7 @@
 			</view>
 		</view>
 		<view v-if="list.length && type ===1" class="list">
-			<view v-for="(item, index) in list" :key="index" class="item" @click="goChat(item.to_uid)">
+			<view v-for="(item, index) in list" :key="index" class="item" @click="goChat(item)">
 				<view class="image-wrap">
 					<image class="image" :src="item.avatar"></image>
 				</view>
@@ -323,9 +323,10 @@
 				str = str.replace(/\[([^\[\]]+)\]/g, "<span class='em $1'/></span>");
 				return str;
 			},
-			goChat(id) {
+			goChat(item) {
+				item.mssage_num = 0
 				uni.navigateTo({
-					url: '/pages/extension/customer_list/chat?to_uid=' + id + '&type=1'
+					url: '/pages/extension/customer_list/chat?to_uid=' + item.to_uid + '&type=1'
 				})
 			},
 			goDetail(id) {
diff --git a/template/uni-app/pages/users/promoter-list/index.vue b/template/uni-app/pages/users/promoter-list/index.vue
index cf3aade02..bf786e8d3 100644
--- a/template/uni-app/pages/users/promoter-list/index.vue
+++ b/template/uni-app/pages/users/promoter-list/index.vue
@@ -1,348 +1,390 @@
-<template>
-	<view :style="colorStyle">
-		<view class="promoter-list">
-			<view class='promoterHeader bg-color'>
-				<view class='headerCon acea-row row-between-wrapper'>
-					<view>
-						<view class='name'>{{$t(`推广人数`)}}</view>
-						<view><text class='num'>{{teamCount}}</text>{{$t('人')}}</view>
-					</view>
-					<view class='iconfont icon-tuandui'></view>
-				</view>
-			</view>
-			<view class='nav acea-row row-around' v-if="brokerage_level == 2">
-				<view :class="grade == 0 ? 'item on' : 'item'" @click='setType(0)'>{{$t(`一级`)}}({{total}})</view>
-				<view :class="grade == 1 ? 'item on' : 'item'" @click='setType(1)'>{{$t(`二级`)}}({{totalLevel}})</view>
-			</view>
-		<!-- 	<form @submit.prevent="submitForm">
-				
-			</form> -->
-			<view class='search acea-row row-between-wrapper'>
-				<view class='input'><input :placeholder='$t(`点击搜索会员名称`)' 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 == 'childCount DESC'">{{$t(`团队排序`)}}
-						<image src='../static/sort1.png'></image>
-					</view>
-					<view class="sortItem" @click='setSort("")' v-else-if="sort == 'childCount ASC'">{{$t(`团队排序`)}}
-						<image src='../static/sort3.png'></image>
-					</view>
-					<view class="sortItem" @click='setSort("childCount DESC")' v-else>{{$t(`团队排序`)}}
-						<image src='../static/sort2.png'></image>
-					</view>
-					<view class="sortItem" @click='setSort("numberCount ASC")' v-if="sort == 'numberCount DESC'">{{$t(`金额排序`)}}
-						<image src='../static/sort1.png'></image>
-					</view>
-					<view class="sortItem" @click='setSort("")' v-else-if="sort == 'numberCount ASC'">{{$t(`金额排序`)}}
-						<image src='../static/sort3.png'></image>
-					</view>
-					<view class="sortItem" @click='setSort("numberCount DESC")' v-else>{{$t(`金额排序`)}}
-						<image src='../static/sort2.png'></image>
-					</view>
-					<view class="sortItem" @click='setSort("orderCount ASC")' v-if="sort == 'orderCount DESC'">{{$t(`订单排序`)}}
-						<image src='../static/sort1.png'></image>
-					</view>
-					<view class="sortItem" @click='setSort("")' v-else-if="sort == 'orderCount ASC'">{{$t(`订单排序`)}}
-						<image src='../static/sort3.png'></image>
-					</view>
-					<view class="sortItem" @click='setSort("orderCount DESC")' v-else>{{$t(`订单排序`)}}
-						<image src='../static/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>{{$t(`加入时间`)}}: {{item.time}}</view>
-							</view>
-						</view>
-						<view class="right">
-							<view><text class='num font-num'>{{item.childCount ? item.childCount : 0}}</text>{{$t(`人`)}}</view>
-							<view><text class="num">{{item.orderCount ? item.orderCount : 0}}</text>{{$t(`单`)}}</view>
-							<view><text class="num">{{item.numberCount ? item.numberCount : 0}}</text>{{$t(`元`)}}</view>
-						</view>
-					</view>
-				</block>
-			</view>
-		</view>
-		<!-- #ifdef MP -->
-		<!-- <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize> -->
-		<!-- #endif -->
-		<!-- #ifndef MP -->
-		<home></home>
-		<!-- #endif -->
-	</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';
-	import colors from '@/mixins/color.js';
-	export default {
-		components: {
-			// #ifdef MP
-			authorize,
-			// #endif
-			home
-		},
-		mixins:[colors],
-		data() {
-			return {
-				total: 0,
-				totalLevel: 0,
-				teamCount: 0,
-				page: 1,
-				limit: 20,
-				keyword: '',
-				sort: '',
-				grade: 0,
-				status: false,
-				recordList: [],
-				isAuto: false, //没有授权的不会自动授权
-				isShowAuth: false ,//是否隐藏授权
-				brokerage_level: 0
-			};
-		},
-		computed: mapGetters(['isLogin']),
-		onLoad() {
-			if (this.isLogin) {
-				this.userSpreadNewList();
-			} else {
-				toLogin();
-			}
-		},
-		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(sort) {
-				let that = this;
-				that.sort = sort;
-				that.page = 1;
-				that.limit = 20;
-				that.status = false;
-				that.$set(that, 'recordList', []);
-				that.userSpreadNewList();
-			},
-			// setKeyword: function(e) {
-			// 	this.keyword = e.detail.value;
-			// },
-			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.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 sort = that.sort;
-				let grade = that.grade;
-				let recordList = that.recordList;
-				let recordListNew = [];
-				if (status == true) return;
-				spreadPeople({
-					page: page,
-					limit: limit,
-					keyword: keyword,
-					grade: grade,
-					sort: sort,
-				}).then(res => {
-					let len = res.data.list.length;
-					let recordListData = res.data.list;
-					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);
-					that.brokerage_level = res.data.brokerage_level;
-				});
-			}
-		},
-		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 var(--view-theme);
-		color: var(--view-theme);
-	}
-
-	.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;
-	}
+<template>
+	<view :style="colorStyle">
+		<view class="promoter-list">
+			<view class='promoterHeader bg-color'>
+				<view class='headerCon acea-row row-between-wrapper'>
+					<view>
+						<view class='name'>{{$t(`推广人数`)}}</view>
+						<view><text class='num'>{{teamCount}}</text>{{$t('人')}}</view>
+					</view>
+					<view class='iconfont icon-tuandui'></view>
+				</view>
+			</view>
+			<view class='nav acea-row row-around' v-if="brokerage_level == 2">
+				<view :class="grade == 0 ? 'item on' : 'item'" @click='setType(0)'>{{$t(`一级`)}}({{total}})</view>
+				<view :class="grade == 1 ? 'item on' : 'item'" @click='setType(1)'>{{$t(`二级`)}}({{totalLevel}})</view>
+			</view>
+			<!-- 	<form @submit.prevent="submitForm">
+				
+			</form> -->
+			<view class='search acea-row row-between-wrapper'>
+				<view class='input'><input :placeholder='$t(`点击搜索会员名称`)' 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 == 'childCount DESC'">
+						{{$t(`团队排序`)}}
+						<image src='../static/sort1.png'></image>
+					</view>
+					<view class="sortItem" @click='setSort("")' v-else-if="sort == 'childCount ASC'">{{$t(`团队排序`)}}
+						<image src='../static/sort3.png'></image>
+					</view>
+					<view class="sortItem" @click='setSort("childCount DESC")' v-else>{{$t(`团队排序`)}}
+						<image src='../static/sort2.png'></image>
+					</view>
+					<view class="sortItem" @click='setSort("numberCount ASC")' v-if="sort == 'numberCount DESC'">
+						{{$t(`金额排序`)}}
+						<image src='../static/sort1.png'></image>
+					</view>
+					<view class="sortItem" @click='setSort("")' v-else-if="sort == 'numberCount ASC'">{{$t(`金额排序`)}}
+						<image src='../static/sort3.png'></image>
+					</view>
+					<view class="sortItem" @click='setSort("numberCount DESC")' v-else>{{$t(`金额排序`)}}
+						<image src='../static/sort2.png'></image>
+					</view>
+					<view class="sortItem" @click='setSort("orderCount ASC")' v-if="sort == 'orderCount DESC'">
+						{{$t(`订单排序`)}}
+						<image src='../static/sort1.png'></image>
+					</view>
+					<view class="sortItem" @click='setSort("")' v-else-if="sort == 'orderCount ASC'">{{$t(`订单排序`)}}
+						<image src='../static/sort3.png'></image>
+					</view>
+					<view class="sortItem" @click='setSort("orderCount DESC")' v-else>{{$t(`订单排序`)}}
+						<image src='../static/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>{{$t(`加入时间`)}}: {{item.time}}</view>
+							</view>
+						</view>
+						<view class="right">
+							<view><text class='num font-num'>{{item.childCount ? item.childCount : 0}}</text>{{$t(`人`)}}
+							</view>
+							<view><text class="num">{{item.orderCount ? item.orderCount : 0}}</text>{{$t(`单`)}}</view>
+							<view><text class="num">{{item.numberCount ? item.numberCount : 0}}</text>{{$t(`元`)}}</view>
+						</view>
+					</view>
+				</block>
+				<view class="no-data" v-if="!recordList.length && !loading">
+					<view class='emptyBox'>
+						<image :src="imgHost + '/statics/images/no-thing.png'"></image>
+						<view class="tips">{{$t(`暂无数据`)}}</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- #ifdef MP -->
+		<!-- <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize> -->
+		<!-- #endif -->
+		<!-- #ifndef MP -->
+		<home></home>
+		<!-- #endif -->
+	</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';
+	import colors from '@/mixins/color.js';
+	import {
+		HTTP_REQUEST_URL
+	} from '@/config/app';
+	export default {
+		components: {
+			// #ifdef MP
+			authorize,
+			// #endif
+			home
+		},
+		mixins: [colors],
+		data() {
+			return {
+				imgHost: HTTP_REQUEST_URL,
+				total: 0,
+				totalLevel: 0,
+				teamCount: 0,
+				page: 1,
+				limit: 20,
+				keyword: '',
+				sort: '',
+				grade: 0,
+				status: false,
+				recordList: [],
+				isAuto: false, //没有授权的不会自动授权
+				isShowAuth: false, //是否隐藏授权
+				brokerage_level: 0,
+				loading: false
+			};
+		},
+		computed: mapGetters(['isLogin']),
+		onLoad() {
+			if (this.isLogin) {
+				this.userSpreadNewList();
+			} else {
+				toLogin();
+			}
+		},
+		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(sort) {
+				let that = this;
+				that.sort = sort;
+				that.page = 1;
+				that.limit = 20;
+				that.status = false;
+				that.$set(that, 'recordList', []);
+				that.userSpreadNewList();
+			},
+			// setKeyword: function(e) {
+			// 	this.keyword = e.detail.value;
+			// },
+			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.status = false;
+					this.$set(this, 'recordList', []);
+					this.userSpreadNewList();
+				}
+			},
+			userSpreadNewList: function() {
+				if (this.loading) return
+				this.loading = true
+				let that = this;
+				let page = that.page;
+				let limit = that.limit;
+				let status = that.status;
+				let keyword = that.keyword;
+				let sort = that.sort;
+				let grade = that.grade;
+				let recordList = that.recordList;
+				let recordListNew = [];
+				if (status == true) return;
+				spreadPeople({
+					page: page,
+					limit: limit,
+					keyword: keyword,
+					grade: grade,
+					sort: sort,
+				}).then(res => {
+					let len = res.data.list.length;
+					let recordListData = res.data.list;
+					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);
+					that.brokerage_level = res.data.brokerage_level;
+					this.loading = false
+				}).catch(err => {
+					this.loading = false
+				})
+			}
+		},
+		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 var(--view-theme);
+		color: var(--view-theme);
+	}
+
+	.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;
+	}
+
+	.no-data {
+		background-color: #fff;
+		padding-bottom: 30rpx;
+		padding: 100rpx 0;
+
+		.emptyBox {
+			text-align: center;
+			padding-top: 20rpx;
+
+			.tips {
+				color: #aaa;
+				font-size: 26rpx;
+			}
+
+			image {
+				width: 414rpx;
+				height: 304rpx;
+			}
+		}
+	}
 </style>