employ-front/pages/order/index.vue

<template>
	<view class="u-page se-w-vw-100">
		<u-subsection bg-color="#ff7a31" button-color="#f0b744" active-color="#ff7a31" inactive-color="#ffffff" :list="list" :current="current" @change="sectionChange"></u-subsection>
		<!--  招聘订单 -->
		<enterpriseBox ref="enterpriseBoxRef" v-if="current==0" />
		<!--求职订单  -->
		<masterBox ref="masterBoxRef" v-if="current==1" />
		
	</view>
</template>

<script>
	import masterBox from "./component/master.vue"
	import enterpriseBox from "./component/enterprise.vue"
	
	export default{
		components:{
			enterpriseBox,
			masterBox
		},
		data(){
			return{
				list: [
					{
						name: '招聘订单'
					},
					{
						name: '求职订单'
					}
				],
				current: 0,
			}
		},
		onReachBottom() {
			if(this.current==0){
				this.$refs.enterpriseBoxRef.onReach();
			}else if(this.current==1){
				this.$refs.masterBoxRef.onReach();
			}
		},
		onPullDownRefresh() {
			if(this.current==0){
				this.$refs.enterpriseBoxRef.onRefresh();
			}else if(this.current==1){
				this.$refs.masterBoxRef.onRefresh();
			}
		},
		methods:{
			sectionChange(index){
				this.current=index
			}
		}
	}
</script>

<style>
</style>