103 lines
2.7 KiB
Vue
103 lines
2.7 KiB
Vue
|
<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>
|