|
|
@@ -7,154 +7,155 @@ |
|
|
|
</view> |
|
|
|
<view class="form_back"> |
|
|
|
<u-form :model="formData" ref="formRef" id="uFormRef" :label-style="labelTextStyle"> |
|
|
|
<u-form-item label="姓名" required input-align="right" class="form_item_style"> |
|
|
|
<u-form-item prop="name" label="姓名" required input-align="right" class="form_item_style"> |
|
|
|
<u-input :custom-style="inputTextStyle" v-model="formData.name" type="text" :border="false" |
|
|
|
input-align="right" |
|
|
|
placeholder="请输入人员姓名"></u-input> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item prop="phone" label="性别" required input-align="right" class="form_item_style"> |
|
|
|
<view class="form-right"> |
|
|
|
<u-form-item prop="gender" label="性别" required input-align="right" class="form_item_style"> |
|
|
|
<view class="form-right" @click="data.isShowGender = true"> |
|
|
|
<u-input :custom-style="inputTextStyle" :border="false" input-align="right" |
|
|
|
v-model="data.formData.sex" type="select" placeholder="请选择性别"></u-input> |
|
|
|
v-model="genderType[formData.gender]" type="select" placeholder="请选择性别" style="pointer-events: none"></u-input> |
|
|
|
<u-icon class="icon_right" name="arrow-right" size="28" color="#C0C4CC"></u-icon> |
|
|
|
</view> |
|
|
|
<u-select v-model="data.isShowGender" :list="genderList" @confirm="onSelect1"></u-select> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item prop="phone" label="国籍" required input-align="right" class="form_item_style"> |
|
|
|
<u-form-item prop="country" label="国籍" required input-align="right" class="form_item_style"> |
|
|
|
<view class="form-right"> |
|
|
|
<u-input :custom-style="inputTextStyle" :border="false" input-align="right" |
|
|
|
v-model="data.formData.sex" type="select" placeholder="请选择国籍"></u-input> |
|
|
|
<u-icon class="icon_right" name="arrow-right" size="28" color="#C0C4CC"></u-icon> |
|
|
|
</view> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item prop="phone" label="证件类型" required input-align="right" class="form_item_style"> |
|
|
|
<view class="form-right"> |
|
|
|
<u-input :custom-style="inputTextStyle" :border="false" input-align="right" |
|
|
|
v-model="data.formData.sex" type="select" placeholder="请选择证件类型"></u-input> |
|
|
|
<u-icon class="icon_right" name="arrow-right" size="28" color="#C0C4CC"></u-icon> |
|
|
|
</view> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item prop="name" label="证件号码" required input-align="right" class="form_item_style"> |
|
|
|
<u-input :custom-style="inputTextStyle" v-model="value" type="text" :border="false" |
|
|
|
input-align="right" |
|
|
|
placeholder="请输入证件号码"></u-input> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item prop="phone" label="出生日期" required input-align="right" class="form_item_style" |
|
|
|
:border-bottom="false"> |
|
|
|
<view class="form-right"> |
|
|
|
<u-input :custom-style="inputTextStyle" :border="false" input-align="right" |
|
|
|
v-model="data.formData.sex" type="select" placeholder="选择日期"></u-input> |
|
|
|
<u-icon class="icon_right" name="arrow-right" size="28" color="#C0C4CC"></u-icon> |
|
|
|
</view> |
|
|
|
</u-form-item> |
|
|
|
|
|
|
|
<view class="line_back"/> |
|
|
|
|
|
|
|
<u-form-item prop="phone" label="最高学位" required input-align="right" class="form_item_style"> |
|
|
|
<view class="form-right"> |
|
|
|
<u-input :custom-style="inputTextStyle" :border="false" input-align="right" |
|
|
|
v-model="data.formData.sex" type="select" placeholder="请选择最高学位"></u-input> |
|
|
|
<u-icon class="icon_right" name="arrow-right" size="28" color="#C0C4CC"></u-icon> |
|
|
|
</view> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item prop="phone" label="最高学历" required input-align="right" class="form_item_style"> |
|
|
|
<view class="form-right"> |
|
|
|
<u-input :custom-style="inputTextStyle" :border="false" input-align="right" |
|
|
|
v-model="data.formData.sex" type="select" placeholder="请选择最高学历"></u-input> |
|
|
|
<u-icon class="icon_right" name="arrow-right" size="28" color="#C0C4CC"></u-icon> |
|
|
|
</view> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item prop="name" label="研究方向" required input-align="left" class="form_item_style" |
|
|
|
label-position="top"> |
|
|
|
<u-input :custom-style="inputTextareaStyle" v-model="value" type="textarea" :border="false" height="80" |
|
|
|
input-align="left" |
|
|
|
placeholder="包括描述科技人才学习或者从事的研究方向,多值可以用“,”分隔"></u-input> |
|
|
|
|
|
|
|
</u-form-item> |
|
|
|
<u-form-item prop="phone" label="专业技术职称" required input-align="right" class="form_item_style"> |
|
|
|
<view class="form-right"> |
|
|
|
<u-input :custom-style="{inputTextStyle,'margin-left': '100rpx'}" :border="false" input-align="right" |
|
|
|
v-model="data.formData.sex" type="select" placeholder="请选择专业技术职称"></u-input> |
|
|
|
<u-icon class="icon_right" name="arrow-right" size="28" color="#C0C4CC"></u-icon> |
|
|
|
</view> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item prop="phone" label="技术类型" required input-align="right" class="form_item_style" |
|
|
|
:border-bottom="false"> |
|
|
|
<u-checkbox-group class="checkbox_back" > |
|
|
|
<u-checkbox |
|
|
|
size="28" |
|
|
|
label-size="28" |
|
|
|
@change="checkboxChange" |
|
|
|
v-model="item.checked" |
|
|
|
v-for="(item, index) in formData.checkboxList" :key="index" |
|
|
|
:name="item.name" |
|
|
|
>{{item.name}}</u-checkbox> |
|
|
|
</u-checkbox-group> |
|
|
|
<!-- <u-form-item prop="phone" label="证件类型" required input-align="right" class="form_item_style">--> |
|
|
|
<!-- <view class="form-right">--> |
|
|
|
<!-- <u-input :custom-style="inputTextStyle" :border="false" input-align="right"--> |
|
|
|
<!-- v-model="data.formData.sex" type="select" placeholder="请选择技术类型"></u-input>--> |
|
|
|
<!-- v-model="data.formData.sex" type="select" placeholder="请选择证件类型"></u-input>--> |
|
|
|
<!-- <u-icon class="icon_right" name="arrow-right" size="28" color="#C0C4CC"></u-icon>--> |
|
|
|
<!-- </view>--> |
|
|
|
</u-form-item> |
|
|
|
|
|
|
|
<view class="line_back"/> |
|
|
|
|
|
|
|
<!-- </u-form-item>--> |
|
|
|
<!-- <u-form-item prop="name" label="证件号码" required input-align="right" class="form_item_style">--> |
|
|
|
<!-- <u-input :custom-style="inputTextStyle" v-model="value" type="text" :border="false"--> |
|
|
|
<!-- input-align="right"--> |
|
|
|
<!-- placeholder="请输入证件号码"></u-input>--> |
|
|
|
<!-- </u-form-item>--> |
|
|
|
<!-- <u-form-item prop="phone" label="出生日期" required input-align="right" class="form_item_style"--> |
|
|
|
<!-- :border-bottom="false">--> |
|
|
|
<!-- <view class="form-right">--> |
|
|
|
<!-- <u-input :custom-style="inputTextStyle" :border="false" input-align="right"--> |
|
|
|
<!-- v-model="data.formData.sex" type="select" placeholder="选择日期"></u-input>--> |
|
|
|
<!-- <u-icon class="icon_right" name="arrow-right" size="28" color="#C0C4CC"></u-icon>--> |
|
|
|
<!-- </view>--> |
|
|
|
<!-- </u-form-item>--> |
|
|
|
|
|
|
|
<u-form-item prop="name" label="手机号码" required input-align="right" class="form_item_style"> |
|
|
|
<u-input :custom-style="inputTextStyle" v-model="value" type="text" :border="false" |
|
|
|
input-align="right" |
|
|
|
placeholder="请输入手机号码"></u-input> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item prop="name" label="E-mail" required input-align="right" class="form_item_style"> |
|
|
|
<u-input :custom-style="inputTextStyle" v-model="value" type="text" :border="false" |
|
|
|
input-align="right" |
|
|
|
placeholder="请输入必须包含@标识的邮箱地址"></u-input> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item prop="name" label="通讯地址" required input-align="left" class="form_item_style" |
|
|
|
label-position="top"> |
|
|
|
<u-input :custom-style="inputTextareaStyle" v-model="value" type="textarea" :border="false" height="80" |
|
|
|
input-align="left" |
|
|
|
placeholder="精确到门牌号(必须包含省市区、直辖市请直接输入市区)"></u-input> |
|
|
|
<!-- <view class="line_back"/>--> |
|
|
|
|
|
|
|
</u-form-item> |
|
|
|
<u-form-item prop="name" label="邮政编码" required input-align="right" class="form_item_style"> |
|
|
|
<u-input :custom-style="inputTextStyle" v-model="value" type="text" :border="false" |
|
|
|
input-align="right" |
|
|
|
placeholder="请输入通讯地址的邮政编码"></u-input> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item prop="name" label="电话号码" input-align="right" class="form_item_style"> |
|
|
|
<u-input :custom-style="inputTextStyle" v-model="value" type="text" :border="false" |
|
|
|
input-align="right" |
|
|
|
placeholder="例:010-12345678"></u-input> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item prop="name" label="传真" input-align="right" class="form_item_style"> |
|
|
|
<u-input :custom-style="inputTextStyle" v-model="value" type="text" :border="false" |
|
|
|
input-align="right" |
|
|
|
placeholder="请输入传真"></u-input> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item prop="name" label="个人简介" input-align="left" class="form_item_style" |
|
|
|
label-position="top" :border-bottom="false"> |
|
|
|
<u-input :custom-style="inputTextareaStyle" v-model="value" type="textarea" :border="false" height="80" |
|
|
|
input-align="left" |
|
|
|
placeholder="请输入个人简介信息"></u-input> |
|
|
|
</u-form-item> |
|
|
|
|
|
|
|
<view class="line_back"/> |
|
|
|
|
|
|
|
<u-form-item label="是否愿意加入中心的伯乐锦囊" required input-align="left" class="form_item_style" |
|
|
|
label-position="top" :border-bottom="false"> |
|
|
|
<u-radio-group v-model="formData.value" @change="radioGroupChange"> |
|
|
|
<u-radio |
|
|
|
v-for="(item, index) in formData.list" :key="index" |
|
|
|
:name="item.name" |
|
|
|
:disabled="item.disabled" |
|
|
|
> |
|
|
|
{{item.name}} |
|
|
|
</u-radio> |
|
|
|
</u-radio-group> |
|
|
|
</u-form-item> |
|
|
|
<view class="tip_back"> |
|
|
|
<text class="tip_text">* 当有关行业机构提出人才引入需求/计划时,中心将会优先从锦囊人才中筛选、匹配并进行人才推荐。</text> |
|
|
|
</view> |
|
|
|
<!-- <u-form-item prop="phone" label="最高学位" required input-align="right" class="form_item_style">--> |
|
|
|
<!-- <view class="form-right">--> |
|
|
|
<!-- <u-input :custom-style="inputTextStyle" :border="false" input-align="right"--> |
|
|
|
<!-- v-model="data.formData.sex" type="select" placeholder="请选择最高学位"></u-input>--> |
|
|
|
<!-- <u-icon class="icon_right" name="arrow-right" size="28" color="#C0C4CC"></u-icon>--> |
|
|
|
<!-- </view>--> |
|
|
|
<!-- </u-form-item>--> |
|
|
|
<!-- <u-form-item prop="phone" label="最高学历" required input-align="right" class="form_item_style">--> |
|
|
|
<!-- <view class="form-right">--> |
|
|
|
<!-- <u-input :custom-style="inputTextStyle" :border="false" input-align="right"--> |
|
|
|
<!-- v-model="data.formData.sex" type="select" placeholder="请选择最高学历"></u-input>--> |
|
|
|
<!-- <u-icon class="icon_right" name="arrow-right" size="28" color="#C0C4CC"></u-icon>--> |
|
|
|
<!-- </view>--> |
|
|
|
<!-- </u-form-item>--> |
|
|
|
<!-- <u-form-item prop="name" label="研究方向" required input-align="left" class="form_item_style"--> |
|
|
|
<!-- label-position="top">--> |
|
|
|
<!-- <u-input :custom-style="inputTextareaStyle" v-model="value" type="textarea" :border="false" height="80"--> |
|
|
|
<!-- input-align="left"--> |
|
|
|
<!-- placeholder="包括描述科技人才学习或者从事的研究方向,多值可以用“,”分隔"></u-input>--> |
|
|
|
|
|
|
|
<!-- </u-form-item>--> |
|
|
|
<!-- <u-form-item prop="phone" label="专业技术职称" required input-align="right" class="form_item_style">--> |
|
|
|
<!-- <view class="form-right">--> |
|
|
|
<!-- <u-input :custom-style="{inputTextStyle,'margin-left': '100rpx'}" :border="false" input-align="right"--> |
|
|
|
<!-- v-model="data.formData.sex" type="select" placeholder="请选择专业技术职称"></u-input>--> |
|
|
|
<!-- <u-icon class="icon_right" name="arrow-right" size="28" color="#C0C4CC"></u-icon>--> |
|
|
|
<!-- </view>--> |
|
|
|
<!-- </u-form-item>--> |
|
|
|
<!-- <u-form-item prop="phone" label="技术类型" required input-align="right" class="form_item_style"--> |
|
|
|
<!-- :border-bottom="false">--> |
|
|
|
<!-- <u-checkbox-group class="checkbox_back" >--> |
|
|
|
<!-- <u-checkbox--> |
|
|
|
<!-- size="28"--> |
|
|
|
<!-- label-size="28"--> |
|
|
|
<!-- @change="checkboxChange"--> |
|
|
|
<!-- v-model="item.checked"--> |
|
|
|
<!-- v-for="(item, index) in formData.checkboxList" :key="index"--> |
|
|
|
<!-- :name="item.name"--> |
|
|
|
<!-- >{{item.name}}</u-checkbox>--> |
|
|
|
<!-- </u-checkbox-group>--> |
|
|
|
<!--<!– <view class="form-right">–>--> |
|
|
|
<!--<!– <u-input :custom-style="inputTextStyle" :border="false" input-align="right"–>--> |
|
|
|
<!--<!– v-model="data.formData.sex" type="select" placeholder="请选择技术类型"></u-input>–>--> |
|
|
|
<!--<!– <u-icon class="icon_right" name="arrow-right" size="28" color="#C0C4CC"></u-icon>–>--> |
|
|
|
<!--<!– </view>–>--> |
|
|
|
<!-- </u-form-item>--> |
|
|
|
|
|
|
|
<!-- <view class="line_back"/>--> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <u-form-item prop="name" label="手机号码" required input-align="right" class="form_item_style">--> |
|
|
|
<!-- <u-input :custom-style="inputTextStyle" v-model="value" type="text" :border="false"--> |
|
|
|
<!-- input-align="right"--> |
|
|
|
<!-- placeholder="请输入手机号码"></u-input>--> |
|
|
|
<!-- </u-form-item>--> |
|
|
|
<!-- <u-form-item prop="name" label="E-mail" required input-align="right" class="form_item_style">--> |
|
|
|
<!-- <u-input :custom-style="inputTextStyle" v-model="value" type="text" :border="false"--> |
|
|
|
<!-- input-align="right"--> |
|
|
|
<!-- placeholder="请输入必须包含@标识的邮箱地址"></u-input>--> |
|
|
|
<!-- </u-form-item>--> |
|
|
|
<!-- <u-form-item prop="name" label="通讯地址" required input-align="left" class="form_item_style"--> |
|
|
|
<!-- label-position="top">--> |
|
|
|
<!-- <u-input :custom-style="inputTextareaStyle" v-model="value" type="textarea" :border="false" height="80"--> |
|
|
|
<!-- input-align="left"--> |
|
|
|
<!-- placeholder="精确到门牌号(必须包含省市区、直辖市请直接输入市区)"></u-input>--> |
|
|
|
|
|
|
|
<!-- </u-form-item>--> |
|
|
|
<!-- <u-form-item prop="name" label="邮政编码" required input-align="right" class="form_item_style">--> |
|
|
|
<!-- <u-input :custom-style="inputTextStyle" v-model="value" type="text" :border="false"--> |
|
|
|
<!-- input-align="right"--> |
|
|
|
<!-- placeholder="请输入通讯地址的邮政编码"></u-input>--> |
|
|
|
<!-- </u-form-item>--> |
|
|
|
<!-- <u-form-item prop="name" label="电话号码" input-align="right" class="form_item_style">--> |
|
|
|
<!-- <u-input :custom-style="inputTextStyle" v-model="value" type="text" :border="false"--> |
|
|
|
<!-- input-align="right"--> |
|
|
|
<!-- placeholder="例:010-12345678"></u-input>--> |
|
|
|
<!-- </u-form-item>--> |
|
|
|
<!-- <u-form-item prop="name" label="传真" input-align="right" class="form_item_style">--> |
|
|
|
<!-- <u-input :custom-style="inputTextStyle" v-model="value" type="text" :border="false"--> |
|
|
|
<!-- input-align="right"--> |
|
|
|
<!-- placeholder="请输入传真"></u-input>--> |
|
|
|
<!-- </u-form-item>--> |
|
|
|
<!-- <u-form-item prop="name" label="个人简介" input-align="left" class="form_item_style"--> |
|
|
|
<!-- label-position="top" :border-bottom="false">--> |
|
|
|
<!-- <u-input :custom-style="inputTextareaStyle" v-model="value" type="textarea" :border="false" height="80"--> |
|
|
|
<!-- input-align="left"--> |
|
|
|
<!-- placeholder="请输入个人简介信息"></u-input>--> |
|
|
|
<!-- </u-form-item>--> |
|
|
|
|
|
|
|
<!-- <view class="line_back"/>--> |
|
|
|
|
|
|
|
<!-- <u-form-item label="是否愿意加入中心的伯乐锦囊" required input-align="left" class="form_item_style"--> |
|
|
|
<!-- label-position="top" :border-bottom="false">--> |
|
|
|
<!-- <u-radio-group v-model="formData.value" @change="radioGroupChange">--> |
|
|
|
<!-- <u-radio--> |
|
|
|
<!-- v-for="(item, index) in formData.list" :key="index"--> |
|
|
|
<!-- :name="item.name"--> |
|
|
|
<!-- :disabled="item.disabled"--> |
|
|
|
<!-- >--> |
|
|
|
<!-- {{item.name}}--> |
|
|
|
<!-- </u-radio>--> |
|
|
|
<!-- </u-radio-group>--> |
|
|
|
<!-- </u-form-item>--> |
|
|
|
<!-- <view class="tip_back">--> |
|
|
|
<!-- <text class="tip_text">* 当有关行业机构提出人才引入需求/计划时,中心将会优先从锦囊人才中筛选、匹配并进行人才推荐。</text>--> |
|
|
|
<!-- </view>--> |
|
|
|
</u-form> |
|
|
|
</view> |
|
|
|
<view class="submit_back"> |
|
|
@@ -169,6 +170,8 @@ |
|
|
|
|
|
|
|
import {ref, reactive, toRefs} from 'vue'; |
|
|
|
import {onLoad, onReady} from '@dcloudio/uni-app'; |
|
|
|
import {genderList} from '@/pages/infoCollection/data' |
|
|
|
import {genderType} from '@/pages/infoCollection/constant' |
|
|
|
|
|
|
|
const labelTextStyle = {'color': '#535357', 'font-size': '28rpx', 'line-height': '40rpx'} |
|
|
|
const inputTextStyle = {'color': '#12111E', 'font-size': '28rpx', 'line-height': '40rpx', 'margin-left': '30rpx'} |
|
|
@@ -182,8 +185,28 @@ |
|
|
|
|
|
|
|
const data = reactive({ |
|
|
|
formData: { |
|
|
|
name: "", |
|
|
|
sex: "", |
|
|
|
name: '', //姓名 |
|
|
|
gender: null, //性别 |
|
|
|
country: '', //国籍 |
|
|
|
city: null, //城市 |
|
|
|
paperworkType: null, //证件类型 |
|
|
|
idNumber: '', //证件号码 |
|
|
|
birthday: '', //出生日期 |
|
|
|
highLevel: null, //最高学位 |
|
|
|
highEducation: null, //最高学历 |
|
|
|
researchDirection: '', //研究方向 |
|
|
|
profession: null, //专业技术职称 |
|
|
|
professionLevel: null, //专业技术职称-级别 |
|
|
|
technology: [], //技术类型 |
|
|
|
phone: '', //手机号码 |
|
|
|
email: '', //E-mail |
|
|
|
address: '', //通讯地址 |
|
|
|
zipCode: '', //邮政编码 |
|
|
|
telephone: '', //电话 |
|
|
|
fax: '', //传真 |
|
|
|
introduction: '', //个人简介 |
|
|
|
isBole: null, //是否愿意加入中心的伯乐锦囊 |
|
|
|
|
|
|
|
list: [ |
|
|
|
{ |
|
|
|
name: '加入', |
|
|
@@ -228,6 +251,7 @@ |
|
|
|
], |
|
|
|
checkboxValue: '临床研究' |
|
|
|
}, |
|
|
|
isShowGender: false, |
|
|
|
rules: { |
|
|
|
name: [{ |
|
|
|
required: true, |
|
|
@@ -240,6 +264,13 @@ |
|
|
|
|
|
|
|
const {formData} = toRefs(data) |
|
|
|
|
|
|
|
const onSelect1 =(arr) => { |
|
|
|
console.log(12345,arr,genderType[data.formData.gender]) |
|
|
|
let current = arr[0]; |
|
|
|
data.formData.gender = current.value; |
|
|
|
console.log(12345,data.formData.gender,genderType[data.formData.gender]) |
|
|
|
} |
|
|
|
|
|
|
|
const submit = () => { |
|
|
|
console.log(111, formData.name, formRef.value.model.name) |
|
|
|
formRef.value.validate(valid => { |
|
|
|