<template>
	<view>
		<homebar titlenav=""></homebar>
		<view class="" style="position: fixed;left: 50rpx;top: 50rpx;font-size: 60rpx;" @click="show=false" v-if="show">
			x
		</view>
		<view class="centerbox" v-if="show">
			<view style="text-align:center;font-weight: 600;font-size: 40rpx;line-height: 80rpx;margin-top: 200rpx;">
				<view>信息创建成功</view>
			</view>
			<view style="margin: 40rpx 0;">
				<view style="margin: 20rpx 0;">
					上次真实头像，回复率高
				</view>
				<view>
					<img src="@/static/nav.png" alt="" />
				</view>
				<view class="" style="margin: 40rpx 200rpx; ">
					<u-button text="寻找兼职" type="success" @click="show=false" shape="circle"></u-button>
				</view>
			</view>
		</view>
		<view class="" v-if="!show" style="margin:0 40rpx;">
			<view class="" style="text-align: center;font-weight: 600;margin: 40rpx;">
				个人简历隐私设置
			</view>
			<view class="">
				<u-radio-group v-model="radiovalue" placement="column" @change="groupChange">
					<u-radio :customStyle="{marginBottom: '8px'}" v-for="(item, index) in radiolist" :key="index"
						:label="item.name" :name="item.name" @change="radioChange">
						<view>
							<view class="">
								{{item.name}}
							</view>
							<view class="">
								{{item.text}}
							</view>
						</view>
					</u-radio>
					
				</u-radio-group>
			</view>
			<view class="" style="margin: 20rpx 0;">
				如悉并同意：公开后，在您选择的可见范围内，招
				聘方主动下载简历时，只能看到您的全名不能看到
				您的真实电话号码。
			</view>
			<view class="">
				之后可在“设置-隐私设置”中更改
			</view>
			<view class="" style="margin: 40rpx 200rpx; ">
				<u-button text="确定" type="success" @click="toNext('/pages/index')" shape="circle"></u-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: true,
				radiolist: [{
						name: '公开',
						// text:'招聘方可查看到您的个人信息，让好机会极速找到你',
						disabled: false
					},
					{
						name: '保密',
						// text:'招聘方无法在站内查看到您的联系方式，好机会可能会溜走哦',
						disabled: false
					},
				],
				// u-radio-group的v-model绑定的值如果设置为某个radio的name，就会被默认选中
				radiovalue: '苹果',
			};
		},
		methods: {
			toNext(url) {
				uni.reLaunch({
					url: url
				})
				// uni.reLaunch({
				// 	url:'/pages/index'
				// })
			},
			groupChange(n) {
				console.log('groupChange', n);
			},
			radioChange(n) {
				console.log('radioChange', n);
			}
		}
	}
</script>

<style lang="scss">
	.centerbox {
		text-align: center;
		display: flex;
		flex-direction: column;
	}
</style>