第一次注册时，需要选择学生身份还是普通用户。必填信息表单不同

components.d.ts

@@ -31,7 +31,9 @@ declare module 'vue' {
     CtTextField: typeof import('./src/components/CtVuetify/CtTextField/index.vue')['default']
     DatePicker: typeof import('./src/components/DatePicker/index.vue')['default']
     Echarts: typeof import('./src/components/Echarts/index.vue')['default']
+    ElCascader: typeof import('element-plus/es')['ElCascader']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
+    ElTree: typeof import('element-plus/es')['ElTree']
     Empty: typeof import('./src/components/Empty/index.vue')['default']
     File: typeof import('./src/components/Upload/file.vue')['default']
     HeadSearch: typeof import('./src/components/headSearch/index.vue')['default']
@@ -75,4 +77,7 @@ declare module 'vue' {
     VerifySlide: typeof import('./src/components/Verifition/Verify/VerifySlide.vue')['default']
     WangEditor: typeof import('./src/components/FormUI/wangEditor/index.vue')['default']
   }
+  export interface ComponentCustomProperties {
+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+  }
 }

src/api/recruit/personal/shareJob/index.js

@@ -29,4 +29,12 @@ export const savePersonSimpleInfo = async (data) => {
     url: '/app-api/menduner/system/person/resume/info/simple/save',
     data
   })
+}
+
+// 保存学生基本信息
+export const saveStudentSimpleInfo = async (data) => {
+  return await request.post({
+    url: '/app-api/menduner/system/person/resume/student/save',
+    data
+  })
 }

src/permission.js

@@ -105,7 +105,8 @@ router.beforeEach(async (to, from, next) => {
     // 强制修改密码
     if (localStorage.getItem('entUpdatePassword') === 'needChange') fullScreen('entUpdatePassword')
     // 强制填写个人信息 fddeaddc47868b/ready
-    else if (localStorage.getItem('necessaryInfoReady') === 'fddeaddc47868b' && tokenIndex === 2) dialogExtend('necessaryInfoDialog')
+    else if (localStorage.getItem('chooseRole') === 'showChooseRole' && to.path !== '/register/selectedPersonRole' && tokenIndex === 2) next('/register/selectedPersonRole')
+    else if (localStorage.getItem('necessaryInfoReady') === 'fddeaddc47868b' && tokenIndex === 2 && localStorage.getItem('chooseRole') !== 'showChooseRole') dialogExtend('necessaryInfoDialog')
     // 企业登录-招聘会广告
     else if (!localStorage.getItem('jobFairAd') && tokenIndex === 1) {
       localStorage.setItem('jobFairAd', 'hasBeenShow')

src/plugins/dialogExtend/components/necessaryInfoDialog.vue

@@ -11,7 +11,8 @@
       @other="handleLogout"
       @submit="simpleInfoSubmit"
     >
-      <infoForm ref="formRef" :option="option"></infoForm>
+      <studentInfoForm v-if="isStudent" ref="formRef" :option="option"></studentInfoForm>
+      <infoForm v-else ref="formRef" :option="option"></infoForm>
     </CtDialog>
     <Loading :visible="overlay"></Loading>
   </v-app>
@@ -19,8 +20,9 @@
 
 <script setup>
 defineOptions({name: 'dialogExtend-dialog'})
-import infoForm from './infoForm'
-import { savePersonSimpleInfo } from '@/api/recruit/personal/shareJob'
+import infoForm from './infoForm.vue'
+import studentInfoForm from './studentInfoForm.vue'
+import { savePersonSimpleInfo, saveStudentSimpleInfo } from '@/api/recruit/personal/shareJob'
 import CtDialog from '@/components/CtDialog'
 import { useUserStore } from '@/store/user'; const userStore = useUserStore()
 import { useRoute } from 'vue-router'; const route = useRoute()
@@ -48,6 +50,8 @@ const props = defineProps({
 })
 
 const dialog = ref(false)
+const isStudent = ref(localStorage.getItem('chooseRole') === 'student')
+
 // const isMobile = ref(false)
 onMounted(() => {
   const parsedUrl = new URL(window.location.href)
@@ -74,12 +78,14 @@ const simpleInfoSubmit = async () => {
     const obj = await formRef.value.getQuery()
     if (!obj) return
     overlay.value = true
-    await savePersonSimpleInfo(obj)
+    const apiFun = isStudent.value ? saveStudentSimpleInfo : savePersonSimpleInfo
+    await apiFun(obj)
     Snackbar.success('保存成功')
     // const info = localStorage.getItem('baseInfo') ? JSON.parse(localStorage.getItem('baseInfo')) : {}
     // localStorage.setItem('baseInfo', JSON.stringify({ ...info, ...obj }))
     // localStorage.setItem('necessaryInfoReady', 'ready') //
     await useUserStore().getUserBaseInfos() // 更新用户信息
+    if (isStudent.value) localStorage.removeItem('chooseRole')
     dialog.value = false
     overlay.value = false
     props.sure()

src/plugins/dialogExtend/components/studentInfoForm.vue

@@ -0,0 +1,375 @@
+<template>
+  <div style="width: 100%;">
+    <CtForm ref="formPageRef" :items="items">
+      <!-- 头像 -->
+      <template #avatar="{ item }">
+        <div style="color: #7a7a7a; min-width: 52px;">头像：</div>
+        <div class="avatarsBox" @mouseover="showIcon = true" @mouseleave="showIcon = false">
+          <v-avatar class="elevation-5" size=80 :image="getUserAvatar(item.value, male)"></v-avatar>
+          <div v-show="showIcon" @click="openFileInput" v-bind="$attrs" class="mdi mdi-camera-outline">
+            <input
+              type="file"
+              ref="fileInput"
+              accept="image/png, image/jpg, image/jpeg"
+              style="display: none;"
+              @change="handleUploadFile"
+            />
+          </div>
+        </div>
+        <div style="font-size: 14px; color: var(--color-999);">只支持JPG、JPEG、PNG类型的图片，大小不超过20M</div>
+      </template>
+    </CtForm>
+  </div>
+  <ImgCropper :visible="isShowCopper" :image="selectPic" :cropBoxResizable="true" @submit="handleHideCopper" :aspectRatio="1 / 1" @close="isShowCopper = false"></ImgCropper>
+</template>
+
+<script setup>
+import { getDict } from '@/hooks/web/useDictionaries'
+defineOptions({name: 'dialogExtend-InfoForm'})
+import { reactive, ref } from 'vue'
+import { schoolMajorByName, schoolSearchByName } from '@/api/recruit/personal/resume'
+import { getUserAvatar } from '@/utils/avatar'
+import { uploadFile } from '@/api/common'
+import Snackbar from '@/plugins/snackbar'
+import { useI18n } from '@/hooks/web/useI18n'; const { t } = useI18n()
+import { debounce } from 'lodash'
+import { dealCanBeInputtedSave } from '@/utils/getText'
+import { isValidIdCard18 } from '@/utils/validate'
+
+const props = defineProps({
+  option: {
+    type: Object,
+    default: () => {}
+  }
+})
+const setInfo = ref(props.option?.setInfo ? props.option.setInfo : {})
+const formPageRef = ref()
+let query = reactive({})
+
+// 学校下拉列表
+const schoolNameInput = ref('')
+const getSchoolListData = async (name) => {
+  const item = items.value.options.find(e => e.key === 'schoolId')
+  if (!item) return
+  if (item.items?.length && (schoolNameInput.value === name)) return // 防抖
+  item[item.itemTextName] = schoolNameInput.value = name
+
+  if (name === null || name === '') { item.items = [] }
+  else {
+    const data = await schoolSearchByName({ name })
+    item.items = data
+  }
+}
+const debouncedCallbackSchool = debounce(newValue => {
+  if (!newValue) return
+  getSchoolListData(newValue)
+}, 500)
+
+// 专业下拉列表
+const majorNameInput = ref('')
+const getMajorListData = async (name) => {
+  const item = items.value.options.find(e => e.key === 'majorId')
+  if (name === '') { // 此接口不支持传空值
+    item.items = []
+    return
+  }
+  if (item.items?.length && (majorNameInput.value === name)) return // 防抖
+  item[item.itemTextName] = majorNameInput.value = name
+  
+  if (name === null || name === '') { item.items = [] }
+  else {
+    const data = await schoolMajorByName({ name })
+    item.items = data
+  }
+}
+const debouncedCallbackMajor = debounce(newValue => {
+  getMajorListData(newValue)
+}, 500)
+
+// 图片裁剪
+const selectPic = ref('')
+const isShowCopper = ref(false)
+
+const male = ref('1')
+const showIcon = ref(false)
+const items = ref({
+  options: [
+    {
+      slotName: 'avatar',
+      key: 'avatar',
+      value: '',
+      flexStyle: 'align-center mb-3'
+    },
+    {
+      type: 'text',
+      key: 'name',
+      value: '',
+      default: null,
+      label: '姓名 *',
+      outlined: true,
+      rules: [
+        value => {
+          if (value) return true
+          return '请输入您的中文名'
+        },
+        value => {
+          var regex = /^[\u4e00-\u9fa5]+$/
+          if (regex.test(value)) return true
+          return '请输入正确的中文名'
+        }
+      ]
+    },
+    {
+      type: 'autocomplete',
+      key: 'sex',
+      value: '1', // '1' ? '男' : '女'
+      default: '1',
+      label: '性别 *',
+      outlined: true,
+      dictTypeName: 'menduner_sex',
+      rules: [v => !!v || '请选择性别'],
+      items: [],
+      change: val => male.value = val
+    },
+    {
+      type: 'text',
+      key: 'idCardNo',
+      value: '',
+      label: '身份证号码 *',
+      rules: [
+        value => {
+          if (!value) {
+            return '请输入您的身份证号码'
+          }
+          return true
+        },
+        value => {
+          if (!isValidIdCard18(value)) {
+            return '请输入正确的身份证号码'
+          }
+          return true
+        }
+      ]
+    },
+    {
+      type: 'phoneNumber',
+      key: 'phone',
+      value: '',
+      clearable: true,
+      label: '联系手机号 *',
+      rules: [v => !!v || '请填写联系手机号']
+    },
+    {
+      type: 'datePicker',
+      mode: 'date',
+      labelWidth: 80,
+      key: 'birthday',
+      value: '1990-01-01',
+      defaultValue: new Date(1990, 1, 1),
+      label: '出生日期 *',
+      disabledFutureDates: true,
+      format: 'YYYY/MM/DD',
+      flexStyle: 'mb-7',
+      outlined: true,
+      rules: [v => !!v || '请选择出生日期']
+    },
+    {
+      type: 'combobox',
+      key: 'schoolId',
+      value: null,
+      default: null,
+      label: '学校名称 *',
+      outlined: true,
+      clearable: true,
+      canBeInputted: true, //
+      itemTextName: 'schoolName',
+      itemText: 'value',
+      itemValue: 'key',
+      rules: [v => !!v || '请选择学校名称'],
+      search: debouncedCallbackSchool,
+      items: [],
+    },
+    {
+      type: 'text',
+      key: 'schoolDepartmentName',
+      value: '',
+      default: null,
+      label: '所在院系 *',
+      outlined: true,
+      rules: [v => !!v || '请填写所在院系']
+    },
+    {
+      type: 'combobox',
+      key: 'majorId',
+      value: null,
+      default: null,
+      label: '所学专业 *',
+      outlined: true,
+      clearable: true,
+      canBeInputted: true, //
+      itemTextName: 'major',
+      itemText: 'nameCn',
+      itemValue: 'id',
+      rules: [v => !!v || '请选择所学专业'],
+      search: debouncedCallbackMajor,
+      items: []
+    },
+    {
+      type: 'text',
+      key: 'schoolClassName',
+      value: '',
+      default: null,
+      label: '所在班级 *',
+      outlined: true,
+      rules: [v => !!v || '请填写所在班级']
+    },
+    {
+      type: 'text',
+      key: 'studentNo',
+      value: '',
+      default: null,
+      label: '学号 *',
+      outlined: true,
+      rules: [v => !!v || '请填写学号']
+    },
+    {
+      type: 'text',
+      key: 'emergencyContactName',
+      value: '',
+      default: null,
+      label: '紧急联系人姓名 *',
+      outlined: true,
+      rules: [v => !!v || '请填写紧急联系人姓名']
+    },
+    {
+      type: 'phoneNumber',
+      key: 'emergencyContactPhone',
+      value: '',
+      clearable: true,
+      label: '紧急联系人手机号 *',
+      rules: [v => !!v || '请填写紧急联系人手机号']
+    },
+  ]
+})
+
+if (import.meta.env.VITE_NODE_ENV === 'production') {
+  items.value.options = items.value.options.filter(e => e.slotName !== 'analysis')
+}
+
+
+// 选择文件
+const fileInput = ref()
+const clicked = ref(false)
+const openFileInput = () => {
+  if (clicked.value) return
+  clicked.value = true
+  fileInput.value.click()
+  clicked.value = false
+}
+
+// 上传头像
+const accept = ['jpg', 'png', 'jpeg']
+const handleUploadFile = async (e) => {
+  const file = e.target.files[0]
+  if (!file) return
+
+  const arr = file.name.split('.')
+  const fileType = arr?.length ? arr[arr.length-1] : ''
+  if (!accept.includes(fileType)) return Snackbar.warning('请上传图片格式文件')
+
+  const size = file.size
+  if (size / (1024*1024) > 20) {
+    Snackbar.warning(t('common.fileSizeExceed'))
+    return
+  }
+
+  const reader = new FileReader()
+  reader.readAsDataURL(file)
+  reader.onload = () => {
+    selectPic.value = String(reader.result)
+    isShowCopper.value = true
+  }
+}
+
+const handleHideCopper = (data) => {
+  isShowCopper.value = false
+  if (data) {
+    const { file } = data
+    if (!file) return
+
+    const formData = new FormData()
+    formData.append('file', file)
+    formData.append('path', 'img')
+    uploadFile(formData).then(async ({ data }) => {
+      if (!data) return
+      items.value.options.find(e => e.key === 'avatar').value = data
+    })
+  }
+}
+
+// 获取字典内容
+const getDictData = async (dictTypeName, key) => {
+  const item = items.value.options.find(e => e.key === key)
+  if (item) {
+    const apiType = dictTypeName === 'positionSecondData' ? 'positionSecondData' : 'dict'
+    const { data } = await getDict(dictTypeName, apiType === 'dict' ? null : {}, apiType)
+    item.items = data
+  }
+}
+
+const userInfo = ref(localStorage.getItem('userInfo') ? JSON.parse(localStorage.getItem('userInfo')) : {})
+const baseInfo = ref(localStorage.getItem('baseInfo') ? JSON.parse(localStorage.getItem('baseInfo')) : {})
+items.value.options.forEach((e) => {
+  if (e.dictTypeName) getDictData(e.dictTypeName, e.key) // 查字典set options
+  if (userInfo.value && userInfo.value[e.key]) e.value = userInfo.value[e.key] // 人才信息回显
+  if (baseInfo.value && baseInfo.value[e.key]) e.value = baseInfo.value[e.key] // 人才信息回显
+  if (e.key === 'sex' && e.value === '0') e.value = e.default
+  if (setInfo.value[e.key]) e.value = setInfo.value[e.key]
+})
+
+const getQuery = async () => {
+  const { valid } = await formPageRef.value.formRef.validate()
+  if (!valid) return false
+  const obj = {}
+  items.value.options.forEach(e => {
+    if (Object.prototype.hasOwnProperty.call(e, 'data')) return obj[e.key] = e.data
+    obj[e.key] = e.value === '' ? null : e.value
+    if (e.canBeInputted) { // 特殊处理可输入下拉框
+      dealCanBeInputtedSave(e, obj)
+    }
+  })
+  if (!obj.avatar) obj.avatar = getUserAvatar(null, obj.sex)
+  query = Object.assign(query, obj)
+  return query
+}
+
+defineExpose({
+  getQuery
+})
+</script>
+<style scoped lang="scss">
+.avatarsBox {
+  height: 80px;
+  width: 80px;
+  position: relative;
+  cursor: pointer;
+  // margin: 32px;
+  // margin-right: 40px;
+  margin: 0 40px 0 32px;
+  .img {
+    width: 100%;
+    height: 100%;
+  }
+  .mdi {
+    font-size: 42px;
+    color: #fff;
+  }
+  div {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    border-radius: 50%;
+  }
+}
+</style>

src/plugins/dialogExtend/index.js

@@ -7,7 +7,6 @@ import vuetify from '@/plugins/vuetify'
 // import router from '@/router'
 
 const toastMessage = (type, option = {})  => {
-  // debugger
   // if (type === 'necessaryInfoDialog' && router && showImprovePersonaInfo(router.path)) return
   return new Promise((resolve, reject) => {
     const componentName = type === 'necessaryInfoDialog' ?

src/router/modules/components/recruit/personCenter.js

@@ -199,6 +199,17 @@ const personCenter = [
               enName: 'Shipping Address',
               icon: 'mdi-map-marker-outline'
             }
+          },
+          {
+            path: '/recruit/personal/personalCenter/studentInformation',
+            name: 'Student Information',
+            permissionName: 'studentInformation',
+            component: () => import('@/views/recruit/personal/PersonalCenter/studentInformation'),
+            meta: {
+              title: '学生信息',
+              enName: 'Student Information',
+              icon: 'mdi-account-school-outline'
+            }
           }
         ]
       }

src/router/modules/remaining.js

@@ -23,6 +23,15 @@ const remainingRouter = [
       title: '注册'
     }
   },
+  {
+    path: '/register/selectedPersonRole',
+    component: () => import('@/views/register/selectedPersonRole.vue'),
+    name: 'registerSelectPersonRole',
+    meta: {
+      hidden: true,
+      title: '个人用户选择角色'
+    }
+  },
   {
     path: '/register/person',
     component: () => import('@/views/register/person.vue'),

src/store/user.js

@@ -66,7 +66,7 @@ export const useUserStore = defineStore('user',
             localStorage.setItem('expiresTime', res.expiresTime) // token过期时间
             updateEventList(true) // 获取规则配置跟踪列表
             await this.getUserInfos()
-            await this.getUserBaseInfos()
+            await this.getUserBaseInfos('', { chooseRole: data.chooseRole })
             resolve(res)
           }).catch(err => { reject(err) })
         })
@@ -109,7 +109,7 @@ export const useUserStore = defineStore('user',
         }
       },
       // 获取当前登录账户的基本信息（人才信息）
-      async getUserBaseInfos (userId = null) {
+      async getUserBaseInfos (userId = null, option) {
         try {
           // const api = getIsEnterprise() ? null : getBaseInfo
           let data = await getBaseInfo({ userId: userId || this.accountInfo.userId })
@@ -118,6 +118,10 @@ export const useUserStore = defineStore('user',
           this.baseInfo = await this.getFieldText(data)
           localStorage.setItem('baseInfo', JSON.stringify(this.baseInfo))
           localStorage.setItem('necessaryInfoReady', checkPersonBaseInfo(this.baseInfo) ? 'ready' : 'fddeaddc47868b') // 校验是否完善人才必填信息
+          if (option?.chooseRole) {
+            // 刚注册时让用户选择学生用户还是求职者用户，角色不同填写的基本信息不同。
+            localStorage.setItem('chooseRole', 'showChooseRole')
+          }
         } catch (error) {
           Snackbar.error(error)
         }

src/styles/index.scss

@@ -109,6 +109,9 @@
 .white-bgc {
   background-color: #fff;
 }
+.default-bgc {
+  background-color: #f2f4f7;
+}
 
 .ellipsis {
   white-space: nowrap;

src/utils/check.js

@@ -2,6 +2,7 @@
 export const checkPersonBaseInfo = (baseInfo) => {
   const info = baseInfo ? baseInfo : localStorage.getItem('baseInfo') ? JSON.parse(localStorage.getItem('baseInfo')) : {}
   if (!info || !Object.keys(info).length) return false
+  if (info.type && Number(info.type) === 1) return true // 0是求职者，1是学生
   const keyArr = [ // 必填项目
     'name',
     'sex',

src/utils/whiteList.js

@@ -21,6 +21,7 @@ export const showImprovePersonaInfo = (url) => {
     '/invite',
     '/enterpriseInvite',
     '/register/company',
+    '/register/selectedPersonRole',
     // '/recruit/entRegister/joiningEnterprise',
     // '/recruit/entRegister/inReview',
   ]

src/views/recruit/personal/PersonalCenter/index.vue

@@ -53,15 +53,23 @@ import { getCurrentLocaleLang } from '@/utils/lang.js'
 import personCenterRoute from '@/router/modules/components/recruit/personCenter'
 import { useUserStore } from '@/store/user'
 
+const info = localStorage.getItem('baseInfo') ? JSON.parse(localStorage.getItem('baseInfo')) : {}
+
+const menuHide = { // 是否隐藏
+  studentInformation: (info?.type && Number(info.type) !== 1) // 学生信息管理。 type:0是求职者，1是学生
+}
+
 // 左侧菜单列表
 const list = computed(() => {
   return getList(personCenterRoute[0].children[0].children)
 })
 console.log(import.meta.env.VITE_NODE_ENV, '当前环境变量===========')
 
+
 const getList = (arr, obj = []) => {
   arr.forEach(element => {
     if (element.show) return
+    if (menuHide[element.permissionName]) return
     let data = {}
     data = {
       title: element?.meta?.title,

src/views/recruit/personal/PersonalCenter/studentInformation/index.vue

@@ -0,0 +1,197 @@
+<template>
+  <div style="padding: 20px 30px">
+    <div class="resume-header mb-3">
+      <div class="resume-title">学生学籍信息</div>
+    </div>
+    <div class="d-flex flex-column align-center pt-5">
+      <CtForm ref="CtFormRef" :items="items" style="width: 900px;"></CtForm>
+      <v-btn class="buttons mt-5" color="primary" @click.stop="handleSubmit">{{ $t('common.save') }}</v-btn>
+    </div>
+  </div>
+
+  <Loading :visible="overlay"></Loading>
+</template>
+
+<script setup>
+defineOptions({name: 'personal-personCenter-studentInformation-index'})
+import { ref } from 'vue'
+import { saveStudentSimpleInfo } from '@/api/recruit/personal/shareJob'
+import { useI18n } from '@/hooks/web/useI18n'
+import Snackbar from '@/plugins/snackbar'
+import { debounce } from 'lodash'
+import { isValidIdCard18 } from '@/utils/validate'
+import { dealCanBeInputtedSave } from '@/utils/getText'
+
+const { t } = useI18n()
+
+const overlay = ref(false)
+// 学校下拉列表
+const schoolNameInput = ref('')
+const getSchoolListData = async (name) => {
+  const item = items.value.options.find(e => e.key === 'schoolId')
+  if (!item) return
+  if (item.items?.length && (schoolNameInput.value === name)) return // 防抖
+  item[item.itemTextName] = schoolNameInput.value = name
+
+  if (name === null || name === '') { item.items = [] }
+  else {
+    const data = await schoolSearchByName({ name })
+    item.items = data
+  }
+}
+const debouncedCallbackSchool = debounce(newValue => {
+  if (!newValue) return
+  getSchoolListData(newValue)
+}, 500)
+
+// 专业下拉列表
+const majorNameInput = ref('')
+const getMajorListData = async (name) => {
+  const item = items.value.options.find(e => e.key === 'majorId')
+  if (name === '') { // 此接口不支持传空值
+    item.items = []
+    return
+  }
+  if (item.items?.length && (majorNameInput.value === name)) return // 防抖
+  item[item.itemTextName] = majorNameInput.value = name
+  
+  if (name === null || name === '') { item.items = [] }
+  else {
+    const data = await schoolMajorByName({ name })
+    item.items = data
+  }
+}
+const debouncedCallbackMajor = debounce(newValue => {
+  getMajorListData(newValue)
+}, 500)
+
+const CtFormRef = ref()
+const items = ref({
+  options: [
+    {
+      type: 'combobox',
+      key: 'schoolId',
+      value: null,
+      default: null,
+      label: '学校名称 *',
+      outlined: true,
+      clearable: true,
+      canBeInputted: true, //
+      itemTextName: 'schoolName',
+      itemText: 'value',
+      itemValue: 'key',
+      rules: [v => !!v || '请选择学校名称'],
+      search: debouncedCallbackSchool,
+      items: [],
+    },
+    {
+      type: 'text',
+      key: 'schoolDepartmentName',
+      value: '',
+      default: null,
+      label: '所在院系 *',
+      outlined: true,
+      rules: [v => !!v || '请填写所在院系']
+    },
+    {
+      type: 'combobox',
+      key: 'majorId',
+      value: null,
+      default: null,
+      label: '所学专业 *',
+      outlined: true,
+      clearable: true,
+      canBeInputted: true, //
+      itemTextName: 'major',
+      itemText: 'nameCn',
+      itemValue: 'id',
+      rules: [v => !!v || '请选择所学专业'],
+      search: debouncedCallbackMajor,
+      items: []
+    },
+    {
+      type: 'text',
+      key: 'schoolClassName',
+      value: '',
+      default: null,
+      label: '所在班级 *',
+      outlined: true,
+      rules: [v => !!v || '请填写所在班级']
+    },
+    {
+      type: 'text',
+      key: 'studentNo',
+      value: '',
+      default: null,
+      label: '学号 *',
+      outlined: true,
+      rules: [v => !!v || '请填写学号']
+    },
+    {
+      type: 'text',
+      key: 'idCardNo',
+      value: '',
+      label: '身份证号码 *',
+      rules: [
+        value => {
+          if (!value) {
+            return '请输入您的身份证号码'
+          }
+          return true
+        },
+        value => {
+          if (!isValidIdCard18(value)) {
+            return '请输入正确的身份证号码'
+          }
+          return true
+        }
+      ]
+    },
+    {
+      type: 'text',
+      key: 'emergencyContactName',
+      value: '',
+      default: null,
+      label: '紧急联系人姓名 *',
+      outlined: true,
+      rules: [v => !!v || '请填写紧急联系人姓名']
+    },
+    {
+      type: 'phoneNumber',
+      key: 'emergencyContactPhone',
+      value: '',
+      clearable: true,
+      label: '紧急联系人手机号 *',
+      rules: [v => !!v || '请填写紧急联系人手机号']
+    },
+  ]
+})
+// 左侧加mr
+items.value.options.forEach((e, index) => {
+  e.col = 6
+  if ((index + 2) % 2 === 0) e.flexStyle = 'mr-3'
+})
+
+
+// 提交
+const handleSubmit = async () => {
+  const { valid } = await CtFormRef.value.formRef.validate()
+  if (!valid) return
+  overlay.value = true
+  items.value.options.forEach(item => {
+    query.value[item.key] = item.value
+    if (e.canBeInputted) { // 特殊处理可输入下拉框
+      dealCanBeInputtedSave(e, obj)
+    }
+  })
+  await saveStudentSimpleInfo(query.value)
+  setTimeout(async () => {
+    Snackbar.success(t('common.submittedSuccessfully'))
+    overlay.value = false
+  }, 1000)
+}
+
+</script>
+
+<style scoped lang="scss">
+</style>

src/views/register/person.vue

@@ -68,7 +68,7 @@ const handleRegister = async () => {
   try {
     // isLogin：企业注册申请被驳回后，再次提交时需先登录个人账号
     // props.isLogin ? await userStore.handleSmsLogin({ ...phoneRef.value.loginData, autoRegister: true }) : await userStore.handleUserRegister({ ...phoneRef.value.loginData })
-    await userStore.handleSmsLogin({ ...phoneRef.value.loginData, autoRegister: true }) // 自动注册登录
+    await userStore.handleSmsLogin({ ...phoneRef.value.loginData, autoRegister: true, chooseRole: true }) // 自动注册登录
     Snackbar.success(props.isCompany ? '手机号验证成功' : '注册成功')
     if (!props.isCompany) {
       localStorage.setItem('simpleCompleteDialogHaveBeenShow', true) // 个人登录简易基本信息填写弹窗open-status

src/views/register/selectedPersonRole.vue

@@ -0,0 +1,78 @@
+<template>
+  <div class="register-box" :style="{'background-image': 'url(' + webContent.loginBgUrl + ')'}">
+    <navBar v-if="!isMobile" :showLoginBtn="false" class="navBar"></navBar>
+    <div class="register-content">
+      <h2 style="color: #666; font-weight: 400;">请选择当前角色</h2>
+      <div class="d-flex mt-16">
+        <div style="width: 50%;" class="cursor-pointer item d-flex flex-column justify-center align-center" @click="handleClickRole(0)">
+          <v-icon color="primary" size="100">mdi-account-circle-outline</v-icon>
+          <span class="color-primary" style="font-size: 24px">普通用户</span>
+        </div>
+        <div style="width: 50%; border-left: 1px solid #ccc;" class="cursor-pointer item d-flex flex-column justify-center align-center" @click="handleClickRole(1)">
+          <v-icon color="primary" size="100">mdi-account-school-outline</v-icon>
+          <span class="color-primary" style="font-size: 24px">学生用户</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import navBar from '@/layout/personal/navBar.vue'
+defineOptions({ name: 'register-selectedPersonRole'})
+// import { useRouter } from 'vue-router'; const router = useRouter()
+import { ref, onMounted, nextTick } from 'vue'
+import { webContentStore } from '@/store/webContent'
+
+const webContent = webContentStore()
+const isMobile = ref(false)
+onMounted(async () => {
+  await webContent.getSystemWebContent()
+  const userAgent = navigator.userAgent
+  isMobile.value = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i.test(userAgent)
+})
+
+const handleClickRole = (type) => {
+  // localStorage.removeItem('chooseRole')
+  if (type) {
+    // 学生用户
+    localStorage.setItem('chooseRole', 'student') // 校验是否完善人才必填信息
+  } else {
+    // 普通用户
+    localStorage.removeItem('chooseRole')
+  }
+  nextTick(() => {
+    window.location.href = '/recruitHome'
+  })
+}
+</script>
+
+<style scoped lang="scss">
+.register-box {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+}
+.register-content {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  translate: -50% -50%;
+  width: 660px;
+  height: 453px;
+  background-color: #fff;
+  border-radius: 8px;
+  text-align: center;
+  padding: 90px 62px;
+}
+.item:hover {
+  span {
+    border-bottom: 1px solid #00897B;
+  }
+}
+.navBar {
+  position: absolute;
+  top: 0;
+}
+</style>