YZProjectCloud/yanzhu-ui-app/pages/information/index2.vue

94 lines
2.4 KiB
Vue
Raw Normal View History

2024-08-17 12:11:19 +08:00
<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="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>
<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>
</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/index3')" 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:'',
},
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>