diff --git a/src/api/resource/register.ts b/src/api/resource/register.ts
index a933693..0603744 100644
--- a/src/api/resource/register.ts
+++ b/src/api/resource/register.ts
@@ -112,3 +112,99 @@
     data,
   })
 }
+
+export function getAuthorizeList(data: object) {
+  return request({
+    url: `${prefix}/authorize/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addAuthorizeRecList(data: object) {
+  return request({
+    url: `${prefix}/authorize/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delAuthorizeRecList(data: object) {
+  return request({
+    url: `${prefix}/authorize/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getResumeList(data: object) {
+  return request({
+    url: `${prefix}/resume/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addResumeRecList(data: object) {
+  return request({
+    url: `${prefix}/resume/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delResumeRecList(data: object) {
+  return request({
+    url: `${prefix}/resume/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getPromoteList(data: object) {
+  return request({
+    url: `${prefix}/promote/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addPromoteRecList(data: object) {
+  return request({
+    url: `${prefix}/promote/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delPromoteRecList(data: object) {
+  return request({
+    url: `${prefix}/promote/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getVerifierList(data: object) {
+  return request({
+    url: `${prefix}/verifier/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addVerifierRecList(data: object) {
+  return request({
+    url: `${prefix}/verifier/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delVerifierRecList(data: object) {
+  return request({
+    url: `${prefix}/verifier/batchDelete`,
+    method: 'post',
+    data,
+  })
+}

diff --git a/src/api/resource/register.ts b/src/api/resource/register.ts
index a933693..0603744 100644
--- a/src/api/resource/register.ts
+++ b/src/api/resource/register.ts
@@ -112,3 +112,99 @@
     data,
   })
 }
+
+export function getAuthorizeList(data: object) {
+  return request({
+    url: `${prefix}/authorize/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addAuthorizeRecList(data: object) {
+  return request({
+    url: `${prefix}/authorize/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delAuthorizeRecList(data: object) {
+  return request({
+    url: `${prefix}/authorize/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getResumeList(data: object) {
+  return request({
+    url: `${prefix}/resume/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addResumeRecList(data: object) {
+  return request({
+    url: `${prefix}/resume/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delResumeRecList(data: object) {
+  return request({
+    url: `${prefix}/resume/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getPromoteList(data: object) {
+  return request({
+    url: `${prefix}/promote/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addPromoteRecList(data: object) {
+  return request({
+    url: `${prefix}/promote/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delPromoteRecList(data: object) {
+  return request({
+    url: `${prefix}/promote/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getVerifierList(data: object) {
+  return request({
+    url: `${prefix}/verifier/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addVerifierRecList(data: object) {
+  return request({
+    url: `${prefix}/verifier/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delVerifierRecList(data: object) {
+  return request({
+    url: `${prefix}/verifier/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/resource/person/register/common-register.ts b/src/views/resource/person/register/common-register.ts
new file mode 100644
index 0000000..580653a
--- /dev/null
+++ b/src/views/resource/person/register/common-register.ts
@@ -0,0 +1,24 @@
+import { dayjs } from 'element-plus'
+import type { IDictType } from './person-regitster'
+
+export function jointDate(start: string, end?: string) {
+  if (start === '') {
+    return ''
+  }
+  if (end === '') {
+    return dayjs(start).format('YYYY-MM-DD')
+  }
+  else {
+    return `${dayjs(start).format('YYYY-MM-DD')} 至 ${dayjs(end).format('YYYY-MM-DD')}`
+  }
+}
+
+export function getDictTextByValue(dictList: Array<IDictType>, value: string) {
+  const target = dictList.filter(item => item.value === value)
+  if (target.length > 0) {
+    return target.at(0)?.name
+  }
+  else {
+    return ''
+  }
+}

diff --git a/src/api/resource/register.ts b/src/api/resource/register.ts
index a933693..0603744 100644
--- a/src/api/resource/register.ts
+++ b/src/api/resource/register.ts
@@ -112,3 +112,99 @@
     data,
   })
 }
+
+export function getAuthorizeList(data: object) {
+  return request({
+    url: `${prefix}/authorize/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addAuthorizeRecList(data: object) {
+  return request({
+    url: `${prefix}/authorize/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delAuthorizeRecList(data: object) {
+  return request({
+    url: `${prefix}/authorize/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getResumeList(data: object) {
+  return request({
+    url: `${prefix}/resume/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addResumeRecList(data: object) {
+  return request({
+    url: `${prefix}/resume/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delResumeRecList(data: object) {
+  return request({
+    url: `${prefix}/resume/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getPromoteList(data: object) {
+  return request({
+    url: `${prefix}/promote/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addPromoteRecList(data: object) {
+  return request({
+    url: `${prefix}/promote/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delPromoteRecList(data: object) {
+  return request({
+    url: `${prefix}/promote/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getVerifierList(data: object) {
+  return request({
+    url: `${prefix}/verifier/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addVerifierRecList(data: object) {
+  return request({
+    url: `${prefix}/verifier/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delVerifierRecList(data: object) {
+  return request({
+    url: `${prefix}/verifier/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/resource/person/register/common-register.ts b/src/views/resource/person/register/common-register.ts
new file mode 100644
index 0000000..580653a
--- /dev/null
+++ b/src/views/resource/person/register/common-register.ts
@@ -0,0 +1,24 @@
+import { dayjs } from 'element-plus'
+import type { IDictType } from './person-regitster'
+
+export function jointDate(start: string, end?: string) {
+  if (start === '') {
+    return ''
+  }
+  if (end === '') {
+    return dayjs(start).format('YYYY-MM-DD')
+  }
+  else {
+    return `${dayjs(start).format('YYYY-MM-DD')} 至 ${dayjs(end).format('YYYY-MM-DD')}`
+  }
+}
+
+export function getDictTextByValue(dictList: Array<IDictType>, value: string) {
+  const target = dictList.filter(item => item.value === value)
+  if (target.length > 0) {
+    return target.at(0)?.name
+  }
+  else {
+    return ''
+  }
+}
diff --git a/src/views/resource/person/register/component/authorize.vue b/src/views/resource/person/register/component/authorize.vue
index 6d9012a..10e71f7 100644
--- a/src/views/resource/person/register/component/authorize.vue
+++ b/src/views/resource/person/register/component/authorize.vue
@@ -1,37 +1,180 @@
 <!-- 人员登记 基本信息 -->
 <script name="RegisterAuthorize" lang="ts" setup>
-const props = defineProps({ operation: { type: String, default: '' } })
+import { ElMessage, dayjs } from 'element-plus'
+import type { IStaffAuthorizeInfo } from '../person-regitster'
+import { useCheckList } from '@/commonMethods/useCheckList'
+import { useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
+import { addAuthorizeRecList, delAuthorizeRecList, getAuthorizeList } from '@/api/resource/register'
 
-const authorizeColumns = ref([
-  { text: '授权参数', value: 'staffNo', align: 'center', width: '160' },
-  { text: '授权内容', value: 'staffName', align: 'center' },
-  { text: '授权日期', value: 'station', align: 'center' },
-  { text: '有效日期', value: 'certificateNumber', align: 'center' },
-  { text: '附件', value: 'attachment', align: 'center' },
-]) // 表头
+const props = defineProps({
+  operation: { type: String, default: '' },
+  staffId: { type: String, default: '' },
+})
 
-const authorizeList = ref([]) // 表格数据
+const listQuery = {
+  id: '',
+  limit: 1000,
+  offset: 1,
+}
+
+const authorizeColumns = [
+  { text: '授权参数', value: 'authorizeParam', align: 'center', width: '240', required: true },
+  { text: '授权内容', value: 'authorizeContent', align: 'center', required: true },
+  { text: '授权日期', value: 'authorizeDate', align: 'center', width: '160', required: true },
+  { text: '有效日期', value: 'validDate', align: 'center', width: '160', required: true },
+  { text: '附件', value: 'file', align: 'center' },
+] // 表头
+
+const authorizeList = ref<IStaffAuthorizeInfo[]>([]) // 表格数据
+
+// 表格被选中的行
+const authorizeSelected = ref<IStaffAuthorizeInfo[]>([])
+
+const authorizeRecord: IStaffAuthorizeInfo = {
+  id: '',
+  staffId: '',
+  authorizeParam: '',
+  authorizeContent: '',
+  authorizeDate: '',
+  validDate: '',
+  file: '',
+  editable: true,
+}
+
 // 逻辑
+const addEditableRow = (tableName: string) => {
+  switch (tableName) {
+    case 'authorize':
+      authorizeList.value = authorizeList.value.map((item: any) => ({
+        ...item,
+        authorizeDate: dayjs(item.authorizeDate).format('YYYY-MM-DD'),
+        validDate: dayjs(item.validDate).format('YYYY-MM-DD'),
+      }))
+      if (useCheckList(authorizeList.value, authorizeColumns, '授权项目信息')) {
+        useSetAllRowReadable(authorizeList.value)
+        authorizeList.value.push({ ...authorizeRecord })
+      }
+      break
+
+    default:
+      break
+  }
+}
+
+const authMultiSelect = (e: any) => {
+  authorizeSelected.value = e
+}
+
+const getAuthorizeListByStaffId = () => {
+  getAuthorizeList(listQuery).then((res) => {
+    if (res.code === 200) {
+      authorizeList.value = res.data.rows.map((item: any) => ({
+        ...item,
+        authorizeDate: dayjs(item.authorizeDate).format('YYYY-MM-DD'),
+        validDate: dayjs(item.validDate).format('YYYY-MM-DD'),
+      }))
+    }
+  })
+}
+
+// 增加授权信息记录
+const addAuthorizeRecords = () => {
+  if (useCheckList(authorizeList.value, authorizeColumns, '授权项目信息') === false) {
+    return
+  }
+
+  const newRecords = ref<Array<IStaffAuthorizeInfo>>([])
+  newRecords.value = authorizeList.value.filter(item => item.id === '')
+
+  if (newRecords.value.length > 0) {
+    addAuthorizeRecList(newRecords.value).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('添加授权项目信息记录成功')
+        getAuthorizeListByStaffId()
+      }
+      else {
+        ElMessage.error(`添加授权项目信息记录失败：${res.message}`)
+      }
+    })
+  }
+}
+
+// 删除授权项目信息记录
+const delAuthorizeRecords = () => {
+  if (authorizeSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  // 前端界面删除
+  authorizeList.value = authorizeList.value.filter(item => authorizeSelected.value.includes(item) === false)
+
+  // 调用后端接口进行删除
+  const authIdsSelected = ref<string[]>([])
+  authIdsSelected.value = authorizeSelected.value.map((item: { id: string }) => item.id)
+  authIdsSelected.value = authIdsSelected.value.filter(item => item !== '')
+  if (authIdsSelected.value.length > 0) {
+    delAuthorizeRecList({ ids: authIdsSelected.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('删除授权项目信息记录成功')
+      }
+      else {
+        ElMessage.error(`删除授权项目信息记录失败：${res.message}`)
+      }
+
+      getAuthorizeListByStaffId()
+    })
+  }
+}
+
+watch(() => props.staffId, (newVal: string) => {
+  listQuery.id = newVal
+  authorizeRecord.staffId = newVal
+
+  getAuthorizeListByStaffId()
+})
+
+defineExpose({
+  addAuthorizeRecords,
+})
 </script>
 
 <template>
   <app-container>
-    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
+    <el-form ref="authorizeFormRef" label-position="right" label-width="110px" border stripe>
       <table-container title="授权项目信息">
-        <!-- 表格区域 -->
-        <normal-table id="authorizeTabel" :pagination="false" :data="authorizeList" :columns="authorizeColumns">
-          <template #preColumns>
-            <el-table-column label="序号" width="55" align="center">
-              <template #default="scope">
-                {{ scope.$index + 1 }}
-              </template>
-            </el-table-column>
-          </template>
+        <template v-if="props.operation !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow('authorize')">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delAuthorizeRecords">
+            删除行
+          </el-button>
+        </template>
 
-          <template #columns>
-            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
-          </template>
-        </normal-table>
+        <!-- 表格区域 -->
+        <el-table :data="authorizeList" border style="width: 100%;" @selection-change="authMultiSelect">
+          <el-table-column v-if="props.operation !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in authorizeColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && props.operation !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+            <template #default="scope">
+              <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+              <el-date-picker v-else-if="item.value === 'authorizeDate'" v-model="scope.row.authorizeDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-date-picker v-else-if="item.value === 'validDate'" v-model="scope.row.validDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
+            </template>
+          </el-table-column>
+        </el-table>
       </table-container>
     </el-form>
   </app-container>

diff --git a/src/api/resource/register.ts b/src/api/resource/register.ts
index a933693..0603744 100644
--- a/src/api/resource/register.ts
+++ b/src/api/resource/register.ts
@@ -112,3 +112,99 @@
     data,
   })
 }
+
+export function getAuthorizeList(data: object) {
+  return request({
+    url: `${prefix}/authorize/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addAuthorizeRecList(data: object) {
+  return request({
+    url: `${prefix}/authorize/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delAuthorizeRecList(data: object) {
+  return request({
+    url: `${prefix}/authorize/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getResumeList(data: object) {
+  return request({
+    url: `${prefix}/resume/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addResumeRecList(data: object) {
+  return request({
+    url: `${prefix}/resume/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delResumeRecList(data: object) {
+  return request({
+    url: `${prefix}/resume/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getPromoteList(data: object) {
+  return request({
+    url: `${prefix}/promote/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addPromoteRecList(data: object) {
+  return request({
+    url: `${prefix}/promote/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delPromoteRecList(data: object) {
+  return request({
+    url: `${prefix}/promote/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getVerifierList(data: object) {
+  return request({
+    url: `${prefix}/verifier/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addVerifierRecList(data: object) {
+  return request({
+    url: `${prefix}/verifier/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delVerifierRecList(data: object) {
+  return request({
+    url: `${prefix}/verifier/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/resource/person/register/common-register.ts b/src/views/resource/person/register/common-register.ts
new file mode 100644
index 0000000..580653a
--- /dev/null
+++ b/src/views/resource/person/register/common-register.ts
@@ -0,0 +1,24 @@
+import { dayjs } from 'element-plus'
+import type { IDictType } from './person-regitster'
+
+export function jointDate(start: string, end?: string) {
+  if (start === '') {
+    return ''
+  }
+  if (end === '') {
+    return dayjs(start).format('YYYY-MM-DD')
+  }
+  else {
+    return `${dayjs(start).format('YYYY-MM-DD')} 至 ${dayjs(end).format('YYYY-MM-DD')}`
+  }
+}
+
+export function getDictTextByValue(dictList: Array<IDictType>, value: string) {
+  const target = dictList.filter(item => item.value === value)
+  if (target.length > 0) {
+    return target.at(0)?.name
+  }
+  else {
+    return ''
+  }
+}
diff --git a/src/views/resource/person/register/component/authorize.vue b/src/views/resource/person/register/component/authorize.vue
index 6d9012a..10e71f7 100644
--- a/src/views/resource/person/register/component/authorize.vue
+++ b/src/views/resource/person/register/component/authorize.vue
@@ -1,37 +1,180 @@
 <!-- 人员登记 基本信息 -->
 <script name="RegisterAuthorize" lang="ts" setup>
-const props = defineProps({ operation: { type: String, default: '' } })
+import { ElMessage, dayjs } from 'element-plus'
+import type { IStaffAuthorizeInfo } from '../person-regitster'
+import { useCheckList } from '@/commonMethods/useCheckList'
+import { useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
+import { addAuthorizeRecList, delAuthorizeRecList, getAuthorizeList } from '@/api/resource/register'
 
-const authorizeColumns = ref([
-  { text: '授权参数', value: 'staffNo', align: 'center', width: '160' },
-  { text: '授权内容', value: 'staffName', align: 'center' },
-  { text: '授权日期', value: 'station', align: 'center' },
-  { text: '有效日期', value: 'certificateNumber', align: 'center' },
-  { text: '附件', value: 'attachment', align: 'center' },
-]) // 表头
+const props = defineProps({
+  operation: { type: String, default: '' },
+  staffId: { type: String, default: '' },
+})
 
-const authorizeList = ref([]) // 表格数据
+const listQuery = {
+  id: '',
+  limit: 1000,
+  offset: 1,
+}
+
+const authorizeColumns = [
+  { text: '授权参数', value: 'authorizeParam', align: 'center', width: '240', required: true },
+  { text: '授权内容', value: 'authorizeContent', align: 'center', required: true },
+  { text: '授权日期', value: 'authorizeDate', align: 'center', width: '160', required: true },
+  { text: '有效日期', value: 'validDate', align: 'center', width: '160', required: true },
+  { text: '附件', value: 'file', align: 'center' },
+] // 表头
+
+const authorizeList = ref<IStaffAuthorizeInfo[]>([]) // 表格数据
+
+// 表格被选中的行
+const authorizeSelected = ref<IStaffAuthorizeInfo[]>([])
+
+const authorizeRecord: IStaffAuthorizeInfo = {
+  id: '',
+  staffId: '',
+  authorizeParam: '',
+  authorizeContent: '',
+  authorizeDate: '',
+  validDate: '',
+  file: '',
+  editable: true,
+}
+
 // 逻辑
+const addEditableRow = (tableName: string) => {
+  switch (tableName) {
+    case 'authorize':
+      authorizeList.value = authorizeList.value.map((item: any) => ({
+        ...item,
+        authorizeDate: dayjs(item.authorizeDate).format('YYYY-MM-DD'),
+        validDate: dayjs(item.validDate).format('YYYY-MM-DD'),
+      }))
+      if (useCheckList(authorizeList.value, authorizeColumns, '授权项目信息')) {
+        useSetAllRowReadable(authorizeList.value)
+        authorizeList.value.push({ ...authorizeRecord })
+      }
+      break
+
+    default:
+      break
+  }
+}
+
+const authMultiSelect = (e: any) => {
+  authorizeSelected.value = e
+}
+
+const getAuthorizeListByStaffId = () => {
+  getAuthorizeList(listQuery).then((res) => {
+    if (res.code === 200) {
+      authorizeList.value = res.data.rows.map((item: any) => ({
+        ...item,
+        authorizeDate: dayjs(item.authorizeDate).format('YYYY-MM-DD'),
+        validDate: dayjs(item.validDate).format('YYYY-MM-DD'),
+      }))
+    }
+  })
+}
+
+// 增加授权信息记录
+const addAuthorizeRecords = () => {
+  if (useCheckList(authorizeList.value, authorizeColumns, '授权项目信息') === false) {
+    return
+  }
+
+  const newRecords = ref<Array<IStaffAuthorizeInfo>>([])
+  newRecords.value = authorizeList.value.filter(item => item.id === '')
+
+  if (newRecords.value.length > 0) {
+    addAuthorizeRecList(newRecords.value).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('添加授权项目信息记录成功')
+        getAuthorizeListByStaffId()
+      }
+      else {
+        ElMessage.error(`添加授权项目信息记录失败：${res.message}`)
+      }
+    })
+  }
+}
+
+// 删除授权项目信息记录
+const delAuthorizeRecords = () => {
+  if (authorizeSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  // 前端界面删除
+  authorizeList.value = authorizeList.value.filter(item => authorizeSelected.value.includes(item) === false)
+
+  // 调用后端接口进行删除
+  const authIdsSelected = ref<string[]>([])
+  authIdsSelected.value = authorizeSelected.value.map((item: { id: string }) => item.id)
+  authIdsSelected.value = authIdsSelected.value.filter(item => item !== '')
+  if (authIdsSelected.value.length > 0) {
+    delAuthorizeRecList({ ids: authIdsSelected.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('删除授权项目信息记录成功')
+      }
+      else {
+        ElMessage.error(`删除授权项目信息记录失败：${res.message}`)
+      }
+
+      getAuthorizeListByStaffId()
+    })
+  }
+}
+
+watch(() => props.staffId, (newVal: string) => {
+  listQuery.id = newVal
+  authorizeRecord.staffId = newVal
+
+  getAuthorizeListByStaffId()
+})
+
+defineExpose({
+  addAuthorizeRecords,
+})
 </script>
 
 <template>
   <app-container>
-    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
+    <el-form ref="authorizeFormRef" label-position="right" label-width="110px" border stripe>
       <table-container title="授权项目信息">
-        <!-- 表格区域 -->
-        <normal-table id="authorizeTabel" :pagination="false" :data="authorizeList" :columns="authorizeColumns">
-          <template #preColumns>
-            <el-table-column label="序号" width="55" align="center">
-              <template #default="scope">
-                {{ scope.$index + 1 }}
-              </template>
-            </el-table-column>
-          </template>
+        <template v-if="props.operation !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow('authorize')">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delAuthorizeRecords">
+            删除行
+          </el-button>
+        </template>
 
-          <template #columns>
-            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
-          </template>
-        </normal-table>
+        <!-- 表格区域 -->
+        <el-table :data="authorizeList" border style="width: 100%;" @selection-change="authMultiSelect">
+          <el-table-column v-if="props.operation !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in authorizeColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && props.operation !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+            <template #default="scope">
+              <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+              <el-date-picker v-else-if="item.value === 'authorizeDate'" v-model="scope.row.authorizeDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-date-picker v-else-if="item.value === 'validDate'" v-model="scope.row.validDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
+            </template>
+          </el-table-column>
+        </el-table>
       </table-container>
     </el-form>
   </app-container>
diff --git a/src/views/resource/person/register/component/education.vue b/src/views/resource/person/register/component/education.vue
index 915bed4..03a3c29 100644
--- a/src/views/resource/person/register/component/education.vue
+++ b/src/views/resource/person/register/component/education.vue
@@ -1,7 +1,8 @@
 <!-- 人员登记 基本信息 -->
 <script name="RegisterEducation" lang="ts" setup>
 import { ElMessage, dayjs } from 'element-plus'
-import type { IDictType, IStaffAbilityInfo, IStaffEducationInfo, IStaffProjectInfo, ITableColumn } from '../person-regitster'
+import type { IDictType, IStaffAbilityInfo, IStaffEducationInfo, IStaffProjectInfo } from '../person-regitster'
+import { getDictTextByValue, jointDate } from '../common-register'
 import { addAbilityRecList, addEducationRecList, addProjectRecList, delAbilityRecList, delEducationRecList, delProjectRecList, getAbilityList, getEducationList, getProjectList } from '@/api/resource/register'
 import { useCheckList } from '@/commonMethods/useCheckList'
 import { useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
@@ -83,27 +84,6 @@
 }
 
 // 逻辑
-const getDictTextByValue = (dictList: Array<IDictType>, value: string) => {
-  const target = dictList.filter(item => item.value === value)
-  if (target.length > 0) {
-    return target.at(0)?.name
-  }
-  else {
-    return ''
-  }
-}
-const jointDate = (start: string, end?: string) => {
-  if (start === '') {
-    return ''
-  }
-  if (end === '') {
-    return dayjs(start).format('YYYY-MM-DD')
-  }
-  else {
-    return `${dayjs(start).format('YYYY-MM-DD')} 至 ${dayjs(end).format('YYYY-MM-DD')}`
-  }
-}
-
 const addEditableRow = (tableName: string) => {
   switch (tableName) {
     case 'education':

diff --git a/src/api/resource/register.ts b/src/api/resource/register.ts
index a933693..0603744 100644
--- a/src/api/resource/register.ts
+++ b/src/api/resource/register.ts
@@ -112,3 +112,99 @@
     data,
   })
 }
+
+export function getAuthorizeList(data: object) {
+  return request({
+    url: `${prefix}/authorize/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addAuthorizeRecList(data: object) {
+  return request({
+    url: `${prefix}/authorize/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delAuthorizeRecList(data: object) {
+  return request({
+    url: `${prefix}/authorize/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getResumeList(data: object) {
+  return request({
+    url: `${prefix}/resume/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addResumeRecList(data: object) {
+  return request({
+    url: `${prefix}/resume/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delResumeRecList(data: object) {
+  return request({
+    url: `${prefix}/resume/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getPromoteList(data: object) {
+  return request({
+    url: `${prefix}/promote/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addPromoteRecList(data: object) {
+  return request({
+    url: `${prefix}/promote/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delPromoteRecList(data: object) {
+  return request({
+    url: `${prefix}/promote/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getVerifierList(data: object) {
+  return request({
+    url: `${prefix}/verifier/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addVerifierRecList(data: object) {
+  return request({
+    url: `${prefix}/verifier/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delVerifierRecList(data: object) {
+  return request({
+    url: `${prefix}/verifier/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/resource/person/register/common-register.ts b/src/views/resource/person/register/common-register.ts
new file mode 100644
index 0000000..580653a
--- /dev/null
+++ b/src/views/resource/person/register/common-register.ts
@@ -0,0 +1,24 @@
+import { dayjs } from 'element-plus'
+import type { IDictType } from './person-regitster'
+
+export function jointDate(start: string, end?: string) {
+  if (start === '') {
+    return ''
+  }
+  if (end === '') {
+    return dayjs(start).format('YYYY-MM-DD')
+  }
+  else {
+    return `${dayjs(start).format('YYYY-MM-DD')} 至 ${dayjs(end).format('YYYY-MM-DD')}`
+  }
+}
+
+export function getDictTextByValue(dictList: Array<IDictType>, value: string) {
+  const target = dictList.filter(item => item.value === value)
+  if (target.length > 0) {
+    return target.at(0)?.name
+  }
+  else {
+    return ''
+  }
+}
diff --git a/src/views/resource/person/register/component/authorize.vue b/src/views/resource/person/register/component/authorize.vue
index 6d9012a..10e71f7 100644
--- a/src/views/resource/person/register/component/authorize.vue
+++ b/src/views/resource/person/register/component/authorize.vue
@@ -1,37 +1,180 @@
 <!-- 人员登记 基本信息 -->
 <script name="RegisterAuthorize" lang="ts" setup>
-const props = defineProps({ operation: { type: String, default: '' } })
+import { ElMessage, dayjs } from 'element-plus'
+import type { IStaffAuthorizeInfo } from '../person-regitster'
+import { useCheckList } from '@/commonMethods/useCheckList'
+import { useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
+import { addAuthorizeRecList, delAuthorizeRecList, getAuthorizeList } from '@/api/resource/register'
 
-const authorizeColumns = ref([
-  { text: '授权参数', value: 'staffNo', align: 'center', width: '160' },
-  { text: '授权内容', value: 'staffName', align: 'center' },
-  { text: '授权日期', value: 'station', align: 'center' },
-  { text: '有效日期', value: 'certificateNumber', align: 'center' },
-  { text: '附件', value: 'attachment', align: 'center' },
-]) // 表头
+const props = defineProps({
+  operation: { type: String, default: '' },
+  staffId: { type: String, default: '' },
+})
 
-const authorizeList = ref([]) // 表格数据
+const listQuery = {
+  id: '',
+  limit: 1000,
+  offset: 1,
+}
+
+const authorizeColumns = [
+  { text: '授权参数', value: 'authorizeParam', align: 'center', width: '240', required: true },
+  { text: '授权内容', value: 'authorizeContent', align: 'center', required: true },
+  { text: '授权日期', value: 'authorizeDate', align: 'center', width: '160', required: true },
+  { text: '有效日期', value: 'validDate', align: 'center', width: '160', required: true },
+  { text: '附件', value: 'file', align: 'center' },
+] // 表头
+
+const authorizeList = ref<IStaffAuthorizeInfo[]>([]) // 表格数据
+
+// 表格被选中的行
+const authorizeSelected = ref<IStaffAuthorizeInfo[]>([])
+
+const authorizeRecord: IStaffAuthorizeInfo = {
+  id: '',
+  staffId: '',
+  authorizeParam: '',
+  authorizeContent: '',
+  authorizeDate: '',
+  validDate: '',
+  file: '',
+  editable: true,
+}
+
 // 逻辑
+const addEditableRow = (tableName: string) => {
+  switch (tableName) {
+    case 'authorize':
+      authorizeList.value = authorizeList.value.map((item: any) => ({
+        ...item,
+        authorizeDate: dayjs(item.authorizeDate).format('YYYY-MM-DD'),
+        validDate: dayjs(item.validDate).format('YYYY-MM-DD'),
+      }))
+      if (useCheckList(authorizeList.value, authorizeColumns, '授权项目信息')) {
+        useSetAllRowReadable(authorizeList.value)
+        authorizeList.value.push({ ...authorizeRecord })
+      }
+      break
+
+    default:
+      break
+  }
+}
+
+const authMultiSelect = (e: any) => {
+  authorizeSelected.value = e
+}
+
+const getAuthorizeListByStaffId = () => {
+  getAuthorizeList(listQuery).then((res) => {
+    if (res.code === 200) {
+      authorizeList.value = res.data.rows.map((item: any) => ({
+        ...item,
+        authorizeDate: dayjs(item.authorizeDate).format('YYYY-MM-DD'),
+        validDate: dayjs(item.validDate).format('YYYY-MM-DD'),
+      }))
+    }
+  })
+}
+
+// 增加授权信息记录
+const addAuthorizeRecords = () => {
+  if (useCheckList(authorizeList.value, authorizeColumns, '授权项目信息') === false) {
+    return
+  }
+
+  const newRecords = ref<Array<IStaffAuthorizeInfo>>([])
+  newRecords.value = authorizeList.value.filter(item => item.id === '')
+
+  if (newRecords.value.length > 0) {
+    addAuthorizeRecList(newRecords.value).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('添加授权项目信息记录成功')
+        getAuthorizeListByStaffId()
+      }
+      else {
+        ElMessage.error(`添加授权项目信息记录失败：${res.message}`)
+      }
+    })
+  }
+}
+
+// 删除授权项目信息记录
+const delAuthorizeRecords = () => {
+  if (authorizeSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  // 前端界面删除
+  authorizeList.value = authorizeList.value.filter(item => authorizeSelected.value.includes(item) === false)
+
+  // 调用后端接口进行删除
+  const authIdsSelected = ref<string[]>([])
+  authIdsSelected.value = authorizeSelected.value.map((item: { id: string }) => item.id)
+  authIdsSelected.value = authIdsSelected.value.filter(item => item !== '')
+  if (authIdsSelected.value.length > 0) {
+    delAuthorizeRecList({ ids: authIdsSelected.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('删除授权项目信息记录成功')
+      }
+      else {
+        ElMessage.error(`删除授权项目信息记录失败：${res.message}`)
+      }
+
+      getAuthorizeListByStaffId()
+    })
+  }
+}
+
+watch(() => props.staffId, (newVal: string) => {
+  listQuery.id = newVal
+  authorizeRecord.staffId = newVal
+
+  getAuthorizeListByStaffId()
+})
+
+defineExpose({
+  addAuthorizeRecords,
+})
 </script>
 
 <template>
   <app-container>
-    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
+    <el-form ref="authorizeFormRef" label-position="right" label-width="110px" border stripe>
       <table-container title="授权项目信息">
-        <!-- 表格区域 -->
-        <normal-table id="authorizeTabel" :pagination="false" :data="authorizeList" :columns="authorizeColumns">
-          <template #preColumns>
-            <el-table-column label="序号" width="55" align="center">
-              <template #default="scope">
-                {{ scope.$index + 1 }}
-              </template>
-            </el-table-column>
-          </template>
+        <template v-if="props.operation !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow('authorize')">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delAuthorizeRecords">
+            删除行
+          </el-button>
+        </template>
 
-          <template #columns>
-            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
-          </template>
-        </normal-table>
+        <!-- 表格区域 -->
+        <el-table :data="authorizeList" border style="width: 100%;" @selection-change="authMultiSelect">
+          <el-table-column v-if="props.operation !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in authorizeColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && props.operation !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+            <template #default="scope">
+              <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+              <el-date-picker v-else-if="item.value === 'authorizeDate'" v-model="scope.row.authorizeDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-date-picker v-else-if="item.value === 'validDate'" v-model="scope.row.validDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
+            </template>
+          </el-table-column>
+        </el-table>
       </table-container>
     </el-form>
   </app-container>
diff --git a/src/views/resource/person/register/component/education.vue b/src/views/resource/person/register/component/education.vue
index 915bed4..03a3c29 100644
--- a/src/views/resource/person/register/component/education.vue
+++ b/src/views/resource/person/register/component/education.vue
@@ -1,7 +1,8 @@
 <!-- 人员登记 基本信息 -->
 <script name="RegisterEducation" lang="ts" setup>
 import { ElMessage, dayjs } from 'element-plus'
-import type { IDictType, IStaffAbilityInfo, IStaffEducationInfo, IStaffProjectInfo, ITableColumn } from '../person-regitster'
+import type { IDictType, IStaffAbilityInfo, IStaffEducationInfo, IStaffProjectInfo } from '../person-regitster'
+import { getDictTextByValue, jointDate } from '../common-register'
 import { addAbilityRecList, addEducationRecList, addProjectRecList, delAbilityRecList, delEducationRecList, delProjectRecList, getAbilityList, getEducationList, getProjectList } from '@/api/resource/register'
 import { useCheckList } from '@/commonMethods/useCheckList'
 import { useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
@@ -83,27 +84,6 @@
 }
 
 // 逻辑
-const getDictTextByValue = (dictList: Array<IDictType>, value: string) => {
-  const target = dictList.filter(item => item.value === value)
-  if (target.length > 0) {
-    return target.at(0)?.name
-  }
-  else {
-    return ''
-  }
-}
-const jointDate = (start: string, end?: string) => {
-  if (start === '') {
-    return ''
-  }
-  if (end === '') {
-    return dayjs(start).format('YYYY-MM-DD')
-  }
-  else {
-    return `${dayjs(start).format('YYYY-MM-DD')} 至 ${dayjs(end).format('YYYY-MM-DD')}`
-  }
-}
-
 const addEditableRow = (tableName: string) => {
   switch (tableName) {
     case 'education':
diff --git a/src/views/resource/person/register/component/resume.vue b/src/views/resource/person/register/component/resume.vue
index 7901db9..12441be 100644
--- a/src/views/resource/person/register/component/resume.vue
+++ b/src/views/resource/person/register/component/resume.vue
@@ -1,59 +1,303 @@
 <!-- 人员登记 基本信息 -->
 <script name="RegisterResume" lang="ts" setup>
-const props = defineProps({ operation: { type: String, default: '' } })
-const resumeColumns = ref([
-  { text: '履历名称', value: 'staffNo', align: 'center', width: '160' },
-  { text: '详细介绍', value: 'staffName', align: 'center' },
-  { text: '时间', value: 'station', align: 'center' },
-]) // 表头
+import { ElMessage, dayjs } from 'element-plus'
+import type { IStaffPromoteInfo, IStaffResumeInfo } from '../person-regitster'
+import { useCheckList } from '@/commonMethods/useCheckList'
+import { useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
+import { addPromoteRecList, addResumeRecList, delPromoteRecList, delResumeRecList, getPromoteList, getResumeList } from '@/api/resource/register'
 
-const promotionColumns = ref([
-  { text: '晋升经历', value: 'staffNo', align: 'center', width: '160' },
-  { text: '晋升单位', value: 'staffName', align: 'center' },
-  { text: '时间', value: 'station', align: 'center' },
-]) // 表头
+const props = defineProps({
+  operation: { type: String, default: '' },
+  staffId: { type: String, default: '' },
+})
 
-const resumeList = ref([]) // 表格数据
-const promotionList = ref([])
+const listQuery = {
+  id: '',
+  limit: 1000,
+  offset: 1,
+}
+
+const resumeColumns = [
+  { text: '履历名称', value: 'resumeName', align: 'center', required: true },
+  { text: '详细介绍', value: 'details', align: 'center', required: true },
+  { text: '时间', value: 'resumeDate', align: 'center', width: '160', required: true },
+] // 表头
+
+const promoteColumns = [
+  { text: '晋升经历', value: 'promoteExperience', align: 'center', required: true },
+  { text: '晋升单位', value: 'company', align: 'center', required: true },
+  { text: '时间', value: 'promoteDate', align: 'center', width: '160', required: true },
+] // 表头
+
+const resumeList = ref<IStaffResumeInfo[]>([]) // 表格数据
+const promoteList = ref<IStaffPromoteInfo[]>([])
+
+// 表格被选中的行
+const resumeSelected = ref<IStaffResumeInfo[]>([])
+const promoteSelected = ref<IStaffPromoteInfo[]>([])
+
+const resumeRecord: IStaffResumeInfo = {
+  id: '',
+  staffId: '',
+  resumeName: '',
+  details: '',
+  resumeDate: '',
+  editable: true,
+}
+
+const promoteRecord: IStaffPromoteInfo = {
+  id: '',
+  staffId: '',
+  promoteExperience: '',
+  company: '',
+  promoteDate: '',
+  editable: true,
+}
 
 // 逻辑
+const addEditableRow = (tableName: string) => {
+  switch (tableName) {
+    case 'resume':
+      resumeList.value = resumeList.value.map((item: any) => ({
+        ...item,
+        resumeDate: dayjs(item.resumeDate).format('YYYY-MM-DD'),
+      }))
+      if (useCheckList(resumeList.value, resumeColumns, '经验履历')) {
+        useSetAllRowReadable(resumeList.value)
+        resumeList.value.push({ ...resumeRecord })
+      }
+      break
+
+    case 'promote':
+      promoteList.value = promoteList.value.map((item: any) => ({
+        ...item,
+        promoteDate: dayjs(item.promoteDate).format('YYYY-MM-DD'),
+      }))
+      if (useCheckList(promoteList.value, promoteColumns, '晋升情况')) {
+        useSetAllRowReadable(promoteList.value)
+        promoteList.value.push({ ...promoteRecord })
+      }
+      break
+
+    default:
+      break
+  }
+}
+
+// 表格多选
+const rsmMultiSelect = (e: any) => {
+  resumeSelected.value = e
+}
+const prmMultiSelect = (e: any) => {
+  promoteSelected.value = e
+}
+
+const getResumeListByStaffId = () => {
+  getResumeList(listQuery).then((res) => {
+    if (res.code === 200) {
+      resumeList.value = res.data.rows.map((item: any) => ({
+        ...item,
+        resumeDate: dayjs(item.resumeDate).format('YYYY-MM-DD'),
+      }))
+    }
+  })
+}
+
+const getPromoteListByStaffId = () => {
+  getPromoteList(listQuery).then((res) => {
+    if (res.code === 200) {
+      promoteList.value = res.data.rows.map((item: any) => ({
+        ...item,
+        promoteDate: dayjs(item.promoteDate).format('YYYY-MM-DD'),
+      }))
+    }
+  })
+}
+
+// 增加经验履历记录
+const addResumeRecords = () => {
+  if (useCheckList(resumeList.value, resumeColumns, '经验履历') === false) {
+    return
+  }
+
+  const newRecords = ref<Array<IStaffResumeInfo>>([])
+  newRecords.value = resumeList.value.filter(item => item.id === '')
+
+  if (newRecords.value.length > 0) {
+    addResumeRecList(newRecords.value).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('添加经验履历记录成功')
+        getResumeListByStaffId()
+      }
+      else {
+        ElMessage.error(`添加经验履历记录失败：${res.message}`)
+      }
+    })
+  }
+}
+
+// 删除经验履历记录
+const delResumeRecords = () => {
+  if (resumeSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  // 前端界面删除
+  resumeList.value = resumeList.value.filter(item => resumeSelected.value.includes(item) === false)
+
+  // 调用后端接口进行删除
+  const abiIdsSelected = ref<string[]>([])
+  abiIdsSelected.value = resumeSelected.value.map((item: { id: string }) => item.id)
+  abiIdsSelected.value = abiIdsSelected.value.filter(item => item !== '')
+  if (abiIdsSelected.value.length > 0) {
+    delResumeRecList({ ids: abiIdsSelected.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('删除经验履历记录成功')
+      }
+      else {
+        ElMessage.error(`删除经验履历记录失败：${res.message}`)
+      }
+
+      getResumeListByStaffId()
+    })
+  }
+}
+
+// 增加晋升情况记录
+const addPromoteRecords = () => {
+  if (useCheckList(promoteList.value, promoteColumns, '晋升情况') === false) {
+    return
+  }
+
+  const newRecords = ref<Array<IStaffPromoteInfo>>([])
+  newRecords.value = promoteList.value.filter(item => item.id === '')
+
+  if (newRecords.value.length > 0) {
+    addPromoteRecList(newRecords.value).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('添加晋升情况记录成功')
+        getPromoteListByStaffId()
+      }
+      else {
+        ElMessage.error(`添加晋升情况记录失败：${res.message}`)
+      }
+    })
+  }
+}
+
+// 删除晋升情况记录
+const delPromoteRecords = () => {
+  if (promoteSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  // 前端界面删除
+  promoteList.value = promoteList.value.filter(item => promoteSelected.value.includes(item) === false)
+
+  // 调用后端接口进行删除
+  const proIdsSelected = ref<string[]>([])
+  proIdsSelected.value = promoteSelected.value.map((item: { id: string }) => item.id)
+  proIdsSelected.value = proIdsSelected.value.filter(item => item !== '')
+  if (proIdsSelected.value.length > 0) {
+    delPromoteRecList({ ids: proIdsSelected.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('删除晋升情况记录成功')
+      }
+      else {
+        ElMessage.error(`删除晋升情况记录失败：${res.message}`)
+      }
+
+      getPromoteListByStaffId()
+    })
+  }
+}
+
+watch(() => props.staffId, (newVal: string) => {
+  listQuery.id = newVal
+  resumeRecord.staffId = newVal
+  promoteRecord.staffId = newVal
+
+  getResumeListByStaffId()
+  getPromoteListByStaffId()
+})
+
+defineExpose({
+  addResumeRecords,
+  addPromoteRecords,
+})
 </script>
 
 <template>
   <app-container>
-    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
+    <el-form ref="resumeFormRef" label-position="right" label-width="110px" border stripe>
       <table-container title="经验履历">
-        <!-- 表格区域 -->
-        <normal-table id="registerTabel" :pagination="false" :data="resumeList" :columns="resumeColumns">
-          <template #preColumns>
-            <el-table-column label="序号" width="55" align="center">
-              <template #default="scope">
-                {{ scope.$index + 1 }}
-              </template>
-            </el-table-column>
-          </template>
+        <template v-if="props.operation !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow('resume')">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delResumeRecords">
+            删除行
+          </el-button>
+        </template>
 
-          <template #columns>
-            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
-          </template>
-        </normal-table>
+        <!-- 表格区域 -->
+        <el-table :data="resumeList" border style="width: 100%;" @selection-change="rsmMultiSelect">
+          <el-table-column v-if="props.operation !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in resumeColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && props.operation !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+            <template #default="scope">
+              <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+              <el-date-picker v-else-if="item.value === 'resumeDate'" v-model="scope.row.resumeDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
+            </template>
+          </el-table-column>
+        </el-table>
       </table-container>
 
       <table-container title="晋升情况">
-        <!-- 表格区域 -->
-        <normal-table id="registerTabel" :pagination="false" :data="promotionList" :columns="promotionColumns">
-          <template #preColumns>
-            <el-table-column label="序号" width="55" align="center">
-              <template #default="scope">
-                {{ scope.$index + 1 }}
-              </template>
-            </el-table-column>
-          </template>
+        <template v-if="props.operation !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow('promote')">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delPromoteRecords">
+            删除行
+          </el-button>
+        </template>
 
-          <template #columns>
-            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
-          </template>
-        </normal-table>
+        <!-- 表格区域 -->
+        <el-table :data="promoteList" border style="width: 100%;" @selection-change="prmMultiSelect">
+          <el-table-column v-if="props.operation !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in promoteColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && props.operation !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+            <template #default="scope">
+              <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+              <el-date-picker v-else-if="item.value === 'promoteDate'" v-model="scope.row.promoteDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
+            </template>
+          </el-table-column>
+        </el-table>
       </table-container>
     </el-form>
   </app-container>

diff --git a/src/api/resource/register.ts b/src/api/resource/register.ts
index a933693..0603744 100644
--- a/src/api/resource/register.ts
+++ b/src/api/resource/register.ts
@@ -112,3 +112,99 @@
     data,
   })
 }
+
+export function getAuthorizeList(data: object) {
+  return request({
+    url: `${prefix}/authorize/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addAuthorizeRecList(data: object) {
+  return request({
+    url: `${prefix}/authorize/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delAuthorizeRecList(data: object) {
+  return request({
+    url: `${prefix}/authorize/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getResumeList(data: object) {
+  return request({
+    url: `${prefix}/resume/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addResumeRecList(data: object) {
+  return request({
+    url: `${prefix}/resume/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delResumeRecList(data: object) {
+  return request({
+    url: `${prefix}/resume/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getPromoteList(data: object) {
+  return request({
+    url: `${prefix}/promote/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addPromoteRecList(data: object) {
+  return request({
+    url: `${prefix}/promote/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delPromoteRecList(data: object) {
+  return request({
+    url: `${prefix}/promote/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getVerifierList(data: object) {
+  return request({
+    url: `${prefix}/verifier/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addVerifierRecList(data: object) {
+  return request({
+    url: `${prefix}/verifier/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delVerifierRecList(data: object) {
+  return request({
+    url: `${prefix}/verifier/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/resource/person/register/common-register.ts b/src/views/resource/person/register/common-register.ts
new file mode 100644
index 0000000..580653a
--- /dev/null
+++ b/src/views/resource/person/register/common-register.ts
@@ -0,0 +1,24 @@
+import { dayjs } from 'element-plus'
+import type { IDictType } from './person-regitster'
+
+export function jointDate(start: string, end?: string) {
+  if (start === '') {
+    return ''
+  }
+  if (end === '') {
+    return dayjs(start).format('YYYY-MM-DD')
+  }
+  else {
+    return `${dayjs(start).format('YYYY-MM-DD')} 至 ${dayjs(end).format('YYYY-MM-DD')}`
+  }
+}
+
+export function getDictTextByValue(dictList: Array<IDictType>, value: string) {
+  const target = dictList.filter(item => item.value === value)
+  if (target.length > 0) {
+    return target.at(0)?.name
+  }
+  else {
+    return ''
+  }
+}
diff --git a/src/views/resource/person/register/component/authorize.vue b/src/views/resource/person/register/component/authorize.vue
index 6d9012a..10e71f7 100644
--- a/src/views/resource/person/register/component/authorize.vue
+++ b/src/views/resource/person/register/component/authorize.vue
@@ -1,37 +1,180 @@
 <!-- 人员登记 基本信息 -->
 <script name="RegisterAuthorize" lang="ts" setup>
-const props = defineProps({ operation: { type: String, default: '' } })
+import { ElMessage, dayjs } from 'element-plus'
+import type { IStaffAuthorizeInfo } from '../person-regitster'
+import { useCheckList } from '@/commonMethods/useCheckList'
+import { useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
+import { addAuthorizeRecList, delAuthorizeRecList, getAuthorizeList } from '@/api/resource/register'
 
-const authorizeColumns = ref([
-  { text: '授权参数', value: 'staffNo', align: 'center', width: '160' },
-  { text: '授权内容', value: 'staffName', align: 'center' },
-  { text: '授权日期', value: 'station', align: 'center' },
-  { text: '有效日期', value: 'certificateNumber', align: 'center' },
-  { text: '附件', value: 'attachment', align: 'center' },
-]) // 表头
+const props = defineProps({
+  operation: { type: String, default: '' },
+  staffId: { type: String, default: '' },
+})
 
-const authorizeList = ref([]) // 表格数据
+const listQuery = {
+  id: '',
+  limit: 1000,
+  offset: 1,
+}
+
+const authorizeColumns = [
+  { text: '授权参数', value: 'authorizeParam', align: 'center', width: '240', required: true },
+  { text: '授权内容', value: 'authorizeContent', align: 'center', required: true },
+  { text: '授权日期', value: 'authorizeDate', align: 'center', width: '160', required: true },
+  { text: '有效日期', value: 'validDate', align: 'center', width: '160', required: true },
+  { text: '附件', value: 'file', align: 'center' },
+] // 表头
+
+const authorizeList = ref<IStaffAuthorizeInfo[]>([]) // 表格数据
+
+// 表格被选中的行
+const authorizeSelected = ref<IStaffAuthorizeInfo[]>([])
+
+const authorizeRecord: IStaffAuthorizeInfo = {
+  id: '',
+  staffId: '',
+  authorizeParam: '',
+  authorizeContent: '',
+  authorizeDate: '',
+  validDate: '',
+  file: '',
+  editable: true,
+}
+
 // 逻辑
+const addEditableRow = (tableName: string) => {
+  switch (tableName) {
+    case 'authorize':
+      authorizeList.value = authorizeList.value.map((item: any) => ({
+        ...item,
+        authorizeDate: dayjs(item.authorizeDate).format('YYYY-MM-DD'),
+        validDate: dayjs(item.validDate).format('YYYY-MM-DD'),
+      }))
+      if (useCheckList(authorizeList.value, authorizeColumns, '授权项目信息')) {
+        useSetAllRowReadable(authorizeList.value)
+        authorizeList.value.push({ ...authorizeRecord })
+      }
+      break
+
+    default:
+      break
+  }
+}
+
+const authMultiSelect = (e: any) => {
+  authorizeSelected.value = e
+}
+
+const getAuthorizeListByStaffId = () => {
+  getAuthorizeList(listQuery).then((res) => {
+    if (res.code === 200) {
+      authorizeList.value = res.data.rows.map((item: any) => ({
+        ...item,
+        authorizeDate: dayjs(item.authorizeDate).format('YYYY-MM-DD'),
+        validDate: dayjs(item.validDate).format('YYYY-MM-DD'),
+      }))
+    }
+  })
+}
+
+// 增加授权信息记录
+const addAuthorizeRecords = () => {
+  if (useCheckList(authorizeList.value, authorizeColumns, '授权项目信息') === false) {
+    return
+  }
+
+  const newRecords = ref<Array<IStaffAuthorizeInfo>>([])
+  newRecords.value = authorizeList.value.filter(item => item.id === '')
+
+  if (newRecords.value.length > 0) {
+    addAuthorizeRecList(newRecords.value).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('添加授权项目信息记录成功')
+        getAuthorizeListByStaffId()
+      }
+      else {
+        ElMessage.error(`添加授权项目信息记录失败：${res.message}`)
+      }
+    })
+  }
+}
+
+// 删除授权项目信息记录
+const delAuthorizeRecords = () => {
+  if (authorizeSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  // 前端界面删除
+  authorizeList.value = authorizeList.value.filter(item => authorizeSelected.value.includes(item) === false)
+
+  // 调用后端接口进行删除
+  const authIdsSelected = ref<string[]>([])
+  authIdsSelected.value = authorizeSelected.value.map((item: { id: string }) => item.id)
+  authIdsSelected.value = authIdsSelected.value.filter(item => item !== '')
+  if (authIdsSelected.value.length > 0) {
+    delAuthorizeRecList({ ids: authIdsSelected.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('删除授权项目信息记录成功')
+      }
+      else {
+        ElMessage.error(`删除授权项目信息记录失败：${res.message}`)
+      }
+
+      getAuthorizeListByStaffId()
+    })
+  }
+}
+
+watch(() => props.staffId, (newVal: string) => {
+  listQuery.id = newVal
+  authorizeRecord.staffId = newVal
+
+  getAuthorizeListByStaffId()
+})
+
+defineExpose({
+  addAuthorizeRecords,
+})
 </script>
 
 <template>
   <app-container>
-    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
+    <el-form ref="authorizeFormRef" label-position="right" label-width="110px" border stripe>
       <table-container title="授权项目信息">
-        <!-- 表格区域 -->
-        <normal-table id="authorizeTabel" :pagination="false" :data="authorizeList" :columns="authorizeColumns">
-          <template #preColumns>
-            <el-table-column label="序号" width="55" align="center">
-              <template #default="scope">
-                {{ scope.$index + 1 }}
-              </template>
-            </el-table-column>
-          </template>
+        <template v-if="props.operation !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow('authorize')">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delAuthorizeRecords">
+            删除行
+          </el-button>
+        </template>
 
-          <template #columns>
-            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
-          </template>
-        </normal-table>
+        <!-- 表格区域 -->
+        <el-table :data="authorizeList" border style="width: 100%;" @selection-change="authMultiSelect">
+          <el-table-column v-if="props.operation !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in authorizeColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && props.operation !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+            <template #default="scope">
+              <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+              <el-date-picker v-else-if="item.value === 'authorizeDate'" v-model="scope.row.authorizeDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-date-picker v-else-if="item.value === 'validDate'" v-model="scope.row.validDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
+            </template>
+          </el-table-column>
+        </el-table>
       </table-container>
     </el-form>
   </app-container>
diff --git a/src/views/resource/person/register/component/education.vue b/src/views/resource/person/register/component/education.vue
index 915bed4..03a3c29 100644
--- a/src/views/resource/person/register/component/education.vue
+++ b/src/views/resource/person/register/component/education.vue
@@ -1,7 +1,8 @@
 <!-- 人员登记 基本信息 -->
 <script name="RegisterEducation" lang="ts" setup>
 import { ElMessage, dayjs } from 'element-plus'
-import type { IDictType, IStaffAbilityInfo, IStaffEducationInfo, IStaffProjectInfo, ITableColumn } from '../person-regitster'
+import type { IDictType, IStaffAbilityInfo, IStaffEducationInfo, IStaffProjectInfo } from '../person-regitster'
+import { getDictTextByValue, jointDate } from '../common-register'
 import { addAbilityRecList, addEducationRecList, addProjectRecList, delAbilityRecList, delEducationRecList, delProjectRecList, getAbilityList, getEducationList, getProjectList } from '@/api/resource/register'
 import { useCheckList } from '@/commonMethods/useCheckList'
 import { useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
@@ -83,27 +84,6 @@
 }
 
 // 逻辑
-const getDictTextByValue = (dictList: Array<IDictType>, value: string) => {
-  const target = dictList.filter(item => item.value === value)
-  if (target.length > 0) {
-    return target.at(0)?.name
-  }
-  else {
-    return ''
-  }
-}
-const jointDate = (start: string, end?: string) => {
-  if (start === '') {
-    return ''
-  }
-  if (end === '') {
-    return dayjs(start).format('YYYY-MM-DD')
-  }
-  else {
-    return `${dayjs(start).format('YYYY-MM-DD')} 至 ${dayjs(end).format('YYYY-MM-DD')}`
-  }
-}
-
 const addEditableRow = (tableName: string) => {
   switch (tableName) {
     case 'education':
diff --git a/src/views/resource/person/register/component/resume.vue b/src/views/resource/person/register/component/resume.vue
index 7901db9..12441be 100644
--- a/src/views/resource/person/register/component/resume.vue
+++ b/src/views/resource/person/register/component/resume.vue
@@ -1,59 +1,303 @@
 <!-- 人员登记 基本信息 -->
 <script name="RegisterResume" lang="ts" setup>
-const props = defineProps({ operation: { type: String, default: '' } })
-const resumeColumns = ref([
-  { text: '履历名称', value: 'staffNo', align: 'center', width: '160' },
-  { text: '详细介绍', value: 'staffName', align: 'center' },
-  { text: '时间', value: 'station', align: 'center' },
-]) // 表头
+import { ElMessage, dayjs } from 'element-plus'
+import type { IStaffPromoteInfo, IStaffResumeInfo } from '../person-regitster'
+import { useCheckList } from '@/commonMethods/useCheckList'
+import { useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
+import { addPromoteRecList, addResumeRecList, delPromoteRecList, delResumeRecList, getPromoteList, getResumeList } from '@/api/resource/register'
 
-const promotionColumns = ref([
-  { text: '晋升经历', value: 'staffNo', align: 'center', width: '160' },
-  { text: '晋升单位', value: 'staffName', align: 'center' },
-  { text: '时间', value: 'station', align: 'center' },
-]) // 表头
+const props = defineProps({
+  operation: { type: String, default: '' },
+  staffId: { type: String, default: '' },
+})
 
-const resumeList = ref([]) // 表格数据
-const promotionList = ref([])
+const listQuery = {
+  id: '',
+  limit: 1000,
+  offset: 1,
+}
+
+const resumeColumns = [
+  { text: '履历名称', value: 'resumeName', align: 'center', required: true },
+  { text: '详细介绍', value: 'details', align: 'center', required: true },
+  { text: '时间', value: 'resumeDate', align: 'center', width: '160', required: true },
+] // 表头
+
+const promoteColumns = [
+  { text: '晋升经历', value: 'promoteExperience', align: 'center', required: true },
+  { text: '晋升单位', value: 'company', align: 'center', required: true },
+  { text: '时间', value: 'promoteDate', align: 'center', width: '160', required: true },
+] // 表头
+
+const resumeList = ref<IStaffResumeInfo[]>([]) // 表格数据
+const promoteList = ref<IStaffPromoteInfo[]>([])
+
+// 表格被选中的行
+const resumeSelected = ref<IStaffResumeInfo[]>([])
+const promoteSelected = ref<IStaffPromoteInfo[]>([])
+
+const resumeRecord: IStaffResumeInfo = {
+  id: '',
+  staffId: '',
+  resumeName: '',
+  details: '',
+  resumeDate: '',
+  editable: true,
+}
+
+const promoteRecord: IStaffPromoteInfo = {
+  id: '',
+  staffId: '',
+  promoteExperience: '',
+  company: '',
+  promoteDate: '',
+  editable: true,
+}
 
 // 逻辑
+const addEditableRow = (tableName: string) => {
+  switch (tableName) {
+    case 'resume':
+      resumeList.value = resumeList.value.map((item: any) => ({
+        ...item,
+        resumeDate: dayjs(item.resumeDate).format('YYYY-MM-DD'),
+      }))
+      if (useCheckList(resumeList.value, resumeColumns, '经验履历')) {
+        useSetAllRowReadable(resumeList.value)
+        resumeList.value.push({ ...resumeRecord })
+      }
+      break
+
+    case 'promote':
+      promoteList.value = promoteList.value.map((item: any) => ({
+        ...item,
+        promoteDate: dayjs(item.promoteDate).format('YYYY-MM-DD'),
+      }))
+      if (useCheckList(promoteList.value, promoteColumns, '晋升情况')) {
+        useSetAllRowReadable(promoteList.value)
+        promoteList.value.push({ ...promoteRecord })
+      }
+      break
+
+    default:
+      break
+  }
+}
+
+// 表格多选
+const rsmMultiSelect = (e: any) => {
+  resumeSelected.value = e
+}
+const prmMultiSelect = (e: any) => {
+  promoteSelected.value = e
+}
+
+const getResumeListByStaffId = () => {
+  getResumeList(listQuery).then((res) => {
+    if (res.code === 200) {
+      resumeList.value = res.data.rows.map((item: any) => ({
+        ...item,
+        resumeDate: dayjs(item.resumeDate).format('YYYY-MM-DD'),
+      }))
+    }
+  })
+}
+
+const getPromoteListByStaffId = () => {
+  getPromoteList(listQuery).then((res) => {
+    if (res.code === 200) {
+      promoteList.value = res.data.rows.map((item: any) => ({
+        ...item,
+        promoteDate: dayjs(item.promoteDate).format('YYYY-MM-DD'),
+      }))
+    }
+  })
+}
+
+// 增加经验履历记录
+const addResumeRecords = () => {
+  if (useCheckList(resumeList.value, resumeColumns, '经验履历') === false) {
+    return
+  }
+
+  const newRecords = ref<Array<IStaffResumeInfo>>([])
+  newRecords.value = resumeList.value.filter(item => item.id === '')
+
+  if (newRecords.value.length > 0) {
+    addResumeRecList(newRecords.value).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('添加经验履历记录成功')
+        getResumeListByStaffId()
+      }
+      else {
+        ElMessage.error(`添加经验履历记录失败：${res.message}`)
+      }
+    })
+  }
+}
+
+// 删除经验履历记录
+const delResumeRecords = () => {
+  if (resumeSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  // 前端界面删除
+  resumeList.value = resumeList.value.filter(item => resumeSelected.value.includes(item) === false)
+
+  // 调用后端接口进行删除
+  const abiIdsSelected = ref<string[]>([])
+  abiIdsSelected.value = resumeSelected.value.map((item: { id: string }) => item.id)
+  abiIdsSelected.value = abiIdsSelected.value.filter(item => item !== '')
+  if (abiIdsSelected.value.length > 0) {
+    delResumeRecList({ ids: abiIdsSelected.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('删除经验履历记录成功')
+      }
+      else {
+        ElMessage.error(`删除经验履历记录失败：${res.message}`)
+      }
+
+      getResumeListByStaffId()
+    })
+  }
+}
+
+// 增加晋升情况记录
+const addPromoteRecords = () => {
+  if (useCheckList(promoteList.value, promoteColumns, '晋升情况') === false) {
+    return
+  }
+
+  const newRecords = ref<Array<IStaffPromoteInfo>>([])
+  newRecords.value = promoteList.value.filter(item => item.id === '')
+
+  if (newRecords.value.length > 0) {
+    addPromoteRecList(newRecords.value).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('添加晋升情况记录成功')
+        getPromoteListByStaffId()
+      }
+      else {
+        ElMessage.error(`添加晋升情况记录失败：${res.message}`)
+      }
+    })
+  }
+}
+
+// 删除晋升情况记录
+const delPromoteRecords = () => {
+  if (promoteSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  // 前端界面删除
+  promoteList.value = promoteList.value.filter(item => promoteSelected.value.includes(item) === false)
+
+  // 调用后端接口进行删除
+  const proIdsSelected = ref<string[]>([])
+  proIdsSelected.value = promoteSelected.value.map((item: { id: string }) => item.id)
+  proIdsSelected.value = proIdsSelected.value.filter(item => item !== '')
+  if (proIdsSelected.value.length > 0) {
+    delPromoteRecList({ ids: proIdsSelected.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('删除晋升情况记录成功')
+      }
+      else {
+        ElMessage.error(`删除晋升情况记录失败：${res.message}`)
+      }
+
+      getPromoteListByStaffId()
+    })
+  }
+}
+
+watch(() => props.staffId, (newVal: string) => {
+  listQuery.id = newVal
+  resumeRecord.staffId = newVal
+  promoteRecord.staffId = newVal
+
+  getResumeListByStaffId()
+  getPromoteListByStaffId()
+})
+
+defineExpose({
+  addResumeRecords,
+  addPromoteRecords,
+})
 </script>
 
 <template>
   <app-container>
-    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
+    <el-form ref="resumeFormRef" label-position="right" label-width="110px" border stripe>
       <table-container title="经验履历">
-        <!-- 表格区域 -->
-        <normal-table id="registerTabel" :pagination="false" :data="resumeList" :columns="resumeColumns">
-          <template #preColumns>
-            <el-table-column label="序号" width="55" align="center">
-              <template #default="scope">
-                {{ scope.$index + 1 }}
-              </template>
-            </el-table-column>
-          </template>
+        <template v-if="props.operation !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow('resume')">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delResumeRecords">
+            删除行
+          </el-button>
+        </template>
 
-          <template #columns>
-            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
-          </template>
-        </normal-table>
+        <!-- 表格区域 -->
+        <el-table :data="resumeList" border style="width: 100%;" @selection-change="rsmMultiSelect">
+          <el-table-column v-if="props.operation !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in resumeColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && props.operation !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+            <template #default="scope">
+              <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+              <el-date-picker v-else-if="item.value === 'resumeDate'" v-model="scope.row.resumeDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
+            </template>
+          </el-table-column>
+        </el-table>
       </table-container>
 
       <table-container title="晋升情况">
-        <!-- 表格区域 -->
-        <normal-table id="registerTabel" :pagination="false" :data="promotionList" :columns="promotionColumns">
-          <template #preColumns>
-            <el-table-column label="序号" width="55" align="center">
-              <template #default="scope">
-                {{ scope.$index + 1 }}
-              </template>
-            </el-table-column>
-          </template>
+        <template v-if="props.operation !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow('promote')">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delPromoteRecords">
+            删除行
+          </el-button>
+        </template>
 
-          <template #columns>
-            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
-          </template>
-        </normal-table>
+        <!-- 表格区域 -->
+        <el-table :data="promoteList" border style="width: 100%;" @selection-change="prmMultiSelect">
+          <el-table-column v-if="props.operation !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in promoteColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && props.operation !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+            <template #default="scope">
+              <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+              <el-date-picker v-else-if="item.value === 'promoteDate'" v-model="scope.row.promoteDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
+            </template>
+          </el-table-column>
+        </el-table>
       </table-container>
     </el-form>
   </app-container>
diff --git a/src/views/resource/person/register/component/verifier.vue b/src/views/resource/person/register/component/verifier.vue
index 43ba53b..868d884 100644
--- a/src/views/resource/person/register/component/verifier.vue
+++ b/src/views/resource/person/register/component/verifier.vue
@@ -1,38 +1,182 @@
-<!-- 人员登记 基本信息 -->
+<!-- 人员登记 检定员信息 -->
 <script name="RegisterVerifier" lang="ts" setup>
-const props = defineProps({ operation: { type: String, default: '' } })
+import { ElMessage, dayjs } from 'element-plus'
+import type { IStaffVerifierInfo } from '../person-regitster'
+import { useCheckList } from '@/commonMethods/useCheckList'
+import { useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
+import { addVerifierRecList, delVerifierRecList, getVerifierList } from '@/api/resource/register'
 
-const verifierColumns = ref([
-  { text: '证书号', value: 'staffNo', align: 'center', width: '160' },
-  { text: '证书名称', value: 'staffName', align: 'center' },
-  { text: '发放日期', value: 'station', align: 'center' },
-  { text: '有效日期', value: 'certificateNumber', align: 'center' },
-  { text: '发放单位', value: 'certificateNumber', align: 'center' },
-  { text: '附件', value: 'attachment', align: 'center' },
-]) // 表头
+const props = defineProps({
+  operation: { type: String, default: '' },
+  staffId: { type: String, default: '' },
+})
 
-const verifierList = ref([]) // 表格数据
+const listQuery = {
+  id: '',
+  limit: 1000,
+  offset: 1,
+}
+
+const verifierColumns = [
+  { text: '证书号', value: 'certNo', align: 'center', width: '160', required: true },
+  { text: '证书名称', value: 'certName', align: 'center', required: true },
+  { text: '发放日期', value: 'grantDate', align: 'center', width: '160', required: true },
+  { text: '有效日期', value: 'effectiveDate', align: 'center', width: '160', required: true },
+  { text: '发放单位', value: 'grantCompany', align: 'center', required: true },
+  { text: '附件', value: 'file', align: 'center' },
+] // 表头
+
+const verifierList = ref<IStaffVerifierInfo[]>([]) // 表格数据
+
+// 表格被选中的行
+const verifierSelected = ref<IStaffVerifierInfo[]>([])
+
+const verifierRecord: IStaffVerifierInfo = {
+  id: '',
+  staffId: '',
+  certNo: '',
+  certName: '',
+  grantDate: '',
+  effectiveDate: '',
+  grantCompany: '',
+  file: '',
+  editable: true,
+}
+
 // 逻辑
+const addEditableRow = (tableName: string) => {
+  switch (tableName) {
+    case 'verifier':
+      verifierList.value = verifierList.value.map((item: any) => ({
+        ...item,
+        grantDate: dayjs(item.grantDate).format('YYYY-MM-DD'),
+        effectiveDate: dayjs(item.effectiveDate).format('YYYY-MM-DD'),
+      }))
+      if (useCheckList(verifierList.value, verifierColumns, '检定员信息')) {
+        useSetAllRowReadable(verifierList.value)
+        verifierList.value.push({ ...verifierRecord })
+      }
+      break
+
+    default:
+      break
+  }
+}
+
+const verMultiSelect = (e: any) => {
+  verifierSelected.value = e
+}
+
+const getVerifierListByStaffId = () => {
+  getVerifierList(listQuery).then((res) => {
+    if (res.code === 200) {
+      verifierList.value = res.data.rows.map((item: any) => ({
+        ...item,
+        grantDate: dayjs(item.grantDate).format('YYYY-MM-DD'),
+        effectiveDate: dayjs(item.effectiveDate).format('YYYY-MM-DD'),
+      }))
+    }
+  })
+}
+
+// 增加检定员信息记录
+const addVerifierRecords = () => {
+  if (useCheckList(verifierList.value, verifierColumns, '检定员信息') === false) {
+    return
+  }
+
+  const newRecords = ref<Array<IStaffVerifierInfo>>([])
+  newRecords.value = verifierList.value.filter(item => item.id === '')
+
+  if (newRecords.value.length > 0) {
+    addVerifierRecList(newRecords.value).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('添加检定员信息记录成功')
+        getVerifierListByStaffId()
+      }
+      else {
+        ElMessage.error(`添加检定员信息记录失败：${res.message}`)
+      }
+    })
+  }
+}
+
+// 删除检定员信息记录
+const delVerifierRecords = () => {
+  if (verifierSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  // 前端界面删除
+  verifierList.value = verifierList.value.filter(item => verifierSelected.value.includes(item) === false)
+
+  // 调用后端接口进行删除
+  const verIdsSelected = ref<string[]>([])
+  verIdsSelected.value = verifierSelected.value.map((item: { id: string }) => item.id)
+  verIdsSelected.value = verIdsSelected.value.filter(item => item !== '')
+  if (verIdsSelected.value.length > 0) {
+    delVerifierRecList({ ids: verIdsSelected.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('删除检定员信息记录成功')
+      }
+      else {
+        ElMessage.error(`删除检定员信息记录失败：${res.message}`)
+      }
+
+      getVerifierListByStaffId()
+    })
+  }
+}
+
+watch(() => props.staffId, (newVal: string) => {
+  listQuery.id = newVal
+  verifierRecord.staffId = newVal
+
+  getVerifierListByStaffId()
+})
+
+defineExpose({
+  addVerifierRecords,
+})
 </script>
 
 <template>
   <app-container>
-    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
-      <table-container title="教育档案">
-        <!-- 表格区域 -->
-        <normal-table id="registerTabel" :pagination="false" :data="verifierList" :columns="verifierColumns">
-          <template #preColumns>
-            <el-table-column label="序号" width="55" align="center">
-              <template #default="scope">
-                {{ scope.$index + 1 }}
-              </template>
-            </el-table-column>
-          </template>
+    <el-form ref="verifierFormRef" label-position="right" label-width="110px" border stripe>
+      <table-container title="检定员信息">
+        <template v-if="props.operation !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow('verifier')">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delVerifierRecords">
+            删除行
+          </el-button>
+        </template>
 
-          <template #columns>
-            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
-          </template>
-        </normal-table>
+        <!-- 表格区域 -->
+        <el-table :data="verifierList" border style="width: 100%;" @selection-change="verMultiSelect">
+          <el-table-column v-if="props.operation !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in verifierColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && props.operation !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+            <template #default="scope">
+              <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+              <el-date-picker v-else-if="item.value === 'grantDate'" v-model="scope.row.grantDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-date-picker v-else-if="item.value === 'effectiveDate'" v-model="scope.row.effectiveDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
+            </template>
+          </el-table-column>
+        </el-table>
       </table-container>
     </el-form>
   </app-container>

diff --git a/src/api/resource/register.ts b/src/api/resource/register.ts
index a933693..0603744 100644
--- a/src/api/resource/register.ts
+++ b/src/api/resource/register.ts
@@ -112,3 +112,99 @@
     data,
   })
 }
+
+export function getAuthorizeList(data: object) {
+  return request({
+    url: `${prefix}/authorize/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addAuthorizeRecList(data: object) {
+  return request({
+    url: `${prefix}/authorize/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delAuthorizeRecList(data: object) {
+  return request({
+    url: `${prefix}/authorize/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getResumeList(data: object) {
+  return request({
+    url: `${prefix}/resume/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addResumeRecList(data: object) {
+  return request({
+    url: `${prefix}/resume/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delResumeRecList(data: object) {
+  return request({
+    url: `${prefix}/resume/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getPromoteList(data: object) {
+  return request({
+    url: `${prefix}/promote/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addPromoteRecList(data: object) {
+  return request({
+    url: `${prefix}/promote/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delPromoteRecList(data: object) {
+  return request({
+    url: `${prefix}/promote/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getVerifierList(data: object) {
+  return request({
+    url: `${prefix}/verifier/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addVerifierRecList(data: object) {
+  return request({
+    url: `${prefix}/verifier/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delVerifierRecList(data: object) {
+  return request({
+    url: `${prefix}/verifier/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/resource/person/register/common-register.ts b/src/views/resource/person/register/common-register.ts
new file mode 100644
index 0000000..580653a
--- /dev/null
+++ b/src/views/resource/person/register/common-register.ts
@@ -0,0 +1,24 @@
+import { dayjs } from 'element-plus'
+import type { IDictType } from './person-regitster'
+
+export function jointDate(start: string, end?: string) {
+  if (start === '') {
+    return ''
+  }
+  if (end === '') {
+    return dayjs(start).format('YYYY-MM-DD')
+  }
+  else {
+    return `${dayjs(start).format('YYYY-MM-DD')} 至 ${dayjs(end).format('YYYY-MM-DD')}`
+  }
+}
+
+export function getDictTextByValue(dictList: Array<IDictType>, value: string) {
+  const target = dictList.filter(item => item.value === value)
+  if (target.length > 0) {
+    return target.at(0)?.name
+  }
+  else {
+    return ''
+  }
+}
diff --git a/src/views/resource/person/register/component/authorize.vue b/src/views/resource/person/register/component/authorize.vue
index 6d9012a..10e71f7 100644
--- a/src/views/resource/person/register/component/authorize.vue
+++ b/src/views/resource/person/register/component/authorize.vue
@@ -1,37 +1,180 @@
 <!-- 人员登记 基本信息 -->
 <script name="RegisterAuthorize" lang="ts" setup>
-const props = defineProps({ operation: { type: String, default: '' } })
+import { ElMessage, dayjs } from 'element-plus'
+import type { IStaffAuthorizeInfo } from '../person-regitster'
+import { useCheckList } from '@/commonMethods/useCheckList'
+import { useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
+import { addAuthorizeRecList, delAuthorizeRecList, getAuthorizeList } from '@/api/resource/register'
 
-const authorizeColumns = ref([
-  { text: '授权参数', value: 'staffNo', align: 'center', width: '160' },
-  { text: '授权内容', value: 'staffName', align: 'center' },
-  { text: '授权日期', value: 'station', align: 'center' },
-  { text: '有效日期', value: 'certificateNumber', align: 'center' },
-  { text: '附件', value: 'attachment', align: 'center' },
-]) // 表头
+const props = defineProps({
+  operation: { type: String, default: '' },
+  staffId: { type: String, default: '' },
+})
 
-const authorizeList = ref([]) // 表格数据
+const listQuery = {
+  id: '',
+  limit: 1000,
+  offset: 1,
+}
+
+const authorizeColumns = [
+  { text: '授权参数', value: 'authorizeParam', align: 'center', width: '240', required: true },
+  { text: '授权内容', value: 'authorizeContent', align: 'center', required: true },
+  { text: '授权日期', value: 'authorizeDate', align: 'center', width: '160', required: true },
+  { text: '有效日期', value: 'validDate', align: 'center', width: '160', required: true },
+  { text: '附件', value: 'file', align: 'center' },
+] // 表头
+
+const authorizeList = ref<IStaffAuthorizeInfo[]>([]) // 表格数据
+
+// 表格被选中的行
+const authorizeSelected = ref<IStaffAuthorizeInfo[]>([])
+
+const authorizeRecord: IStaffAuthorizeInfo = {
+  id: '',
+  staffId: '',
+  authorizeParam: '',
+  authorizeContent: '',
+  authorizeDate: '',
+  validDate: '',
+  file: '',
+  editable: true,
+}
+
 // 逻辑
+const addEditableRow = (tableName: string) => {
+  switch (tableName) {
+    case 'authorize':
+      authorizeList.value = authorizeList.value.map((item: any) => ({
+        ...item,
+        authorizeDate: dayjs(item.authorizeDate).format('YYYY-MM-DD'),
+        validDate: dayjs(item.validDate).format('YYYY-MM-DD'),
+      }))
+      if (useCheckList(authorizeList.value, authorizeColumns, '授权项目信息')) {
+        useSetAllRowReadable(authorizeList.value)
+        authorizeList.value.push({ ...authorizeRecord })
+      }
+      break
+
+    default:
+      break
+  }
+}
+
+const authMultiSelect = (e: any) => {
+  authorizeSelected.value = e
+}
+
+const getAuthorizeListByStaffId = () => {
+  getAuthorizeList(listQuery).then((res) => {
+    if (res.code === 200) {
+      authorizeList.value = res.data.rows.map((item: any) => ({
+        ...item,
+        authorizeDate: dayjs(item.authorizeDate).format('YYYY-MM-DD'),
+        validDate: dayjs(item.validDate).format('YYYY-MM-DD'),
+      }))
+    }
+  })
+}
+
+// 增加授权信息记录
+const addAuthorizeRecords = () => {
+  if (useCheckList(authorizeList.value, authorizeColumns, '授权项目信息') === false) {
+    return
+  }
+
+  const newRecords = ref<Array<IStaffAuthorizeInfo>>([])
+  newRecords.value = authorizeList.value.filter(item => item.id === '')
+
+  if (newRecords.value.length > 0) {
+    addAuthorizeRecList(newRecords.value).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('添加授权项目信息记录成功')
+        getAuthorizeListByStaffId()
+      }
+      else {
+        ElMessage.error(`添加授权项目信息记录失败：${res.message}`)
+      }
+    })
+  }
+}
+
+// 删除授权项目信息记录
+const delAuthorizeRecords = () => {
+  if (authorizeSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  // 前端界面删除
+  authorizeList.value = authorizeList.value.filter(item => authorizeSelected.value.includes(item) === false)
+
+  // 调用后端接口进行删除
+  const authIdsSelected = ref<string[]>([])
+  authIdsSelected.value = authorizeSelected.value.map((item: { id: string }) => item.id)
+  authIdsSelected.value = authIdsSelected.value.filter(item => item !== '')
+  if (authIdsSelected.value.length > 0) {
+    delAuthorizeRecList({ ids: authIdsSelected.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('删除授权项目信息记录成功')
+      }
+      else {
+        ElMessage.error(`删除授权项目信息记录失败：${res.message}`)
+      }
+
+      getAuthorizeListByStaffId()
+    })
+  }
+}
+
+watch(() => props.staffId, (newVal: string) => {
+  listQuery.id = newVal
+  authorizeRecord.staffId = newVal
+
+  getAuthorizeListByStaffId()
+})
+
+defineExpose({
+  addAuthorizeRecords,
+})
 </script>
 
 <template>
   <app-container>
-    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
+    <el-form ref="authorizeFormRef" label-position="right" label-width="110px" border stripe>
       <table-container title="授权项目信息">
-        <!-- 表格区域 -->
-        <normal-table id="authorizeTabel" :pagination="false" :data="authorizeList" :columns="authorizeColumns">
-          <template #preColumns>
-            <el-table-column label="序号" width="55" align="center">
-              <template #default="scope">
-                {{ scope.$index + 1 }}
-              </template>
-            </el-table-column>
-          </template>
+        <template v-if="props.operation !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow('authorize')">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delAuthorizeRecords">
+            删除行
+          </el-button>
+        </template>
 
-          <template #columns>
-            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
-          </template>
-        </normal-table>
+        <!-- 表格区域 -->
+        <el-table :data="authorizeList" border style="width: 100%;" @selection-change="authMultiSelect">
+          <el-table-column v-if="props.operation !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in authorizeColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && props.operation !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+            <template #default="scope">
+              <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+              <el-date-picker v-else-if="item.value === 'authorizeDate'" v-model="scope.row.authorizeDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-date-picker v-else-if="item.value === 'validDate'" v-model="scope.row.validDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
+            </template>
+          </el-table-column>
+        </el-table>
       </table-container>
     </el-form>
   </app-container>
diff --git a/src/views/resource/person/register/component/education.vue b/src/views/resource/person/register/component/education.vue
index 915bed4..03a3c29 100644
--- a/src/views/resource/person/register/component/education.vue
+++ b/src/views/resource/person/register/component/education.vue
@@ -1,7 +1,8 @@
 <!-- 人员登记 基本信息 -->
 <script name="RegisterEducation" lang="ts" setup>
 import { ElMessage, dayjs } from 'element-plus'
-import type { IDictType, IStaffAbilityInfo, IStaffEducationInfo, IStaffProjectInfo, ITableColumn } from '../person-regitster'
+import type { IDictType, IStaffAbilityInfo, IStaffEducationInfo, IStaffProjectInfo } from '../person-regitster'
+import { getDictTextByValue, jointDate } from '../common-register'
 import { addAbilityRecList, addEducationRecList, addProjectRecList, delAbilityRecList, delEducationRecList, delProjectRecList, getAbilityList, getEducationList, getProjectList } from '@/api/resource/register'
 import { useCheckList } from '@/commonMethods/useCheckList'
 import { useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
@@ -83,27 +84,6 @@
 }
 
 // 逻辑
-const getDictTextByValue = (dictList: Array<IDictType>, value: string) => {
-  const target = dictList.filter(item => item.value === value)
-  if (target.length > 0) {
-    return target.at(0)?.name
-  }
-  else {
-    return ''
-  }
-}
-const jointDate = (start: string, end?: string) => {
-  if (start === '') {
-    return ''
-  }
-  if (end === '') {
-    return dayjs(start).format('YYYY-MM-DD')
-  }
-  else {
-    return `${dayjs(start).format('YYYY-MM-DD')} 至 ${dayjs(end).format('YYYY-MM-DD')}`
-  }
-}
-
 const addEditableRow = (tableName: string) => {
   switch (tableName) {
     case 'education':
diff --git a/src/views/resource/person/register/component/resume.vue b/src/views/resource/person/register/component/resume.vue
index 7901db9..12441be 100644
--- a/src/views/resource/person/register/component/resume.vue
+++ b/src/views/resource/person/register/component/resume.vue
@@ -1,59 +1,303 @@
 <!-- 人员登记 基本信息 -->
 <script name="RegisterResume" lang="ts" setup>
-const props = defineProps({ operation: { type: String, default: '' } })
-const resumeColumns = ref([
-  { text: '履历名称', value: 'staffNo', align: 'center', width: '160' },
-  { text: '详细介绍', value: 'staffName', align: 'center' },
-  { text: '时间', value: 'station', align: 'center' },
-]) // 表头
+import { ElMessage, dayjs } from 'element-plus'
+import type { IStaffPromoteInfo, IStaffResumeInfo } from '../person-regitster'
+import { useCheckList } from '@/commonMethods/useCheckList'
+import { useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
+import { addPromoteRecList, addResumeRecList, delPromoteRecList, delResumeRecList, getPromoteList, getResumeList } from '@/api/resource/register'
 
-const promotionColumns = ref([
-  { text: '晋升经历', value: 'staffNo', align: 'center', width: '160' },
-  { text: '晋升单位', value: 'staffName', align: 'center' },
-  { text: '时间', value: 'station', align: 'center' },
-]) // 表头
+const props = defineProps({
+  operation: { type: String, default: '' },
+  staffId: { type: String, default: '' },
+})
 
-const resumeList = ref([]) // 表格数据
-const promotionList = ref([])
+const listQuery = {
+  id: '',
+  limit: 1000,
+  offset: 1,
+}
+
+const resumeColumns = [
+  { text: '履历名称', value: 'resumeName', align: 'center', required: true },
+  { text: '详细介绍', value: 'details', align: 'center', required: true },
+  { text: '时间', value: 'resumeDate', align: 'center', width: '160', required: true },
+] // 表头
+
+const promoteColumns = [
+  { text: '晋升经历', value: 'promoteExperience', align: 'center', required: true },
+  { text: '晋升单位', value: 'company', align: 'center', required: true },
+  { text: '时间', value: 'promoteDate', align: 'center', width: '160', required: true },
+] // 表头
+
+const resumeList = ref<IStaffResumeInfo[]>([]) // 表格数据
+const promoteList = ref<IStaffPromoteInfo[]>([])
+
+// 表格被选中的行
+const resumeSelected = ref<IStaffResumeInfo[]>([])
+const promoteSelected = ref<IStaffPromoteInfo[]>([])
+
+const resumeRecord: IStaffResumeInfo = {
+  id: '',
+  staffId: '',
+  resumeName: '',
+  details: '',
+  resumeDate: '',
+  editable: true,
+}
+
+const promoteRecord: IStaffPromoteInfo = {
+  id: '',
+  staffId: '',
+  promoteExperience: '',
+  company: '',
+  promoteDate: '',
+  editable: true,
+}
 
 // 逻辑
+const addEditableRow = (tableName: string) => {
+  switch (tableName) {
+    case 'resume':
+      resumeList.value = resumeList.value.map((item: any) => ({
+        ...item,
+        resumeDate: dayjs(item.resumeDate).format('YYYY-MM-DD'),
+      }))
+      if (useCheckList(resumeList.value, resumeColumns, '经验履历')) {
+        useSetAllRowReadable(resumeList.value)
+        resumeList.value.push({ ...resumeRecord })
+      }
+      break
+
+    case 'promote':
+      promoteList.value = promoteList.value.map((item: any) => ({
+        ...item,
+        promoteDate: dayjs(item.promoteDate).format('YYYY-MM-DD'),
+      }))
+      if (useCheckList(promoteList.value, promoteColumns, '晋升情况')) {
+        useSetAllRowReadable(promoteList.value)
+        promoteList.value.push({ ...promoteRecord })
+      }
+      break
+
+    default:
+      break
+  }
+}
+
+// 表格多选
+const rsmMultiSelect = (e: any) => {
+  resumeSelected.value = e
+}
+const prmMultiSelect = (e: any) => {
+  promoteSelected.value = e
+}
+
+const getResumeListByStaffId = () => {
+  getResumeList(listQuery).then((res) => {
+    if (res.code === 200) {
+      resumeList.value = res.data.rows.map((item: any) => ({
+        ...item,
+        resumeDate: dayjs(item.resumeDate).format('YYYY-MM-DD'),
+      }))
+    }
+  })
+}
+
+const getPromoteListByStaffId = () => {
+  getPromoteList(listQuery).then((res) => {
+    if (res.code === 200) {
+      promoteList.value = res.data.rows.map((item: any) => ({
+        ...item,
+        promoteDate: dayjs(item.promoteDate).format('YYYY-MM-DD'),
+      }))
+    }
+  })
+}
+
+// 增加经验履历记录
+const addResumeRecords = () => {
+  if (useCheckList(resumeList.value, resumeColumns, '经验履历') === false) {
+    return
+  }
+
+  const newRecords = ref<Array<IStaffResumeInfo>>([])
+  newRecords.value = resumeList.value.filter(item => item.id === '')
+
+  if (newRecords.value.length > 0) {
+    addResumeRecList(newRecords.value).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('添加经验履历记录成功')
+        getResumeListByStaffId()
+      }
+      else {
+        ElMessage.error(`添加经验履历记录失败：${res.message}`)
+      }
+    })
+  }
+}
+
+// 删除经验履历记录
+const delResumeRecords = () => {
+  if (resumeSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  // 前端界面删除
+  resumeList.value = resumeList.value.filter(item => resumeSelected.value.includes(item) === false)
+
+  // 调用后端接口进行删除
+  const abiIdsSelected = ref<string[]>([])
+  abiIdsSelected.value = resumeSelected.value.map((item: { id: string }) => item.id)
+  abiIdsSelected.value = abiIdsSelected.value.filter(item => item !== '')
+  if (abiIdsSelected.value.length > 0) {
+    delResumeRecList({ ids: abiIdsSelected.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('删除经验履历记录成功')
+      }
+      else {
+        ElMessage.error(`删除经验履历记录失败：${res.message}`)
+      }
+
+      getResumeListByStaffId()
+    })
+  }
+}
+
+// 增加晋升情况记录
+const addPromoteRecords = () => {
+  if (useCheckList(promoteList.value, promoteColumns, '晋升情况') === false) {
+    return
+  }
+
+  const newRecords = ref<Array<IStaffPromoteInfo>>([])
+  newRecords.value = promoteList.value.filter(item => item.id === '')
+
+  if (newRecords.value.length > 0) {
+    addPromoteRecList(newRecords.value).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('添加晋升情况记录成功')
+        getPromoteListByStaffId()
+      }
+      else {
+        ElMessage.error(`添加晋升情况记录失败：${res.message}`)
+      }
+    })
+  }
+}
+
+// 删除晋升情况记录
+const delPromoteRecords = () => {
+  if (promoteSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  // 前端界面删除
+  promoteList.value = promoteList.value.filter(item => promoteSelected.value.includes(item) === false)
+
+  // 调用后端接口进行删除
+  const proIdsSelected = ref<string[]>([])
+  proIdsSelected.value = promoteSelected.value.map((item: { id: string }) => item.id)
+  proIdsSelected.value = proIdsSelected.value.filter(item => item !== '')
+  if (proIdsSelected.value.length > 0) {
+    delPromoteRecList({ ids: proIdsSelected.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('删除晋升情况记录成功')
+      }
+      else {
+        ElMessage.error(`删除晋升情况记录失败：${res.message}`)
+      }
+
+      getPromoteListByStaffId()
+    })
+  }
+}
+
+watch(() => props.staffId, (newVal: string) => {
+  listQuery.id = newVal
+  resumeRecord.staffId = newVal
+  promoteRecord.staffId = newVal
+
+  getResumeListByStaffId()
+  getPromoteListByStaffId()
+})
+
+defineExpose({
+  addResumeRecords,
+  addPromoteRecords,
+})
 </script>
 
 <template>
   <app-container>
-    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
+    <el-form ref="resumeFormRef" label-position="right" label-width="110px" border stripe>
       <table-container title="经验履历">
-        <!-- 表格区域 -->
-        <normal-table id="registerTabel" :pagination="false" :data="resumeList" :columns="resumeColumns">
-          <template #preColumns>
-            <el-table-column label="序号" width="55" align="center">
-              <template #default="scope">
-                {{ scope.$index + 1 }}
-              </template>
-            </el-table-column>
-          </template>
+        <template v-if="props.operation !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow('resume')">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delResumeRecords">
+            删除行
+          </el-button>
+        </template>
 
-          <template #columns>
-            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
-          </template>
-        </normal-table>
+        <!-- 表格区域 -->
+        <el-table :data="resumeList" border style="width: 100%;" @selection-change="rsmMultiSelect">
+          <el-table-column v-if="props.operation !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in resumeColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && props.operation !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+            <template #default="scope">
+              <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+              <el-date-picker v-else-if="item.value === 'resumeDate'" v-model="scope.row.resumeDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
+            </template>
+          </el-table-column>
+        </el-table>
       </table-container>
 
       <table-container title="晋升情况">
-        <!-- 表格区域 -->
-        <normal-table id="registerTabel" :pagination="false" :data="promotionList" :columns="promotionColumns">
-          <template #preColumns>
-            <el-table-column label="序号" width="55" align="center">
-              <template #default="scope">
-                {{ scope.$index + 1 }}
-              </template>
-            </el-table-column>
-          </template>
+        <template v-if="props.operation !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow('promote')">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delPromoteRecords">
+            删除行
+          </el-button>
+        </template>
 
-          <template #columns>
-            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
-          </template>
-        </normal-table>
+        <!-- 表格区域 -->
+        <el-table :data="promoteList" border style="width: 100%;" @selection-change="prmMultiSelect">
+          <el-table-column v-if="props.operation !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in promoteColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && props.operation !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+            <template #default="scope">
+              <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+              <el-date-picker v-else-if="item.value === 'promoteDate'" v-model="scope.row.promoteDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
+            </template>
+          </el-table-column>
+        </el-table>
       </table-container>
     </el-form>
   </app-container>
diff --git a/src/views/resource/person/register/component/verifier.vue b/src/views/resource/person/register/component/verifier.vue
index 43ba53b..868d884 100644
--- a/src/views/resource/person/register/component/verifier.vue
+++ b/src/views/resource/person/register/component/verifier.vue
@@ -1,38 +1,182 @@
-<!-- 人员登记 基本信息 -->
+<!-- 人员登记 检定员信息 -->
 <script name="RegisterVerifier" lang="ts" setup>
-const props = defineProps({ operation: { type: String, default: '' } })
+import { ElMessage, dayjs } from 'element-plus'
+import type { IStaffVerifierInfo } from '../person-regitster'
+import { useCheckList } from '@/commonMethods/useCheckList'
+import { useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
+import { addVerifierRecList, delVerifierRecList, getVerifierList } from '@/api/resource/register'
 
-const verifierColumns = ref([
-  { text: '证书号', value: 'staffNo', align: 'center', width: '160' },
-  { text: '证书名称', value: 'staffName', align: 'center' },
-  { text: '发放日期', value: 'station', align: 'center' },
-  { text: '有效日期', value: 'certificateNumber', align: 'center' },
-  { text: '发放单位', value: 'certificateNumber', align: 'center' },
-  { text: '附件', value: 'attachment', align: 'center' },
-]) // 表头
+const props = defineProps({
+  operation: { type: String, default: '' },
+  staffId: { type: String, default: '' },
+})
 
-const verifierList = ref([]) // 表格数据
+const listQuery = {
+  id: '',
+  limit: 1000,
+  offset: 1,
+}
+
+const verifierColumns = [
+  { text: '证书号', value: 'certNo', align: 'center', width: '160', required: true },
+  { text: '证书名称', value: 'certName', align: 'center', required: true },
+  { text: '发放日期', value: 'grantDate', align: 'center', width: '160', required: true },
+  { text: '有效日期', value: 'effectiveDate', align: 'center', width: '160', required: true },
+  { text: '发放单位', value: 'grantCompany', align: 'center', required: true },
+  { text: '附件', value: 'file', align: 'center' },
+] // 表头
+
+const verifierList = ref<IStaffVerifierInfo[]>([]) // 表格数据
+
+// 表格被选中的行
+const verifierSelected = ref<IStaffVerifierInfo[]>([])
+
+const verifierRecord: IStaffVerifierInfo = {
+  id: '',
+  staffId: '',
+  certNo: '',
+  certName: '',
+  grantDate: '',
+  effectiveDate: '',
+  grantCompany: '',
+  file: '',
+  editable: true,
+}
+
 // 逻辑
+const addEditableRow = (tableName: string) => {
+  switch (tableName) {
+    case 'verifier':
+      verifierList.value = verifierList.value.map((item: any) => ({
+        ...item,
+        grantDate: dayjs(item.grantDate).format('YYYY-MM-DD'),
+        effectiveDate: dayjs(item.effectiveDate).format('YYYY-MM-DD'),
+      }))
+      if (useCheckList(verifierList.value, verifierColumns, '检定员信息')) {
+        useSetAllRowReadable(verifierList.value)
+        verifierList.value.push({ ...verifierRecord })
+      }
+      break
+
+    default:
+      break
+  }
+}
+
+const verMultiSelect = (e: any) => {
+  verifierSelected.value = e
+}
+
+const getVerifierListByStaffId = () => {
+  getVerifierList(listQuery).then((res) => {
+    if (res.code === 200) {
+      verifierList.value = res.data.rows.map((item: any) => ({
+        ...item,
+        grantDate: dayjs(item.grantDate).format('YYYY-MM-DD'),
+        effectiveDate: dayjs(item.effectiveDate).format('YYYY-MM-DD'),
+      }))
+    }
+  })
+}
+
+// 增加检定员信息记录
+const addVerifierRecords = () => {
+  if (useCheckList(verifierList.value, verifierColumns, '检定员信息') === false) {
+    return
+  }
+
+  const newRecords = ref<Array<IStaffVerifierInfo>>([])
+  newRecords.value = verifierList.value.filter(item => item.id === '')
+
+  if (newRecords.value.length > 0) {
+    addVerifierRecList(newRecords.value).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('添加检定员信息记录成功')
+        getVerifierListByStaffId()
+      }
+      else {
+        ElMessage.error(`添加检定员信息记录失败：${res.message}`)
+      }
+    })
+  }
+}
+
+// 删除检定员信息记录
+const delVerifierRecords = () => {
+  if (verifierSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  // 前端界面删除
+  verifierList.value = verifierList.value.filter(item => verifierSelected.value.includes(item) === false)
+
+  // 调用后端接口进行删除
+  const verIdsSelected = ref<string[]>([])
+  verIdsSelected.value = verifierSelected.value.map((item: { id: string }) => item.id)
+  verIdsSelected.value = verIdsSelected.value.filter(item => item !== '')
+  if (verIdsSelected.value.length > 0) {
+    delVerifierRecList({ ids: verIdsSelected.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('删除检定员信息记录成功')
+      }
+      else {
+        ElMessage.error(`删除检定员信息记录失败：${res.message}`)
+      }
+
+      getVerifierListByStaffId()
+    })
+  }
+}
+
+watch(() => props.staffId, (newVal: string) => {
+  listQuery.id = newVal
+  verifierRecord.staffId = newVal
+
+  getVerifierListByStaffId()
+})
+
+defineExpose({
+  addVerifierRecords,
+})
 </script>
 
 <template>
   <app-container>
-    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
-      <table-container title="教育档案">
-        <!-- 表格区域 -->
-        <normal-table id="registerTabel" :pagination="false" :data="verifierList" :columns="verifierColumns">
-          <template #preColumns>
-            <el-table-column label="序号" width="55" align="center">
-              <template #default="scope">
-                {{ scope.$index + 1 }}
-              </template>
-            </el-table-column>
-          </template>
+    <el-form ref="verifierFormRef" label-position="right" label-width="110px" border stripe>
+      <table-container title="检定员信息">
+        <template v-if="props.operation !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow('verifier')">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delVerifierRecords">
+            删除行
+          </el-button>
+        </template>
 
-          <template #columns>
-            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
-          </template>
-        </normal-table>
+        <!-- 表格区域 -->
+        <el-table :data="verifierList" border style="width: 100%;" @selection-change="verMultiSelect">
+          <el-table-column v-if="props.operation !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in verifierColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && props.operation !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+            <template #default="scope">
+              <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+              <el-date-picker v-else-if="item.value === 'grantDate'" v-model="scope.row.grantDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-date-picker v-else-if="item.value === 'effectiveDate'" v-model="scope.row.effectiveDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
+            </template>
+          </el-table-column>
+        </el-table>
       </table-container>
     </el-form>
   </app-container>
diff --git a/src/views/resource/person/register/detail.vue b/src/views/resource/person/register/detail.vue
index 22745ca..ac622a0 100644
--- a/src/views/resource/person/register/detail.vue
+++ b/src/views/resource/person/register/detail.vue
@@ -30,6 +30,9 @@
 // 子组件的引用
 const refRegisterBasic = ref()
 const refRegisterEducation = ref()
+const refRegisterAuthorize = ref()
+const refRegisterResume = ref()
+const refRegisterVerifier = ref()
 
 const educationDict = ref<IDictType[]>([])
 const genderDict = ref<IDictType[]>([])
@@ -62,6 +65,19 @@
       refRegisterEducation.value.addAbilityRecords()
       refRegisterEducation.value.addProjectRecords()
       break
+
+    case 'register-authorize':
+      refRegisterAuthorize.value.addAuthorizeRecords()
+      break
+
+    case 'register-resume':
+      refRegisterResume.value.addResumeRecords()
+      refRegisterResume.value.addPromoteRecords()
+      break
+
+    case 'register-verifier':
+      refRegisterVerifier.value.addVerifierRecords()
+      break
   }
 }
 
@@ -177,9 +193,21 @@
         :operation="operation"
         :staff-id="staffId"
       />
-      <register-authorize v-show="current === 'register-authorize'" ref="register-education-form" :operation="operation" />
-      <register-resume v-show="current === 'register-resume'" ref="register-education-form" :operation="operation" />
-      <register-verifier v-show="current === 'register-verifier'" ref="register-education-form" :operation="operation" />
+      <register-authorize
+        v-show="current === 'register-authorize'" ref="refRegisterAuthorize"
+        :operation="operation"
+        :staff-id="staffId"
+      />
+      <register-resume
+        v-show="current === 'register-resume'" ref="refRegisterResume"
+        :operation="operation"
+        :staff-id="staffId"
+      />
+      <register-verifier
+        v-show="current === 'register-verifier'" ref="refRegisterVerifier"
+        :operation="operation"
+        :staff-id="staffId"
+      />
       <register-trainning v-show="current === 'register-trainning'" ref="register-education-form" :operation="operation" />
     </detail-page>
   </app-container>

diff --git a/src/api/resource/register.ts b/src/api/resource/register.ts
index a933693..0603744 100644
--- a/src/api/resource/register.ts
+++ b/src/api/resource/register.ts
@@ -112,3 +112,99 @@
     data,
   })
 }
+
+export function getAuthorizeList(data: object) {
+  return request({
+    url: `${prefix}/authorize/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addAuthorizeRecList(data: object) {
+  return request({
+    url: `${prefix}/authorize/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delAuthorizeRecList(data: object) {
+  return request({
+    url: `${prefix}/authorize/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getResumeList(data: object) {
+  return request({
+    url: `${prefix}/resume/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addResumeRecList(data: object) {
+  return request({
+    url: `${prefix}/resume/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delResumeRecList(data: object) {
+  return request({
+    url: `${prefix}/resume/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getPromoteList(data: object) {
+  return request({
+    url: `${prefix}/promote/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addPromoteRecList(data: object) {
+  return request({
+    url: `${prefix}/promote/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delPromoteRecList(data: object) {
+  return request({
+    url: `${prefix}/promote/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function getVerifierList(data: object) {
+  return request({
+    url: `${prefix}/verifier/listPage`,
+    method: 'post',
+    data,
+  })
+}
+
+export function addVerifierRecList(data: object) {
+  return request({
+    url: `${prefix}/verifier/batchAdd`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delVerifierRecList(data: object) {
+  return request({
+    url: `${prefix}/verifier/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/resource/person/register/common-register.ts b/src/views/resource/person/register/common-register.ts
new file mode 100644
index 0000000..580653a
--- /dev/null
+++ b/src/views/resource/person/register/common-register.ts
@@ -0,0 +1,24 @@
+import { dayjs } from 'element-plus'
+import type { IDictType } from './person-regitster'
+
+export function jointDate(start: string, end?: string) {
+  if (start === '') {
+    return ''
+  }
+  if (end === '') {
+    return dayjs(start).format('YYYY-MM-DD')
+  }
+  else {
+    return `${dayjs(start).format('YYYY-MM-DD')} 至 ${dayjs(end).format('YYYY-MM-DD')}`
+  }
+}
+
+export function getDictTextByValue(dictList: Array<IDictType>, value: string) {
+  const target = dictList.filter(item => item.value === value)
+  if (target.length > 0) {
+    return target.at(0)?.name
+  }
+  else {
+    return ''
+  }
+}
diff --git a/src/views/resource/person/register/component/authorize.vue b/src/views/resource/person/register/component/authorize.vue
index 6d9012a..10e71f7 100644
--- a/src/views/resource/person/register/component/authorize.vue
+++ b/src/views/resource/person/register/component/authorize.vue
@@ -1,37 +1,180 @@
 <!-- 人员登记 基本信息 -->
 <script name="RegisterAuthorize" lang="ts" setup>
-const props = defineProps({ operation: { type: String, default: '' } })
+import { ElMessage, dayjs } from 'element-plus'
+import type { IStaffAuthorizeInfo } from '../person-regitster'
+import { useCheckList } from '@/commonMethods/useCheckList'
+import { useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
+import { addAuthorizeRecList, delAuthorizeRecList, getAuthorizeList } from '@/api/resource/register'
 
-const authorizeColumns = ref([
-  { text: '授权参数', value: 'staffNo', align: 'center', width: '160' },
-  { text: '授权内容', value: 'staffName', align: 'center' },
-  { text: '授权日期', value: 'station', align: 'center' },
-  { text: '有效日期', value: 'certificateNumber', align: 'center' },
-  { text: '附件', value: 'attachment', align: 'center' },
-]) // 表头
+const props = defineProps({
+  operation: { type: String, default: '' },
+  staffId: { type: String, default: '' },
+})
 
-const authorizeList = ref([]) // 表格数据
+const listQuery = {
+  id: '',
+  limit: 1000,
+  offset: 1,
+}
+
+const authorizeColumns = [
+  { text: '授权参数', value: 'authorizeParam', align: 'center', width: '240', required: true },
+  { text: '授权内容', value: 'authorizeContent', align: 'center', required: true },
+  { text: '授权日期', value: 'authorizeDate', align: 'center', width: '160', required: true },
+  { text: '有效日期', value: 'validDate', align: 'center', width: '160', required: true },
+  { text: '附件', value: 'file', align: 'center' },
+] // 表头
+
+const authorizeList = ref<IStaffAuthorizeInfo[]>([]) // 表格数据
+
+// 表格被选中的行
+const authorizeSelected = ref<IStaffAuthorizeInfo[]>([])
+
+const authorizeRecord: IStaffAuthorizeInfo = {
+  id: '',
+  staffId: '',
+  authorizeParam: '',
+  authorizeContent: '',
+  authorizeDate: '',
+  validDate: '',
+  file: '',
+  editable: true,
+}
+
 // 逻辑
+const addEditableRow = (tableName: string) => {
+  switch (tableName) {
+    case 'authorize':
+      authorizeList.value = authorizeList.value.map((item: any) => ({
+        ...item,
+        authorizeDate: dayjs(item.authorizeDate).format('YYYY-MM-DD'),
+        validDate: dayjs(item.validDate).format('YYYY-MM-DD'),
+      }))
+      if (useCheckList(authorizeList.value, authorizeColumns, '授权项目信息')) {
+        useSetAllRowReadable(authorizeList.value)
+        authorizeList.value.push({ ...authorizeRecord })
+      }
+      break
+
+    default:
+      break
+  }
+}
+
+const authMultiSelect = (e: any) => {
+  authorizeSelected.value = e
+}
+
+const getAuthorizeListByStaffId = () => {
+  getAuthorizeList(listQuery).then((res) => {
+    if (res.code === 200) {
+      authorizeList.value = res.data.rows.map((item: any) => ({
+        ...item,
+        authorizeDate: dayjs(item.authorizeDate).format('YYYY-MM-DD'),
+        validDate: dayjs(item.validDate).format('YYYY-MM-DD'),
+      }))
+    }
+  })
+}
+
+// 增加授权信息记录
+const addAuthorizeRecords = () => {
+  if (useCheckList(authorizeList.value, authorizeColumns, '授权项目信息') === false) {
+    return
+  }
+
+  const newRecords = ref<Array<IStaffAuthorizeInfo>>([])
+  newRecords.value = authorizeList.value.filter(item => item.id === '')
+
+  if (newRecords.value.length > 0) {
+    addAuthorizeRecList(newRecords.value).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('添加授权项目信息记录成功')
+        getAuthorizeListByStaffId()
+      }
+      else {
+        ElMessage.error(`添加授权项目信息记录失败：${res.message}`)
+      }
+    })
+  }
+}
+
+// 删除授权项目信息记录
+const delAuthorizeRecords = () => {
+  if (authorizeSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  // 前端界面删除
+  authorizeList.value = authorizeList.value.filter(item => authorizeSelected.value.includes(item) === false)
+
+  // 调用后端接口进行删除
+  const authIdsSelected = ref<string[]>([])
+  authIdsSelected.value = authorizeSelected.value.map((item: { id: string }) => item.id)
+  authIdsSelected.value = authIdsSelected.value.filter(item => item !== '')
+  if (authIdsSelected.value.length > 0) {
+    delAuthorizeRecList({ ids: authIdsSelected.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('删除授权项目信息记录成功')
+      }
+      else {
+        ElMessage.error(`删除授权项目信息记录失败：${res.message}`)
+      }
+
+      getAuthorizeListByStaffId()
+    })
+  }
+}
+
+watch(() => props.staffId, (newVal: string) => {
+  listQuery.id = newVal
+  authorizeRecord.staffId = newVal
+
+  getAuthorizeListByStaffId()
+})
+
+defineExpose({
+  addAuthorizeRecords,
+})
 </script>
 
 <template>
   <app-container>
-    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
+    <el-form ref="authorizeFormRef" label-position="right" label-width="110px" border stripe>
       <table-container title="授权项目信息">
-        <!-- 表格区域 -->
-        <normal-table id="authorizeTabel" :pagination="false" :data="authorizeList" :columns="authorizeColumns">
-          <template #preColumns>
-            <el-table-column label="序号" width="55" align="center">
-              <template #default="scope">
-                {{ scope.$index + 1 }}
-              </template>
-            </el-table-column>
-          </template>
+        <template v-if="props.operation !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow('authorize')">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delAuthorizeRecords">
+            删除行
+          </el-button>
+        </template>
 
-          <template #columns>
-            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
-          </template>
-        </normal-table>
+        <!-- 表格区域 -->
+        <el-table :data="authorizeList" border style="width: 100%;" @selection-change="authMultiSelect">
+          <el-table-column v-if="props.operation !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in authorizeColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && props.operation !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+            <template #default="scope">
+              <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+              <el-date-picker v-else-if="item.value === 'authorizeDate'" v-model="scope.row.authorizeDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-date-picker v-else-if="item.value === 'validDate'" v-model="scope.row.validDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
+            </template>
+          </el-table-column>
+        </el-table>
       </table-container>
     </el-form>
   </app-container>
diff --git a/src/views/resource/person/register/component/education.vue b/src/views/resource/person/register/component/education.vue
index 915bed4..03a3c29 100644
--- a/src/views/resource/person/register/component/education.vue
+++ b/src/views/resource/person/register/component/education.vue
@@ -1,7 +1,8 @@
 <!-- 人员登记 基本信息 -->
 <script name="RegisterEducation" lang="ts" setup>
 import { ElMessage, dayjs } from 'element-plus'
-import type { IDictType, IStaffAbilityInfo, IStaffEducationInfo, IStaffProjectInfo, ITableColumn } from '../person-regitster'
+import type { IDictType, IStaffAbilityInfo, IStaffEducationInfo, IStaffProjectInfo } from '../person-regitster'
+import { getDictTextByValue, jointDate } from '../common-register'
 import { addAbilityRecList, addEducationRecList, addProjectRecList, delAbilityRecList, delEducationRecList, delProjectRecList, getAbilityList, getEducationList, getProjectList } from '@/api/resource/register'
 import { useCheckList } from '@/commonMethods/useCheckList'
 import { useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
@@ -83,27 +84,6 @@
 }
 
 // 逻辑
-const getDictTextByValue = (dictList: Array<IDictType>, value: string) => {
-  const target = dictList.filter(item => item.value === value)
-  if (target.length > 0) {
-    return target.at(0)?.name
-  }
-  else {
-    return ''
-  }
-}
-const jointDate = (start: string, end?: string) => {
-  if (start === '') {
-    return ''
-  }
-  if (end === '') {
-    return dayjs(start).format('YYYY-MM-DD')
-  }
-  else {
-    return `${dayjs(start).format('YYYY-MM-DD')} 至 ${dayjs(end).format('YYYY-MM-DD')}`
-  }
-}
-
 const addEditableRow = (tableName: string) => {
   switch (tableName) {
     case 'education':
diff --git a/src/views/resource/person/register/component/resume.vue b/src/views/resource/person/register/component/resume.vue
index 7901db9..12441be 100644
--- a/src/views/resource/person/register/component/resume.vue
+++ b/src/views/resource/person/register/component/resume.vue
@@ -1,59 +1,303 @@
 <!-- 人员登记 基本信息 -->
 <script name="RegisterResume" lang="ts" setup>
-const props = defineProps({ operation: { type: String, default: '' } })
-const resumeColumns = ref([
-  { text: '履历名称', value: 'staffNo', align: 'center', width: '160' },
-  { text: '详细介绍', value: 'staffName', align: 'center' },
-  { text: '时间', value: 'station', align: 'center' },
-]) // 表头
+import { ElMessage, dayjs } from 'element-plus'
+import type { IStaffPromoteInfo, IStaffResumeInfo } from '../person-regitster'
+import { useCheckList } from '@/commonMethods/useCheckList'
+import { useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
+import { addPromoteRecList, addResumeRecList, delPromoteRecList, delResumeRecList, getPromoteList, getResumeList } from '@/api/resource/register'
 
-const promotionColumns = ref([
-  { text: '晋升经历', value: 'staffNo', align: 'center', width: '160' },
-  { text: '晋升单位', value: 'staffName', align: 'center' },
-  { text: '时间', value: 'station', align: 'center' },
-]) // 表头
+const props = defineProps({
+  operation: { type: String, default: '' },
+  staffId: { type: String, default: '' },
+})
 
-const resumeList = ref([]) // 表格数据
-const promotionList = ref([])
+const listQuery = {
+  id: '',
+  limit: 1000,
+  offset: 1,
+}
+
+const resumeColumns = [
+  { text: '履历名称', value: 'resumeName', align: 'center', required: true },
+  { text: '详细介绍', value: 'details', align: 'center', required: true },
+  { text: '时间', value: 'resumeDate', align: 'center', width: '160', required: true },
+] // 表头
+
+const promoteColumns = [
+  { text: '晋升经历', value: 'promoteExperience', align: 'center', required: true },
+  { text: '晋升单位', value: 'company', align: 'center', required: true },
+  { text: '时间', value: 'promoteDate', align: 'center', width: '160', required: true },
+] // 表头
+
+const resumeList = ref<IStaffResumeInfo[]>([]) // 表格数据
+const promoteList = ref<IStaffPromoteInfo[]>([])
+
+// 表格被选中的行
+const resumeSelected = ref<IStaffResumeInfo[]>([])
+const promoteSelected = ref<IStaffPromoteInfo[]>([])
+
+const resumeRecord: IStaffResumeInfo = {
+  id: '',
+  staffId: '',
+  resumeName: '',
+  details: '',
+  resumeDate: '',
+  editable: true,
+}
+
+const promoteRecord: IStaffPromoteInfo = {
+  id: '',
+  staffId: '',
+  promoteExperience: '',
+  company: '',
+  promoteDate: '',
+  editable: true,
+}
 
 // 逻辑
+const addEditableRow = (tableName: string) => {
+  switch (tableName) {
+    case 'resume':
+      resumeList.value = resumeList.value.map((item: any) => ({
+        ...item,
+        resumeDate: dayjs(item.resumeDate).format('YYYY-MM-DD'),
+      }))
+      if (useCheckList(resumeList.value, resumeColumns, '经验履历')) {
+        useSetAllRowReadable(resumeList.value)
+        resumeList.value.push({ ...resumeRecord })
+      }
+      break
+
+    case 'promote':
+      promoteList.value = promoteList.value.map((item: any) => ({
+        ...item,
+        promoteDate: dayjs(item.promoteDate).format('YYYY-MM-DD'),
+      }))
+      if (useCheckList(promoteList.value, promoteColumns, '晋升情况')) {
+        useSetAllRowReadable(promoteList.value)
+        promoteList.value.push({ ...promoteRecord })
+      }
+      break
+
+    default:
+      break
+  }
+}
+
+// 表格多选
+const rsmMultiSelect = (e: any) => {
+  resumeSelected.value = e
+}
+const prmMultiSelect = (e: any) => {
+  promoteSelected.value = e
+}
+
+const getResumeListByStaffId = () => {
+  getResumeList(listQuery).then((res) => {
+    if (res.code === 200) {
+      resumeList.value = res.data.rows.map((item: any) => ({
+        ...item,
+        resumeDate: dayjs(item.resumeDate).format('YYYY-MM-DD'),
+      }))
+    }
+  })
+}
+
+const getPromoteListByStaffId = () => {
+  getPromoteList(listQuery).then((res) => {
+    if (res.code === 200) {
+      promoteList.value = res.data.rows.map((item: any) => ({
+        ...item,
+        promoteDate: dayjs(item.promoteDate).format('YYYY-MM-DD'),
+      }))
+    }
+  })
+}
+
+// 增加经验履历记录
+const addResumeRecords = () => {
+  if (useCheckList(resumeList.value, resumeColumns, '经验履历') === false) {
+    return
+  }
+
+  const newRecords = ref<Array<IStaffResumeInfo>>([])
+  newRecords.value = resumeList.value.filter(item => item.id === '')
+
+  if (newRecords.value.length > 0) {
+    addResumeRecList(newRecords.value).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('添加经验履历记录成功')
+        getResumeListByStaffId()
+      }
+      else {
+        ElMessage.error(`添加经验履历记录失败：${res.message}`)
+      }
+    })
+  }
+}
+
+// 删除经验履历记录
+const delResumeRecords = () => {
+  if (resumeSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  // 前端界面删除
+  resumeList.value = resumeList.value.filter(item => resumeSelected.value.includes(item) === false)
+
+  // 调用后端接口进行删除
+  const abiIdsSelected = ref<string[]>([])
+  abiIdsSelected.value = resumeSelected.value.map((item: { id: string }) => item.id)
+  abiIdsSelected.value = abiIdsSelected.value.filter(item => item !== '')
+  if (abiIdsSelected.value.length > 0) {
+    delResumeRecList({ ids: abiIdsSelected.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('删除经验履历记录成功')
+      }
+      else {
+        ElMessage.error(`删除经验履历记录失败：${res.message}`)
+      }
+
+      getResumeListByStaffId()
+    })
+  }
+}
+
+// 增加晋升情况记录
+const addPromoteRecords = () => {
+  if (useCheckList(promoteList.value, promoteColumns, '晋升情况') === false) {
+    return
+  }
+
+  const newRecords = ref<Array<IStaffPromoteInfo>>([])
+  newRecords.value = promoteList.value.filter(item => item.id === '')
+
+  if (newRecords.value.length > 0) {
+    addPromoteRecList(newRecords.value).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('添加晋升情况记录成功')
+        getPromoteListByStaffId()
+      }
+      else {
+        ElMessage.error(`添加晋升情况记录失败：${res.message}`)
+      }
+    })
+  }
+}
+
+// 删除晋升情况记录
+const delPromoteRecords = () => {
+  if (promoteSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  // 前端界面删除
+  promoteList.value = promoteList.value.filter(item => promoteSelected.value.includes(item) === false)
+
+  // 调用后端接口进行删除
+  const proIdsSelected = ref<string[]>([])
+  proIdsSelected.value = promoteSelected.value.map((item: { id: string }) => item.id)
+  proIdsSelected.value = proIdsSelected.value.filter(item => item !== '')
+  if (proIdsSelected.value.length > 0) {
+    delPromoteRecList({ ids: proIdsSelected.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('删除晋升情况记录成功')
+      }
+      else {
+        ElMessage.error(`删除晋升情况记录失败：${res.message}`)
+      }
+
+      getPromoteListByStaffId()
+    })
+  }
+}
+
+watch(() => props.staffId, (newVal: string) => {
+  listQuery.id = newVal
+  resumeRecord.staffId = newVal
+  promoteRecord.staffId = newVal
+
+  getResumeListByStaffId()
+  getPromoteListByStaffId()
+})
+
+defineExpose({
+  addResumeRecords,
+  addPromoteRecords,
+})
 </script>
 
 <template>
   <app-container>
-    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
+    <el-form ref="resumeFormRef" label-position="right" label-width="110px" border stripe>
       <table-container title="经验履历">
-        <!-- 表格区域 -->
-        <normal-table id="registerTabel" :pagination="false" :data="resumeList" :columns="resumeColumns">
-          <template #preColumns>
-            <el-table-column label="序号" width="55" align="center">
-              <template #default="scope">
-                {{ scope.$index + 1 }}
-              </template>
-            </el-table-column>
-          </template>
+        <template v-if="props.operation !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow('resume')">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delResumeRecords">
+            删除行
+          </el-button>
+        </template>
 
-          <template #columns>
-            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
-          </template>
-        </normal-table>
+        <!-- 表格区域 -->
+        <el-table :data="resumeList" border style="width: 100%;" @selection-change="rsmMultiSelect">
+          <el-table-column v-if="props.operation !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in resumeColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && props.operation !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+            <template #default="scope">
+              <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+              <el-date-picker v-else-if="item.value === 'resumeDate'" v-model="scope.row.resumeDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
+            </template>
+          </el-table-column>
+        </el-table>
       </table-container>
 
       <table-container title="晋升情况">
-        <!-- 表格区域 -->
-        <normal-table id="registerTabel" :pagination="false" :data="promotionList" :columns="promotionColumns">
-          <template #preColumns>
-            <el-table-column label="序号" width="55" align="center">
-              <template #default="scope">
-                {{ scope.$index + 1 }}
-              </template>
-            </el-table-column>
-          </template>
+        <template v-if="props.operation !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow('promote')">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delPromoteRecords">
+            删除行
+          </el-button>
+        </template>
 
-          <template #columns>
-            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
-          </template>
-        </normal-table>
+        <!-- 表格区域 -->
+        <el-table :data="promoteList" border style="width: 100%;" @selection-change="prmMultiSelect">
+          <el-table-column v-if="props.operation !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in promoteColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && props.operation !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+            <template #default="scope">
+              <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+              <el-date-picker v-else-if="item.value === 'promoteDate'" v-model="scope.row.promoteDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
+            </template>
+          </el-table-column>
+        </el-table>
       </table-container>
     </el-form>
   </app-container>
diff --git a/src/views/resource/person/register/component/verifier.vue b/src/views/resource/person/register/component/verifier.vue
index 43ba53b..868d884 100644
--- a/src/views/resource/person/register/component/verifier.vue
+++ b/src/views/resource/person/register/component/verifier.vue
@@ -1,38 +1,182 @@
-<!-- 人员登记 基本信息 -->
+<!-- 人员登记 检定员信息 -->
 <script name="RegisterVerifier" lang="ts" setup>
-const props = defineProps({ operation: { type: String, default: '' } })
+import { ElMessage, dayjs } from 'element-plus'
+import type { IStaffVerifierInfo } from '../person-regitster'
+import { useCheckList } from '@/commonMethods/useCheckList'
+import { useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
+import { addVerifierRecList, delVerifierRecList, getVerifierList } from '@/api/resource/register'
 
-const verifierColumns = ref([
-  { text: '证书号', value: 'staffNo', align: 'center', width: '160' },
-  { text: '证书名称', value: 'staffName', align: 'center' },
-  { text: '发放日期', value: 'station', align: 'center' },
-  { text: '有效日期', value: 'certificateNumber', align: 'center' },
-  { text: '发放单位', value: 'certificateNumber', align: 'center' },
-  { text: '附件', value: 'attachment', align: 'center' },
-]) // 表头
+const props = defineProps({
+  operation: { type: String, default: '' },
+  staffId: { type: String, default: '' },
+})
 
-const verifierList = ref([]) // 表格数据
+const listQuery = {
+  id: '',
+  limit: 1000,
+  offset: 1,
+}
+
+const verifierColumns = [
+  { text: '证书号', value: 'certNo', align: 'center', width: '160', required: true },
+  { text: '证书名称', value: 'certName', align: 'center', required: true },
+  { text: '发放日期', value: 'grantDate', align: 'center', width: '160', required: true },
+  { text: '有效日期', value: 'effectiveDate', align: 'center', width: '160', required: true },
+  { text: '发放单位', value: 'grantCompany', align: 'center', required: true },
+  { text: '附件', value: 'file', align: 'center' },
+] // 表头
+
+const verifierList = ref<IStaffVerifierInfo[]>([]) // 表格数据
+
+// 表格被选中的行
+const verifierSelected = ref<IStaffVerifierInfo[]>([])
+
+const verifierRecord: IStaffVerifierInfo = {
+  id: '',
+  staffId: '',
+  certNo: '',
+  certName: '',
+  grantDate: '',
+  effectiveDate: '',
+  grantCompany: '',
+  file: '',
+  editable: true,
+}
+
 // 逻辑
+const addEditableRow = (tableName: string) => {
+  switch (tableName) {
+    case 'verifier':
+      verifierList.value = verifierList.value.map((item: any) => ({
+        ...item,
+        grantDate: dayjs(item.grantDate).format('YYYY-MM-DD'),
+        effectiveDate: dayjs(item.effectiveDate).format('YYYY-MM-DD'),
+      }))
+      if (useCheckList(verifierList.value, verifierColumns, '检定员信息')) {
+        useSetAllRowReadable(verifierList.value)
+        verifierList.value.push({ ...verifierRecord })
+      }
+      break
+
+    default:
+      break
+  }
+}
+
+const verMultiSelect = (e: any) => {
+  verifierSelected.value = e
+}
+
+const getVerifierListByStaffId = () => {
+  getVerifierList(listQuery).then((res) => {
+    if (res.code === 200) {
+      verifierList.value = res.data.rows.map((item: any) => ({
+        ...item,
+        grantDate: dayjs(item.grantDate).format('YYYY-MM-DD'),
+        effectiveDate: dayjs(item.effectiveDate).format('YYYY-MM-DD'),
+      }))
+    }
+  })
+}
+
+// 增加检定员信息记录
+const addVerifierRecords = () => {
+  if (useCheckList(verifierList.value, verifierColumns, '检定员信息') === false) {
+    return
+  }
+
+  const newRecords = ref<Array<IStaffVerifierInfo>>([])
+  newRecords.value = verifierList.value.filter(item => item.id === '')
+
+  if (newRecords.value.length > 0) {
+    addVerifierRecList(newRecords.value).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('添加检定员信息记录成功')
+        getVerifierListByStaffId()
+      }
+      else {
+        ElMessage.error(`添加检定员信息记录失败：${res.message}`)
+      }
+    })
+  }
+}
+
+// 删除检定员信息记录
+const delVerifierRecords = () => {
+  if (verifierSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  // 前端界面删除
+  verifierList.value = verifierList.value.filter(item => verifierSelected.value.includes(item) === false)
+
+  // 调用后端接口进行删除
+  const verIdsSelected = ref<string[]>([])
+  verIdsSelected.value = verifierSelected.value.map((item: { id: string }) => item.id)
+  verIdsSelected.value = verIdsSelected.value.filter(item => item !== '')
+  if (verIdsSelected.value.length > 0) {
+    delVerifierRecList({ ids: verIdsSelected.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('删除检定员信息记录成功')
+      }
+      else {
+        ElMessage.error(`删除检定员信息记录失败：${res.message}`)
+      }
+
+      getVerifierListByStaffId()
+    })
+  }
+}
+
+watch(() => props.staffId, (newVal: string) => {
+  listQuery.id = newVal
+  verifierRecord.staffId = newVal
+
+  getVerifierListByStaffId()
+})
+
+defineExpose({
+  addVerifierRecords,
+})
 </script>
 
 <template>
   <app-container>
-    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
-      <table-container title="教育档案">
-        <!-- 表格区域 -->
-        <normal-table id="registerTabel" :pagination="false" :data="verifierList" :columns="verifierColumns">
-          <template #preColumns>
-            <el-table-column label="序号" width="55" align="center">
-              <template #default="scope">
-                {{ scope.$index + 1 }}
-              </template>
-            </el-table-column>
-          </template>
+    <el-form ref="verifierFormRef" label-position="right" label-width="110px" border stripe>
+      <table-container title="检定员信息">
+        <template v-if="props.operation !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow('verifier')">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delVerifierRecords">
+            删除行
+          </el-button>
+        </template>
 
-          <template #columns>
-            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
-          </template>
-        </normal-table>
+        <!-- 表格区域 -->
+        <el-table :data="verifierList" border style="width: 100%;" @selection-change="verMultiSelect">
+          <el-table-column v-if="props.operation !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in verifierColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && props.operation !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+            <template #default="scope">
+              <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+              <el-date-picker v-else-if="item.value === 'grantDate'" v-model="scope.row.grantDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-date-picker v-else-if="item.value === 'effectiveDate'" v-model="scope.row.effectiveDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" style="width: 100%;" />
+              <el-input v-else v-model="scope.row[item.value]" :autofocus="true" :placeholder="`${item.text}`" class="input" />
+            </template>
+          </el-table-column>
+        </el-table>
       </table-container>
     </el-form>
   </app-container>
diff --git a/src/views/resource/person/register/detail.vue b/src/views/resource/person/register/detail.vue
index 22745ca..ac622a0 100644
--- a/src/views/resource/person/register/detail.vue
+++ b/src/views/resource/person/register/detail.vue
@@ -30,6 +30,9 @@
 // 子组件的引用
 const refRegisterBasic = ref()
 const refRegisterEducation = ref()
+const refRegisterAuthorize = ref()
+const refRegisterResume = ref()
+const refRegisterVerifier = ref()
 
 const educationDict = ref<IDictType[]>([])
 const genderDict = ref<IDictType[]>([])
@@ -62,6 +65,19 @@
       refRegisterEducation.value.addAbilityRecords()
       refRegisterEducation.value.addProjectRecords()
       break
+
+    case 'register-authorize':
+      refRegisterAuthorize.value.addAuthorizeRecords()
+      break
+
+    case 'register-resume':
+      refRegisterResume.value.addResumeRecords()
+      refRegisterResume.value.addPromoteRecords()
+      break
+
+    case 'register-verifier':
+      refRegisterVerifier.value.addVerifierRecords()
+      break
   }
 }
 
@@ -177,9 +193,21 @@
         :operation="operation"
         :staff-id="staffId"
       />
-      <register-authorize v-show="current === 'register-authorize'" ref="register-education-form" :operation="operation" />
-      <register-resume v-show="current === 'register-resume'" ref="register-education-form" :operation="operation" />
-      <register-verifier v-show="current === 'register-verifier'" ref="register-education-form" :operation="operation" />
+      <register-authorize
+        v-show="current === 'register-authorize'" ref="refRegisterAuthorize"
+        :operation="operation"
+        :staff-id="staffId"
+      />
+      <register-resume
+        v-show="current === 'register-resume'" ref="refRegisterResume"
+        :operation="operation"
+        :staff-id="staffId"
+      />
+      <register-verifier
+        v-show="current === 'register-verifier'" ref="refRegisterVerifier"
+        :operation="operation"
+        :staff-id="staffId"
+      />
       <register-trainning v-show="current === 'register-trainning'" ref="register-education-form" :operation="operation" />
     </detail-page>
   </app-container>
diff --git a/src/views/resource/person/register/person-regitster.ts b/src/views/resource/person/register/person-regitster.ts
index e83e22d..6efacbc 100644
--- a/src/views/resource/person/register/person-regitster.ts
+++ b/src/views/resource/person/register/person-regitster.ts
@@ -108,6 +108,43 @@
   editable?: boolean
 }
 
-export interface IStaffDetail {
-  staffBasicInfo: IStaffBasicInfo
+export interface IStaffAuthorizeInfo {
+  id: string
+  staffId: string
+  authorizeParam: string
+  authorizeContent: string
+  authorizeDate: string
+  validDate: string
+  file: string
+  editable?: boolean
+}
+
+export interface IStaffResumeInfo {
+  id: string
+  staffId: string
+  resumeName: string
+  details: string
+  resumeDate: string
+  editable?: boolean
+}
+
+export interface IStaffPromoteInfo {
+  id: string
+  staffId: string
+  promoteExperience: string
+  company: string
+  promoteDate: string
+  editable?: boolean
+}
+
+export interface IStaffVerifierInfo {
+  id: string
+  staffId: string
+  certNo: string
+  certName: string
+  grantDate: string
+  effectiveDate: string
+  grantCompany: string
+  file: string
+  editable?: boolean
 }