<template>
	<view>
		<navbar titlenav=""></navbar>
		<view class="box">
			<view style="line-height: 60rpx;">
				<view style="font-size: 18px;font-weight: 600;display: flex;justify-content: space-between">
					<view class="">
						请先完善个人简历
					</view>
					<view class="" style="font-size: 16px;font-weight: 500;">
						跳过
					</view>
				</view>
				<view class="">
					信息安全保护中，请放心填写
				</view>
			</view>
			<view class="" style="margin-top: 40rpx;">
				<u--form labelPosition="top" labelWidth="300" :model="formData" :rules="rules" ref="uForm">
					<u-form-item label="工作年限">
						<u--input v-model="formData.statusNum" type="number" inputAlign="center" disabledColor="#ffffff"
							placeholder="开始时间"></u--input>---
						<u--input v-model="formData.endNum" type="number" inputAlign="center" disabledColor="#ffffff"
							placeholder="结束时间"></u--input>
						<!-- <u-icon slot="right" name="arrow-right"></u-icon> -->
					</u-form-item>
					<u-form-item label="公司名称(最近一份工作)" borderBottom>
						<u--input v-model="formData.name" disabledColor="#ffffff" placeholder="请输入公司名称"></u--input>
					</u-form-item>
					<u-form-item label="技能标签" borderBottom>
						<u--input v-model="formData.name" disabledColor="#ffffff" placeholder="请输入学校名称"></u--input>
					</u-form-item>
					<u-form-item label="个人优势" borderBottom>
						<u--textarea v-model="formData.value" placeholder="请输入内容"></u--textarea>
					</u-form-item>
				</u--form>
			</view>
			<view class="wada" style="height: 300rpx;">
				
			</view>
			<view style="position: fixed;bottom: 0;left: 0;width: 100%;padding: 40rpx;">
				<view class="" style="margin-bottom: 40rpx;">
					<u-button text="上一步" type="success" @click="back()" shape="circle"></u-button>
				</view>
				<u-button text="下一步" type="success" @click="toNext('/pages/information/end')" shape="circle"></u-button>
			</view>
		</view>
		<u-picker :show="show" :columns="columns" @confirm="confirm" @cancel="show = false"></u-picker>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false,
				columns: [
					['硕士', '本科', '大专', '高中', '初中']
				],
				formData: {
					name: null,
					degree: '',
					value: '',
					statusNum: null,
					endNum: null,
				},
				rules: {
					'name': {
						type: 'string',
						required: true,
						message: '请填写姓名',
						trigger: ['blur', 'change']
					},
				},
			};
		},
		onLoad() {

		},
		methods: {
			confirm(e) {
				this.formData.degree = e.value[0]
				this.show = false
			},
			back() {
				uni.navigateBack()
			},
			toNext(url) {
				uni.navigateTo({
					url: url
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.box {
		margin: 40rpx;
	}
</style>