JianjianStreet-H5/pages/jianhua/index.vue

<template>
	<view class="home-pages">
		<u-swiper
		:list="swpList"
		 keyName="image"
		indicator
		height="150"
		indicatorActiveColor="#FFFFFF"
		indicatorMode="dot"
		circular
		></u-swiper>
		<view style="color: #707070;
			font-size: 28rpx;">
		</view>
		<view class="home-content">
			<u-tabs
			:list="tabList"
			lineWidth="70"
			lineHeight="3"
			lineColor= "#00CCCC"
			:activeStyle="{
				color: '#000000',
				fontWeight: 'bold',
				transform: 'scale(1.35)'
			}"
			:inactiveStyle="{
				color: '#000000',
				transform: 'scale(1)'
			}"
			itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;"
			@click="tabClick"
			>
			</u-tabs>
			<scroll-view scroll-y="true" class="scroll-Y" @scrolltolower="lower">
				<template v-if="current == 0">
					<active-card v-for="(item,i) in jobList" :item="item" :key="i" :i="i"  @seeDetail="seeDetail"></active-card>
				</template>
				<template v-if="current == 1">
					<new-card v-for="(item,i) in houseList" :key="i" :item="item" @seeDetail="newDetail"></new-card>
				</template>
				<template v-if="current == 2">
					<shopCard v-for="(item,i) in shopList" :key="i" :item="item" @seeDetail="jianHuaNewDetail"></shopCard>
				</template>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	import newCard from '@/components/new-card/index.vue'
	import activeCard from '@/components/active-card/index.vue'
	import shopCard from '@/components/jianghua-card/shop-card.vue'
	export default{
		components:{
			activeCard,
			newCard,
			shopCard
		},
		data(){
			return{
				current:0,
				swpList:[],
				tabList: [
					{
						id:'1623505640888492033',
						name:'江华招聘',
					},
					{
						id:'1685924287505633281',
						name:'江华房源',
					},
					{
						id:'1685924287505633281',
						name:'积分商城',
					}
				],
				houseList:[],
				jobList:[],
				shopList:[],
				params:{
					classId:'1623505640888492033',
					labelClass:'1623505640888492033',
					pageNo:1,
					pageSize:10,
					total: null,
					isLock: true
				},
			}
		},
		onLoad() {
			this.getbannerList();
			this.getJobList();
		},
		// 隐藏微信h5的标题栏
		onReady() {
			this.$com.displayNav()
		},
		methods:{
			seeDetail(item){//查看详情
				this.$api('myInfo')
				.then(res=>{
					if(res.code == 200){
						this.role = res.result.role;
						this.userInfo = res.result;
						this.$store.commit('set_userInfo',res.result)
						uni.navigateTo({
							url:`/pages/home/course-detial?id=${item.id}`
						})
					}else{
						this.$Toast('请先登录！')
						setTimeout(()=>{
							uni.navigateTo({
								url:'/pages/my/login-kehu'
							})
						},1000)
						return
						this.userInfo = null
					}
				})
			},
			onPullDownRefresh() {
				this.houseList=[];
				this.jobList=[];
				this.shopList=[];
				this.params.pageNo = 1;
				this.params.total = null;
				this.params.isLock = true;
				if(this.current == 0){
					this.getJobList();
				}else if(this.current == 1){
					this.getHouseList()
				}else{
					this.getShopList();
				}
				uni.stopPullDownRefresh();
			},
			//获取租房信息
			getbannerList(){
				this.$api('bannerList',{state:'1'})
				.then(res=>{
					if(res.code == 200){
						this.swpList = res.result
					}
				})
			},
			//获取兼职信息
			getShopList(){
				uni.showLoading()
				this.$api('getJobShopList',{
					labelClass:'1623505640888492033',
					pageNo:this.params.pageNo,
					pageSize:this.params.pageSize,
				})
				.then(res=>{
					uni.hideLoading();
					if(res.code == 200){
						if(this.params.total== null) {
							this.params.total = res.result.total
						}
						
						if(this.params.pageNo>1){
							uni.hideLoading();
						}
						this.shopList = this.shopList.concat(res.result.records);
						this.params.isLock = true;
					}else {
						if(this.params.pageNo>1){
							uni.hideLoading();
						}
						this.params.isLock = true;
					}	
				})
			},
			//获取兼职信息
			getJobList(){
				uni.showLoading()
				this.$api('JobList',this.params)
				.then(res=>{
					uni.hideLoading();
					if(res.code == 200){
						if(this.params.total== null) {
							this.params.total = res.result.total
						}
						
						if(this.params.pageNo>1){
							uni.hideLoading();
						}
						this.jobList = this.jobList.concat(res.result.records);
						this.params.isLock = true;
					}else {
						if(this.params.pageNo>1){
							uni.hideLoading();
						}
						this.params.isLock = true;
					}	
				})
			},
			//获取房源信息
			getHouseList(){
				uni.showLoading()
				this.$api('getHouseList',this.params)
				.then(res=>{
					uni.hideLoading()
					if(res.code == 200){
						if(this.params.total== null) {
							this.params.total = res.result.total
						}
						if(this.params.pageNo>1){
							uni.hideLoading();
						}
						this.houseList = this.houseList.concat(res.result.records);
						this.params.isLock = true;
					}else {
						if(this.params.pageNo>1){
							uni.hideLoading();
						}
						this.params.isLock = true;
					}	
				})
			},
			//点击切换
			tabClick(e){
				this.params.classId=e.id;
				this.houseList=[];
				this.jobList=[];
				this.shopList=[];
				this.current = e.index;
				this.params.pageNo = 1;
				if(this.current == 0){
					this.getJobList();
				}else if(this.current == 1){
					this.getHouseList()
				}else{
					this.getShopList();
				}
				
			},
			jianHuaNewDetail(item){
				this.$api('myInfo')
				.then(res=>{
					if(res.code == 200){
						this.role = res.result.role;
						this.userInfo = res.result;
						this.$store.commit('set_userInfo',res.result)
						
						//如果不是会员请开通会员
						
						uni.navigateTo({
							url:`/pages/jianhua/course-detial?id=${item.id}`
						})
						
					}else{
						this.$Toast('请先登录！')
						setTimeout(()=>{
							uni.navigateTo({
								url:'/pages/my/login-kehu'
							})
						},1000)
						return
						this.userInfo = null
					}
				})
				
			},
			//查看详情
			newDetail(item){
				
				this.$api('myInfo')
				.then(res=>{
					if(res.code == 200){
						this.role = res.result.role;
						this.userInfo = res.result;
						this.$store.commit('set_userInfo',res.result)
						
						//如果不是会员请开通会员
						if(this.userInfo.isPay == 1){
							uni.navigateTo({
								url:`/pages/home/new-detail?id=${item.id}`
							})
						}else{
							this.$Toast("开通会员即可查看")
							//跳转到实名认证页面进行实名认证
							 setTimeout(()=>{   //设置延迟执行
							    uni.navigateTo({
							    	url:'/pages/my/list-renzhen'
							    })
							},2000);
						}
						
					}else{
						this.$Toast('请先登录！')
						setTimeout(()=>{
							uni.navigateTo({
								url:'/pages/my/login-kehu'
							})
						},1000)
						return
						this.userInfo = null
					}
				})
				
			},
			lower(){
				if(this.params.pageNo >= this.pages) return;
				this.params.pageNo ++;
				this.getHouseList();
			},
		}
	}
</script>

<style lang="scss" scoped>
	.home-pages {
		padding: 18rpx 29rpx 0;
		background-color: #F7F7F7;
		
		.scroll-Y {
			height: calc(100vh - 210rpx);
			padding-top: 20rpx;
			
		}
	}
</style>