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" @goUp="goUpZhaopianZiliao" @goNext="goNextZhaopianZiliao"
			v-show="current ==2"></zhaopianZiliao>
		<banzhengXinxi ref="banzhengXinxi" @goUp="goUpBanzhengXinxi" 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,
				//	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.tabs.map((item, i) => {
					if (i == this.current) item.disabled = false
					return item
				})
				console.log('this.tabs', this.tabs);
			},
			goUpQiuzhixinxi(data, num) {
				this.current = num - 1
			},
			goNextQiuzhixinxi(data, num) {
				this.current = num + 1
				this.tabs = this.tabs.map((item, i) => {
					if (i == this.current) item.disabled = false
					return item
				})
					console.log('this.tabs', this.tabs);
			},
			goUpZhaopianZiliao(data, num) {
				this.current = num - 1
			},
			goNextZhaopianZiliao(data, num) {
				this.current = num + 1
				this.tabs = this.tabs.map((item, i) => {
					if (i == this.current) item.disabled = false
					return item
				})
			},
			goUpBanzhengXinxi(data, num) {
				this.current = num - 1
			}
		}
	}
</script>