111

pages/user/jiedian.vue

@@ -1,205 +1,185 @@
 <template>
 	<view class="contant">
-		<view class="jiedian-box" v-for="(item,index) in jieList">
+		<view class="jiedian-box" v-for="(item, index) in jieList">
 			<view class="box-top">
 				<view class="title-top">
-					<view class="img">
-						<image src="../../static/img/jiedian01.png" mode=""></image>
-					</view>
-					<view class="title">
-						响亮节点
-					</view>
+					<view class="img"><image src="../../static/img/jiedian01.png" mode=""></image></view>
+					<view class="title">响亮节点</view>
 				</view>
-				<!-- <view class="xiangqing" @click="navTo(item.id)">
-					详情>
-				</view> -->
-				<text class="xiangqing" @click="navTo(item.id)">
+				<view class="xiangqing" @click="navTo(item.id)">
+					详情
+					<text>></text>
+				</view>
+				<!-- <text class="xiangqing" @click="navTo(item.id)">
 						详情>
-					</text>
+					</text> -->
 			</view>
 			<view class="box-bottom">
 				<view class="shouyi">
-					<view class="jiedian">
-						节点收益
-					</view>
-					<view class="number">
-						{{item.get}}
-					</view>
+					<view class="jiedian">节点收益</view>
+					<view class="number">{{ item.get }}</view>
 				</view>
 				<view class="shouyi">
-					<view class="jiedian">
-						团队人数
-					</view>
-					<view class="number">
-						{{item.children_num}}
-					</view>
+					<view class="jiedian">团队人数</view>
+					<view class="number">{{ item.children_num }}</view>
 				</view>
 				<view class="shouyi">
-					<view class="jiedian">
-						参加时间
-					</view>
-					<view class="number">
-						{{item.add_time | getTime}}
-					</view>
+					<view class="jiedian">参加时间</view>
+					<view class="number">{{ item.add_time | getTime }}</view>
 				</view>
 			</view>
-
 		</view>
-		<uni-load-more  :status="loadingType"></uni-load-more>
+		<uni-load-more :status="loadingType"></uni-load-more>
 	</view>
 </template>
 
 <script>
-	import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
-	// import getTime from '../../utils/rocessor.js'
-	import {
-		lookSubpoints,
-		lookOneself
-	} from '../../api/user.js'
-	export default {
-		data() {
-			return {
-				jieList: [],
-				page: 1, //当前页数
-				limit: 10, //每次信息条数
-				loadingType: 'more',
-			};
-		},
-		filters: {
-			getTime(val) {
-				let str = ''
-				if(val) {
-					const date = new Date(val*1000);
-					const year = date.getFullYear();
-					const mon = date.getMonth() + 1;
-					const day = date.getDate();
-					const hours = date.getHours();
-					const minu = date.getMinutes();
-					const sec = date.getSeconds();
-					str =  year + '-' + mon + '-' + day + ' ' + hours + ':' + minu + ':' + sec;
-				}
-				return str
+import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
+import { lookSubpoints, lookOneself } from '../../api/user.js';
+export default {
+	data() {
+		return {
+			jieList: [],
+			page: 1, //当前页数
+			limit: 10, //每次信息条数
+			loadingType: 'more'
+		};
+	},
+	filters: {
+		getTime(val) {
+			let str = '';
+			if (val) {
+				const date = new Date(val * 1000);
+				const year = date.getFullYear();
+				const mon = date.getMonth() + 1;
+				const day = date.getDate();
+				const hours = date.getHours();
+				const minu = date.getMinutes();
+				const sec = date.getSeconds();
+				str = year + '-' + mon + '-' + day + ' ' + hours + ':' + minu + ':' + sec;
 			}
-		},
-		// onLoad() {
-		// 	this.lookMyjiedian()
-		// },
-		onShow() {
-			this.lookMyjiedian()
-		},
-		onReachBottom(){
-			this.lookMyjiedian()
-		},
-		methods: {
-			lookMyjiedian() {
-				let obj = this
-				if(obj.loadingType=="noMore" ||obj.loadingType=='loading'){
-					return
-					
-				}
-				obj.loadingType ='loading'
-				lookOneself(
-				{
-					page: obj.page,
-					limit: obj.limit
-				}).then(res => {
-					
-					console.log(res);
-					obj.jieList = obj.jieList.concat(res.data.points)
-					if(res.data.points.length!=obj.limit){
-						obj.loadingType='noMore'
-						
-					}else{
-						obj.loadingType = 'more'
-						obj.page++
-					}
-					console.log(obj.loadingType, '2222222');
-				})
-			},
-			navTo(id) {
-				uni.navigateTo({
-					url: './jiedianDetails?id=' + id
-				})
+			return str;
+		}
+	},
+	// onLoad() {
+	// 	this.lookMyjiedian()
+	// },
+	onShow() {
+		this.lookMyjiedian();
+	},
+	onReachBottom() {
+		this.lookMyjiedian();
+	},
+	methods: {
+		lookMyjiedian() {
+			let obj = this;
+			if (obj.loadingType == 'noMore' || obj.loadingType == 'loading') {
+				return;
 			}
+			obj.loadingType = 'loading';
+			lookOneself({
+				page: obj.page,
+				limit: obj.limit
+			}).then(res => {
+				console.log(res);
+				obj.jieList = obj.jieList.concat(res.data.points);
+				if (res.data.points.length != obj.limit) {
+					obj.loadingType = 'noMore';
+				} else {
+					obj.loadingType = 'more';
+					obj.page++;
+				}
+				console.log(obj.loadingType, '2222222');
+			});
+		},
+		navTo(id) {
+			uni.navigateTo({
+				url: './jiedianDetails?id=' + id
+			});
 		}
 	}
+};
 </script>
 
 <style lang="scss">
-	page,.contant {
-		// background: #F3F3F3;
-		
-		margin: 0;
-		padding: 0;
-		height: 100%;
-		width: 100%;
-	}
-
-	.jiedian-box {
-
-		background: #FFFFFF;
+page,
+.contant {
+	// background: #F3F3F3;
+
+	margin: 0;
+	padding: 0;
+	height: 100%;
+	width: 100%;
+}
+
+.jiedian-box {
+	background: #ffffff;
+	display: flex;
+	flex-direction: column;
+	padding: 30rpx;
+	justify-content: space-between;
+	margin: 20rpx 30rpx;
+	border-radius: 15rpx;
+	box-shadow: 2px 2px 0px #ebeef5;
+}
+
+.box-top {
+	display: flex;
+	justify-content: space-between;
+	text-align: center;
+	line-height: 1;
+	.title-top {
 		display: flex;
-		flex-direction: column;
-		padding: 30rpx;
-		justify-content: space-between;
-		margin: 20rpx 30rpx;
-		border-radius: 15rpx;
-		box-shadow: 2px 2px 0px #EBEEF5;
-	}
-
-	.box-top {
-		display: flex;
-		justify-content: space-between;
+		justify-content: center;
 		text-align: center;
 
-		.title-top {
-			display: flex;
-			justify-content: center;
-			text-align: center;
-
-			.img {
-				width: 40rpx;
-				height: 40rpx;
-
-				image {
-					width: 100%;
-					height: 100%;
-				}
-			}
-
-			.title {
-				margin-left: 5rpx;
-				font-size: 32rpx;
-				font-weight: bold;
+		.img {
+			width: 40rpx;
+			height: 40rpx;
 
+			image {
+				width: 100%;
+				height: 100%;
 			}
 		}
 
-		.xiangqing {
-			color: red;
-			font-size: 28rpx;
-			line-height: 40rpx;
+		.title {
+			margin-left: 5rpx;
+			font-size: 32rpx;
+			font-weight: bold;
 		}
 	}
 
-	.box-bottom {
-		margin-top: 20rpx;
-		display: flex;
-		flex-direction: column;
-		justify-content: space-between;
-		text-align: center;
-	}
-
-	.shouyi {
-		margin: 6rpx 0;
-		display: flex;
-		justify-content: space-between;
-	}
-
-	.jiedian {
-		font-size: 26rpx;
-		color: #999999;
+	.xiangqing {
+		color: red;
+		font-size: 28rpx;
+		line-height: 40rpx;
+		text {
+			display: inline-block;
+			margin-left: 10rpx;
+		}
 	}
-
-	.number {}
+}
+
+.box-bottom {
+	margin-top: 20rpx;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	text-align: center;
+}
+
+.shouyi {
+	margin: 6rpx 0;
+	display: flex;
+	justify-content: space-between;
+}
+
+.jiedian {
+	font-size: 26rpx;
+	color: #999999;
+}
+
+.number {
+}
 </style>

pages/user/jiedianDetails.vue

@@ -22,7 +22,7 @@
 			</view>
 		</view>
 		<view class="box-1">
-			<view class="tuandui-box" v-for="item in childrenList">
+			<view class="tuandui-box" v-for="item in childrenList" @click="next(item.id)">
 				<view class="box-img">
 					<image :src="item.user.avatar" mode=""></image>
 				</view>
@@ -44,14 +44,14 @@
 						<view class="xianlu">
 							线路：{{item.way}}
 						</view>
-						<!-- <view class="number">
-							团队共{{item.parent_id}}人
-						</view> -->
 					</view>
 				</view>
 			</view>
 		</view>
 		<uni-load-more :status="loadingType"></uni-load-more>
+		<view class="btn" v-if="parentList.length != 0" @click="back()">
+			返回上一层
+		</view>
 	</view>
 </template>
 
@@ -68,6 +68,7 @@
 		data() {
 			return {
 				dtailId: '',
+				parentList:[],//父亲节点
 				childrenList: [],
 				jieList: [],
 				childrenNum: '',
@@ -96,8 +97,6 @@
 		},
 		onLoad(option) {
 			this.detailId = option.id
-			console.log(this.detailId, '上一个页面');
-			console.log(option, '22223333');
 			this.lookDetail()
 			this.lookMyjiedian()
 
@@ -108,19 +107,17 @@
 				lookOneself().then(res => {
 
 					console.log(res);
-					obj.jieList = res.data.points.map(e => {
-						return e
-					})
+					obj.jieList = res.data.points;
 					console.log(obj.jieList, '11');
 					obj.childrenNum = obj.jieList[0].children_num
 					obj.money = obj.jieList[0].get
 					console.log(obj.childrenNum, obj.money);
 				})
 			},
-			
 			lookDetail() {
 				let obj = this
 				if(obj.loadingType=='loading' || obj.loadingType=='noMore'){
+					console.log("进入");
 					return
 				}
 				obj.loadingType = 'loading'
@@ -139,11 +136,25 @@
 						obj.loadingType='more'
 						obj.page++
 					}
-					
-					
-
 					console.log(obj.childrenList, '详细数据1');
 				})
+			},
+			next(id) {
+				console.log(id,"id");
+				if(this.parentList.length == 11) {
+					return
+				}
+				this.parentList.push(this.detailId)
+				this.detailId = id
+				this.loadingType='more'
+				this.childrenList = [],
+				this.lookDetail()
+			},
+			back() {
+				this.detailId = this.parentList.pop();
+				this.loadingType='more'
+				this.childrenList = [],
+				this.lookDetail()
 			}
 		}
 	}
@@ -284,4 +295,21 @@
 			}
 		}
 	}
+.btn {
+	position: fixed;
+	bottom: 30rpx;
+	left: 0;
+	right: 0;
+	margin: 0 auto;
+	width: 604rpx;
+	height: 90rpx;
+	border: 2px solid #F21F5D;
+	border-radius: 45rpx;
+	font-size: 34rpx;
+	font-family: SourceHanSansCN;
+	font-weight: 400;
+	color: #EF0E74;
+	line-height: 90rpx;
+	text-align: center;
+}
 </style>