1.邀请有礼

pages.json

@@ -348,6 +348,33 @@
             }
             
         }
+        ,{
+            "path" : "pages/me/inviteImg",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "面对面邀请",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/me/commissionHistory",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "累计佣金",
+                "enablePullDownRefresh": true
+            }
+            
+        }
+        ,{
+            "path" : "pages/me/invitePeople",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "邀请人数",
+                "enablePullDownRefresh": true
+            }
+            
+        }
     ],
 	"tabBar": {
 		"color": "#8a8a8a",

pages/me/commissionHistory.vue

@@ -0,0 +1,274 @@
+<template>
+	<view class="box">
+
+		
+		<!-- 统计 -->
+		<view class="sumBg">
+			<view class="viewBg">
+				<view class="money" style="color: #FF4F00;">￥{{detailData.totalMoney}}</view>
+				<view class="moneyTitle">累计佣金
+					
+				</view>
+			</view>
+
+			<view class="line"></view>
+			<view class="viewBg">
+				<view class="money">￥{{detailData.withdrawalMoney}}</view>
+				<view class="moneyTitle">累计提现
+					
+				</view>
+			</view>
+
+			<view class="line"></view>
+			<view class="viewBg" >
+				<view class="money">￥{{detailData.cantidatMoney}}</view>
+				<view class="moneyTitle">可提现
+					
+				</view>
+			</view>
+		</view>
+
+		<!-- 明细 -->
+		<view class="mingxiBg"  v-if="arr.length > 0">
+			
+				<view v-for="(item,index) in arr" :key="index">
+					<view class="itemBg">
+						<image :src='item.MemberHeadImg' mode="" style="width: 72rpx; height: 72rpx; border-radius: 36rpx;"></image>
+						<view class="nickName" v-if="item.MemberNickName">{{item.MemberNickName}}</view>
+						<view class="time">{{item.CreateTime.slice(0,item.CreateTime.length-8)}}</view>
+						<view class="jine">+{{item.Money}}</view>
+					</view>
+				</view>
+			
+			
+		</view>
+		
+		
+		<!-- 上拉 加载更多 -->
+		<view class="noMore" v-if="noMoreShow">没有更多数据</view>
+		
+		<view style="height: 120rpx;"></view>
+		<view class="bottomView">
+			<view class="goExtract" @click="gonavigateTo('extract?okMoney='+ detailData.cantidatMoney)">去提现</view>
+		</view>
+		
+		
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				page:1,
+				detailData:{},
+				arr: [],
+				noMoreShow: false,
+			}
+		},
+		onShow() {
+			this.getDetailData();
+			this.page = 1;
+			this.getItemData();
+		},
+		methods: {
+			getDetailData() {
+				uni.showLoading({
+					title: '加载中'
+				})
+				let url = 'worldKeepCar/worldDistribution/queryDistributionIndexDetail',
+					params = {
+						
+					}
+				this.$http(url, params, 'GET').then(res => {
+					uni.hideLoading();
+					var data = res.data
+					
+					
+					// 处理 undefined和null转为空白字符串
+					
+						for (const key in data) {
+							data[key] = this.$praseStrEmpty(data[key])
+						}
+					
+					this.detailData = data
+					
+					
+					
+				})
+			},
+			getItemData() {
+				uni.showLoading({
+					title: '加载中'
+				})
+				let url = 'worldKeepCar/worldDistribution/listEarningsPage',
+					params = {
+						page:this.page,
+						limit:10,
+					}
+				this.$http(url, params, 'GET').then(res => {
+					uni.hideLoading();
+					var list = res.data.Items
+					
+					// 处理 undefined和null转为空白字符串
+					list.forEach((item, index) => {
+						for (const key in item) {
+							item[key] = this.$praseStrEmpty(item[key])
+						}
+					})
+					
+					
+					if (this.page == 1) {
+						this.arr = list
+					} else {
+						this.arr = this.arr.concat(list)
+					}
+					
+					if (list.length < 10) {
+						this.noMoreShow = true
+					} else {
+						this.noMoreShow = false
+					}
+					
+					
+				})
+			},
+			gonavigateTo(url) {
+
+				uni.navigateTo({
+					url: url
+				})
+			}
+		},
+		
+		// 下拉刷新 上拉加载更多
+		onPullDownRefresh() {
+			this.page = 1;
+			this.getItemData()
+			
+			this.getDetailData()
+			setTimeout(function() {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		},
+		onReachBottom() {
+			this.page++;
+		
+			this.getItemData()
+		
+		},
+		
+	}
+</script>
+
+<style scoped>
+	.box {
+		min-height: 100vh;
+		background: #F4F5F7;
+		padding-top: 20rpx;
+	}
+
+	
+
+	.sumBg {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin: 0 24rpx 20rpx;
+		padding: 36rpx 50rpx;
+		background-color: #FFFFFF;
+		border-radius: 10rpx;
+	}
+
+	.viewBg {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		background-color: #FFFFFF;
+	}
+
+	.money {
+		font-size: 38rpx;
+		color: #000000;
+		font-weight: bold;
+	}
+
+	.moneyTitle {
+		font-size: 28rpx;
+		color: #666666;
+	}
+
+	.line {
+		width: 1rpx;
+		height: 73rpx;
+
+		background-color: #EEEEEE;
+	}
+	.mingxiBg
+	{
+		margin: 0rpx 24rpx;
+		background-color: #FFFFFF;
+		
+		border-radius: 10rpx;
+		padding: 20rpx;
+	}
+	
+
+	.itemBg {
+
+		height: 98rpx;
+		
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+	
+	.nickName {
+		font-size: 30rpx;
+		color: #3C3C3C;
+		flex-grow: 1;
+		margin: 0 15rpx;
+	}
+
+	.time {
+		font-size: 30rpx;
+		color: #999999;
+		margin: 0 15rpx;
+	}
+
+	.jine {
+		font-size: 32rpx;
+		color: #FF4F00;
+		font-weight: bold;
+		margin: 0 15rpx;
+	}
+	
+	.bottomView{
+		width: 100%;
+		height: 120rpx;
+		
+		position: fixed;
+		left: 0;
+		bottom: 0;
+		background-color: #FFFFFF;
+	}
+	.goExtract{
+		margin: 23rpx 30rpx;
+		border-radius: 37rpx;
+		background: linear-gradient(124deg, #FF8700 0%, #FF4F00 100%);
+		
+		font-size: 30rpx;
+		color: #FFFFFF;
+		font-weight: bold;
+		height: 74rpx;
+		line-height: 74rpx;
+		text-align: center;
+	}
+	.noMore {
+		text-align: center;
+		line-height: 50rpx;
+		color: #999999;
+		font-size: 28rpx;
+	}
+</style>

pages/me/extract.vue

@@ -1,29 +1,90 @@
 <template>
 	<view class="box">
-			<view class="header">
-				<view class="title">支付宝提现</view>
-				<view class="moneyView">
-					<text class="icon">￥</text>
-					<input type="text" class="moneyInput" placeholder-style="color:#999999; font-size:30rpx" placeholder="请输入提现金额" v-model="money"/>
-					<view class="tixian">全部提现</view>
-				</view>
-				<view class="zongMoney">可提现金额:￥934.23</view>
-				
-				<view class="line"></view>
+		<view class="header">
+			<view class="title">支付宝提现</view>
+			<view class="moneyView">
+				<text class="icon">￥</text>
+				<input type="digit" class="moneyInput" placeholder-style="color:#999999; font-size:30rpx"
+					placeholder="请输入提现金额" v-model="money" />
+				<view class="allBtn" @click="allBtn">全部提现</view>
+			</view>
+			<view class="zongMoney">可提现金额:￥{{okMoney}}</view>
+
+			<view class="line"></view>
+			<view class="name">
+				<view class="leftTitle">姓名</view>
+				<input type="text" class="Input" placeholder-style="color:#999999; font-size:30rpx" placeholder="支付宝实名"
+					v-model="name" />
 			</view>
+			<view class="line"></view>
+
+			<view class="name">
+				<view class="leftTitle" style="margin-right: 60rpx;">支付宝</view>
+				<input type="text" class="Input" placeholder-style="color:#999999; font-size:30rpx" placeholder="支付宝账户"
+					v-model="account" />
+			</view>
+		</view>
+
+
+		<view class="tishi" style="padding: 20rpx 44rpx;">支付宝账号或姓名输入错误将无法提现到账</view>
+
+		<view class="sureBtn" @click="sure">确认提现</view>
+		<view class="tishi">温馨提示</view>
+		<view class="tishi">1、使用支付宝提现需要您已注册支付宝并在支付宝中实名认证过。</view>
+		<view class="tishi">2、支付宝账号是您注册支付宝的手机号或者邮箱号，您可登录支付宝查看。</view>
+		<view class="tishi">3、如您在提现中遇到其他问题，请在「我的」页面找到「联系我们」。</view>
+
 	</view>
 </template>
 
 <script>
 	export default {
 		data() {
-			return {
-				money:'',
-				
+			return {
+				okMoney:'',
+				money: '',
+				name: '',
+				account: '',
 			}
+		},
+		onLoad(opt) {
+			this.okMoney = opt.okMoney
 		},
-		methods: {
-
+		methods: {
+			allBtn(){
+				this.money = this.okMoney
+			},
+			sure(){
+				if (this.money > this.okMoney) {
+					uni.showToast({
+					     title: '提现金额不能大于可提现金额',
+					 	 icon:'none',
+					     duration: 3000,
+					 });
+					 return;
+				}
+				
+				this.postData();
+			},
+			postData() {
+				uni.showLoading({
+					title: '提现中'
+				})
+				let url = 'worldKeepCar/worldDistribution/applyWithdrawal',
+					params = {
+						money:this.money,
+						aliName:this.name,
+						aliPhone:this.account,
+					}
+				this.$http(url, params, 'POST').then(res => {
+					uni.hideLoading();
+					uni.navigateBack({
+						
+					})
+					
+				
+				})
+			},
 		}
 	}
 </script>
@@ -31,50 +92,98 @@
 <style>
 	.box {
 		min-height: 100vh;
-		background: #F4F5F7;
+		background: #F4F5F7;
 		padding-top: 20rpx;
-	}
-	.header{
-		background-color: #FFFFFF;
-		margin: 0 24rpx;
-		border-radius: 10rpx;
-		padding: 30rpx 20rpx;
-	}
-	.title{
-		font-size: 30rpx;
-		color: #3C3C3C;
-		font-weight: bold;
-	}
-	.moneyView{
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin: 15rpx 0;
-	}
-	.icon{
-		font-size: 50rpx;
-		color: #222222;
-		font-weight: bold;
-	}
-	.moneyInput{
-		font-size: 70rpx;
-		color: #222222;
-		font-weight: bold;
+	}
+
+	.header {
+		background-color: #FFFFFF;
+		margin: 0 24rpx;
+		border-radius: 10rpx;
+		padding: 30rpx 20rpx;
+		padding-bottom: 0;
+	}
+
+	.title {
+		font-size: 30rpx;
+		color: #3C3C3C;
+		font-weight: bold;
+	}
+
+	.moneyView {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin: 15rpx 0;
+	}
+
+	.icon {
+		font-size: 50rpx;
+		color: #222222;
+		font-weight: bold;
+	}
+
+	.moneyInput {
+		font-size: 70rpx;
+		color: #222222;
+		font-weight: bold;
 		flex-grow: 1;
-	}
-	.tixian{
-		font-size: 26rpx;
-		color: #FF4F00;
-		width: 150rpx;
-	}
-	.zongMoney{
-		font-size: 26rpx;
-		color: #999999;
-		margin-bottom: 30rpx;
-	}
-	.line{
-		margin: 0 20rpx;
-		background-color: #EEEEEE;
-		height: 1rpx;
+		height: 98rpx;
+	}
+
+	.allBtn {
+		font-size: 26rpx;
+		color: #FF4F00;
+		width: 150rpx;
+	}
+
+	.zongMoney {
+		font-size: 26rpx;
+		color: #999999;
+		margin-bottom: 30rpx;
+	}
+
+	.line {
+
+		background-color: #EEEEEE;
+		height: 1rpx;
+	}
+
+	.name {
+		display: flex;
+		justify-content: flex-start;
+		padding: 28rpx 0;
+	}
+
+	.leftTitle {
+		font-size: 30rpx;
+		color: #3C3C3C;
+		margin-right: 90rpx;
+	}
+
+	.Input {
+		font-size: 30rpx;
+		color: #333333;
+
+	}
+
+	.tishi {
+		padding: 0 44rpx;
+		font-size: 26rpx;
+		color: #999999;
+		line-height: 1.5;
+	}
+
+	.sureBtn {
+		width: 690rpx;
+		margin: 20rpx 30rpx;
+		border-radius: 37rpx;
+		height: 74rpx;
+
+		background: linear-gradient(124deg, #FF8700 0%, #FF4F00 100%);
+		color: #FFFFFF;
+		font-size: 30rpx;
+		text-align: center;
+		line-height: 74rpx;
 	}
 </style>

pages/me/extractHistory.vue

@@ -1,50 +1,144 @@
 <template>
 	<view class="box">
 			<view class="headerView">
-				<view class="leftTitle">累计提现: <text class="rightMoney">￥9584.32</text></view>
-				<view class="leftTitle">提现中: <text class="rightMoney">￥9584.32</text></view>
+				<view class="leftTitle">累计提现: <text class="rightMoney">￥{{detailData.withdrawalMoney}}</text></view>
+				<view class="leftTitle">提现中: <text class="rightMoney">￥{{detailData.frozenMoney}}</text></view>
 			</view>
 			
 			
-				
 					<view v-for="(item,index) in arr" :key="index" >
 						<view class="itemBg">
 							<view class="first">
-								<view class="time">2022-02-32 12:43:23</view>
-								<view class="state">待审核</view>
+								<view class="time">{{item.createTIme}}</view>
+								<!-- 0待审核1通过2拒绝 -->
+								<view class="state" v-if="item.AuditState == 0" style="color: #F19D01;">待审核</view>
+								<view class="state" v-if="item.AuditState == 1" style="color: #00A040;">审核通过</view>
+								<view class="state" v-if="item.AuditState == 2" style="color: #FF3B30;">审核拒绝</view>
 							</view>
 							<view class="second">
-								<view class="name">战神 1394847393</view>
-								<view class="monty">￥13.21</view>
+								<view class="name">{{item.aliName}}  {{item.aliPhone}}</view>
+								<view class="monty">￥{{item.money}}</view>
 							</view>
 							
-							<view class="content">拒绝原因：支付宝账户不对</view>
+							<view class="content" v-if="item.AuditState == 2">拒绝原因：{{item.AuditComment}}</view>
 						</view>
 					</view>
 				
-			
+			<!-- 上拉 加载更多 -->
+			<view class="noMore" v-if="noMoreShow">没有更多数据</view>
+			<!-- 无数据空白页 -->
+			<nodata v-if="arr.length==0"></nodata>
 			
 	</view>
 </template>
 
-<script>
-	export default {
+<script>
+	import nodata from '../../components/nodata/nodata.vue'
+	export default {
+		components: {
+			nodata,
+		},
+		
 		data() {
 			return {
-				arr:[1,2,3],
-				
+				arr: [],
+				page: 1,
+				noMoreShow: false,
+				detailData:{},
 			}
+		},
+		onShow() {
+			this.getDetailData();
+			this.page = 1;
+			this.getItemData();
 		},
 		methods: {
-
-		}
+			getDetailData() {
+				uni.showLoading({
+					title: '加载中'
+				})
+				let url = 'worldKeepCar/worldDistribution/queryDistributionIndexDetail',
+					params = {
+						
+					}
+				this.$http(url, params, 'GET').then(res => {
+					uni.hideLoading();
+					var data = res.data
+					
+					
+					// 处理 undefined和null转为空白字符串
+					
+						for (const key in data) {
+							data[key] = this.$praseStrEmpty(data[key])
+						}
+					
+					this.detailData = data
+					
+					
+					
+				})
+			},
+			getItemData() {
+				uni.showLoading({
+					title: '加载中'
+				})
+				let url = 'worldKeepCar/worldDistribution/listTSApplySheetPage',
+					params = {
+						page:this.page,
+						limit:10,
+					}
+				this.$http(url, params, 'GET').then(res => {
+					uni.hideLoading();
+					var list = res.data.Items
+					
+					// 处理 undefined和null转为空白字符串
+					list.forEach((item, index) => {
+						for (const key in item) {
+							item[key] = this.$praseStrEmpty(item[key])
+						}
+					})
+					
+					
+					if (this.page == 1) {
+						this.arr = list
+					} else {
+						this.arr = this.arr.concat(list)
+					}
+					
+					if (list.length < 10) {
+						this.noMoreShow = true
+					} else {
+						this.noMoreShow = false
+					}
+					
+					
+				})
+			},
+		},
+		// 下拉刷新 上拉加载更多
+		onPullDownRefresh() {
+			this.page = 1;
+			this.getItemData()
+			
+			this.getDetailData()
+			setTimeout(function() {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		},
+		onReachBottom() {
+			this.page++;
+		
+			this.getItemData()
+		
+		},
 	}
 </script>
 
 <style>
 	.box {
 		min-height: 100vh;
-		background: #F4F5F7;
+		background: #F4F5F7;
+		padding-bottom: 20rpx;
 	}
 	.headerView{
 		padding: 20rpx 16rpx;
@@ -85,6 +179,9 @@
 		font-size: 28rpx;
 		color: #999999;
 	}
+	.state{
+		font-size: 28rpx;
+	}
 	.name{
 		font-size: 28rpx;
 		color: #3C3C3C;
@@ -98,5 +195,11 @@
 	.content{
 		font-size: 28rpx;
 		color: #666666;
+	}
+	.noMore {
+		text-align: center;
+		line-height: 50rpx;
+		color: #999999;
+		font-size: 28rpx;
 	}
 </style>

pages/me/invitePeople.vue

@@ -0,0 +1,155 @@
+<template>
+	<view class="box">
+			
+				<!-- 明细 -->
+				<view class="mingxiBg"  v-if="arr.length > 0">
+					
+						<view v-for="(item,index) in arr" :key="index">
+							<view class="itemBg">
+								<image :src='item.headUrl' mode="" style="width: 72rpx; height: 72rpx; border-radius: 36rpx;"></image>
+								<view class="nickName" v-if="item.nickName">{{item.nickName}}</view>
+								<view class="time">{{item.createTime.slice(0,item.createTime.length-8)}}</view>
+								
+							</view>
+						</view>
+					
+					
+					
+				</view>
+				
+			<!-- 上拉 加载更多 -->
+			<view class="noMore" v-if="noMoreShow">没有更多数据</view>
+			<!-- 无数据空白页 -->
+			<nodata v-if="arr.length==0"></nodata>
+			
+	</view>
+</template>
+
+<script>
+	import nodata from '../../components/nodata/nodata.vue'
+	export default {
+		components: {
+			nodata,
+		},
+		
+		data() {
+			return {
+				arr: [],
+				page: 1,
+				noMoreShow: false,
+				
+			}
+		},
+		onShow() {
+			
+			this.page = 1;
+			this.getItemData();
+		},
+		methods: {
+			
+			getItemData() {
+				uni.showLoading({
+					title: '加载中'
+				})
+				let url = 'worldKeepCar/worldDistribution/listSubMemberPage',
+					params = {
+						page:this.page,
+						limit:10,
+					}
+				this.$http(url, params, 'GET').then(res => {
+					uni.hideLoading();
+					var list = res.data.Items
+					
+					// 处理 undefined和null转为空白字符串
+					list.forEach((item, index) => {
+						for (const key in item) {
+							item[key] = this.$praseStrEmpty(item[key])
+						}
+					})
+					
+					
+					if (this.page == 1) {
+						this.arr = list
+					} else {
+						this.arr = this.arr.concat(list)
+					}
+					
+					if (list.length < 10) {
+						this.noMoreShow = true
+					} else {
+						this.noMoreShow = false
+					}
+					
+					
+				})
+			},
+		},
+		// 下拉刷新 上拉加载更多
+		onPullDownRefresh() {
+			this.page = 1;
+			this.getItemData()
+			
+			
+			setTimeout(function() {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		},
+		onReachBottom() {
+			this.page++;
+		
+			this.getItemData()
+		
+		},
+	}
+</script>
+
+<style>
+	.box {
+		min-height: 100vh;
+		background: #F4F5F7;
+		padding-top: 20rpx;
+	}
+	.mingxiBg{
+		margin: 0rpx 24rpx;
+		background-color: #FFFFFF;
+		
+		border-radius: 10rpx;
+		padding: 20rpx;
+	}
+	
+	
+	.itemBg {
+	
+		height: 98rpx;
+		
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+	
+	.nickName {
+		font-size: 30rpx;
+		color: #3C3C3C;
+		flex-grow: 1;
+		margin: 0 15rpx;
+	}
+	
+	.time {
+		font-size: 30rpx;
+		color: #999999;
+		margin: 0 15rpx;
+	}
+	
+	.jine {
+		font-size: 32rpx;
+		color: #FF4F00;
+		font-weight: bold;
+		margin: 0 15rpx;
+	}
+	.noMore {
+		text-align: center;
+		line-height: 50rpx;
+		color: #999999;
+		font-size: 28rpx;
+	}
+</style>