<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>
				<view class="">
					信息安全保护中，请放心填写
				</view>
			</view>
			<view class="" style="margin-top: 40rpx;">
				<u--form labelPosition="top" labelWidth="100" :model="formData" :rules="rules" ref="uForm">
					<u-form-item label="兼职职位" @click="show = true;">
						<u--input v-model="formData.degree" disabled disabledColor="#ffffff" placeholder="请选择学历"
							border="none"></u--input>
						<u-icon slot="right" name="arrow-right"></u-icon>
					</u-form-item>
					<u-form-item label="兼职城市" borderBottom @click="show2 = true;">
						<u--input v-model="formData.degree" disabled disabledColor="#ffffff" placeholder="请选择城市"
							border="none"></u--input>
						<u-icon slot="right" name="arrow-right"></u-icon>
					</u-form-item>
					<u-form-item label="薪资要求" borderBottom>
						<u--input v-model="formData.degree" disabledColor="#ffffff" placeholder="请填写日薪"
							border="none"></u--input>
					</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/index4')"
					shape="circle"></u-button>
			</view>
		</view>
		<u-picker :show="show" :columns="columns" @confirm="confirm" @cancel="show = false"></u-picker>
		<u-picker :show="show2" :columns="columns2" @confirm="confirm2" @cancel="show2 = false"></u-picker>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false,
				columns: [
					['前端', '后端']
				],
				show2: false,
				columns2: [
					['西安', '宝鸡', '咸阳']
				],
				formData: {
					name: null,
					degree: '',
				},
				rules: {
					'name': {
						type: 'string',
						required: true,
						message: '请填写姓名',
						trigger: ['blur', 'change']
					},
				},
			};
		},
		onLoad() {

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

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