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

101 lines
2.8 KiB
Vue
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<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>