更新注册流程

src/constants/pageConstants.ts

@@ -4,50 +4,50 @@ export enum ApproveStatus {
   APPROVING = 20, // 审核中
   PASS = 30, // 通过
   REVOKE = 35, // 撤销
-  REFUSE = 40 // 拒绝
+  REFUSE = 40, // 拒绝
 }
 
 // 笼位退还审批状态
 export enum ReturnStatus {
   WAIT = 10,
   ON_THE_WAY = 20,
-  COMPLETE = 30
+  COMPLETE = 30,
 }
 
 // 动物级别
 export const LeavelList = [
   { name: '普通级', id: 1 },
   { name: 'SPF级', id: 3 },
-  { name: '无菌级', id: 4 }
+  { name: '无菌级', id: 4 },
 ]
 
 // 笼位申请审批状态列表
 export const ApproveStatusList = [
   {
     name: '待提交',
-    id: ApproveStatus.WAIT_SUBMIT
+    id: ApproveStatus.WAIT_SUBMIT,
   },
   {
     name: '审批中',
-    id: ApproveStatus.APPROVING
+    id: ApproveStatus.APPROVING,
   },
   {
     name: '通过',
-    id: ApproveStatus.PASS
+    id: ApproveStatus.PASS,
   },
   {
     name: '撤回',
-    id: ApproveStatus.REVOKE
+    id: ApproveStatus.REVOKE,
   },
   {
     name: '拒绝',
-    id: ApproveStatus.REFUSE
-  }
+    id: ApproveStatus.REFUSE,
+  },
 ]
 
 export enum ProcurementChannels {
   PURCHASED_BY_OTHERS = '10',
-  PURCHASED_BY_MYSELF = '20'
+  PURCHASED_BY_MYSELF = '20',
 }
 
 export enum UploadFileType {
@@ -56,48 +56,48 @@ export enum UploadFileType {
   ENV_TEST_DATE = 'envTestDateFile',
   CAGE_APPOINT_FILE = 'cageAppointFile',
   ETHICS_CHECK_FILE = 'ethicsCheckFile',
-  ETHICS_ADVICE_FILE = 'ethicsAdviceFile'
+  ETHICS_ADVICE_FILE = 'ethicsAdviceFile',
 }
 
 export enum FeedingSpecial {
   HAVE_FEEDING_SPECIAL = '10',
-  NO_FEEDING_SPECIAL = '20'
+  NO_FEEDING_SPECIAL = '20',
 }
 
 export enum MyCageType {
   MINE_CAGE = 'mineCage',
-  MY_CAGE_HISTORY = 'myCageHistory'
+  MY_CAGE_HISTORY = 'myCageHistory',
 }
 
 export enum FeeType {
   INSTRUMENTS_AND_EQUIPMENT = '10',
   EXPERIMENTAL_PLATFORMS = '20',
   TECHNICAL_SERVICES = '30',
-  LABORATORY_ANIMALS = '40'
+  LABORATORY_ANIMALS = '40',
 }
 
 export const FeeTypeList = [
   {
     name: '仪器设备',
-    id: FeeType.INSTRUMENTS_AND_EQUIPMENT
+    id: FeeType.INSTRUMENTS_AND_EQUIPMENT,
   },
   {
     name: '实验平台',
-    id: FeeType.EXPERIMENTAL_PLATFORMS
+    id: FeeType.EXPERIMENTAL_PLATFORMS,
   },
   {
     name: '技术服务',
-    id: FeeType.TECHNICAL_SERVICES
+    id: FeeType.TECHNICAL_SERVICES,
   },
   {
     name: '实验动物',
-    id: FeeType.LABORATORY_ANIMALS
-  }
+    id: FeeType.LABORATORY_ANIMALS,
+  },
 ]
 
 export enum FeeStatus {
   NOT_PAID = '10',
-  PAID = '20'
+  PAID = '20',
 }
 
 // 申请带离审批状态
@@ -145,7 +145,6 @@ export interface TakeawayList {
   userName: string // 用户姓名
 }
 
-
 export interface CreateAnimalApplyLeavePayload {
   accessCardNumber: string // 门禁卡序列号
   categoryId: string | null // 动物种类
@@ -193,4 +192,10 @@ export const AnimalRemovalApplicationNotice = `
   4.实验动物一经离开临床医学公共实验中心，发生的逃逸或抓伤咬伤等生物安全事故由带离实验动物的本人自行负责。
   5.带离临床医学公共实验中心的动物，如若死亡，需按照相关规定规范处理，不可随意丢弃。
   6.转运回来的实验动物，将重新进行检疫隔离，如运输包装、方式等不规范，实验动物房有权拒收该批转运回来的实验动物。
-`
+`
+
+export const UserTypeTooltip = [
+  '(一) 在读研究生，双导师中任一导师为我院职工的，按照院内收费标准执行。',
+  '(二) 人事关系不在我院的遵义医科大学及其直属附属医院的科研人员，按照遵医校部及其他附院标准执行。',
+  '(三) 非上述类型的科研人员，按照院外收费标准执行，并视情况实行预交费制度，由医院开具增值税专用发票。',
+]

src/theme/index.scss

@@ -192,6 +192,10 @@ p {
   font-weight: bold;
 }
 
+.el-popper {
+  width: 80% !important;
+}
+
 /* 文字大小全局样式
 ------------------------------- */
 @for $i from 1 through 100 {

src/view/register/index.vue

@@ -93,7 +93,26 @@
               </van-radio-group>
             </template>
           </van-field>
-          <van-field label="用户类型">
+          <van-field>
+            <template #label>
+              <span>用户类型</span>
+              <el-tooltip
+                class="box-item"
+                effect="dark"
+                placement="top"
+                append-to="body"
+              >
+                <template #content>
+                  <div
+                    v-for="item in UserTypeTooltip"
+                    :key="item"
+                  >
+                    {{ item }}
+                  </div>
+                </template>
+                <el-icon style="margin-left: 10px;"><QuestionFilled /></el-icon>
+              </el-tooltip>
+            </template>
             <template #input>
               <van-radio-group
                 v-model="state.form.userType"
@@ -406,6 +425,9 @@
   import { useDeptApi } from '/@/api/system/dept'
   import { useRouter, useRoute } from 'vue-router'
   import { showNotify } from 'vant'
+
+  import { UserTypeTooltip } from '/@/constants/pageConstants'
+
   const sm3 = crypto.sm3
   const loginApi = useLoginApi()
   const router = useRouter()