接口更新

2023-09-22 17:34:42 +08:00
parent 24c0363a45
commit b902557a6a
3 changed files with 191 additions and 120 deletions
--- a/pages/peanut/home.vue
+++ b/pages/peanut/home.vue
@@ -186,61 +186,45 @@
 			<b></b>
 			<text>精选商品</text>
 			<!-- <i @click="onShopMore('Hot')">查看更多 ></i> -->
-			<i @click="onPageJump('../bookShop/classify')">查看更多 ></i>
-		</view>
-		<view class="ProTabs">
-			<text :class="[tabsNumber == 0 ? 'cur' :'']" @click="tabsChange(0)">精选图书</text>
-			<text :class="[tabsNumber == 1 ? 'cur' :'']" @click="tabsChange(1)">折扣图书</text>
+			<!-- <i @click="onPageJump('../bookShop/classify')">查看更多 ></i> -->
 		</view>
+		<scroll-view class="scroll-view_H " scroll-x="true" scroll-left="0">
+			<view class="ProTabs">
+				<text v-for="item in tagList" :key="item.splId" :class="[tabsid == item.splId ? 'cur' :'']" @click="tabsChange(item)">{{item.labelName}}</text>			
+			</view>
+		</scroll-view>
 		<!-- 商品展示 -->
 		<view class="goods">
 			<!-- 精选 -->
-			<view class="" v-show="tabsNumber == 0">
-				<view class="" v-if="goodsList.length > 0">
-				<view class="goodsItem" v-for="(item,index) in goodsList" :key="item.productId"
-					@click="goDetail(item.productId)">
-					<image :src="item.productImages" mode="" class="goodsImg"></image>
+			<view class="" >
+				<view class="" v-if="tjProList.length > 0">
+				<view class="goodsItem" v-for="(item,index) in tjProList" :key="index"
+					@click="goDetail(item.shopproudicts[0].productId)">
+					<image :src="item.shopproudicts[0].productImages" mode="" class="goodsImg"></image>
 					<view class="goodsContent">
 						<view class="goodsName">
-							{{item.productName}}
+							{{item.shopproudicts[0].productName}}
 						</view>
 						<view class="goodsPrice">
-							<span class="price" v-if="item.activityPrice && item.activityPrice > 0">￥{{item.activityPrice}}</span>
-							<span class="price" v-else>￥{{item.price}}</span>
-							<span class="Salesnum">已售：{{item.sumSales}} 件</span>
+							<span class="price" v-if="item.shopproudicts[0].activityPrice && item.shopproudicts[0].activityPrice > 0">￥{{item.shopproudicts[0].activityPrice}}</span>
+							<span class="price" v-else>￥{{item.shopproudicts[0].price}}</span>
+							<span class="Salesnum">已售：{{item.shopproudicts[0].sumSales}} 件</span>
 						</view>
 					</view>
 				</view>
 				<br clear="both">
+				<view v-if="status==0" style="text-align: center;">
+					<u-loading-icon style="display: inline-block;"></u-loading-icon>
+					<font style='vertical-align: super;margin-left: 10px;font-size: 26rpx;color: #909399;'>努力加载中</font>
 				</view>
-				<u-divider v-else text="暂无精选书籍哦~"></u-divider>
+				<view v-if="status==1">
+					<u-divider text="全部加载完成"></u-divider>
+				</view>
+				</view>
+				<u-divider v-else text="暂无数据哦~"></u-divider>
+				
 			</view>	
-			<!-- 折扣 -->
-			<view class="zhekou" v-show="tabsNumber == 1">
-				<view v-if="offSaleList.length > 0">
-				<view class="goodsItem" v-for="(item,index) in offSaleList" :key="item.productId"
-					@click="goDetail(item.productId)">
-					<image :src="item.productImages" mode="" class="goodsImg"></image>
-					<view class="goodsContent">
-						<view class="goodsName">
-							{{item.productName}}
-						</view>
-						<view class="goodsPrice flexbox">
-							<view class="activityPrice">
-								<span class="price" v-if="item.activityPrice && item.activityPrice > 0">
-								<i style="font-style: normal; font-size: 28rpx;">￥</i>{{item.activityPrice}}</span>
-							</view>
-							<view class="priceAndnum">
-								<span class="price">原价：￥<span style="text-decoration:line-through;">{{item.price}}</span></span>
-								<span class="Salesnum">已售：{{item.sumSales}} 件</span>
-							</view>							
-						</view>
-					</view>
-				</view>
-				<br clear="both">
-				</view>
-				<u-divider v-else text="暂无折扣书籍哦~"></u-divider>
-			</view>		
+						
 		</view>


@@ -269,8 +253,8 @@
 				showEbook:false,    // 显示电子书相关
 				transaction: { // 成功回调
 				
-				},
-				tabsNumber : 0,
+				},				
+				tabsNumber : null,
 				scrollLeft:0,
 				maxTimes:1, // 轮询最大次数
 				ComplateRequestInterval:null, // 轮询定时器
@@ -284,6 +268,7 @@
 					'../../static/icon/home_ban_3.jpg',
 				],
 				xinsList: [],
+				loadingNow: false,
 				limiTist: [],
 				jingList: [],
 				seckillList: [],
@@ -298,6 +283,12 @@
 					fontWeight: 'bold',
 					color: '#54a966',
 				},
+				tagList:[] ,// 推荐标签列表
+				pageSize:10,
+				page:1,
+				totalPage:0,
+				tjProList:[],
+				status : 3
 			};
 		},
 		onPageScroll(e) {
@@ -307,15 +298,15 @@
 		onLoad(e) {
 			// 隐藏原生的tabbar
 			uni.hideTabBar();
-		    // this.requestIapOrder()
+		    // this.requestIapOrder()			
 		},
 		//页面显示
 		onShow() {
 			// 隐藏原生的tabbar
+			this.tjProList = []
 			uni.hideTabBar();
-			this.getData();			
-			
-			
+			this.getData();	
+			this.getTags()
 		},
 		// 页面加载完毕
 		onReady() {
@@ -323,11 +314,25 @@
 		},
 		// 下拉刷新
 		onPullDownRefresh() {
+			this.page = 1
+			this.tjProList = []
 			this.getData()
+			this.getTags()
 			uni.stopPullDownRefresh()
 			this.requestIapOrder()			
 		},
-
+		onReachBottom() {
+			this.loadingNow = true
+			console.log('到底了')
+			if(this.page+1 <= this.totalPage){
+				this.status = 0
+				this.page++
+				this.getJtData()
+			}else{
+				this.status = 1
+			}
+			
+		},

 		filters: {
 			// 控制字数
@@ -350,11 +355,53 @@
 		},
 		//方法
 		methods: {
-			...mapMutations(['setUserInfo']),
-			tabsChange(num){
-				if(num != this.tabsNumber){
-					this.tabsNumber = num
-				}
+			...mapMutations(['setUserInfo']),			
+			// 获取商品标签
+			    getTags() {
+					this.loadingNow = false		
+					this.$http
+					.post('book/label/getLabels')
+					.then(res => {
+						console.log(res,'标签列表')
+						if(res.code == 0 && res.result.labels.length > 0){
+							this.tagList = res.result.labels
+							this.tabsid = this.tagList[0].splId
+							this.getJtData()
+						}						
+					}).catch(e => {
+						console.log(e,'e')
+					});
+			    },
+			tabsChange(item){
+				    this.tjProList = []
+					this.tabsid = item.splId
+					this.page = 1
+					// 获取推荐数据
+					this.getJtData()
+			},
+			getJtData(){
+				
+				console.log('++++++++')
+				this.$http
+				.post('book/label/list',{
+					'splId': this.tabsid,
+					'limit': this.pageSize,
+					'page': this.page
+				})
+				.then(res => {
+					
+					if(res.code == 0 && res.page.list.length > 0){
+						this.tjProList = this.tjProList.concat(res.page.list)
+						this.totalPage = res.page.totalPage
+						this.status = 3	
+						console.log(this.tjProList,'按标签检索结果')
+					}else{
+						this.tjProList = []
+						this.totalPage = 0
+					}						
+				}).catch(e => {
+					console.log(e,'e')
+				});
 			},
 			// 获取折扣图书
 			getOffSale(){
@@ -376,7 +423,7 @@
 			getNewBook(){
 				this.$http
 					.post('book/shopproduct/getNewBook',{
-						'limit': 10,
+						'limit': 4,
 						'page':1
 					})
 					.then(res => {
@@ -566,13 +613,13 @@
 				// 	})

 				// 获取精选商品
-				this.$http
-					.post('book/shopproduct/appGetList?limit=30&page=1&istop=1')
-					.then(res => {
-						console.log(res.page.list,'首页商品')
-						this.goodsList = res.page.list
-					})
-				this.getOffSale()	
+				// this.$http
+				// 	.post('book/shopproduct/appGetList?limit=30&page=1&istop=1')
+				// 	.then(res => {
+				// 		console.log(res.page.list,'首页商品')
+				// 		this.goodsList = res.page.list
+				// 	})
+				//this.getOffSale()	
 				this.getNewBook()
 			},