uniProject/pages/admin/Jiazheng/jiazhengUserManager.vue

<template>
	<view class="admin-jiazheng-page">
		<view class="icon-title-navBar-box">
			<view @click="goUpPage" class="nav-bar-icon"></view>
			<text class="nav-bar-title">家政人员</text>
		</view>
		<v-tabs v-model="current" :tabs="tabs" :scroll="false" @change="changeTab" field="name" class="admin-tab-box"></v-tabs>	
		<gerenZiliao ref="gerenZiliao" @goNext="gerenziliaoNext" v-show="current ==0"></gerenZiliao>
		<qiuzhiXinxi ref="qiuzhiXinxi" @goUp="goUpQiuzhixinxi" @goNext="goNextQiuzhixinxi" v-show="current ==1"></qiuzhiXinxi>
		<zhaopianZiliao ref="zhaopianZiliao" v-show="current ==2"></zhaopianZiliao>
		<banzhengXinxi ref="banzhengXinxi" v-show="current ==3"></banzhengXinxi>
	</view>
</template>

<script>
	import {
		ref
	} from "vue";
	import banzhengXinxi from './banzhengXinxi.vue';
	import qiuzhiXinxi from './qiuzhiXinxi.vue';
	import zhaopianZiliao from './zhaopianZiliao.vue';
	import gerenZiliao from './gerenZiliao.vue';
	export default {
		data() {
			return {
				current: 0,
				tabCurrent: 0,
			//	tabs: ['个人资料', '求职信息', '照片资料', '办证信息']
				tabs: [
				  { id: 1, name: '个人资料', disabled: false },
				  { id: 2, name: '求职信息', disabled: true },
				  { id: 3, name: '照片资料', disabled: true },
				  { id: 4, name: '办证信息', disabled: true },
				
				],
				
			}
		},
		components: {
			banzhengXinxi,
			qiuzhiXinxi,
			gerenZiliao,
			zhaopianZiliao,
		},
		methods: {
			changeTab(data) {
				console.log('data',data);
			},
			goUpPage() {
				uni.redirectTo({
					url: `/pages/admin/Jiazheng/jiazhengUserInfo`
				})
			},
			gerenziliaoNext(data,num) {
				console.log('data',data);
				console.log('num',num);
				this.current = num + 1
				this.tabs[this.current].disabled = false
			},
			goUpQiuzhixinxi(data,num){
				this.current = num - 1
			},
			goNextQiuzhixinxi(data,num){
				
			},
		}
	}
</script>