@@ -1,46 +1,46 @@
<!-- 个人 招工 -- >
< template >
< view >
< view class = "u-demo-block__content" >
<!-- 注意 ， 如果需要兼容微信小程序 ， 最好通过setRules方法设置rules规则 -- >
<!-- 个体 招工 -- >
< template >
< view >
< view class = "u-demo-block__content" >
<!-- 注意 ， 如果需要兼容微信小程序 ， 最好通过setRules方法设置rules规则 -- >
< u--form labelPosition = "left" :model = "info" ref = "form1" >
< view style = "font-size: 30rpx;font-weight: bold;padding: 20rpx 0 0;" > 招工信息 < / view >
< u-form-item label = "招工名称" prop = "jobName" borderBottom labelWidth = "80" ref = "item1" >
< u--input v-model = "info.jobName" border="none" placeholder="请输入招工名称" > < / u - -input >
< / u-form-item >
< u-form-item label = "发布时间" labelWidth = "80" prop = "stime" borderBottom
@click ="showStime = true; hideKeyboard()" ref = "item1" >
< u--input v-model = "info.stime" disabledColor="#ffffff" placeholder="请选择发布时间"
border = "none" > < / u--input >
< u-icon slot = "right" name = "arrow-right" > < / u-icon >
< / u-form-item >
< u-form-item label = "结束时间" labelWidth = "80" prop = "etime" borderBottom
@click ="showEtime = true; hideKeyboard()" ref = "item2" >
< u--input v-model = "info.etime" disabledColor="#ffffff" placeholder="请选择结束时间"
border = "none" > < / u--input >
< u-icon slot = "right" name = "arrow-right" > < / u-icon >
< view style = "font-size: 30rpx;font-weight: bold;padding: 20rpx 0 0;" > 招工信息 < / view >
< u-form-item label = "招工名称" prop = "jobName" borderBottom labelWidth = "80" ref = "item1" >
< u--input v-model = "info.jobName" border="none" placeholder="请输入招工名称" > < / u - -input >
< / u-form-item >
< view style = "font-size: 30rpx;font-weight: bold;padding: 20rpx 0 0;" > 招工要求 < / view >
< u-form-item label = "招聘人数" prop = "peopleNum" borderBottom labelWidth = "80" ref = "item3 " >
< u--input v-model = "info.peopleNum" border="none" placeholder="请输入招聘人数" > < / u - -input >
< / u-form-item >
< u-form-item label = "参考工资" prop = "wage" labelWidth = "80" borderBottom
@click ="showWage = true; hideKeyboard()" ref = "item4" >
< u--input v-model = "info.wage" disabledColor="#ffffff" placeholder="请选择参考工资"
er = "none " > < / u--input >
< u-icon slot = "right" name = "arrow-right" > < / u-icon >
< / u-form-item >
< u-form-item label = "行业类型" prop = "tradeNames" labelWidth = "80" borderBottom
@click ="showTrade = true; hideKeyboard()" ref = "item4" >
< u--input v-model = "info.tradeNames" disabledColor="#ffffff" placeholder="请选择行业类型"
border = "none" > < / u--input >
< u-icon slot = "right" name = "arrow-right" > u-icon >
< / u-form-item >
< u-form-item label = "工种 " prop = "skillNames " labelWidth = "80" borderBottom
@click ="showSkills = true; hideKeyboard()" ref = "item4" >
< u--input v-model = "info.skillNames " disabledColor="#ffffff" placeholder="请选择工种 "
border = "none" > < / u--input >
< u-icon slot = "right" name = "arrow-right" > < / u-icon >
< u-form-item label = "发布时间" labelWidth = "80" prop = "stime" borderBottom
@click ="showStime = true; hideKeyboard()" ref = "item1 " >
< u--input v-model = "info.stime" disabledColor="#ffffff" placeholder="请选择发布时间"
border = "none" > < / u--input >
< u-icon slot = "right" name = "arrow-right" > < / u-icon >
< / u-form-item >
< u-form-item label = "结束时间" labelWidth = "80" prop = "etime" borderBottom
@click ="showEtime = true; hideKey boa rd()" ref = "item2 " >
< u--input v-model = "info.etime" disabledColor="#ffffff" placeholder="请选择结束时间"
border = "none" > < / u--input >
< u-icon slot = "right" name = "arrow-right" > < / u-icon >
< / u-form-item >
< view style = "font-size: 30rpx;font-weight: bold;padding: 20rpx 0 0;" > 招工要求 < / view >
< u-form-item label = "招聘人数" prop = "peopleNum" borderBottom labelWidth = "80" ref = "item3" >
< u--input v-model = "info.peopleNum" border="none" placeholder="请输入招聘人数" > u - -input >
< / u-form-item >
< u-form-item label = "参考工资 " prop = "wage " labelWidth = "80" borderBottom
@click ="showWage = true; hideKeyboard()" ref = "item4" >
< u--input v-model = "info.wage " disabledColor="#ffffff" placeholder="请选择参考工资 "
border = "none" > < / u--input >
< u-icon slot = "right" name = "arrow-right" > < / u-icon >
< / u-form-item >
< u-form-item label = "行业类型" prop = "tradeNames" labelWidth = "80" borderBottom
@click ="showTrade = true; hideKeyboard()" ref = "item4" >
< u--input v-model = "info.tradeNames" disabledColor="#ffffff" placeholder="请选择行业类型"
border = "none" > < / u--input >
< u-icon slot = "right" name = "arrow-right" > < / u-icon >
< / u-form-item >
< u-form-item label = "工种" prop = "skillNames" labelWidth = "80" borderBottom
@click ="showSkills = true; hideKeyboard()" ref = "item4" >
< u--input v-model = "info.skillNames" disabledColor="#ffffff" placeholder="请选择工种"
border = "none" > < / u--input >
< u-icon slot = "right" name = "arrow-right" > < / u-icon >
< / u-form-item >
< u-form-item label = "招工描述" prop = "jobDescription" borderBottom labelWidth = "80" ref = "item1" >
<!-- < u--textarea v-model = "info.jobDescription" placeholder="请输入招工要求" > < / u - -textarea > -- >
@@ -72,18 +72,18 @@
border = "none" > < / u--input >
< u-icon slot = "right" name = "arrow-right" > < / u-icon >
< / u-form-item >
< map class = "map" :latitude = "latitude" :longitude = "longitude" :markers = "covers" > < / map >
< / u--form >
< u-button type = "primary" text = "提交" customStyle = "margin-top: 50px" @click ="submit" > < / u -button >
< u-button type = "error" text = "重置" customStyle = "margin-top: 10px" @click ="reset" > < / u -button >
< u-picker :show = "showWage" ref = "wagePicker" :columns = "wageColumns" @confirm ="wageConfirm"
@cancel ="wageClose" @close ="wageClose" >
< / u -picker >
< u-picker :show = "showTrade" ref = "tradePicker" keyName = "name" :columns = "tradeColumns" @confirm ="tradeConfirm"
@cancel ="tradeClose" @close ="tradeClose" >
< / u -picker >
< u-picker :show = "showSkills" ref = "skillPicker" keyName = "name" :columns = "skillColumns"
@confirm ="skillConfirm" @cancel ="skillClose" @close ="skillClose" >
< map class = "map" :latitude = "latitude" :longitude = "longitude" :markers = "covers" > < / map >
< / u--form >
< u-button type = "primary" text = "提交" customStyle = "margin-top: 50px" @click ="submit" > < / u -button >
< u-button type = "error" text = "重置" customStyle = "margin-top: 10px" @click ="reset" > < / u -button >
< u-picker :show = "showWage" ref = "wagePicker" :columns = "wageColumns" @confirm ="wageConfirm"
@cancel ="wageClose" @close ="wageClose" >
< / u -picker >
< u-picker :show = "showTrade" ref = "tradePicker" keyName = "name" :columns = "tradeColumns" @confirm ="tradeConfirm"
@cancel ="tradeClose" @close ="tradeClose" >
< / u -picker >
< u-picker :show = "showSkills" ref = "skillPicker" keyName = "name" :columns = "skillColumns"
@confirm ="skillConfirm" @cancel ="skillClose" @close ="skillClose" >
< / u -picker >
<!-- < u-picker :show = "showNature" ref = "naturePicker" :columns = "natureColumns"
@confirm ="natureConfirm" @cancel ="natureClose" @close ="natureClose" >
@@ -96,20 +96,20 @@
< / u -picker >
< u-picker :show = "showExpe" ref = "expePicker" keyName = "label" :columns = "expeColumns"
@confirm ="expeConfirm" @cancel ="expeClose" @close ="expeClose" >
< / u -picker >
< u-datetime-picker :show = "showStime" :value = "birthday" mode = "date" closeOnClickOverlay
@confirm ="stimeConfirm" @cancel ="stimeClose" @close ="stimeClose" > < / u -datetime -picker >
< u-datetime-picker :show = "showEtime" :value = "birthday" mode = "date" closeOnClickOverlay
@confirm ="etimeConfirm" @cancel ="etimeClose" @close ="etimeClose" > < / u -datetime -picker >
< / view >
< / view >
< / template >
< script >
< / u -picker >
< u-datetime-picker :show = "showStime" :value = "birthday" mode = "date" closeOnClickOverlay
@confirm ="stimeConfirm" @cancel ="stimeClose" @close ="stimeClose" > < / u -datetime -picker >
< u-datetime-picker :show = "showEtime" :value = "birthday" mode = "date" closeOnClickOverlay
@confirm ="etimeConfirm" @cancel ="etimeClose" @close ="etimeClose" > < / u -datetime -picker >
< / view >
< / view >
< / template >
< script >
import dic from '@/common/dic.js'
import { submitInfo } from '@/api/userrecruit.js'
export default {
data ( ) {
import { submitInfo } from '@/api/userrecruit.js'
export default {
data ( ) {
return {
latitude : 31.05 , //中心点
longitude : 104.20 ,
@@ -120,141 +120,141 @@
// width:30,
// height:30,
iconPath : '../../../static/img/location.png'
} ] ,
value2 : '招工内容' ,
fileList1 : [ ] ,
disabled1 : false ,
tips : '' ,
value : '' ,
showCalendar : false ,
showStime : false ,
showEtime : false ,
info : {
jobName : '' , // 招工名称
stime : '' , // 发布时间
etime : '' , // 结束时间
peopleNum : '' , // 招聘人数
wage : '' , // 参考工资
tradeId : '' , // 行业类型id
tradeNames : '' , // 行业类型名称
worktypeIds : '' , // 工种一级id
skillIds : '' , // 工种二级id
worktypeNames : '' , // 工种名称
} ] ,
value2 : '招工内容' ,
fileList1 : [ ] ,
disabled1 : false ,
tips : '' ,
value : '' ,
showCalendar : false ,
showStime : false ,
showEtime : false ,
info : {
jobName : '' , // 招工名称
stime : '' , // 发布时间
etime : '' , // 结束时间
peopleNum : '' , // 招聘人数
wage : '' , // 参考工资
tradeId : '' , // 行业类型id
tradeNames : '' , // 行业类型名称
worktypeIds : '' , // 工种一级id
skillIds : '' , // 工种二级id
worktypeNames : '' , // 工种名称
skillNames : '' , // 工种二级名称
jobDescription : '' , // 任务描述
// userNature: '', // 人员属性
ageDesc : '' , // 年龄要求
education : '' , // 学历要求
educationLabel : '' , // 学历要求前端显示
experienceDesc : '' , // 经验要求
// userInfo: {
// name: '楼兰',
// sex: '',
// birthday: ''
// },
// radiovalue1: '苹果',
// checkboxValue1: [],
// intro: '',
// code: ''
} ,
showWage : false , // 参考工资选项是否展示
showTrade : false , // 行业类型是否显示
experienceDesc : '' , // 经验要求
// userInfo: {
// name: '楼兰',
// sex: '',
// birthday: ''
// },
// radiovalue1: '苹果',
// checkboxValue1: [],
// intro: '',
// code: ''
} ,
showWage : false , // 参考工资选项是否展示
showTrade : false , // 行业类型是否显示
showSkills : false , // 工种类型是否显示
showNature : false , // 人员属性
showAge : false , // 年龄要求
showEdu : false , // 学历要求
showExpe : false , // 经验要求
birthday : Number ( new Date ( ) ) ,
wageColumns : dic . taskSalary ,
tradeColumns : dic . tradeArr ,
showExpe : false , // 经验要求
birthday : Number ( new Date ( ) ) ,
wageColumns : dic . taskSalary ,
tradeColumns : dic . tradeArr ,
skillColumns : [ ] ,
natureColumns : dic . natureArr ,
ageColumns : dic . ageArr ,
eduColumns : dic . eduArr ,
expeColumns : dic . expeArr ,
rules : {
'userInfo.name' : [ {
type : 'string' ,
required : true ,
message : '请填写姓名' ,
trigger : [ 'blur' , 'change' ]
} , {
// 此为同步验证， ， ， ，
validator : ( rule , value , callback ) => {
// 调用uView自带的js验证规则， ：
return uni . $u . test . chinese ( value ) ;
} ,
message : "姓名必须为中文" ,
// 触发器可以同时用blur和change，
trigger : [ "change" , "blur" ] ,
} ] ,
code : {
type : 'string' ,
required : true ,
len : 4 ,
message : '请填写4位验证码' ,
trigger : [ 'blur' ]
} ,
'userInfo.sex' : {
type : 'string' ,
max : 1 ,
required : true ,
message : '请选择男或女' ,
trigger : [ 'blur' , 'change' ]
} ,
radiovalue1 : {
type : 'string' ,
min : 1 ,
max : 2 ,
message : '橙子有毒' ,
trigger : [ 'change' ]
} ,
checkboxValue1 : {
type : 'array' ,
min : 2 ,
required : true ,
message : '不能太宅，至少选两项' ,
trigger : [ 'change' ]
} ,
intro : {
type : 'string' ,
min : 3 ,
required : true ,
message : '不低于3个字' ,
trigger : [ 'change' ]
} ,
hotel : {
type : 'string' ,
min : 2 ,
required : true ,
message : '请选择住店时间' ,
trigger : [ 'change' ]
} ,
'userInfo.birthday' : {
type : 'string' ,
required : true ,
message : '请选择生日' ,
trigger : [ 'change' ]
} ,
} ,
}
} ,
methods : {
wageConfirm ( e ) {
const {
value
} = e
this . info . wage = value [ 0 ]
this . showWage = false
} ,
tradeConfirm ( e ) {
const { value } = e
this . info . tradeId = value [ 0 ] . id
this . info . tradeNames = value [ 0 ] . name
this . showTrade = false
} ,
skillConfirm ( ) {
this . showSkills = false
expeColumns : dic . expeArr ,
rules : {
'userInfo.name' : [ {
type : 'string' ,
required : true ,
message : '请填写姓名' ,
trigger : [ 'blur' , 'change' ]
} , {
// 此为同步验证， ， ， ，
validator : ( rule , value , callback ) => {
// 调用uView自带的js验证规则， ：
return uni . $u . test . chinese ( value ) ;
} ,
message : "姓名必须为中文" ,
// 触发器可以同时用blur和change，
trigger : [ "change" , "blur" ] ,
} ] ,
code : {
type : 'string' ,
required : true ,
len : 4 ,
message : '请填写4位验证码' ,
trigger : [ 'blur' ]
} ,
'userInfo.sex' : {
type : 'string' ,
max : 1 ,
required : true ,
message : '请选择男或女' ,
trigger : [ 'blur' , 'change' ]
} ,
radiovalue1 : {
type : 'string' ,
min : 1 ,
max : 2 ,
message : '橙子有毒' ,
trigger : [ 'change' ]
} ,
checkboxValue1 : {
type : 'array' ,
min : 2 ,
required : true ,
message : '不能太宅，至少选两项' ,
trigger : [ 'change' ]
} ,
intro : {
type : 'string' ,
min : 3 ,
required : true ,
message : '不低于3个字' ,
trigger : [ 'change' ]
} ,
hotel : {
type : 'string' ,
min : 2 ,
required : true ,
message : '请选择住店时间' ,
trigger : [ 'change' ]
} ,
'userInfo.birthday' : {
type : 'string' ,
required : true ,
message : '请选择生日' ,
trigger : [ 'change' ]
} ,
} ,
}
} ,
methods : {
wageConfirm ( e ) {
const {
value
} = e
this . info . wage = value [ 0 ]
this . showWage = false
} ,
tradeConfirm ( e ) {
const { value } = e
this . info . tradeId = value [ 0 ] . id
this . info . tradeNames = value [ 0 ] . name
this . showTrade = false
} ,
skillConfirm ( ) {
this . showSkills = false
} ,
// natureConfirm(e) {
// const { value } = e
@@ -288,86 +288,86 @@
} ,
// natureClose() {
// this.showNature = false
// },
skillClose ( ) {
this . showSkills = false
} ,
wageClose ( e ) {
this . showWage = false
} ,
tradeClose ( e ) {
this . showTrade = false
} ,
sexSelect ( e ) {
this . info . userInfo . sex = e . name
this . $refs . form1 . validateField ( 'userInfo.sex' )
} ,
change ( e ) {
// console.log(e);
} ,
formatter ( day ) {
const d = new Date ( )
let month = d . getMonth ( ) + 1
const date = d . getDate ( )
if ( day . month == month && day . day == date + 3 ) {
day . bottomInfo = '有优惠'
day . dot = true
}
return day
} ,
calendarConfirm ( e ) {
this . showCalendar = false
this . info . hotel = ` ${ e [ 0 ] } / ${ e [ e . length - 1 ] } `
this . $refs . form1 . validateField ( 'hotel' )
} ,
codeChange ( text ) {
this . tips = text ;
} ,
getCode ( ) {
if ( this . $refs . uCode . canGetCode ) {
// 模拟向后端请求验证码
uni . showLoading ( {
title : '正在获取验证码'
} )
setTimeout ( ( ) => {
uni . hideLoading ( ) ;
// 这里此提示会被this.start()方法中的提示覆盖
uni . $u . toast ( '验证码已发送' ) ;
// 通知验证码组件内部开始倒计时
this . $refs . uCode . start ( ) ;
} , 2000 ) ;
} else {
uni . $u . toast ( '倒计时结束后再发送' ) ;
}
} ,
calendarClose ( ) {
this . showCalendar = false
this . $refs . form1 . validateField ( 'hotel' )
} ,
stimeClose ( ) {
this . showStime = false
this . $refs . form1 . validateField ( 'userInfo.birthday' )
} ,
stimeConfirm ( e ) {
this . showStime = false
this . info . stime = uni . $u . timeFormat ( e . value , 'yyyy-mm-dd' ) + ' 00:00:00'
this . $refs . form1 . validateField ( 'userInfo.birthday' )
} ,
etimeClose ( ) {
this . showEtime = false
this . $refs . form1 . validateField ( 'userInfo.birthday' )
} ,
etimeConfirm ( e ) {
this . showEtime = false
this . info . etime = uni . $u . timeFormat ( e . value , 'yyyy-mm-dd' ) + ' 23:59:59'
this . $refs . form1 . validateField ( 'userInfo.birthday' )
} ,
submit ( ) {
// 如果有错误， ，
// this.$refs.form1.validate().then(res => {
// uni.$u.toast('校验通过')
// }).catch(errors => {
// uni.$u.toast('校验失败')
// },
skillClose ( ) {
this . showSkills = false
} ,
wageClose ( e ) {
this . showWage = false
} ,
tradeClose ( e ) {
this . showTrade = false
} ,
sexSelect ( e ) {
this . info . userInfo . sex = e . name
this . $refs . form1 . validateField ( 'userInfo.sex' )
} ,
change ( e ) {
// console.log(e);
} ,
formatter ( day ) {
const d = new Date ( )
let month = d . getMonth ( ) + 1
const date = d . getDate ( )
if ( day . month == month && day . day == date + 3 ) {
day . bottomInfo = '有优惠'
day . dot = true
}
return day
} ,
calendarConfirm ( e ) {
this . showCalendar = false
this . info . hotel = ` ${ e [ 0 ] } / ${ e [ e . length - 1 ] } `
this . $refs . form1 . validateField ( 'hotel' )
} ,
codeChange ( text ) {
this . tips = text ;
} ,
getCode ( ) {
if ( this . $refs . uCode . canGetCode ) {
// 模拟向后端请求验证码
uni . showLoading ( {
title : '正在获取验证码'
} )
setTimeout ( ( ) => {
uni . hideLoading ( ) ;
// 这里此提示会被this.start()方法中的提示覆盖
uni . $u . toast ( '验证码已发送' ) ;
// 通知验证码组件内部开始倒计时
this . $refs . uCode . start ( ) ;
} , 2000 ) ;
} else {
uni . $u . toast ( '倒计时结束后再发送' ) ;
}
} ,
calendarClose ( ) {
this . showCalendar = false
this . $refs . form1 . validateField ( 'hotel' )
} ,
stimeClose ( ) {
this . showStime = false
this . $refs . form1 . validateField ( 'userInfo.birthday' )
} ,
stimeConfirm ( e ) {
this . showStime = false
this . info . stime = uni . $u . timeFormat ( e . value , 'yyyy-mm-dd' ) + ' 00:00:00'
this . $refs . form1 . validateField ( 'userInfo.birthday' )
} ,
etimeClose ( ) {
this . showEtime = false
this . $refs . form1 . validateField ( 'userInfo.birthday' )
} ,
etimeConfirm ( e ) {
this . showEtime = false
this . info . etime = uni . $u . timeFormat ( e . value , 'yyyy-mm-dd' ) + ' 23:59:59'
this . $refs . form1 . validateField ( 'userInfo.birthday' )
} ,
submit ( ) {
// 如果有错误， ，
// this.$refs.form1.validate().then(res => {
// uni.$u.toast('校验通过')
// }).catch(errors => {
// uni.$u.toast('校验失败')
// })
this . info . jobType = 2
// console.log(this.info)
@@ -377,15 +377,15 @@
that . reset ( )
uni . $u . toast ( '发布成功' )
}
} )
} ,
reset ( ) {
} )
} ,
reset ( ) {
const validateList = [
'jobName' ,
'stime' ,
'etime' ,
'peopleNum' ,
'wage' ,
'wage' ,
'tradeId' ,
'tradeNames' ,
'worktypeIds' ,
@@ -396,26 +396,26 @@
'ageDesc' ,
'education' ,
'educationLabel' ,
'experienceDesc'
]
this . $refs . form1 . resetFields ( )
this . $refs . form1 . clearValidate ( )
setTimeout ( ( ) => {
this . $refs . form1 . clearValidate ( validateList )
// 或者使用 this.$refs.form1.clearValidate()
} , 10 )
} ,
hideKeyboard ( ) {
uni . hideKeyboard ( )
}
}
}
< / script >
< style >
'experienceDesc'
]
this . $refs . form1 . resetFields ( )
this . $refs . form1 . clearValidate ( )
setTimeout ( ( ) => {
this . $refs . form1 . clearValidate ( validateList )
// 或者使用 this.$refs.form1.clearValidate()
} , 10 )
} ,
hideKeyboard ( ) {
uni . hideKeyboard ( )
}
}
}
< / script >
< style >
. map {
width : 100 % ;
height : 350 rpx ;
margin - top : 30 rpx ;
}
}
< / style >
zxy