diff --git a/src/views/resource/person/register/component/basic.vue b/src/views/resource/person/register/component/basic.vue
index 4195d65..6a090d7 100644
--- a/src/views/resource/person/register/component/basic.vue
+++ b/src/views/resource/person/register/component/basic.vue
@@ -1,13 +1,139 @@
 <!-- 人员登记 基本信息 -->
 <script name="RegisterBasic" lang="ts" setup>
-const props = defineProps({ operation: { type: String, default: '' } })
+import type { PropType } from 'vue'
+import type { IDictType, IStaffBasicInfo } from '../person-regitster'
+import { getDictByCode } from '@/api/system/dict'
+
+const props = defineProps({
+  operation: { type: String, default: '' },
+})
+
+const staffBasicInfo = reactive<IStaffBasicInfo>({
+  account: '',
+  pictureFile: '',
+  staffNo: '',
+  staffName: '',
+  idCard: '',
+  birthday: '',
+  nativePlace: '',
+  education: '',
+  recordDate: '',
+  officerNo: '',
+  gender: '',
+  graduationDate: '',
+  nation: '',
+  degree: '',
+  deptId: '',
+  station: '',
+  major: '',
+  certificateNumber: '',
+  engageDate: '',
+  workingDate: '',
+  titleInitialDate: '',
+  titleRecentlyDate: '',
+  academicStartDate: '',
+  partyDate: '',
+  enlistmentDate: '',
+  staffType: '',
+  rankLevel: '',
+  rankLevelDate: '',
+  jobLevel: '',
+  jobLevelDate: '',
+  treatmentLevel: '',
+  treatmentLevelDate: '',
+  workingExperience: '',
+  rankExperience: '',
+  titleExperience: '',
+  rewardsPunishments: '',
+  remark: '',
+})
+const educationList = ref<IDictType[]>([])
+const genderList = ref<IDictType[]>([])
+const nationList = ref<IDictType[]>([])
+const degreeList = ref<IDictType[]>([])
+const staffTypeList = ref<IDictType[]>([])
+
 // 逻辑
+
+// 查询学历字典值
+const getEducationDict = () => {
+  getDictByCode('bizEducation').then((res) => {
+    if (res.code === 200) {
+      educationList.value = res.data
+    }
+  })
+}
+
+// 查询性别字典值
+const getGenderDict = () => {
+  getDictByCode('sex').then((res) => {
+    if (res.code === 200) {
+      genderList.value = res.data
+    }
+  })
+}
+
+// 查询民族字典值
+const getNationDict = () => {
+  getDictByCode('sex').then((res) => {
+    if (res.code === 200) {
+      nationList.value = res.data
+    }
+  })
+}
+
+// 查询学位字典值
+const getDegreeDict = () => {
+  getDictByCode('bizDegree').then((res) => {
+    if (res.code === 200) {
+      degreeList.value = res.data
+    }
+  })
+}
+
+// 查询人员类别字典值
+const getStaffTypeDict = () => {
+  getDictByCode('bizStaffType').then((res) => {
+    if (res.code === 200) {
+      staffTypeList.value = res.data
+    }
+  })
+}
+
+// 根据身份证得到生日
+const getBirthday = () => {
+  // ruleFormRef.value?.validateField('idCard').then((res) => {
+  // 获取生日
+  const idCardStr = staffBasicInfo.idCard
+  staffBasicInfo.birthday = `${idCardStr.substring(6, 10)}-${idCardStr.substring(10, 12)}-${idCardStr.substring(12, 14)}`
+
+  // 获取性别 第17位  奇数为男 偶数为女
+  // ruleForm.value.sex
+  if (Number(idCardStr.substring(16, 17)) % 2) {
+    // 男
+    staffBasicInfo.gender = '1'
+  }
+  else {
+    //  女
+    staffBasicInfo.gender = '2'
+  }
+  // })
+}
+
+onMounted(() => {
+  getEducationDict()
+  getGenderDict()
+  // getNationDict()
+  getDegreeDict()
+  getStaffTypeDict()
+})
 </script>
 
 <template>
   <app-container>
-    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
+    <el-form ref="basicFormRef" label-position="right" label-width="110px" border stripe>
       <el-row :gutter="24">
+        <!-- 第一行 第一、二列 -->
         <el-col :span="12">
           <el-form-item prop="minioFileName">
             <!-- <el-upload
@@ -15,90 +141,83 @@
               :show-file-list="false"
               :http-request="uploadQuarterlyEvaluateFile"
               :before-upload="beforeAvatarUpload"
-              :disabled="title === '详情'"
               accept="image/png, image/jpeg,image/jpg"
             >
-              <img v-if="ruleForm.minioFileName" :src="photoUrl" class="avatar">
+              <img v-if="staffBasicInfo.minioFileName" :src="photoUrl" class="avatar">
               <el-icon v-else class="avatar-uploader-icon">
                 <plus />
               </el-icon>
             </el-upload> -->
           </el-form-item>
         </el-col>
+
+        <!-- 第一行 第三列 -->
         <el-col :span="6">
-          <el-form-item label="人员编号" prop="birthday" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <el-date-picker
-              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
-              placeholder="出生年月" disabled
-              style="width: 100%;"
-            /> -->
+          <el-form-item label="人员编号" prop="staffNoProp">
+            <el-input ref="staffNoRef" v-model="staffBasicInfo.staffNo" placeholder="请输入人员编号，必填项" :clearable="true" />
           </el-form-item>
-          <el-form-item label="姓名" prop="birthday" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <el-date-picker
-              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
-              placeholder="出生年月" disabled
-              style="width: 100%;"
-            /> -->
+
+          <el-form-item label="姓名" prop="staffNNameProp">
+            <el-input ref="staffNameRef" v-model="staffBasicInfo.staffName" placeholder="请输入姓名，必填项" :clearable="true" />
           </el-form-item>
-          <el-form-item label="身份证号" prop="birthday" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <el-date-picker
-              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
-              placeholder="出生年月" disabled
-              style="width: 100%;"
-            /> -->
+
+          <el-form-item label="身份证号" prop="idCardProp">
+            <el-input ref="idCardRef" v-model="staffBasicInfo.idCard" placeholder="请输入身份证号，必填项" :clearable="true" @blur="getBirthday" />
           </el-form-item>
-          <el-form-item label="出生日期" prop="birthday" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <el-date-picker
-              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
-              placeholder="出生年月" disabled
-              style="width: 100%;"
-            /> -->
+
+          <el-form-item label="出生日期" prop="birthdayProp">
+            <el-input ref="birthdayRef" v-model="staffBasicInfo.birthday" :readonly="true" />
           </el-form-item>
-          <el-form-item label="学历" prop="birthday" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <el-date-picker
-              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
-              placeholder="出生年月" disabled
-              style="width: 100%;"
-            /> -->
+
+          <el-form-item label="籍贯" prop="nativePlaceProp">
+            <el-input v-model="staffBasicInfo.nativePlace" placeholder="请输入籍贯" />
           </el-form-item>
-          <el-form-item label="籍贯" prop="birthday" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <el-date-picker
-              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
-              placeholder="出生年月" disabled
-              style="width: 100%;"
-            /> -->
+
+          <el-form-item label="学历">
+            <el-select v-model="staffBasicInfo.education" placeholder="请选择学历" style="width: 100%;">
+              <el-option v-for="item in educationList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
           </el-form-item>
         </el-col>
+
+        <!-- 第一行 第四列 -->
         <el-col :span="6">
-          <el-form-item label="建档时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="建档时间">
+            <el-date-picker
+              v-model="staffBasicInfo.recordDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择建档时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="军官证号" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="军官证号">
+            <el-input v-model="staffBasicInfo.officerNo" placeholder="请输入军官证号" />
           </el-form-item>
-          <el-form-item label="性别" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="性别">
+            <el-select v-model="staffBasicInfo.gender" placeholder="请选择性别" style="width: 100%;">
+              <el-option v-for="item in genderList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
           </el-form-item>
-          <el-form-item label="毕业时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="毕业时间">
+            <el-date-picker
+              v-model="staffBasicInfo.graduationDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择毕业时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="民族" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="民族">
+            <el-select v-model="staffBasicInfo.nation" placeholder="请选择民族" style="width: 100%;">
+              <el-option v-for="item in educationList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
           </el-form-item>
-          <el-form-item label="学位" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="学位">
+            <el-select v-model="staffBasicInfo.degree" placeholder="请选择学位" style="width: 100%;">
+              <el-option v-for="item in degreeList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
           </el-form-item>
         </el-col>
       </el-row>
@@ -107,89 +226,114 @@
       <el-row :gutter="24">
         <!-- 第一列 -->
         <el-col :span="6">
-          <el-form-item label="工作部门" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="工作部门">
+            <dept-select v-model="staffBasicInfo.deptId" placeholder="请选择工作部门" style="width: 100%;" />
           </el-form-item>
-          <el-form-item label="从事专业时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="从事专业时间">
+            <el-date-picker
+              v-model="staffBasicInfo.engageDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择从事专业时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="入学时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="入学时间">
+            <el-date-picker
+              v-model="staffBasicInfo.academicStartDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择入学时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="军衔等级" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="军衔等级">
+            <el-input v-model="staffBasicInfo.rankLevel" placeholder="请输入军衔等级" />
           </el-form-item>
-          <el-form-item label="待遇级别" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="待遇级别">
+            <el-input v-model="staffBasicInfo.treatmentLevel" placeholder="请输入待遇级别" />
           </el-form-item>
         </el-col>
 
         <!-- 第二列 -->
         <el-col :span="6">
-          <el-form-item label="岗位" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="岗位">
+            <el-input v-model="staffBasicInfo.station" placeholder="请输入岗位" />
           </el-form-item>
-          <el-form-item label="干龄" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="干龄">
+            <el-input placeholder="身份证号" readonly />
           </el-form-item>
-          <el-form-item label="党团时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="党团时间">
+            <el-date-picker
+              v-model="staffBasicInfo.partyDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择党团时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="军衔等级时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="军衔等级时间">
+            <el-date-picker
+              v-model="staffBasicInfo.rankLevelDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择军衔等级时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="待遇级别时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="待遇级别时间">
+            <el-date-picker
+              v-model="staffBasicInfo.treatmentLevelDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择待遇级别时间" style="width: 100%;"
+            />
           </el-form-item>
         </el-col>
 
         <!-- 第三列 -->
         <el-col :span="6">
-          <el-form-item label="计量专业" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="计量专业">
+            <el-input v-model="staffBasicInfo.major" placeholder="请输入从事计量专业" />
           </el-form-item>
-          <el-form-item label="职称初评" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="职称初评">
+            <el-date-picker
+              v-model="staffBasicInfo.titleInitialDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选职称初评时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="入伍时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="入伍时间">
+            <el-date-picker
+              v-model="staffBasicInfo.enlistmentDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择入伍时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="职务层级" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="职务层级">
+            <el-input v-model="staffBasicInfo.jobLevel" placeholder="请输入职务层级" />
           </el-form-item>
         </el-col>
 
         <!-- 第四列 -->
         <el-col :span="6">
-          <el-form-item label="证号" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="证号">
+            <el-input placeholder="身份证号" readonly />
           </el-form-item>
-          <el-form-item label="职称最近续评" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="职称最近续评">
+            <el-date-picker
+              v-model="staffBasicInfo.titleRecentlyDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择职称最近续评时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="人员类别" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="人员类别">
+            <el-select v-model="staffBasicInfo.staffType" placeholder="请选择人员类别" style="width: 100%;">
+              <el-option v-for="item in staffTypeList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
           </el-form-item>
-          <el-form-item label="职务层级时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="职务层级时间">
+            <el-date-picker
+              v-model="staffBasicInfo.jobLevelDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择职务层级时间" style="width: 100%;"
+            />
           </el-form-item>
         </el-col>
       </el-row>
@@ -197,8 +341,8 @@
       <!-- 第三行 -->
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="工作简历" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="3" />
+          <el-form-item label="工作简历">
+            <el-input v-model="staffBasicInfo.workingExperience" placeholder="请输入工作简历" type="textarea" :rows="3" />
           </el-form-item>
         </el-col>
       </el-row>
@@ -206,8 +350,8 @@
       <!-- 第四行 -->
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="军衔/时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="3" />
+          <el-form-item label="军衔/时间">
+            <el-input v-model="staffBasicInfo.rankExperience" placeholder="请输入军衔及获得时间" type="textarea" :rows="3" />
           </el-form-item>
         </el-col>
       </el-row>
@@ -215,8 +359,8 @@
       <!-- 第四行 -->
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="职称/时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="3" />
+          <el-form-item label="职称/时间">
+            <el-input v-model="staffBasicInfo.titleExperience" placeholder="请输入职称及获得时间" type="textarea" :rows="3" />
           </el-form-item>
         </el-col>
       </el-row>
@@ -224,8 +368,8 @@
       <!-- 第四行 -->
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="奖惩情况" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="3" />
+          <el-form-item label="奖惩情况">
+            <el-input v-model="staffBasicInfo.rewardsPunishments" placeholder="请输入奖惩情况" type="textarea" :rows="3" />
           </el-form-item>
         </el-col>
       </el-row>
@@ -233,82 +377,11 @@
       <!-- 第四行 -->
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="备注" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="1" />
+          <el-form-item label="备注">
+            <el-input v-model="staffBasicInfo.remark" placeholder="请输入备注信息" type="textarea" :rows="1" />
           </el-form-item>
         </el-col>
       </el-row>
-      <!-- <el-form-item label="计量专业" prop="major" class="marg-item"> -->
-      <!-- <el-select
-              v-model.trim="ruleForm.major"
-              clearable
-              :placeholder="title === '详情' ? '' : '请选择'"
-              :disabled="title === '详情'"
-              class="full-width-input"
-            >
-              <el-option
-                v-for="item in measureMajorList"
-                :key="item.id"
-                :label="item.name"
-                :value="item.value"
-              />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="是否特操人" prop="specialOperator" class="marg-item"> -->
-      <!-- <el-select v-model="ruleForm.specialOperator" placeholder="是否特操人" :disabled="title === '详情'" style="width: 100%;">
-              <el-option v-for="item in selectWhether" :key="item.value" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- </el-col> -->
-      <!-- <el-col :span="6"> -->
-      <!-- <el-form-item label="人员编号" prop="staffNo"> -->
-      <!-- <el-input v-model.trim="ruleForm.staffNo" placeholder="系统自动生成" disabled /> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="性别" prop="sex" class="marg-item"> -->
-      <!-- <el-select v-model="ruleForm.sex" placeholder="请选择性别" disabled style="width: 100%;">
-              <el-option v-for="item in sexList" :key="item.id" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="技术职务" prop="technologyJob" class="marg-item"> -->
-      <!-- <el-select v-model="ruleForm.technologyJob" clearable :placeholder="title === '详情' ? ' ' : '技术职务'" :disabled="title === '详情'" style="width: 100%;">
-              <el-option v-for="item in technologyJobList" :key="item.id" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="从事日期" prop="workDate" class="marg-item"> -->
-      <!-- <el-date-picker
-              v-model="ruleForm.workDate" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :disabled="title === '详情'"
-              placeholder="请选择从事日期" style="width: 100%;"
-            /> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="是否技术考核" prop="technologyExam" class="marg-item" style="width: 100%;"> -->
-      <!-- <el-select v-model="ruleForm.technologyExam" placeholder="技术考核" :disabled="title === '详情'" style="width: 100%;">
-              <el-option v-for="item in selectWhether" :key="item.value" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- </el-col> -->
-      <!-- <el-col :span="6"> -->
-      <!-- <el-form-item label="身份证号" prop="idCard"> -->
-      <!-- <el-input ref="cardRef" v-model.trim="ruleForm.idCard" placeholder="身份证号" :disabled="title === '详情'" @blur="getBirthday" /> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="文化程度" prop="education" class="marg-item"> -->
-      <!-- <el-select v-model="ruleForm.education" placeholder="文化程度" :disabled="title === '详情'" style="width: 100%;">
-              <el-option v-for="item in educationList" :key="item.id" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="行政职务" prop="administrationJob" class="marg-item"> -->
-      <!-- <el-select v-model="ruleForm.administrationJob" clearable :placeholder="title === '详情' ? ' ' : '行政职务'" :disabled="title === '详情'" style="width: 100%;">
-              <el-option v-for="item in administrationJobList" :key="item.id" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="是否主考人" prop="mainExaminer" class="marg-item"> -->
-      <!-- <el-select v-model="ruleForm.mainExaminer" placeholder="是否主考人" :disabled="title === '详情'" style="width: 100%;">
-              <el-option v-for="item in selectWhether" :key="item.value" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item>
-          <el-form-item label="备注" prop="remark" class="marg-item">
-            <el-input placeholder="请输入备注" :disabled="props.operation === 'detail'" />
-          </el-form-item>
-        </el-col> -->
     </el-form>
   </app-container>
 </template>

diff --git a/src/views/resource/person/register/component/basic.vue b/src/views/resource/person/register/component/basic.vue
index 4195d65..6a090d7 100644
--- a/src/views/resource/person/register/component/basic.vue
+++ b/src/views/resource/person/register/component/basic.vue
@@ -1,13 +1,139 @@
 <!-- 人员登记 基本信息 -->
 <script name="RegisterBasic" lang="ts" setup>
-const props = defineProps({ operation: { type: String, default: '' } })
+import type { PropType } from 'vue'
+import type { IDictType, IStaffBasicInfo } from '../person-regitster'
+import { getDictByCode } from '@/api/system/dict'
+
+const props = defineProps({
+  operation: { type: String, default: '' },
+})
+
+const staffBasicInfo = reactive<IStaffBasicInfo>({
+  account: '',
+  pictureFile: '',
+  staffNo: '',
+  staffName: '',
+  idCard: '',
+  birthday: '',
+  nativePlace: '',
+  education: '',
+  recordDate: '',
+  officerNo: '',
+  gender: '',
+  graduationDate: '',
+  nation: '',
+  degree: '',
+  deptId: '',
+  station: '',
+  major: '',
+  certificateNumber: '',
+  engageDate: '',
+  workingDate: '',
+  titleInitialDate: '',
+  titleRecentlyDate: '',
+  academicStartDate: '',
+  partyDate: '',
+  enlistmentDate: '',
+  staffType: '',
+  rankLevel: '',
+  rankLevelDate: '',
+  jobLevel: '',
+  jobLevelDate: '',
+  treatmentLevel: '',
+  treatmentLevelDate: '',
+  workingExperience: '',
+  rankExperience: '',
+  titleExperience: '',
+  rewardsPunishments: '',
+  remark: '',
+})
+const educationList = ref<IDictType[]>([])
+const genderList = ref<IDictType[]>([])
+const nationList = ref<IDictType[]>([])
+const degreeList = ref<IDictType[]>([])
+const staffTypeList = ref<IDictType[]>([])
+
 // 逻辑
+
+// 查询学历字典值
+const getEducationDict = () => {
+  getDictByCode('bizEducation').then((res) => {
+    if (res.code === 200) {
+      educationList.value = res.data
+    }
+  })
+}
+
+// 查询性别字典值
+const getGenderDict = () => {
+  getDictByCode('sex').then((res) => {
+    if (res.code === 200) {
+      genderList.value = res.data
+    }
+  })
+}
+
+// 查询民族字典值
+const getNationDict = () => {
+  getDictByCode('sex').then((res) => {
+    if (res.code === 200) {
+      nationList.value = res.data
+    }
+  })
+}
+
+// 查询学位字典值
+const getDegreeDict = () => {
+  getDictByCode('bizDegree').then((res) => {
+    if (res.code === 200) {
+      degreeList.value = res.data
+    }
+  })
+}
+
+// 查询人员类别字典值
+const getStaffTypeDict = () => {
+  getDictByCode('bizStaffType').then((res) => {
+    if (res.code === 200) {
+      staffTypeList.value = res.data
+    }
+  })
+}
+
+// 根据身份证得到生日
+const getBirthday = () => {
+  // ruleFormRef.value?.validateField('idCard').then((res) => {
+  // 获取生日
+  const idCardStr = staffBasicInfo.idCard
+  staffBasicInfo.birthday = `${idCardStr.substring(6, 10)}-${idCardStr.substring(10, 12)}-${idCardStr.substring(12, 14)}`
+
+  // 获取性别 第17位  奇数为男 偶数为女
+  // ruleForm.value.sex
+  if (Number(idCardStr.substring(16, 17)) % 2) {
+    // 男
+    staffBasicInfo.gender = '1'
+  }
+  else {
+    //  女
+    staffBasicInfo.gender = '2'
+  }
+  // })
+}
+
+onMounted(() => {
+  getEducationDict()
+  getGenderDict()
+  // getNationDict()
+  getDegreeDict()
+  getStaffTypeDict()
+})
 </script>
 
 <template>
   <app-container>
-    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
+    <el-form ref="basicFormRef" label-position="right" label-width="110px" border stripe>
       <el-row :gutter="24">
+        <!-- 第一行 第一、二列 -->
         <el-col :span="12">
           <el-form-item prop="minioFileName">
             <!-- <el-upload
@@ -15,90 +141,83 @@
               :show-file-list="false"
               :http-request="uploadQuarterlyEvaluateFile"
               :before-upload="beforeAvatarUpload"
-              :disabled="title === '详情'"
               accept="image/png, image/jpeg,image/jpg"
             >
-              <img v-if="ruleForm.minioFileName" :src="photoUrl" class="avatar">
+              <img v-if="staffBasicInfo.minioFileName" :src="photoUrl" class="avatar">
               <el-icon v-else class="avatar-uploader-icon">
                 <plus />
               </el-icon>
             </el-upload> -->
           </el-form-item>
         </el-col>
+
+        <!-- 第一行 第三列 -->
         <el-col :span="6">
-          <el-form-item label="人员编号" prop="birthday" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <el-date-picker
-              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
-              placeholder="出生年月" disabled
-              style="width: 100%;"
-            /> -->
+          <el-form-item label="人员编号" prop="staffNoProp">
+            <el-input ref="staffNoRef" v-model="staffBasicInfo.staffNo" placeholder="请输入人员编号，必填项" :clearable="true" />
           </el-form-item>
-          <el-form-item label="姓名" prop="birthday" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <el-date-picker
-              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
-              placeholder="出生年月" disabled
-              style="width: 100%;"
-            /> -->
+
+          <el-form-item label="姓名" prop="staffNNameProp">
+            <el-input ref="staffNameRef" v-model="staffBasicInfo.staffName" placeholder="请输入姓名，必填项" :clearable="true" />
           </el-form-item>
-          <el-form-item label="身份证号" prop="birthday" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <el-date-picker
-              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
-              placeholder="出生年月" disabled
-              style="width: 100%;"
-            /> -->
+
+          <el-form-item label="身份证号" prop="idCardProp">
+            <el-input ref="idCardRef" v-model="staffBasicInfo.idCard" placeholder="请输入身份证号，必填项" :clearable="true" @blur="getBirthday" />
           </el-form-item>
-          <el-form-item label="出生日期" prop="birthday" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <el-date-picker
-              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
-              placeholder="出生年月" disabled
-              style="width: 100%;"
-            /> -->
+
+          <el-form-item label="出生日期" prop="birthdayProp">
+            <el-input ref="birthdayRef" v-model="staffBasicInfo.birthday" :readonly="true" />
           </el-form-item>
-          <el-form-item label="学历" prop="birthday" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <el-date-picker
-              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
-              placeholder="出生年月" disabled
-              style="width: 100%;"
-            /> -->
+
+          <el-form-item label="籍贯" prop="nativePlaceProp">
+            <el-input v-model="staffBasicInfo.nativePlace" placeholder="请输入籍贯" />
           </el-form-item>
-          <el-form-item label="籍贯" prop="birthday" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <el-date-picker
-              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
-              placeholder="出生年月" disabled
-              style="width: 100%;"
-            /> -->
+
+          <el-form-item label="学历">
+            <el-select v-model="staffBasicInfo.education" placeholder="请选择学历" style="width: 100%;">
+              <el-option v-for="item in educationList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
           </el-form-item>
         </el-col>
+
+        <!-- 第一行 第四列 -->
         <el-col :span="6">
-          <el-form-item label="建档时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="建档时间">
+            <el-date-picker
+              v-model="staffBasicInfo.recordDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择建档时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="军官证号" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="军官证号">
+            <el-input v-model="staffBasicInfo.officerNo" placeholder="请输入军官证号" />
           </el-form-item>
-          <el-form-item label="性别" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="性别">
+            <el-select v-model="staffBasicInfo.gender" placeholder="请选择性别" style="width: 100%;">
+              <el-option v-for="item in genderList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
           </el-form-item>
-          <el-form-item label="毕业时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="毕业时间">
+            <el-date-picker
+              v-model="staffBasicInfo.graduationDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择毕业时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="民族" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="民族">
+            <el-select v-model="staffBasicInfo.nation" placeholder="请选择民族" style="width: 100%;">
+              <el-option v-for="item in educationList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
           </el-form-item>
-          <el-form-item label="学位" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="学位">
+            <el-select v-model="staffBasicInfo.degree" placeholder="请选择学位" style="width: 100%;">
+              <el-option v-for="item in degreeList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
           </el-form-item>
         </el-col>
       </el-row>
@@ -107,89 +226,114 @@
       <el-row :gutter="24">
         <!-- 第一列 -->
         <el-col :span="6">
-          <el-form-item label="工作部门" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="工作部门">
+            <dept-select v-model="staffBasicInfo.deptId" placeholder="请选择工作部门" style="width: 100%;" />
           </el-form-item>
-          <el-form-item label="从事专业时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="从事专业时间">
+            <el-date-picker
+              v-model="staffBasicInfo.engageDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择从事专业时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="入学时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="入学时间">
+            <el-date-picker
+              v-model="staffBasicInfo.academicStartDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择入学时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="军衔等级" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="军衔等级">
+            <el-input v-model="staffBasicInfo.rankLevel" placeholder="请输入军衔等级" />
           </el-form-item>
-          <el-form-item label="待遇级别" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="待遇级别">
+            <el-input v-model="staffBasicInfo.treatmentLevel" placeholder="请输入待遇级别" />
           </el-form-item>
         </el-col>
 
         <!-- 第二列 -->
         <el-col :span="6">
-          <el-form-item label="岗位" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="岗位">
+            <el-input v-model="staffBasicInfo.station" placeholder="请输入岗位" />
           </el-form-item>
-          <el-form-item label="干龄" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="干龄">
+            <el-input placeholder="身份证号" readonly />
           </el-form-item>
-          <el-form-item label="党团时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="党团时间">
+            <el-date-picker
+              v-model="staffBasicInfo.partyDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择党团时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="军衔等级时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="军衔等级时间">
+            <el-date-picker
+              v-model="staffBasicInfo.rankLevelDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择军衔等级时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="待遇级别时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="待遇级别时间">
+            <el-date-picker
+              v-model="staffBasicInfo.treatmentLevelDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择待遇级别时间" style="width: 100%;"
+            />
           </el-form-item>
         </el-col>
 
         <!-- 第三列 -->
         <el-col :span="6">
-          <el-form-item label="计量专业" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="计量专业">
+            <el-input v-model="staffBasicInfo.major" placeholder="请输入从事计量专业" />
           </el-form-item>
-          <el-form-item label="职称初评" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="职称初评">
+            <el-date-picker
+              v-model="staffBasicInfo.titleInitialDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选职称初评时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="入伍时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="入伍时间">
+            <el-date-picker
+              v-model="staffBasicInfo.enlistmentDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择入伍时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="职务层级" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="职务层级">
+            <el-input v-model="staffBasicInfo.jobLevel" placeholder="请输入职务层级" />
           </el-form-item>
         </el-col>
 
         <!-- 第四列 -->
         <el-col :span="6">
-          <el-form-item label="证号" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="证号">
+            <el-input placeholder="身份证号" readonly />
           </el-form-item>
-          <el-form-item label="职称最近续评" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="职称最近续评">
+            <el-date-picker
+              v-model="staffBasicInfo.titleRecentlyDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择职称最近续评时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="人员类别" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="人员类别">
+            <el-select v-model="staffBasicInfo.staffType" placeholder="请选择人员类别" style="width: 100%;">
+              <el-option v-for="item in staffTypeList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
           </el-form-item>
-          <el-form-item label="职务层级时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="职务层级时间">
+            <el-date-picker
+              v-model="staffBasicInfo.jobLevelDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择职务层级时间" style="width: 100%;"
+            />
           </el-form-item>
         </el-col>
       </el-row>
@@ -197,8 +341,8 @@
       <!-- 第三行 -->
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="工作简历" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="3" />
+          <el-form-item label="工作简历">
+            <el-input v-model="staffBasicInfo.workingExperience" placeholder="请输入工作简历" type="textarea" :rows="3" />
           </el-form-item>
         </el-col>
       </el-row>
@@ -206,8 +350,8 @@
       <!-- 第四行 -->
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="军衔/时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="3" />
+          <el-form-item label="军衔/时间">
+            <el-input v-model="staffBasicInfo.rankExperience" placeholder="请输入军衔及获得时间" type="textarea" :rows="3" />
           </el-form-item>
         </el-col>
       </el-row>
@@ -215,8 +359,8 @@
       <!-- 第四行 -->
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="职称/时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="3" />
+          <el-form-item label="职称/时间">
+            <el-input v-model="staffBasicInfo.titleExperience" placeholder="请输入职称及获得时间" type="textarea" :rows="3" />
           </el-form-item>
         </el-col>
       </el-row>
@@ -224,8 +368,8 @@
       <!-- 第四行 -->
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="奖惩情况" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="3" />
+          <el-form-item label="奖惩情况">
+            <el-input v-model="staffBasicInfo.rewardsPunishments" placeholder="请输入奖惩情况" type="textarea" :rows="3" />
           </el-form-item>
         </el-col>
       </el-row>
@@ -233,82 +377,11 @@
       <!-- 第四行 -->
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="备注" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="1" />
+          <el-form-item label="备注">
+            <el-input v-model="staffBasicInfo.remark" placeholder="请输入备注信息" type="textarea" :rows="1" />
           </el-form-item>
         </el-col>
       </el-row>
-      <!-- <el-form-item label="计量专业" prop="major" class="marg-item"> -->
-      <!-- <el-select
-              v-model.trim="ruleForm.major"
-              clearable
-              :placeholder="title === '详情' ? '' : '请选择'"
-              :disabled="title === '详情'"
-              class="full-width-input"
-            >
-              <el-option
-                v-for="item in measureMajorList"
-                :key="item.id"
-                :label="item.name"
-                :value="item.value"
-              />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="是否特操人" prop="specialOperator" class="marg-item"> -->
-      <!-- <el-select v-model="ruleForm.specialOperator" placeholder="是否特操人" :disabled="title === '详情'" style="width: 100%;">
-              <el-option v-for="item in selectWhether" :key="item.value" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- </el-col> -->
-      <!-- <el-col :span="6"> -->
-      <!-- <el-form-item label="人员编号" prop="staffNo"> -->
-      <!-- <el-input v-model.trim="ruleForm.staffNo" placeholder="系统自动生成" disabled /> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="性别" prop="sex" class="marg-item"> -->
-      <!-- <el-select v-model="ruleForm.sex" placeholder="请选择性别" disabled style="width: 100%;">
-              <el-option v-for="item in sexList" :key="item.id" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="技术职务" prop="technologyJob" class="marg-item"> -->
-      <!-- <el-select v-model="ruleForm.technologyJob" clearable :placeholder="title === '详情' ? ' ' : '技术职务'" :disabled="title === '详情'" style="width: 100%;">
-              <el-option v-for="item in technologyJobList" :key="item.id" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="从事日期" prop="workDate" class="marg-item"> -->
-      <!-- <el-date-picker
-              v-model="ruleForm.workDate" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :disabled="title === '详情'"
-              placeholder="请选择从事日期" style="width: 100%;"
-            /> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="是否技术考核" prop="technologyExam" class="marg-item" style="width: 100%;"> -->
-      <!-- <el-select v-model="ruleForm.technologyExam" placeholder="技术考核" :disabled="title === '详情'" style="width: 100%;">
-              <el-option v-for="item in selectWhether" :key="item.value" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- </el-col> -->
-      <!-- <el-col :span="6"> -->
-      <!-- <el-form-item label="身份证号" prop="idCard"> -->
-      <!-- <el-input ref="cardRef" v-model.trim="ruleForm.idCard" placeholder="身份证号" :disabled="title === '详情'" @blur="getBirthday" /> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="文化程度" prop="education" class="marg-item"> -->
-      <!-- <el-select v-model="ruleForm.education" placeholder="文化程度" :disabled="title === '详情'" style="width: 100%;">
-              <el-option v-for="item in educationList" :key="item.id" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="行政职务" prop="administrationJob" class="marg-item"> -->
-      <!-- <el-select v-model="ruleForm.administrationJob" clearable :placeholder="title === '详情' ? ' ' : '行政职务'" :disabled="title === '详情'" style="width: 100%;">
-              <el-option v-for="item in administrationJobList" :key="item.id" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="是否主考人" prop="mainExaminer" class="marg-item"> -->
-      <!-- <el-select v-model="ruleForm.mainExaminer" placeholder="是否主考人" :disabled="title === '详情'" style="width: 100%;">
-              <el-option v-for="item in selectWhether" :key="item.value" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item>
-          <el-form-item label="备注" prop="remark" class="marg-item">
-            <el-input placeholder="请输入备注" :disabled="props.operation === 'detail'" />
-          </el-form-item>
-        </el-col> -->
     </el-form>
   </app-container>
 </template>
diff --git a/src/views/resource/person/register/detail.vue b/src/views/resource/person/register/detail.vue
index 8e030aa..e822772 100644
--- a/src/views/resource/person/register/detail.vue
+++ b/src/views/resource/person/register/detail.vue
@@ -1,21 +1,16 @@
 <!-- 人员登记详情 -->
 <script name="RegisterDetail" lang="ts" setup>
-import type { FormInstance, FormRules, TabPaneName, TabsPaneContext, UploadProps, UploadUserFile } from 'element-plus'
-import { onMounted, ref } from 'vue'
 import RegisterBasic from './component/basic.vue'
 import RegisterEducation from './component/education.vue'
 import RegisterAuthorize from './component/authorize.vue'
 import RegisterResume from './component/resume.vue'
 import RegisterVerifier from './component/verifier.vue'
 import RegisterTrainning from './component/trainning.vue'
-// import showPhoto from '@/components/showPhoto/index.vue'
 
 // 定义变量
 const $route = useRoute()
 const $router = useRouter()
 const title = ref('')
-const staffId = ref('')
-const ruleFormRef = ref<FormInstance>() // from组件
 
 const radioItems = ref([
   { name: '基本信息', value: 'register-basic' },
@@ -29,7 +24,7 @@
 const operation = ref('')
 
 // 逻辑
-// 重置表单内容
+// 重置各个子组件的表单内容
 const resetFormData = () => {
   // ruleForm.value = {
 
@@ -37,9 +32,7 @@
 }
 
 // 关闭
-const resetForm = (formEl: FormInstance | undefined) => {
-  formEl?.resetFields()
-  // changeList.value[0].data = []
+const resetForm = () => {
   $router.go(-1)
   resetFormData()
 }
@@ -48,15 +41,14 @@
 const initDialog = (row: any) => {
   operation.value = row.operation
   if (row.operation === 'create') {
-    title.value = '人员登记'
+    title.value = '人员登记（新增）'
   }
-  // else {
-
-  // }
-}
-
-const tabItemClickedHandler = (name: TabPaneName) => {
-  console.log(current.value)
+  else if (row.operation === 'update') {
+    title.value = '人员登记（编辑）'
+  }
+  else if (row.operation === 'detail') {
+    title.value = '人员登记（详情）'
+  }
 }
 
 onMounted(() => {
@@ -68,15 +60,15 @@
   <app-container style="overflow: hidden;">
     <detail-page :title="`${title}`">
       <template #btns>
-        <el-button v-if="title !== '详情'" type="primary">
+        <el-button v-if="operation !== 'detail'" type="primary">
           保存
         </el-button>
-        <el-button type="info" @click="resetForm(ruleFormRef)">
+        <el-button type="info" @click="resetForm()">
           关闭
         </el-button>
       </template>
 
-      <el-tabs v-model="current" type="card" @tab-change="tabItemClickedHandler">
+      <el-tabs v-model="current" type="card">
         <el-tab-pane v-for="item in radioItems" :key="item.value" :label="item.name" :name="item.value" />
       </el-tabs>
 

diff --git a/src/views/resource/person/register/component/basic.vue b/src/views/resource/person/register/component/basic.vue
index 4195d65..6a090d7 100644
--- a/src/views/resource/person/register/component/basic.vue
+++ b/src/views/resource/person/register/component/basic.vue
@@ -1,13 +1,139 @@
 <!-- 人员登记 基本信息 -->
 <script name="RegisterBasic" lang="ts" setup>
-const props = defineProps({ operation: { type: String, default: '' } })
+import type { PropType } from 'vue'
+import type { IDictType, IStaffBasicInfo } from '../person-regitster'
+import { getDictByCode } from '@/api/system/dict'
+
+const props = defineProps({
+  operation: { type: String, default: '' },
+})
+
+const staffBasicInfo = reactive<IStaffBasicInfo>({
+  account: '',
+  pictureFile: '',
+  staffNo: '',
+  staffName: '',
+  idCard: '',
+  birthday: '',
+  nativePlace: '',
+  education: '',
+  recordDate: '',
+  officerNo: '',
+  gender: '',
+  graduationDate: '',
+  nation: '',
+  degree: '',
+  deptId: '',
+  station: '',
+  major: '',
+  certificateNumber: '',
+  engageDate: '',
+  workingDate: '',
+  titleInitialDate: '',
+  titleRecentlyDate: '',
+  academicStartDate: '',
+  partyDate: '',
+  enlistmentDate: '',
+  staffType: '',
+  rankLevel: '',
+  rankLevelDate: '',
+  jobLevel: '',
+  jobLevelDate: '',
+  treatmentLevel: '',
+  treatmentLevelDate: '',
+  workingExperience: '',
+  rankExperience: '',
+  titleExperience: '',
+  rewardsPunishments: '',
+  remark: '',
+})
+const educationList = ref<IDictType[]>([])
+const genderList = ref<IDictType[]>([])
+const nationList = ref<IDictType[]>([])
+const degreeList = ref<IDictType[]>([])
+const staffTypeList = ref<IDictType[]>([])
+
 // 逻辑
+
+// 查询学历字典值
+const getEducationDict = () => {
+  getDictByCode('bizEducation').then((res) => {
+    if (res.code === 200) {
+      educationList.value = res.data
+    }
+  })
+}
+
+// 查询性别字典值
+const getGenderDict = () => {
+  getDictByCode('sex').then((res) => {
+    if (res.code === 200) {
+      genderList.value = res.data
+    }
+  })
+}
+
+// 查询民族字典值
+const getNationDict = () => {
+  getDictByCode('sex').then((res) => {
+    if (res.code === 200) {
+      nationList.value = res.data
+    }
+  })
+}
+
+// 查询学位字典值
+const getDegreeDict = () => {
+  getDictByCode('bizDegree').then((res) => {
+    if (res.code === 200) {
+      degreeList.value = res.data
+    }
+  })
+}
+
+// 查询人员类别字典值
+const getStaffTypeDict = () => {
+  getDictByCode('bizStaffType').then((res) => {
+    if (res.code === 200) {
+      staffTypeList.value = res.data
+    }
+  })
+}
+
+// 根据身份证得到生日
+const getBirthday = () => {
+  // ruleFormRef.value?.validateField('idCard').then((res) => {
+  // 获取生日
+  const idCardStr = staffBasicInfo.idCard
+  staffBasicInfo.birthday = `${idCardStr.substring(6, 10)}-${idCardStr.substring(10, 12)}-${idCardStr.substring(12, 14)}`
+
+  // 获取性别 第17位  奇数为男 偶数为女
+  // ruleForm.value.sex
+  if (Number(idCardStr.substring(16, 17)) % 2) {
+    // 男
+    staffBasicInfo.gender = '1'
+  }
+  else {
+    //  女
+    staffBasicInfo.gender = '2'
+  }
+  // })
+}
+
+onMounted(() => {
+  getEducationDict()
+  getGenderDict()
+  // getNationDict()
+  getDegreeDict()
+  getStaffTypeDict()
+})
 </script>
 
 <template>
   <app-container>
-    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
+    <el-form ref="basicFormRef" label-position="right" label-width="110px" border stripe>
       <el-row :gutter="24">
+        <!-- 第一行 第一、二列 -->
         <el-col :span="12">
           <el-form-item prop="minioFileName">
             <!-- <el-upload
@@ -15,90 +141,83 @@
               :show-file-list="false"
               :http-request="uploadQuarterlyEvaluateFile"
               :before-upload="beforeAvatarUpload"
-              :disabled="title === '详情'"
               accept="image/png, image/jpeg,image/jpg"
             >
-              <img v-if="ruleForm.minioFileName" :src="photoUrl" class="avatar">
+              <img v-if="staffBasicInfo.minioFileName" :src="photoUrl" class="avatar">
               <el-icon v-else class="avatar-uploader-icon">
                 <plus />
               </el-icon>
             </el-upload> -->
           </el-form-item>
         </el-col>
+
+        <!-- 第一行 第三列 -->
         <el-col :span="6">
-          <el-form-item label="人员编号" prop="birthday" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <el-date-picker
-              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
-              placeholder="出生年月" disabled
-              style="width: 100%;"
-            /> -->
+          <el-form-item label="人员编号" prop="staffNoProp">
+            <el-input ref="staffNoRef" v-model="staffBasicInfo.staffNo" placeholder="请输入人员编号，必填项" :clearable="true" />
           </el-form-item>
-          <el-form-item label="姓名" prop="birthday" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <el-date-picker
-              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
-              placeholder="出生年月" disabled
-              style="width: 100%;"
-            /> -->
+
+          <el-form-item label="姓名" prop="staffNNameProp">
+            <el-input ref="staffNameRef" v-model="staffBasicInfo.staffName" placeholder="请输入姓名，必填项" :clearable="true" />
           </el-form-item>
-          <el-form-item label="身份证号" prop="birthday" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <el-date-picker
-              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
-              placeholder="出生年月" disabled
-              style="width: 100%;"
-            /> -->
+
+          <el-form-item label="身份证号" prop="idCardProp">
+            <el-input ref="idCardRef" v-model="staffBasicInfo.idCard" placeholder="请输入身份证号，必填项" :clearable="true" @blur="getBirthday" />
           </el-form-item>
-          <el-form-item label="出生日期" prop="birthday" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <el-date-picker
-              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
-              placeholder="出生年月" disabled
-              style="width: 100%;"
-            /> -->
+
+          <el-form-item label="出生日期" prop="birthdayProp">
+            <el-input ref="birthdayRef" v-model="staffBasicInfo.birthday" :readonly="true" />
           </el-form-item>
-          <el-form-item label="学历" prop="birthday" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <el-date-picker
-              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
-              placeholder="出生年月" disabled
-              style="width: 100%;"
-            /> -->
+
+          <el-form-item label="籍贯" prop="nativePlaceProp">
+            <el-input v-model="staffBasicInfo.nativePlace" placeholder="请输入籍贯" />
           </el-form-item>
-          <el-form-item label="籍贯" prop="birthday" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <el-date-picker
-              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
-              placeholder="出生年月" disabled
-              style="width: 100%;"
-            /> -->
+
+          <el-form-item label="学历">
+            <el-select v-model="staffBasicInfo.education" placeholder="请选择学历" style="width: 100%;">
+              <el-option v-for="item in educationList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
           </el-form-item>
         </el-col>
+
+        <!-- 第一行 第四列 -->
         <el-col :span="6">
-          <el-form-item label="建档时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="建档时间">
+            <el-date-picker
+              v-model="staffBasicInfo.recordDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择建档时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="军官证号" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="军官证号">
+            <el-input v-model="staffBasicInfo.officerNo" placeholder="请输入军官证号" />
           </el-form-item>
-          <el-form-item label="性别" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="性别">
+            <el-select v-model="staffBasicInfo.gender" placeholder="请选择性别" style="width: 100%;">
+              <el-option v-for="item in genderList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
           </el-form-item>
-          <el-form-item label="毕业时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="毕业时间">
+            <el-date-picker
+              v-model="staffBasicInfo.graduationDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择毕业时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="民族" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="民族">
+            <el-select v-model="staffBasicInfo.nation" placeholder="请选择民族" style="width: 100%;">
+              <el-option v-for="item in educationList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
           </el-form-item>
-          <el-form-item label="学位" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="学位">
+            <el-select v-model="staffBasicInfo.degree" placeholder="请选择学位" style="width: 100%;">
+              <el-option v-for="item in degreeList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
           </el-form-item>
         </el-col>
       </el-row>
@@ -107,89 +226,114 @@
       <el-row :gutter="24">
         <!-- 第一列 -->
         <el-col :span="6">
-          <el-form-item label="工作部门" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="工作部门">
+            <dept-select v-model="staffBasicInfo.deptId" placeholder="请选择工作部门" style="width: 100%;" />
           </el-form-item>
-          <el-form-item label="从事专业时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="从事专业时间">
+            <el-date-picker
+              v-model="staffBasicInfo.engageDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择从事专业时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="入学时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="入学时间">
+            <el-date-picker
+              v-model="staffBasicInfo.academicStartDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择入学时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="军衔等级" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="军衔等级">
+            <el-input v-model="staffBasicInfo.rankLevel" placeholder="请输入军衔等级" />
           </el-form-item>
-          <el-form-item label="待遇级别" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="待遇级别">
+            <el-input v-model="staffBasicInfo.treatmentLevel" placeholder="请输入待遇级别" />
           </el-form-item>
         </el-col>
 
         <!-- 第二列 -->
         <el-col :span="6">
-          <el-form-item label="岗位" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="岗位">
+            <el-input v-model="staffBasicInfo.station" placeholder="请输入岗位" />
           </el-form-item>
-          <el-form-item label="干龄" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="干龄">
+            <el-input placeholder="身份证号" readonly />
           </el-form-item>
-          <el-form-item label="党团时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="党团时间">
+            <el-date-picker
+              v-model="staffBasicInfo.partyDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择党团时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="军衔等级时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="军衔等级时间">
+            <el-date-picker
+              v-model="staffBasicInfo.rankLevelDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择军衔等级时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="待遇级别时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="待遇级别时间">
+            <el-date-picker
+              v-model="staffBasicInfo.treatmentLevelDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择待遇级别时间" style="width: 100%;"
+            />
           </el-form-item>
         </el-col>
 
         <!-- 第三列 -->
         <el-col :span="6">
-          <el-form-item label="计量专业" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="计量专业">
+            <el-input v-model="staffBasicInfo.major" placeholder="请输入从事计量专业" />
           </el-form-item>
-          <el-form-item label="职称初评" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+
+          <el-form-item label="职称初评">
+            <el-date-picker
+              v-model="staffBasicInfo.titleInitialDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选职称初评时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="入伍时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="入伍时间">
+            <el-date-picker
+              v-model="staffBasicInfo.enlistmentDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择入伍时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="职务层级" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="职务层级">
+            <el-input v-model="staffBasicInfo.jobLevel" placeholder="请输入职务层级" />
           </el-form-item>
         </el-col>
 
         <!-- 第四列 -->
         <el-col :span="6">
-          <el-form-item label="证号" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="证号">
+            <el-input placeholder="身份证号" readonly />
           </el-form-item>
-          <el-form-item label="职称最近续评" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="职称最近续评">
+            <el-date-picker
+              v-model="staffBasicInfo.titleRecentlyDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择职称最近续评时间" style="width: 100%;"
+            />
           </el-form-item>
-          <el-form-item label="人员类别" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="人员类别">
+            <el-select v-model="staffBasicInfo.staffType" placeholder="请选择人员类别" style="width: 100%;">
+              <el-option v-for="item in staffTypeList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
           </el-form-item>
-          <el-form-item label="职务层级时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" />
-            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
+          <el-form-item label="职务层级时间">
+            <el-date-picker
+              v-model="staffBasicInfo.jobLevelDate" type="date"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择职务层级时间" style="width: 100%;"
+            />
           </el-form-item>
         </el-col>
       </el-row>
@@ -197,8 +341,8 @@
       <!-- 第三行 -->
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="工作简历" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="3" />
+          <el-form-item label="工作简历">
+            <el-input v-model="staffBasicInfo.workingExperience" placeholder="请输入工作简历" type="textarea" :rows="3" />
           </el-form-item>
         </el-col>
       </el-row>
@@ -206,8 +350,8 @@
       <!-- 第四行 -->
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="军衔/时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="3" />
+          <el-form-item label="军衔/时间">
+            <el-input v-model="staffBasicInfo.rankExperience" placeholder="请输入军衔及获得时间" type="textarea" :rows="3" />
           </el-form-item>
         </el-col>
       </el-row>
@@ -215,8 +359,8 @@
       <!-- 第四行 -->
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="职称/时间" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="3" />
+          <el-form-item label="职称/时间">
+            <el-input v-model="staffBasicInfo.titleExperience" placeholder="请输入职称及获得时间" type="textarea" :rows="3" />
           </el-form-item>
         </el-col>
       </el-row>
@@ -224,8 +368,8 @@
       <!-- 第四行 -->
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="奖惩情况" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="3" />
+          <el-form-item label="奖惩情况">
+            <el-input v-model="staffBasicInfo.rewardsPunishments" placeholder="请输入奖惩情况" type="textarea" :rows="3" />
           </el-form-item>
         </el-col>
       </el-row>
@@ -233,82 +377,11 @@
       <!-- 第四行 -->
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="备注" prop="deptId" class="marg-item">
-            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="1" />
+          <el-form-item label="备注">
+            <el-input v-model="staffBasicInfo.remark" placeholder="请输入备注信息" type="textarea" :rows="1" />
           </el-form-item>
         </el-col>
       </el-row>
-      <!-- <el-form-item label="计量专业" prop="major" class="marg-item"> -->
-      <!-- <el-select
-              v-model.trim="ruleForm.major"
-              clearable
-              :placeholder="title === '详情' ? '' : '请选择'"
-              :disabled="title === '详情'"
-              class="full-width-input"
-            >
-              <el-option
-                v-for="item in measureMajorList"
-                :key="item.id"
-                :label="item.name"
-                :value="item.value"
-              />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="是否特操人" prop="specialOperator" class="marg-item"> -->
-      <!-- <el-select v-model="ruleForm.specialOperator" placeholder="是否特操人" :disabled="title === '详情'" style="width: 100%;">
-              <el-option v-for="item in selectWhether" :key="item.value" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- </el-col> -->
-      <!-- <el-col :span="6"> -->
-      <!-- <el-form-item label="人员编号" prop="staffNo"> -->
-      <!-- <el-input v-model.trim="ruleForm.staffNo" placeholder="系统自动生成" disabled /> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="性别" prop="sex" class="marg-item"> -->
-      <!-- <el-select v-model="ruleForm.sex" placeholder="请选择性别" disabled style="width: 100%;">
-              <el-option v-for="item in sexList" :key="item.id" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="技术职务" prop="technologyJob" class="marg-item"> -->
-      <!-- <el-select v-model="ruleForm.technologyJob" clearable :placeholder="title === '详情' ? ' ' : '技术职务'" :disabled="title === '详情'" style="width: 100%;">
-              <el-option v-for="item in technologyJobList" :key="item.id" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="从事日期" prop="workDate" class="marg-item"> -->
-      <!-- <el-date-picker
-              v-model="ruleForm.workDate" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :disabled="title === '详情'"
-              placeholder="请选择从事日期" style="width: 100%;"
-            /> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="是否技术考核" prop="technologyExam" class="marg-item" style="width: 100%;"> -->
-      <!-- <el-select v-model="ruleForm.technologyExam" placeholder="技术考核" :disabled="title === '详情'" style="width: 100%;">
-              <el-option v-for="item in selectWhether" :key="item.value" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- </el-col> -->
-      <!-- <el-col :span="6"> -->
-      <!-- <el-form-item label="身份证号" prop="idCard"> -->
-      <!-- <el-input ref="cardRef" v-model.trim="ruleForm.idCard" placeholder="身份证号" :disabled="title === '详情'" @blur="getBirthday" /> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="文化程度" prop="education" class="marg-item"> -->
-      <!-- <el-select v-model="ruleForm.education" placeholder="文化程度" :disabled="title === '详情'" style="width: 100%;">
-              <el-option v-for="item in educationList" :key="item.id" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="行政职务" prop="administrationJob" class="marg-item"> -->
-      <!-- <el-select v-model="ruleForm.administrationJob" clearable :placeholder="title === '详情' ? ' ' : '行政职务'" :disabled="title === '详情'" style="width: 100%;">
-              <el-option v-for="item in administrationJobList" :key="item.id" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item> -->
-      <!-- <el-form-item label="是否主考人" prop="mainExaminer" class="marg-item"> -->
-      <!-- <el-select v-model="ruleForm.mainExaminer" placeholder="是否主考人" :disabled="title === '详情'" style="width: 100%;">
-              <el-option v-for="item in selectWhether" :key="item.value" :label="item.name" :value="item.value" />
-            </el-select> -->
-      <!-- </el-form-item>
-          <el-form-item label="备注" prop="remark" class="marg-item">
-            <el-input placeholder="请输入备注" :disabled="props.operation === 'detail'" />
-          </el-form-item>
-        </el-col> -->
     </el-form>
   </app-container>
 </template>
diff --git a/src/views/resource/person/register/detail.vue b/src/views/resource/person/register/detail.vue
index 8e030aa..e822772 100644
--- a/src/views/resource/person/register/detail.vue
+++ b/src/views/resource/person/register/detail.vue
@@ -1,21 +1,16 @@
 <!-- 人员登记详情 -->
 <script name="RegisterDetail" lang="ts" setup>
-import type { FormInstance, FormRules, TabPaneName, TabsPaneContext, UploadProps, UploadUserFile } from 'element-plus'
-import { onMounted, ref } from 'vue'
 import RegisterBasic from './component/basic.vue'
 import RegisterEducation from './component/education.vue'
 import RegisterAuthorize from './component/authorize.vue'
 import RegisterResume from './component/resume.vue'
 import RegisterVerifier from './component/verifier.vue'
 import RegisterTrainning from './component/trainning.vue'
-// import showPhoto from '@/components/showPhoto/index.vue'
 
 // 定义变量
 const $route = useRoute()
 const $router = useRouter()
 const title = ref('')
-const staffId = ref('')
-const ruleFormRef = ref<FormInstance>() // from组件
 
 const radioItems = ref([
   { name: '基本信息', value: 'register-basic' },
@@ -29,7 +24,7 @@
 const operation = ref('')
 
 // 逻辑
-// 重置表单内容
+// 重置各个子组件的表单内容
 const resetFormData = () => {
   // ruleForm.value = {
 
@@ -37,9 +32,7 @@
 }
 
 // 关闭
-const resetForm = (formEl: FormInstance | undefined) => {
-  formEl?.resetFields()
-  // changeList.value[0].data = []
+const resetForm = () => {
   $router.go(-1)
   resetFormData()
 }
@@ -48,15 +41,14 @@
 const initDialog = (row: any) => {
   operation.value = row.operation
   if (row.operation === 'create') {
-    title.value = '人员登记'
+    title.value = '人员登记（新增）'
   }
-  // else {
-
-  // }
-}
-
-const tabItemClickedHandler = (name: TabPaneName) => {
-  console.log(current.value)
+  else if (row.operation === 'update') {
+    title.value = '人员登记（编辑）'
+  }
+  else if (row.operation === 'detail') {
+    title.value = '人员登记（详情）'
+  }
 }
 
 onMounted(() => {
@@ -68,15 +60,15 @@
   <app-container style="overflow: hidden;">
     <detail-page :title="`${title}`">
       <template #btns>
-        <el-button v-if="title !== '详情'" type="primary">
+        <el-button v-if="operation !== 'detail'" type="primary">
           保存
         </el-button>
-        <el-button type="info" @click="resetForm(ruleFormRef)">
+        <el-button type="info" @click="resetForm()">
           关闭
         </el-button>
       </template>
 
-      <el-tabs v-model="current" type="card" @tab-change="tabItemClickedHandler">
+      <el-tabs v-model="current" type="card">
         <el-tab-pane v-for="item in radioItems" :key="item.value" :label="item.name" :name="item.value" />
       </el-tabs>
 
diff --git a/src/views/resource/person/register/person-regitster.ts b/src/views/resource/person/register/person-regitster.ts
index 00d1d01..0388a5c 100644
--- a/src/views/resource/person/register/person-regitster.ts
+++ b/src/views/resource/person/register/person-regitster.ts
@@ -6,3 +6,53 @@
   sort: string
   order: string
 }
+
+export interface IDictType {
+  name: string
+  id: string
+  value: string
+}
+
+export interface IStaffBasicInfo {
+  account: string
+  staffNo: string
+  staffName: string
+  pictureFile: string
+  idCard: string
+  birthday: string
+  nativePlace: string
+  education: string
+  recordDate: string
+  officerNo: string
+  gender: string
+  graduationDate: string
+  nation: string
+  degree: string
+  deptId: string
+  station: string
+  major: string
+  certificateNumber: string
+  engageDate: string
+  workingDate: string
+  titleInitialDate: string
+  titleRecentlyDate: string
+  academicStartDate: string
+  partyDate: string
+  enlistmentDate: string
+  staffType: string
+  rankLevel: string
+  rankLevelDate: string
+  jobLevel: string
+  jobLevelDate: string
+  treatmentLevel: string
+  treatmentLevelDate: string
+  workingExperience: string
+  rankExperience: string
+  titleExperience: string
+  rewardsPunishments: string
+  remark: string
+}
+
+export interface IStaffDetail {
+  staffBasicInfo: IStaffBasicInfo
+}