佣金统计，分页，客户fenye

api/groupon.js

@@ -2,6 +2,21 @@ import request from "@/utils/request.js";
 
 
 
+// 查询分佣列表
+export function commissionList(data) {
+    return request.post("/v1/commission/list",data);
+}
+
+
+// 查询我的客户列表
+export function commissionUserList(data) {
+    return request.post("/v1/commission/commissionUser/list",data);
+}
+
+// 查询我的分佣统计
+export function commissionStatistics() {
+    return request.post("/v1/commission/statistics");
+}
 
 
 // 获取核销订单商品

pages/groupbuying/distributionPerformance/index.vue

@@ -1,66 +1,16 @@
 <template>
 	<view>
 
-		<view class="myclient_list">
-			<view class="myclient_list_name">
-				<view class="name-l">李露兰</view>
-				<view class="name-r">+12.00</view>
-			</view>
-			<view class="myclient_list_content">
-				<view class="time">
-									<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
-					<text>
-						绑定时间:2023/04/26&nbsp;21:45:00
-					</text>
-				</view>
-			</view>
-		</view>
-		<view class="myclient_list">
-			<view class="myclient_list_name">
-				<view class="name-l">李露兰</view>
-				<view class="name-r">+12.00</view>
-			</view>
-			<view class="myclient_list_content">
-				<view class="time">
-									<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
-					<text>
-						绑定时间:2023/04/26&nbsp;21:45:00
-					</text>
-				</view>
-			</view>
-		</view>
-		<view class="myclient_list">
-			<view class="myclient_list_name">
-				<view class="name-l">李露兰</view>
-				<view class="name-r">+12.00</view>
-			</view>
-			<view class="myclient_list_content">
-				<view class="time">
-									<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
-					<text>
-						绑定时间:2023/04/26&nbsp;21:45:00
-					</text>
-				</view>
-			</view>
-		</view>
-		<view class="myclient_list">
-			<view class="myclient_list_name">
-				<view class="name-l">李露兰</view>
-				<view class="name-r">+12.00</view>
-			</view>
-			<view class="myclient_list_content">
-				<view class="time">
-									<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
-					<text>
-						绑定时间:2023/04/26&nbsp;21:45:00
-					</text>
-				</view>
-			</view>
+		<view>
+			<mescroll-item ref="MescrollItem"  :i="0" :index="0" :height="height">
+			</mescroll-item>
 		</view>
+
 	</view>
 </template>
 
 <script>
+	import MescrollItem from "./module/mescrollUni-item.vue";
 import {
 	getUserInfo,
 	userEdit,
@@ -82,6 +32,7 @@ import authorize from '@/components/Authorize';
 import colors from '@/mixins/color.js';
 export default {
 	components: {
+		MescrollItem,
 		// #ifdef APP-PLUS
 		appUpdate,
 		// #endif
@@ -92,6 +43,7 @@ export default {
 	mixins: [colors],
 	data () {
 		return {
+			height:''
 		};
 	},
 	computed: mapGetters(['isLogin']),
@@ -106,6 +58,11 @@ export default {
 	},
 	onLoad () {
 
+	},
+	onShow(){
+		let sysInfo = uni.getSystemInfoSync()
+		this.height= sysInfo.windowHeight -(sysInfo.screenWidth/750) * (200) +'px';
+		console.log(this.height)
 	},
 	methods: {
 

pages/groupbuying/distributionPerformance/module/mescrollUni-item.vue

@@ -0,0 +1,158 @@
+<template>
+	<!--
+    swiper中的transfrom会使fixed失效,此时用height固定高度;
+    swiper中无法触发mescroll-mixins.js的onPageScroll和onReachBottom方法,只能用mescroll-uni,不能用mescroll-body
+    -->
+	<!-- ref动态生成: 字节跳动小程序编辑器不支持一个页面存在相同的ref (如不考虑字节跳动小程序可固定值为 ref="mescrollRef") -->
+	<!-- top的高度等于悬浮菜单tabs的高度 -->
+	<mescroll-uni :ref="'mescrollRef' + i" @init="mescrollInit" :height="height" :down="downOption" @down="downCallback"
+		:up="upOption" @up="upCallback" @emptyclick="emptyClick">
+		<!-- 数据列表 -->
+		<view class="myclient_list" v-for="(item,index) in list" :key="index">
+			<view class="myclient_list_name">
+				<view class="name-l">{{item.bindUserName}}</view>
+				<view class="name-r">+{{item.amount}}</view>
+			</view>
+			<view class="myclient_list_content">
+				<view class="time">
+					<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
+					<text>
+						时间:{{item.createTime}}
+					</text>
+				</view>
+			</view>
+		</view>
+	</mescroll-uni>
+</template>
+
+<script>
+	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
+	import MescrollMoreItemMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mixins/mescroll-more-item.js";
+	import { commissionList} from '@/api/groupon.js'
+	export default {
+		mixins: [MescrollMixin, MescrollMoreItemMixin], // 注意此处还需使用MescrollMoreItemMixin (必须写在MescrollMixin后面)
+		components: {
+		},
+
+		data() {
+			return {
+				downOption: {
+					auto: true // 不自动加载 (mixin已处理第一个tab触发downCallback)
+				},
+				upOption: {
+					auto: true, // 不自动加载
+					// page: {
+					// 	num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
+					// 	size: 10 // 每页数据的数量
+					// },
+					noMoreSize: 4, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
+					empty: {
+						icon: '/static/images/empty.png',
+						tip: '暂无内容', // 提示
+						// btnText: '去看看'
+					},
+					textNoMore: '没有更多了'
+				},
+				list: [],
+			}
+		},
+		props: {
+			i: Number, // 每个tab页的专属下标 (除了支付宝小程序必须在这里定义, 其他平台都可不用写, 因为已在MescrollMoreItemMixin定义)
+			index: { // 当前tab的下标 (除了支付宝小程序必须在这里定义, 其他平台都可不用写, 因为已在MescrollMoreItemMixin定义)
+				type: Number,
+				default () {
+					return 0
+				}
+			},
+
+			tabs: { // 为了请求数据,演示用,可根据自己的项目判断是否要传
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			height: [Number, String], // mescroll的高度
+
+		},
+		watch:{
+
+		},
+
+		methods: {
+			goDetail(item){
+				uni.navigateTo({
+					url:'/pages/groupbuying/pickupVerificationr_details/index?orderId='+item.orderId + '&pickupCode='+item.pickupCode
+				})
+			},
+
+			/*下拉刷新的回调 */
+			downCallback() {
+				// 这里加载你想下拉刷新的数据, 比如刷新轮播数据
+				// loadSwiper();
+				// 下拉刷新的回调,默认重置上拉加载列表为第一页 (自动执行 page.num=1, 再触发upCallback方法 )
+				this.mescroll.resetUpScroll()
+			},
+			/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
+			upCallback(page) {
+				//联网加载数据
+				let httpData = {
+					current: page.num,
+					size: 10,
+				}
+
+				commissionList(httpData).then((res) => {
+
+						//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
+						this.mescroll.endSuccess(res.data.length,res.data.length === 10);
+						//设置列表数据
+						if (page.num === 1) this.list = []; //如果是第一页需手动制空列表
+						if (res.data.length > 0){
+							this.list = this.list.concat(res.data); //追加新数据
+						}
+						console.log("+++++++++++++++++++++",this.list)
+					}).catch((err) => {
+						//联网失败, 结束加载
+						this.mescroll.endErr();
+					})
+
+
+
+			},
+			//点击空布局按钮的回调
+			emptyClick() {
+				uni.showToast({
+					title: '点击了按钮,具体逻辑自行实现'
+				})
+			},
+			// 搜索
+			doSearch() {
+				this.list = []; // 先清空列表,显示加载进度
+				this.mescroll.resetUpScroll();
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+
+	.u-slot-title {
+		line-height: 60rpx;
+
+		font-size: 28rpx;
+		font-weight: 400;
+		color: #333333;
+
+	text {
+		vertical-align: text-bottom;
+	}
+
+	image {
+
+		margin-right: 20rpx;
+		transform: translateY(10rpx);
+		width: 60rpx;
+		height: 60rpx;
+
+	}
+	}
+</style>

pages/groupbuying/myClient/index.vue

@@ -1,74 +1,18 @@
 <template>
 	<view >
 
-		<view class="myclient_list">
-			<view class="myclient_list_name">
-				李露兰
-			</view>
-			<view class="myclient_list_content">
 
-				<view class="phone">
-					<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/分期－手机@2x.png" />
-					<text>
-						手机号码:187998656565
-					</text>
-				</view>
-				<view class="time">
-					<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
-					<text>
-						绑定时间:2023/04/26&nbsp;21:45:00
-					</text>
-				</view>
-			</view>
-		</view>
-
-		<view class="myclient_list">
-			<view class="myclient_list_name">
-				李露兰
-			</view>
-			<view class="myclient_list_content">
-
-				<view class="phone">
-					<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/分期－手机@2x.png" />
-					<text>
-						手机号码:187998656565
-					</text>
-				</view>
-				<view class="time">
-					<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
-					<text>
-						绑定时间:2023/04/26&nbsp;21:45:00
-					</text>
-				</view>
-			</view>
-		</view>
-
-		<view class="myclient_list">
-			<view class="myclient_list_name">
-				李露兰
-			</view>
-			<view class="myclient_list_content">
 
-				<view class="phone">
-					<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/分期－手机@2x.png" />
-					<text>
-						手机号码:187998656565
-					</text>
-				</view>
-				<view class="time">
-					<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
-					<text>
-						绑定时间:2023/04/26&nbsp;21:45:00
-					</text>
-				</view>
-			</view>
+		<view>
+			<mescroll-item ref="MescrollItem"  :i="0" :index="0" :height="height">
+			</mescroll-item>
 		</view>
 
-
 	</view>
 </template>
 
 <script>
+	import MescrollItem from "./module/mescrollUni-item.vue";
 import {
 	getUserInfo,
 	userEdit,
@@ -90,6 +34,7 @@ import authorize from '@/components/Authorize';
 import colors from '@/mixins/color.js';
 export default {
 	components: {
+		MescrollItem,
 		// #ifdef APP-PLUS
 		appUpdate,
 		// #endif

pages/groupbuying/myClient/module/mescrollUni-item.vue

@@ -0,0 +1,164 @@
+<template>
+	<!--
+    swiper中的transfrom会使fixed失效,此时用height固定高度;
+    swiper中无法触发mescroll-mixins.js的onPageScroll和onReachBottom方法,只能用mescroll-uni,不能用mescroll-body
+    -->
+	<!-- ref动态生成: 字节跳动小程序编辑器不支持一个页面存在相同的ref (如不考虑字节跳动小程序可固定值为 ref="mescrollRef") -->
+	<!-- top的高度等于悬浮菜单tabs的高度 -->
+	<mescroll-uni :ref="'mescrollRef' + i" @init="mescrollInit" :height="height" :down="downOption" @down="downCallback"
+		:up="upOption" @up="upCallback" @emptyclick="emptyClick">
+		<!-- 数据列表 -->
+		<view class="myclient_list" v-for="(item,index) in list" :key="index">
+			<view class="myclient_list_name">
+				{{item.realName || item.name}}
+			</view>
+			<view class="myclient_list_content">
+
+				<view class="phone">
+					<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/分期－手机@2x.png" />
+					<text>
+						手机号码:{{item.phone}}
+					</text>
+				</view>
+				<view class="time">
+					<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
+					<text>
+						绑定时间:{{item.bindTime}}
+					</text>
+				</view>
+			</view>
+		</view>
+	</mescroll-uni>
+</template>
+
+<script>
+	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
+	import MescrollMoreItemMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mixins/mescroll-more-item.js";
+	import { commissionUserList} from '@/api/groupon.js'
+	export default {
+		mixins: [MescrollMixin, MescrollMoreItemMixin], // 注意此处还需使用MescrollMoreItemMixin (必须写在MescrollMixin后面)
+		components: {
+		},
+
+		data() {
+			return {
+				downOption: {
+					auto: true // 不自动加载 (mixin已处理第一个tab触发downCallback)
+				},
+				upOption: {
+					auto: true, // 不自动加载
+					// page: {
+					// 	num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
+					// 	size: 10 // 每页数据的数量
+					// },
+					noMoreSize: 4, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
+					empty: {
+						icon: '/static/images/empty.png',
+						tip: '暂无内容', // 提示
+						// btnText: '去看看'
+					},
+					textNoMore: '没有更多了'
+				},
+				list: [],
+			}
+		},
+		props: {
+			i: Number, // 每个tab页的专属下标 (除了支付宝小程序必须在这里定义, 其他平台都可不用写, 因为已在MescrollMoreItemMixin定义)
+			index: { // 当前tab的下标 (除了支付宝小程序必须在这里定义, 其他平台都可不用写, 因为已在MescrollMoreItemMixin定义)
+				type: Number,
+				default () {
+					return 0
+				}
+			},
+
+			tabs: { // 为了请求数据,演示用,可根据自己的项目判断是否要传
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			height: [Number, String], // mescroll的高度
+
+		},
+		watch:{
+
+		},
+
+		methods: {
+			goDetail(item){
+				uni.navigateTo({
+					url:'/pages/groupbuying/pickupVerificationr_details/index?orderId='+item.orderId + '&pickupCode='+item.pickupCode
+				})
+			},
+
+			/*下拉刷新的回调 */
+			downCallback() {
+				// 这里加载你想下拉刷新的数据, 比如刷新轮播数据
+				// loadSwiper();
+				// 下拉刷新的回调,默认重置上拉加载列表为第一页 (自动执行 page.num=1, 再触发upCallback方法 )
+				this.mescroll.resetUpScroll()
+			},
+			/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
+			upCallback(page) {
+				//联网加载数据
+				let httpData = {
+					current: page.num,
+					size: 10,
+				}
+
+				commissionUserList(httpData).then((res) => {
+
+						//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
+						this.mescroll.endSuccess(res.data.length,res.data.length === 10);
+						//设置列表数据
+						if (page.num === 1) this.list = []; //如果是第一页需手动制空列表
+						if (res.data.length > 0){
+							this.list = this.list.concat(res.data); //追加新数据
+						}
+						console.log("+++++++++++++++++++++",this.list)
+					}).catch((err) => {
+						//联网失败, 结束加载
+						this.mescroll.endErr();
+					})
+
+
+
+			},
+			//点击空布局按钮的回调
+			emptyClick() {
+				uni.showToast({
+					title: '点击了按钮,具体逻辑自行实现'
+				})
+			},
+			// 搜索
+			doSearch() {
+				this.list = []; // 先清空列表,显示加载进度
+				this.mescroll.resetUpScroll();
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+
+	.u-slot-title {
+		line-height: 60rpx;
+
+		font-size: 28rpx;
+		font-weight: 400;
+		color: #333333;
+
+	text {
+		vertical-align: text-bottom;
+	}
+
+	image {
+
+		margin-right: 20rpx;
+		transform: translateY(10rpx);
+		width: 60rpx;
+		height: 60rpx;
+
+	}
+	}
+</style>

pages/groupbuying/promotion/index.vue

@@ -7,10 +7,10 @@
 				<view class="group-content-l">
 
 					<view class="content-num">
-						2446
+						{{statistics.noPayoutsAccounts || 0}}
 					</view>
 					<view class="content-info">
-						带分红金额 (元)
+						待分红金额 (元)
 					</view>
 
 				</view>
@@ -18,7 +18,7 @@
 
 
 					<view class="content-num">
-						11580
+						{{statistics.payoutsAccounts || 0}}
 					</view>
 					<view class="content-info">
 						累计已分红 (元)
@@ -60,6 +60,7 @@
 </template>
 
 <script>
+	import {commissionStatistics} from '@/api/groupon.js'
 import {
 	getUserInfo,
 	userEdit,
@@ -91,6 +92,7 @@ export default {
 	mixins: [colors],
 	data () {
 		return {
+			statistics:{},
 		};
 	},
 	computed: mapGetters(['isLogin']),
@@ -104,6 +106,9 @@ export default {
 			deep: true
 		}
 	},
+	onShow(){
+		this.commissionStatistics()
+	},
 	onLoad () {
 		if (this.isLogin) {
 			this.getUserInfo();
@@ -114,13 +119,18 @@ export default {
 				console.log(inf.version)
 				this.version = inf.version;
 			});
-			// #endif 
+			// #endif
 			this.setLang();
 		} else {
 			toLogin();
 		}
 	},
 	methods: {
+		commissionStatistics(){
+			commissionStatistics().then(res => {
+				this.statistics =res.data
+			})
+		},
 		isNew () {
 			this.$util.Tips({
 				title: this.$t(`当前为最新版本`)
@@ -185,15 +195,15 @@ export default {
 				let files = plus.android.invoke(sdRoot, "listFiles");
 				let len = files.length;
 				for (let i = 0; i < len; i++) {
-					let filePath = '' + files[i]; // 没有找到合适的方法获取路径，这样写可以转成文件路径  
+					let filePath = '' + files[i]; // 没有找到合适的方法获取路径，这样写可以转成文件路径
 					plus.io.resolveLocalFileSystemURL(filePath, function (entry) {
 						if (entry.isDirectory) {
-							entry.removeRecursively(function (entry) { //递归删除其下的所有文件及子目录  
+							entry.removeRecursively(function (entry) { //递归删除其下的所有文件及子目录
 								uni.showToast({
 									title: that.$t(`缓存清理完成`),
 									duration: 2000
 								});
-								that.formatSize(); // 重新计算缓存  
+								that.formatSize(); // 重新计算缓存
 							}, function (e) {
 								console.log(e.message)
 							});
@@ -202,7 +212,7 @@ export default {
 						}
 					}, function (e) { });
 				}
-			} else { // ios暂时未找到清理缓存的方法，以下是官方提供的方法，但是无效，会报错  
+			} else { // ios暂时未找到清理缓存的方法，以下是官方提供的方法，但是无效，会报错
 				plus.cache.clear(function () {
 					uni.showToast({
 						title: that.$t(`缓存清理完成`),
@@ -266,7 +276,7 @@ export default {
 		},
 		/**
 		 * 退出登录
-		 * 
+		 *
 		 */
 		outLogin: function () {
 			let that = this;
@@ -315,7 +325,7 @@ export default {
 		},
 		/**
 		 * 上传文件
-		 * 
+		 *
 		 */
 		uploadpic: function () {
 			let that = this;

pages/user/index.vue

@@ -277,18 +277,14 @@
 					<navigator url="/pages/groupbuying/promotion/index" hover-class="none">
 
 						<view class="group-buying-data2">
-
 							<view class="group-title-2">
 								<view>
-									累计分享奖励(元) &nbsp; ￥48.00
+									累计分享奖励(元) &nbsp; ￥{{statistics.allAccounts || 0}}
 								</view>
 								<view>
 									查看详情 >
 								</view>
 							</view>
-
-
-
 						</view>
 					</navigator>
 
@@ -380,7 +376,7 @@ import {
 	updateUserInfo
 } from '@/api/user.js';
 
-import { grouponMngStatis} from '@/api/groupon.js'
+import {commissionStatistics, grouponMngStatis} from '@/api/groupon.js'
 
 import {
 	wechatAuthV2,
@@ -432,6 +428,7 @@ export default {
 	mixins: [colors],
 	data () {
 		return {
+			statistics:{},
 			grouponStatis:{},
 			roleSwitch: false,
 			currentRole: 'employees',
@@ -588,8 +585,9 @@ export default {
 		// #endif
 	},
 	onShow: function () {
-		this.currentRole=this.$store.getters.newCurrentRole
-		console.log(this.newCurrentRole)
+		this.commissionStatistics();
+		this.currentRole=this.$store.getters.newCurrentRole;
+		console.log(this.newCurrentRole);
 		this.grouponMngStatis();
 		let that = this;
 		// #ifdef APP-PLUS
@@ -611,6 +609,13 @@ export default {
 	},
 	methods: {
 		...mapMutations(["setNewCurrentRole"]),
+
+		commissionStatistics(){
+			commissionStatistics().then(res => {
+				this.statistics =res.data
+			})
+		},
+
 		grouponMngStatis(){
 			grouponMngStatis().then(res => {
 				this.grouponStatis = res.data