Kaynağa Gözat

增加审核状态页、调整信息采集页

develop
胡玲 6 ay önce
ebeveyn
işleme
a2ea43607b
7 değiştirilmiş dosya ile 368 ekleme ve 139 silme
  1. +2
    -1
      src/pages.json
  2. +5
    -0
      src/pages/infoCollection/constant.js
  3. +4
    -0
      src/pages/infoCollection/data.js
  4. +161
    -130
      src/pages/infoCollection/index.vue
  5. +122
    -1
      src/pages/infoCollection/infoExamineStatus/index.vue
  6. +7
    -1
      src/pages/infoCollection/infoSubmitResult/index.vue
  7. +67
    -6
      src/pages/login/register/index.vue

+ 2
- 1
src/pages.json Dosyayı Görüntüle

@@ -41,7 +41,8 @@
{
"path": "pages/infoCollection/infoExamineStatus/index",
"style": {
"navigationBarTitleText": "申报信息"
"navigationBarTitleText": "申报信息",
"navigationBarBackgroundColor": "#ffffff"
}
},
{


+ 5
- 0
src/pages/infoCollection/constant.js Dosyayı Görüntüle

@@ -0,0 +1,5 @@
// 性别
export const genderType = {
0: '女',
1: '男',
}

+ 4
- 0
src/pages/infoCollection/data.js Dosyayı Görüntüle

@@ -0,0 +1,4 @@
export const genderList = [
{value: 1, label: '男'}, {value: 0, label: '女'}
]


+ 161
- 130
src/pages/infoCollection/index.vue Dosyayı Görüntüle

@@ -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>-->
<!--&lt;!&ndash; <view class="form-right">&ndash;&gt;-->
<!--&lt;!&ndash; <u-input :custom-style="inputTextStyle" :border="false" input-align="right"&ndash;&gt;-->
<!--&lt;!&ndash; v-model="data.formData.sex" type="select" placeholder="请选择技术类型"></u-input>&ndash;&gt;-->
<!--&lt;!&ndash; <u-icon class="icon_right" name="arrow-right" size="28" color="#C0C4CC"></u-icon>&ndash;&gt;-->
<!--&lt;!&ndash; </view>&ndash;&gt;-->
<!-- </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 => {


+ 122
- 1
src/pages/infoCollection/infoExamineStatus/index.vue Dosyayı Görüntüle

@@ -1,11 +1,132 @@
<template>

<view class="content">
<view class="submit_back">
<text class="title_text">申报信息</text>
<view class="line_back"></view>
<view class="back_view">
<text class="left_text">提交时间:</text>
<text class="right_text">2023-03-07 15:06:56</text>
</view>
<view class="back_view">
<text class="left_text">人才姓名:</text>
<text class="right_text">王*二</text>
</view>
<view class="back_view">
<text class="left_text">主任医师</text>
<text class="right_text">2023-03-07 15:06:56</text>
</view>
<view class="back_view">
<text class="left_text">审核状态:</text>
<text class="right_status_text">待审核</text>
</view>
<view class="tip_text_back">
<text class="star_text">
*
<text class="tip_text">审核预计需要7个工作日,请你耐心等待;</text>
</text>
<text class="star_text">
*
<text class="tip_text">初审通过后,您可以登录科技发展中心-人才库系统进行详细信息完善。</text>
</text>
</view>
</view>
</view>
</template>

<script setup>

const toExamineStatusPage =() =>{
uni.navigateTo({
url: `/pages/infoCollection/infoExamineStatus/index`
})
}

</script>

<style lang="scss" scoped>

::v-deep uni-page-wrapper {
display: flex !important;
}

.content {
flex: 1;
display: flex;
flex-direction: column;
height: 100%;
background: #F5F7FA;
}

.submit_back{
margin: 24rpx;
display: flex;
background-color: #ffffff;
border-radius: 20rpx;
flex-direction: column;
padding: 20rpx 20rpx 20rpx 20rpx;

.title_text {
overflow-wrap: break-word;
letter-spacing: 1px;
white-space: nowrap;
font-weight: bold;
color: #0D0E21;
font-size: 34rpx;
line-height: 48rpx;
margin-top: 20rpx;
margin-bottom: 10rpx;
}

.line_back {
background-color: #E7EAEF;
height: 1rpx;
}

.back_view {
margin-top: 50rpx;
display: flex;
align-items: center;
justify-content: space-between;

.left_text {
font-size: 28rpx;
line-height: 40rpx;
color: #535357;
}

.right_text {
font-size: 28rpx;
line-height: 40rpx;
color: #12111E;
}

.right_status_text {
font-weight: bold;
font-size: 28rpx;
line-height: 40rpx;
color: #0466FC;
}
}
}

.tip_text_back{
display: flex;
flex-direction: column;
margin-top: 50rpx;
margin-bottom: 10rpx;
background-color: #F2F7FF;
border-radius: 10rpx;
padding: 20rpx;
.star_text {
color: #FB3737;
font-size: 24rpx;
line-height: 40rpx;
}
.tip_text{
color: #9B9BA4;
font-size: 24rpx;
line-height: 40rpx;
}
}

</style>

+ 7
- 1
src/pages/infoCollection/infoSubmitResult/index.vue Dosyayı Görüntüle

@@ -5,7 +5,7 @@
<text class="title_text">提交成功</text>
<text class="tip_text">您的申请已提交,审核需要一些时间,请您耐心等待</text>
<view class="login_back">
<u-button class="login_text_button" shape="circle" @click="toLogin">查看审核进度</u-button>
<u-button class="login_text_button" shape="circle" @click="toExamineStatusPage">查看审核进度</u-button>
</view>
</view>
</view>
@@ -14,6 +14,12 @@

<script setup>

const toExamineStatusPage =() =>{
uni.navigateTo({
url: `/pages/infoCollection/infoExamineStatus/index`
})
}

</script>

<style lang="scss" scoped>


+ 67
- 6
src/pages/login/register/index.vue Dosyayı Görüntüle

@@ -11,18 +11,34 @@
<view class="login_back">
<text class="title">欢迎登录人才库系统</text>
<view class="input_back">
<u-form :model="form" ref="uFormRef" id="uFormRef" :border-bottom="false">
<u-form :model="data.formData" ref="uFormRef" id="uFormRef" :border-bottom="false">
<u-form-item prop="phone" :border-bottom="false">
<u-input v-model="value" type="text" :border="true" border-color="#F6F9FE"
class="input_text"
placeholder="请输入您的手机号码"
clearable></u-input>
</u-form-item>
<u-form-item prop="phone" :border-bottom="false">
<u-input v-model="value" type="text" :border="true" border-color="#F6F9FE"
class="input_pass"
placeholder="请输入短信验证码"></u-input>
<u-form-item :border-bottom="false">
<u-input type="text" :border="true" border-color="#F6F9FE"
class="input_pass" style="padding-right: 230rpx"
placeholder="请输入短信验证码">
</u-input>
<view class="code_back">
<u-verification-code
start-text="获取验证码"
change-text="Xs重新获取"
:seconds="seconds"
ref="uCode"
@start="start"
@end="end"
@change="codeChange"></u-verification-code>
<view class="line_back"></view>
<text class="code_text" size="mini" :disabled="disable" @click="getCode">{{data.tips}}
</text>
</view>

</u-form-item>

<u-form-item prop="phone" :border-bottom="false">
<u-input v-model="value" type="text" :border="true" border-color="#F6F9FE"
class="input_pass"
@@ -59,7 +75,28 @@

<script setup>

const toLogin =() =>{
import {ref, reactive, toRefs} from 'vue';


const data = reactive({
formData: {},
seconds: 10,
tips: '获取验证码'
})

const codeChange = () => {

}

const end = () => {
uni.$u.toast('倒计时结束');
}

const start = () => {
uni.$u.toast('倒计时开始');
}

const toLogin = () => {
uni.navigateTo({
url: `/pages/login/index`
})
@@ -191,5 +228,29 @@
}
}

.code_back {
display: flex;
flex-direction: row;
align-items: center;
position: absolute;
right: 90rpx;
}

.code_text{
color: #2E5AFE;
font-size: 30rpx;
line-height: 42rpx;
font-weight: 400;
}

.line_back {
margin: 30rpx;
height: 30rpx;
background-color: #ACAEB6;
width: 2rpx;
}


</style>



Yükleniyor…
İptal
Kaydet