diff --git a/src/api/measure/person.ts b/src/api/measure/person.ts
index b5ef49d..5f96d6f 100644
--- a/src/api/measure/person.ts
+++ b/src/api/measure/person.ts
@@ -50,3 +50,28 @@
     responseType: 'blob',
   })
 }
+// 证书记录列表
+export function getCertificateList(data: StaffListType) {
+  return request({
+    url: `/certificate/queryCertificateList?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+// 证书记录导出
+export function CertificateListList(data: object) {
+  return request({
+    url: '/certificate/exportCertificateList',
+    method: 'post',
+    data,
+    responseType: 'blob',
+  })
+}
+// 证书记录新增
+export function addCertificateList(data: object) {
+  return request({
+    url: '/certificate/addStaffCertificate',
+    method: 'post',
+    data,
+  })
+}

diff --git a/src/api/measure/person.ts b/src/api/measure/person.ts
index b5ef49d..5f96d6f 100644
--- a/src/api/measure/person.ts
+++ b/src/api/measure/person.ts
@@ -50,3 +50,28 @@
     responseType: 'blob',
   })
 }
+// 证书记录列表
+export function getCertificateList(data: StaffListType) {
+  return request({
+    url: `/certificate/queryCertificateList?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+// 证书记录导出
+export function CertificateListList(data: object) {
+  return request({
+    url: '/certificate/exportCertificateList',
+    method: 'post',
+    data,
+    responseType: 'blob',
+  })
+}
+// 证书记录新增
+export function addCertificateList(data: object) {
+  return request({
+    url: '/certificate/addStaffCertificate',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/measure/person/certificateLog.vue b/src/views/measure/person/certificateLog.vue
index d85b082..172f006 100644
--- a/src/views/measure/person/certificateLog.vue
+++ b/src/views/measure/person/certificateLog.vue
@@ -1,3 +1,327 @@
+<!-- 证书记录 -->
+<script lang="ts" setup name="person">
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import addDialog from './components/addRecord.vue'
+import type { StaffListType, StaffType } from './person-interface'
+import { CertificateListList, getCertificateList, getStaffDelete } from '@/api/measure/person'
+import { uploadApi } from '@/api/system/notice'
+import { getDeptTreeList } from '@/api/system/dept'
+import { exportFile } from '@/utils/exportUtils'
+import type { DeptTreeNode } from '@/views/system/dept/dept-interface'
+const searchQuery = reactive<StaffListType>({
+  staffNo: '', // 人员编号
+  name: '', // 姓名
+  deptId: '', // 工作部门
+  // major: '', // 计量专业
+  verifierCertificateNo: '', // 证书号
+  certificateStatus: '', // 证书状态
+  limit: 10,
+  offset: 1,
+}) // 查询参数
+const loadingTable = ref<boolean>(false) // 表格loading
+const total = ref<number>(0) // 数据总条数
+const columns = ref([
+  { text: '人员编号', value: 'staffNo', align: 'center', width: '150' },
+  { text: '姓名', value: 'name', align: 'center', width: '80' },
+  { text: '性别', value: 'sex', align: 'center', width: '55' },
+  { text: '工作部门', value: 'deptId', align: 'center', width: '120' },
+  { text: '技术职务', value: 'technologyJob', align: 'center', width: '120' },
+  { text: '行政职务', value: 'administrationJob', align: 'center', width: '90' },
+  { text: '证书号', value: 'certificateNo', align: 'center' },
+  { text: '发证单位', value: 'certificateCompany', align: 'center', width: '90' },
+  { text: '发证日期', value: 'certificateDate', align: 'center' },
+  { text: '证书有效日期', value: 'certificateDate', align: 'center' },
+  { text: '证书状况', value: 'certificateStatus', align: 'center', width: '85' },
+]) // 表格
+const certificateStatusList = ref([
+  {
+    name: '全部',
+    id: 'status01',
+    value: '',
+  },
+  {
+    name: '已失效',
+    id: 'status02',
+    value: '1',
+  },
+  {
+    name: '正常',
+    id: 'status02',
+    value: '0',
+  },
+])
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '计量人员列表', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  standard: '',
+  extarCss: '',
+})
+const list = ref([]) // 表格数据
+const addRef = ref() // 添加/编辑/详情/组件
+const dialogVisible = ref<boolean>(false) // 添加组件的显示与隐藏
+// 获取所有部门
+const deptList = ref<DeptTreeNode[]>([])
+const getDeptList = async () => {
+  getDeptTreeList().then((res) => {
+    deptList.value = res.data
+  })
+}
+// 获取数据列表
+const getList = () => {
+  loadingTable.value = true
+  getCertificateList(searchQuery).then((res) => {
+    if (res.code === 200) {
+      res.data.records = res.data.records.map(item => ({ ...item, sex: item.sex == '1' ? '男' : '女', certificateStatus: item.certificateStatus == '0' ? '正常' : '已失效' }))
+      list.value = res.data.records
+      total.value = Number(res.data.total)
+    }
+    loadingTable.value = false
+  }).catch((_) => {
+    loadingTable.value = false
+  })
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    searchQuery.limit = val.size
+  }
+  if (val && val.page) {
+    searchQuery.offset = val.page
+  }
+  getList()
+}
+// 详情
+const detail = (row: StaffType) => {
+  dialogVisible.value = true
+  addRef.value.initDialog({
+    ...row,
+    title: '详情',
+  })
+}
+// 编辑
+const update = (row: StaffType) => {
+  dialogVisible.value = true
+  addRef.value.initDialog({
+    ...row,
+    title: '编辑',
+  })
+}
+
+// 删除
+const remove = (row: StaffType) => {
+  ElMessageBox.confirm(
+    `确认删除${row.name}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      getStaffDelete({ id: row.id as string }).then((res) => {
+        if (res.code === 200) {
+          ElMessage({
+            type: 'success',
+            message: '删除成功',
+          })
+          getList()
+        }
+      })
+    })
+}
+// 搜索
+const search = () => {
+  getList()
+}
+// 重置
+const reset = () => {
+  searchQuery.staffNo = ''
+  searchQuery.name = ''
+  searchQuery.deptId = ''
+  searchQuery.certificateStatus = ''
+  searchQuery.verifierCertificateNo = ''
+  getList()
+}
+// 模板下载
+const templateDownload = () => {
+
+}
+// 新增
+const add = () => {
+  dialogVisible.value = true
+  addRef.value.initDialog({
+    title: '新建',
+  })
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  CertificateListList({ ...searchQuery }).then((res) => {
+    exportFile(res.data, '证书记录列表')
+    loading.close()
+  }).catch((_) => {
+    loading.close()
+  })
+}
+// 打印
+const print = () => {
+
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传图片
+  // console.log(event.target.files)
+  // if (event.target.files[0].type === 'application/pdf') {
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+//   }
+//   else {
+//     ElMessage.error('请上传pdf格式')
+//   }
+}
+// 批量导入
+const batchImport = () => {
+  fileRef.value.click()
+}
+// 传给子组件的刷新事件
+const refreshDta = () => {
+  getList()
+  dialogVisible.value = false
+}
+onMounted(() => {
+  getDeptList()
+  getList()
+})
+</script>
+
 <template>
-  <div>证书记录</div>
+  <div>
+    <add-dialog v-show="dialogVisible" ref="addRef" @reset-data="refreshDta" />
+    <!-- 布局 -->
+    <app-container v-show="!dialogVisible">
+      <!-- 筛选条件 -->
+      <search-area :need-clear="true" @search="search" @clear="reset">
+        <search-item>
+          <el-input v-model="searchQuery.staffNo" placeholder="人员编号" clearable class="w-50 m-2" />
+        </search-item>
+        <search-item>
+          <el-input v-model="searchQuery.name" placeholder="姓名" clearable class="w-50 m-2" />
+        </search-item>
+        <search-item>
+          <el-select v-model="searchQuery.deptId" class="m-2" placeholder="工作部门">
+            <el-option
+              v-for="item in deptList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </search-item>
+        <search-item>
+          <el-input v-model="searchQuery.verifierCertificateNo" placeholder="证书号" clearable class="w-50 m-2" />
+        </search-item>
+        <search-item>
+          <el-select v-model="searchQuery.certificateStatus" class="m-2" placeholder="证书状况">
+            <el-option
+              v-for="item in certificateStatusList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </search-item>
+      </search-area>
+      <table-container>
+        <!-- 表头区域 -->
+        <template #btns-right>
+          <input v-show="(searchQuery.limit === 0)" ref="fileRef" type="file" multiple @change="onFileChange">
+          <el-button type="primary" @click="batchImport">
+            批量导入
+          </el-button>
+          <el-button type="primary" @click="templateDownload">
+            模板下载
+          </el-button>
+          <el-button type="primary" @click="add">
+            新建
+          </el-button>
+          <el-button type="primary" @click="exportExcelBtn">
+            导出
+          </el-button>
+          <el-button v-print="printObj" type="primary" @click="print">
+            打印
+          </el-button>
+        </template>
+        <!-- 表格区域 -->
+        <normal-table
+          id="print"
+          :data="list" :total="total" :columns="columns as any"
+          :query="{ limit: searchQuery.limit, offset: searchQuery.offset }"
+          :list-loading="loadingTable"
+          @change="changePage"
+        >
+          <template #preColumns>
+            <el-table-column label="序号" width="55" align="center">
+              <template #default="scope">
+                {{ (searchQuery.offset - 1) * searchQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="130">
+              <template #default="{ row }">
+                <el-button size="small" type="primary" link @click="update(row)">
+                  编辑
+                </el-button>
+                <el-button size="small" type="primary" link @click="detail(row)">
+                  详情
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+    </app-container>
+  </div>
 </template>
+
+<style lang="scss" scoped>
+.normal-input {
+  width: 130px !important;
+}
+
+.normal-date {
+  width: 130px !important;
+}
+
+.normal-select {
+  width: 130px !important;
+}
+
+:deep(.el-table__header) {
+  background-color: #bbb;
+}
+</style>

diff --git a/src/api/measure/person.ts b/src/api/measure/person.ts
index b5ef49d..5f96d6f 100644
--- a/src/api/measure/person.ts
+++ b/src/api/measure/person.ts
@@ -50,3 +50,28 @@
     responseType: 'blob',
   })
 }
+// 证书记录列表
+export function getCertificateList(data: StaffListType) {
+  return request({
+    url: `/certificate/queryCertificateList?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+// 证书记录导出
+export function CertificateListList(data: object) {
+  return request({
+    url: '/certificate/exportCertificateList',
+    method: 'post',
+    data,
+    responseType: 'blob',
+  })
+}
+// 证书记录新增
+export function addCertificateList(data: object) {
+  return request({
+    url: '/certificate/addStaffCertificate',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/measure/person/certificateLog.vue b/src/views/measure/person/certificateLog.vue
index d85b082..172f006 100644
--- a/src/views/measure/person/certificateLog.vue
+++ b/src/views/measure/person/certificateLog.vue
@@ -1,3 +1,327 @@
+<!-- 证书记录 -->
+<script lang="ts" setup name="person">
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import addDialog from './components/addRecord.vue'
+import type { StaffListType, StaffType } from './person-interface'
+import { CertificateListList, getCertificateList, getStaffDelete } from '@/api/measure/person'
+import { uploadApi } from '@/api/system/notice'
+import { getDeptTreeList } from '@/api/system/dept'
+import { exportFile } from '@/utils/exportUtils'
+import type { DeptTreeNode } from '@/views/system/dept/dept-interface'
+const searchQuery = reactive<StaffListType>({
+  staffNo: '', // 人员编号
+  name: '', // 姓名
+  deptId: '', // 工作部门
+  // major: '', // 计量专业
+  verifierCertificateNo: '', // 证书号
+  certificateStatus: '', // 证书状态
+  limit: 10,
+  offset: 1,
+}) // 查询参数
+const loadingTable = ref<boolean>(false) // 表格loading
+const total = ref<number>(0) // 数据总条数
+const columns = ref([
+  { text: '人员编号', value: 'staffNo', align: 'center', width: '150' },
+  { text: '姓名', value: 'name', align: 'center', width: '80' },
+  { text: '性别', value: 'sex', align: 'center', width: '55' },
+  { text: '工作部门', value: 'deptId', align: 'center', width: '120' },
+  { text: '技术职务', value: 'technologyJob', align: 'center', width: '120' },
+  { text: '行政职务', value: 'administrationJob', align: 'center', width: '90' },
+  { text: '证书号', value: 'certificateNo', align: 'center' },
+  { text: '发证单位', value: 'certificateCompany', align: 'center', width: '90' },
+  { text: '发证日期', value: 'certificateDate', align: 'center' },
+  { text: '证书有效日期', value: 'certificateDate', align: 'center' },
+  { text: '证书状况', value: 'certificateStatus', align: 'center', width: '85' },
+]) // 表格
+const certificateStatusList = ref([
+  {
+    name: '全部',
+    id: 'status01',
+    value: '',
+  },
+  {
+    name: '已失效',
+    id: 'status02',
+    value: '1',
+  },
+  {
+    name: '正常',
+    id: 'status02',
+    value: '0',
+  },
+])
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '计量人员列表', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  standard: '',
+  extarCss: '',
+})
+const list = ref([]) // 表格数据
+const addRef = ref() // 添加/编辑/详情/组件
+const dialogVisible = ref<boolean>(false) // 添加组件的显示与隐藏
+// 获取所有部门
+const deptList = ref<DeptTreeNode[]>([])
+const getDeptList = async () => {
+  getDeptTreeList().then((res) => {
+    deptList.value = res.data
+  })
+}
+// 获取数据列表
+const getList = () => {
+  loadingTable.value = true
+  getCertificateList(searchQuery).then((res) => {
+    if (res.code === 200) {
+      res.data.records = res.data.records.map(item => ({ ...item, sex: item.sex == '1' ? '男' : '女', certificateStatus: item.certificateStatus == '0' ? '正常' : '已失效' }))
+      list.value = res.data.records
+      total.value = Number(res.data.total)
+    }
+    loadingTable.value = false
+  }).catch((_) => {
+    loadingTable.value = false
+  })
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    searchQuery.limit = val.size
+  }
+  if (val && val.page) {
+    searchQuery.offset = val.page
+  }
+  getList()
+}
+// 详情
+const detail = (row: StaffType) => {
+  dialogVisible.value = true
+  addRef.value.initDialog({
+    ...row,
+    title: '详情',
+  })
+}
+// 编辑
+const update = (row: StaffType) => {
+  dialogVisible.value = true
+  addRef.value.initDialog({
+    ...row,
+    title: '编辑',
+  })
+}
+
+// 删除
+const remove = (row: StaffType) => {
+  ElMessageBox.confirm(
+    `确认删除${row.name}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      getStaffDelete({ id: row.id as string }).then((res) => {
+        if (res.code === 200) {
+          ElMessage({
+            type: 'success',
+            message: '删除成功',
+          })
+          getList()
+        }
+      })
+    })
+}
+// 搜索
+const search = () => {
+  getList()
+}
+// 重置
+const reset = () => {
+  searchQuery.staffNo = ''
+  searchQuery.name = ''
+  searchQuery.deptId = ''
+  searchQuery.certificateStatus = ''
+  searchQuery.verifierCertificateNo = ''
+  getList()
+}
+// 模板下载
+const templateDownload = () => {
+
+}
+// 新增
+const add = () => {
+  dialogVisible.value = true
+  addRef.value.initDialog({
+    title: '新建',
+  })
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  CertificateListList({ ...searchQuery }).then((res) => {
+    exportFile(res.data, '证书记录列表')
+    loading.close()
+  }).catch((_) => {
+    loading.close()
+  })
+}
+// 打印
+const print = () => {
+
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传图片
+  // console.log(event.target.files)
+  // if (event.target.files[0].type === 'application/pdf') {
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+//   }
+//   else {
+//     ElMessage.error('请上传pdf格式')
+//   }
+}
+// 批量导入
+const batchImport = () => {
+  fileRef.value.click()
+}
+// 传给子组件的刷新事件
+const refreshDta = () => {
+  getList()
+  dialogVisible.value = false
+}
+onMounted(() => {
+  getDeptList()
+  getList()
+})
+</script>
+
 <template>
-  <div>证书记录</div>
+  <div>
+    <add-dialog v-show="dialogVisible" ref="addRef" @reset-data="refreshDta" />
+    <!-- 布局 -->
+    <app-container v-show="!dialogVisible">
+      <!-- 筛选条件 -->
+      <search-area :need-clear="true" @search="search" @clear="reset">
+        <search-item>
+          <el-input v-model="searchQuery.staffNo" placeholder="人员编号" clearable class="w-50 m-2" />
+        </search-item>
+        <search-item>
+          <el-input v-model="searchQuery.name" placeholder="姓名" clearable class="w-50 m-2" />
+        </search-item>
+        <search-item>
+          <el-select v-model="searchQuery.deptId" class="m-2" placeholder="工作部门">
+            <el-option
+              v-for="item in deptList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </search-item>
+        <search-item>
+          <el-input v-model="searchQuery.verifierCertificateNo" placeholder="证书号" clearable class="w-50 m-2" />
+        </search-item>
+        <search-item>
+          <el-select v-model="searchQuery.certificateStatus" class="m-2" placeholder="证书状况">
+            <el-option
+              v-for="item in certificateStatusList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </search-item>
+      </search-area>
+      <table-container>
+        <!-- 表头区域 -->
+        <template #btns-right>
+          <input v-show="(searchQuery.limit === 0)" ref="fileRef" type="file" multiple @change="onFileChange">
+          <el-button type="primary" @click="batchImport">
+            批量导入
+          </el-button>
+          <el-button type="primary" @click="templateDownload">
+            模板下载
+          </el-button>
+          <el-button type="primary" @click="add">
+            新建
+          </el-button>
+          <el-button type="primary" @click="exportExcelBtn">
+            导出
+          </el-button>
+          <el-button v-print="printObj" type="primary" @click="print">
+            打印
+          </el-button>
+        </template>
+        <!-- 表格区域 -->
+        <normal-table
+          id="print"
+          :data="list" :total="total" :columns="columns as any"
+          :query="{ limit: searchQuery.limit, offset: searchQuery.offset }"
+          :list-loading="loadingTable"
+          @change="changePage"
+        >
+          <template #preColumns>
+            <el-table-column label="序号" width="55" align="center">
+              <template #default="scope">
+                {{ (searchQuery.offset - 1) * searchQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="130">
+              <template #default="{ row }">
+                <el-button size="small" type="primary" link @click="update(row)">
+                  编辑
+                </el-button>
+                <el-button size="small" type="primary" link @click="detail(row)">
+                  详情
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+    </app-container>
+  </div>
 </template>
+
+<style lang="scss" scoped>
+.normal-input {
+  width: 130px !important;
+}
+
+.normal-date {
+  width: 130px !important;
+}
+
+.normal-select {
+  width: 130px !important;
+}
+
+:deep(.el-table__header) {
+  background-color: #bbb;
+}
+</style>
diff --git a/src/views/measure/person/components/addRecord.vue b/src/views/measure/person/components/addRecord.vue
new file mode 100644
index 0000000..c7b936f
--- /dev/null
+++ b/src/views/measure/person/components/addRecord.vue
@@ -0,0 +1,461 @@
+<!-- 计量人员新增 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules, UploadProps, UploadUserFile } from 'element-plus'
+import { ElMessage, ElMessageBox, ElTable } from 'element-plus'
+import type { technologyJobType } from '../person-interface'
+import certificateAddDialog from './certificateAddDialog.vue'
+import personListDialog from './personListDialog.vue'
+import { getUserList } from '@/api/system/user'
+import { getDeptTreeList } from '@/api/system/dept'
+import { toTreeList } from '@/utils/structure'
+import type { userType } from '@/views/system/user/user-interface'
+import { getDictByCode } from '@/api/system/dict'
+import comTreeSelect from '@/views/system/user/selecTree.vue'
+import { addCertificateList, getStaffDetail, getStaffupdate } from '@/api/measure/person'
+const emits = defineEmits(['resetData'])
+const ruleFormRef = ref<FormInstance>() // from组件
+const meterStaff = ref({
+  staffNo: '', // 人员编号
+  name: '', // 姓名
+  idCard: '', // 身份证号
+  sex: '', // 性别
+  education: '', // 文化程度
+  technologyJob: '', // 技术职务
+  administrationJob: '', // 行政职务
+  deptId: '', // 工作部门
+  major: '', // 专业
+  workDate: '', // 从事日期
+})
+const ruleForm = ref({
+  meterStaff: {}, // 人员信息
+  staffId: '', // 计量人员id
+}) // 表单
+const paramsList = ref([])
+const multipleTableRef = ref<InstanceType<typeof ElTable>>()
+const title = ref('')
+// 身份证号码验证规则
+const validateIDcard = (rule: any, value: any, callback: any) => {
+  const rr = /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[X])$)$/
+  if (rr.test(value)) {
+    callback()
+  }
+  else {
+    callback(new Error('验证失败'))
+  }
+}
+const rules = ref({
+  // staffNo: [{ required: true, message: '人员编号', trigger: 'blur' }],
+
+}) // 表单验证规则
+const dialogVisible = ref<boolean>(false) // 弹窗显示
+const userList = ref<userType[]>([]) // 可使用人列表
+const getuser = () => {
+  getUserList({ offset: 1, limit: 99999 }).then((res) => {
+    userList.value = res.data.rows
+  })
+} // 获取创建人列表
+const selectWhether = ref([
+  { name: '是', value: '0' },
+  { name: '否', value: '1' },
+])
+const deptProps = reactive({
+  parent: 'pid', value: 'id', label: 'name', children: 'children',
+})
+const PubList = ref([])
+// 获取组织列表
+const getPubList = () => {
+  getDeptTreeList().then((res) => {
+    // 转成树结构
+    PubList.value = toTreeList(res.data, '0', true)
+  })
+}
+const sexList = ref<{ id: string; value: string; name: string }[]>()
+// 获取性别
+const getSexList = () => {
+  getDictByCode('sex').then((response) => {
+    sexList.value = response.data
+  })
+}
+const educationList = ref<technologyJobType[]>([])
+// 获取文化程度列表
+const geteducationList = () => {
+  getDictByCode('education').then((response) => {
+    educationList.value = response.data
+  })
+}
+// 重置表单内容
+const resetFormData = () => {
+  ruleForm.value = {
+  }
+}
+const technologyJobList = ref<technologyJobType[]>([])
+// 获取技术职务列表
+const getTechnologyJobList = () => {
+  getDictByCode('technologyJob').then((response) => {
+    technologyJobList.value = response.data
+  })
+}
+const administrationJobList = ref<technologyJobType[]>([])
+// 获取行政职务列表
+const getAdministrationJob = () => {
+  getDictByCode('administrationJob').then((response) => {
+    administrationJobList.value = response.data
+  })
+}
+const personListRef = ref()
+// 选择人员
+const selectPerson = () => {
+  personListRef.value.initDialog()
+}
+// 保存选择人员信息
+const confirmPerson = (row: any) => {
+  ruleForm.value.staffId = row.staffNo
+  meterStaff.value = row
+  ruleFormRef.value?.clearValidate('staffNo')
+}
+const changeList = ref([
+  {
+    name: '证书基本信息',
+    data: [] as any[],
+    column: [
+      {
+        label: '证书号',
+        data: 'certificateNo',
+        id: 'zs02',
+      },
+      {
+        label: '证书名称',
+        data: 'certificateName',
+        id: 'zs03',
+      },
+      {
+        label: '发证日期',
+        data: 'certificateDate',
+        id: 'zs04',
+      },
+      {
+        label: '发证单位',
+        data: 'certificateCompany',
+        id: 'zs01',
+      },
+      {
+        label: '有效日期',
+        data: 'validDate',
+        id: 'zs05',
+      },
+    ],
+  },
+  {
+    name: '计量工作培训记录',
+    data: [],
+    column: [],
+  },
+  {
+    name: '业务记录',
+    data: [],
+    column: [],
+  },
+])
+const current = ref('证书基本信息')
+const currentShow = computed(() => {
+  return changeList.value.filter(item => item.name === current.value)[0]
+})
+const certificateRef = ref() // 添加证书信息弹窗
+// 添加行
+const addRow = () => {
+  certificateRef.value.initDialog()
+}
+// 证书信息行内添加数据
+const addRowcertificate = (row: any) => {
+  changeList.value[0].data.push({ ...row, meterStaff: meterStaff.value, staffId: ruleForm.value.staffId })
+}
+const currenSelect = ref<number>(-1) // 当前选中行
+// 删除行
+const removeRow = () => {
+  console.log(currenSelect.value)
+  if (currenSelect.value >= 0) {
+    ElMessageBox.confirm(
+      '确认删除选中的数据吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    ).then(() => {
+      changeList.value[0].data = changeList.value[0].data.filter((item, index) => index !== currenSelect.value)
+      currenSelect.value = -1
+      ElMessage.success('删除成功')
+    })
+  }
+  else {
+    ElMessage.warning('请先选择需要删除的数据')
+  }
+}
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认提交吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        addCertificateList(changeList.value[0].data).then((res) => {
+          formEl?.resetFields()
+          ElMessage.success('提交成功')
+          emits('resetData')
+          resetFormData()
+        })
+        // (title.value === '新建'
+        //   ? addCertificateList
+        //   : getStaffupdate) (changeList.value[0].data).then((res) => {
+        //   if (res.code == 200) {
+        //     formEl?.resetFields()
+        //     ElMessage.success('提交成功')
+        //     emits('resetData')
+        //     resetFormData()
+        //   }
+        // })
+      })
+    }
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  changeList.value[0].data = []
+  emits('resetData')
+  resetFormData()
+}
+// 弹窗初始化
+const initDialog = (row: any) => {
+  changeList.value[0].data = []
+  dialogVisible.value = true
+  title.value = row.title
+  resetFormData()
+  getuser()
+  getPubList()
+  getSexList()
+  geteducationList()
+  getTechnologyJobList()
+  getAdministrationJob()
+  if (row.title === '新建') {
+    console.log()
+  }
+  else {
+    getStaffDetail({ ...row }).then((res) => {
+      if (res.code === 200) {
+        ruleForm.value = res.data
+        changeList.value[0].data = res.data.certificateList
+      }
+    })
+  }
+}
+defineExpose({ initDialog })
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <div class="body-container">
+      <div class="header">
+        <div class="title">
+          {{ title }}计量人员
+        </div>
+        <span class="btns">
+          <el-button v-if="title !== '详情'" type="primary" @click="submitForm(ruleFormRef)">
+            完成
+          </el-button>
+          <el-button type="info" @click="resetForm(ruleFormRef)">
+            关闭
+          </el-button>
+        </span>
+      </div>
+      <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px" class="form" :class="[title === '详情' ? 'isDetail' : '']" border stripe>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="人员编号" prop="staffNo">
+              <el-input v-model.trim="meterStaff.staffNo" placeholder="人员编号" :disabled="title === '详情'" @focus="selectPerson" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="姓名" prop="meterStaff.name">
+              <el-input v-model.trim="meterStaff.name" placeholder="姓名" :disabled="title === '详情'" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="身份证号" prop="meterStaff.idCard">
+              <el-input ref="cardRef" v-model.trim="meterStaff.idCard" placeholder="身份证号" :disabled="title === '详情'" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="性别" prop="meterStaff.sex">
+              <el-select v-model="meterStaff.sex" placeholder="请选择性别" :disabled="title === '详情'">
+                <el-option v-for="item in sexList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="文化程度" prop="meterStaff.education">
+              <el-select v-model="meterStaff.education" placeholder="文化程度" :disabled="title === '详情'">
+                <el-option v-for="item in educationList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="技术职务" prop="meterStaff.technologyJob">
+              <el-select v-model="meterStaff.technologyJob" placeholder="技术职务" :disabled="title === '详情'">
+                <el-option v-for="item in technologyJobList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="行政职务" prop="meterStaff.administrationJob">
+              <el-select v-model="meterStaff.administrationJob" placeholder="行政职务" :disabled="title === '详情'">
+                <el-option v-for="item in administrationJobList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="工作部门" prop="deptId">
+              <com-tree-select
+                v-model="meterStaff.deptId" :options="PubList" placeholder="选择组织机构"
+                :tree-props="deptProps"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="计量专业" prop="major">
+              <el-input v-model.trim="meterStaff.major" placeholder="计量专业" :disabled="title === '详情'" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="从事日期" prop="workDate">
+              <el-date-picker
+                v-model="meterStaff.workDate" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :disabled="title === '详情'"
+                placeholder="请选择从事日期"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div class="header" style="margin-top: 10px;">
+        <div class="title">
+          {{ current }}
+        </div>
+        <span class="btns">
+          <el-button type="info" :disabled="title === '详情'" @click="removeRow">
+            删除行
+          </el-button>
+          <el-button type="primary" :disabled="title === '详情'" @click="addRow">
+            添加行
+          </el-button>
+        </span>
+      </div>
+      <el-table ref="multipleTableRef" :data="currentShow.data" style="width: 100%;margin-top: 10px;">
+        <el-table-column width="55" align="center">
+          <template #default="scope">
+            <el-radio-group v-model="currenSelect" class="ml-4">
+              <el-radio :label="scope.$index" />
+            </el-radio-group>
+          </template>
+        </el-table-column>
+        <el-table-column type="index" label="序号" width="55" />
+        <el-table-column v-for="item in currentShow.column" :key="item.id" :prop="item.data" :label="item.label" align="center" />
+      </el-table>
+    </div>
+    <!-- 添加证书信息组件 -->
+    <certificate-add-dialog ref="certificateRef" @add="addRowcertificate" />
+    <!-- 选择用户列表组件 -->
+    <person-list-dialog ref="personListRef" @add="confirmPerson" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+.body-container {
+  .form {
+    background-color: #fff;
+    border-radius: 8px;
+    padding-top: 10px;
+    margin-top: 10px;
+  }
+
+  .header {
+    background-color: #fff;
+    height: 40px;
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+    position: relative;
+
+    .title {
+      font-weight: 700;
+    }
+
+    .btns {
+      position: absolute;
+      right: 40px;
+      top: 5px;
+    }
+  }
+
+  :deep(.el-radio__label) {
+    display: none;
+  }
+
+  .isDetail {
+    ::v-deep {
+      .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label::before,
+      .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label::before {
+        display: none;
+      }
+    }
+  }
+}
+
+.marg {
+  margin-top: 20px;
+}
+</style>
+
+<style scoped>
+.avatar-uploader .avatar {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
+</style>
+
+<style>
+.avatar-uploader .el-upload {
+  border: 1px dashed var(--el-border-color);
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  transition: var(--el-transition-duration-fast);
+}
+
+.avatar-uploader .el-upload:hover {
+  border-color: var(--el-color-primary);
+}
+
+.el-icon.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  text-align: center;
+}
+</style>

diff --git a/src/api/measure/person.ts b/src/api/measure/person.ts
index b5ef49d..5f96d6f 100644
--- a/src/api/measure/person.ts
+++ b/src/api/measure/person.ts
@@ -50,3 +50,28 @@
     responseType: 'blob',
   })
 }
+// 证书记录列表
+export function getCertificateList(data: StaffListType) {
+  return request({
+    url: `/certificate/queryCertificateList?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+// 证书记录导出
+export function CertificateListList(data: object) {
+  return request({
+    url: '/certificate/exportCertificateList',
+    method: 'post',
+    data,
+    responseType: 'blob',
+  })
+}
+// 证书记录新增
+export function addCertificateList(data: object) {
+  return request({
+    url: '/certificate/addStaffCertificate',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/measure/person/certificateLog.vue b/src/views/measure/person/certificateLog.vue
index d85b082..172f006 100644
--- a/src/views/measure/person/certificateLog.vue
+++ b/src/views/measure/person/certificateLog.vue
@@ -1,3 +1,327 @@
+<!-- 证书记录 -->
+<script lang="ts" setup name="person">
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import addDialog from './components/addRecord.vue'
+import type { StaffListType, StaffType } from './person-interface'
+import { CertificateListList, getCertificateList, getStaffDelete } from '@/api/measure/person'
+import { uploadApi } from '@/api/system/notice'
+import { getDeptTreeList } from '@/api/system/dept'
+import { exportFile } from '@/utils/exportUtils'
+import type { DeptTreeNode } from '@/views/system/dept/dept-interface'
+const searchQuery = reactive<StaffListType>({
+  staffNo: '', // 人员编号
+  name: '', // 姓名
+  deptId: '', // 工作部门
+  // major: '', // 计量专业
+  verifierCertificateNo: '', // 证书号
+  certificateStatus: '', // 证书状态
+  limit: 10,
+  offset: 1,
+}) // 查询参数
+const loadingTable = ref<boolean>(false) // 表格loading
+const total = ref<number>(0) // 数据总条数
+const columns = ref([
+  { text: '人员编号', value: 'staffNo', align: 'center', width: '150' },
+  { text: '姓名', value: 'name', align: 'center', width: '80' },
+  { text: '性别', value: 'sex', align: 'center', width: '55' },
+  { text: '工作部门', value: 'deptId', align: 'center', width: '120' },
+  { text: '技术职务', value: 'technologyJob', align: 'center', width: '120' },
+  { text: '行政职务', value: 'administrationJob', align: 'center', width: '90' },
+  { text: '证书号', value: 'certificateNo', align: 'center' },
+  { text: '发证单位', value: 'certificateCompany', align: 'center', width: '90' },
+  { text: '发证日期', value: 'certificateDate', align: 'center' },
+  { text: '证书有效日期', value: 'certificateDate', align: 'center' },
+  { text: '证书状况', value: 'certificateStatus', align: 'center', width: '85' },
+]) // 表格
+const certificateStatusList = ref([
+  {
+    name: '全部',
+    id: 'status01',
+    value: '',
+  },
+  {
+    name: '已失效',
+    id: 'status02',
+    value: '1',
+  },
+  {
+    name: '正常',
+    id: 'status02',
+    value: '0',
+  },
+])
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '计量人员列表', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  standard: '',
+  extarCss: '',
+})
+const list = ref([]) // 表格数据
+const addRef = ref() // 添加/编辑/详情/组件
+const dialogVisible = ref<boolean>(false) // 添加组件的显示与隐藏
+// 获取所有部门
+const deptList = ref<DeptTreeNode[]>([])
+const getDeptList = async () => {
+  getDeptTreeList().then((res) => {
+    deptList.value = res.data
+  })
+}
+// 获取数据列表
+const getList = () => {
+  loadingTable.value = true
+  getCertificateList(searchQuery).then((res) => {
+    if (res.code === 200) {
+      res.data.records = res.data.records.map(item => ({ ...item, sex: item.sex == '1' ? '男' : '女', certificateStatus: item.certificateStatus == '0' ? '正常' : '已失效' }))
+      list.value = res.data.records
+      total.value = Number(res.data.total)
+    }
+    loadingTable.value = false
+  }).catch((_) => {
+    loadingTable.value = false
+  })
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    searchQuery.limit = val.size
+  }
+  if (val && val.page) {
+    searchQuery.offset = val.page
+  }
+  getList()
+}
+// 详情
+const detail = (row: StaffType) => {
+  dialogVisible.value = true
+  addRef.value.initDialog({
+    ...row,
+    title: '详情',
+  })
+}
+// 编辑
+const update = (row: StaffType) => {
+  dialogVisible.value = true
+  addRef.value.initDialog({
+    ...row,
+    title: '编辑',
+  })
+}
+
+// 删除
+const remove = (row: StaffType) => {
+  ElMessageBox.confirm(
+    `确认删除${row.name}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      getStaffDelete({ id: row.id as string }).then((res) => {
+        if (res.code === 200) {
+          ElMessage({
+            type: 'success',
+            message: '删除成功',
+          })
+          getList()
+        }
+      })
+    })
+}
+// 搜索
+const search = () => {
+  getList()
+}
+// 重置
+const reset = () => {
+  searchQuery.staffNo = ''
+  searchQuery.name = ''
+  searchQuery.deptId = ''
+  searchQuery.certificateStatus = ''
+  searchQuery.verifierCertificateNo = ''
+  getList()
+}
+// 模板下载
+const templateDownload = () => {
+
+}
+// 新增
+const add = () => {
+  dialogVisible.value = true
+  addRef.value.initDialog({
+    title: '新建',
+  })
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  CertificateListList({ ...searchQuery }).then((res) => {
+    exportFile(res.data, '证书记录列表')
+    loading.close()
+  }).catch((_) => {
+    loading.close()
+  })
+}
+// 打印
+const print = () => {
+
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传图片
+  // console.log(event.target.files)
+  // if (event.target.files[0].type === 'application/pdf') {
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+//   }
+//   else {
+//     ElMessage.error('请上传pdf格式')
+//   }
+}
+// 批量导入
+const batchImport = () => {
+  fileRef.value.click()
+}
+// 传给子组件的刷新事件
+const refreshDta = () => {
+  getList()
+  dialogVisible.value = false
+}
+onMounted(() => {
+  getDeptList()
+  getList()
+})
+</script>
+
 <template>
-  <div>证书记录</div>
+  <div>
+    <add-dialog v-show="dialogVisible" ref="addRef" @reset-data="refreshDta" />
+    <!-- 布局 -->
+    <app-container v-show="!dialogVisible">
+      <!-- 筛选条件 -->
+      <search-area :need-clear="true" @search="search" @clear="reset">
+        <search-item>
+          <el-input v-model="searchQuery.staffNo" placeholder="人员编号" clearable class="w-50 m-2" />
+        </search-item>
+        <search-item>
+          <el-input v-model="searchQuery.name" placeholder="姓名" clearable class="w-50 m-2" />
+        </search-item>
+        <search-item>
+          <el-select v-model="searchQuery.deptId" class="m-2" placeholder="工作部门">
+            <el-option
+              v-for="item in deptList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </search-item>
+        <search-item>
+          <el-input v-model="searchQuery.verifierCertificateNo" placeholder="证书号" clearable class="w-50 m-2" />
+        </search-item>
+        <search-item>
+          <el-select v-model="searchQuery.certificateStatus" class="m-2" placeholder="证书状况">
+            <el-option
+              v-for="item in certificateStatusList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </search-item>
+      </search-area>
+      <table-container>
+        <!-- 表头区域 -->
+        <template #btns-right>
+          <input v-show="(searchQuery.limit === 0)" ref="fileRef" type="file" multiple @change="onFileChange">
+          <el-button type="primary" @click="batchImport">
+            批量导入
+          </el-button>
+          <el-button type="primary" @click="templateDownload">
+            模板下载
+          </el-button>
+          <el-button type="primary" @click="add">
+            新建
+          </el-button>
+          <el-button type="primary" @click="exportExcelBtn">
+            导出
+          </el-button>
+          <el-button v-print="printObj" type="primary" @click="print">
+            打印
+          </el-button>
+        </template>
+        <!-- 表格区域 -->
+        <normal-table
+          id="print"
+          :data="list" :total="total" :columns="columns as any"
+          :query="{ limit: searchQuery.limit, offset: searchQuery.offset }"
+          :list-loading="loadingTable"
+          @change="changePage"
+        >
+          <template #preColumns>
+            <el-table-column label="序号" width="55" align="center">
+              <template #default="scope">
+                {{ (searchQuery.offset - 1) * searchQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="130">
+              <template #default="{ row }">
+                <el-button size="small" type="primary" link @click="update(row)">
+                  编辑
+                </el-button>
+                <el-button size="small" type="primary" link @click="detail(row)">
+                  详情
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+    </app-container>
+  </div>
 </template>
+
+<style lang="scss" scoped>
+.normal-input {
+  width: 130px !important;
+}
+
+.normal-date {
+  width: 130px !important;
+}
+
+.normal-select {
+  width: 130px !important;
+}
+
+:deep(.el-table__header) {
+  background-color: #bbb;
+}
+</style>
diff --git a/src/views/measure/person/components/addRecord.vue b/src/views/measure/person/components/addRecord.vue
new file mode 100644
index 0000000..c7b936f
--- /dev/null
+++ b/src/views/measure/person/components/addRecord.vue
@@ -0,0 +1,461 @@
+<!-- 计量人员新增 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules, UploadProps, UploadUserFile } from 'element-plus'
+import { ElMessage, ElMessageBox, ElTable } from 'element-plus'
+import type { technologyJobType } from '../person-interface'
+import certificateAddDialog from './certificateAddDialog.vue'
+import personListDialog from './personListDialog.vue'
+import { getUserList } from '@/api/system/user'
+import { getDeptTreeList } from '@/api/system/dept'
+import { toTreeList } from '@/utils/structure'
+import type { userType } from '@/views/system/user/user-interface'
+import { getDictByCode } from '@/api/system/dict'
+import comTreeSelect from '@/views/system/user/selecTree.vue'
+import { addCertificateList, getStaffDetail, getStaffupdate } from '@/api/measure/person'
+const emits = defineEmits(['resetData'])
+const ruleFormRef = ref<FormInstance>() // from组件
+const meterStaff = ref({
+  staffNo: '', // 人员编号
+  name: '', // 姓名
+  idCard: '', // 身份证号
+  sex: '', // 性别
+  education: '', // 文化程度
+  technologyJob: '', // 技术职务
+  administrationJob: '', // 行政职务
+  deptId: '', // 工作部门
+  major: '', // 专业
+  workDate: '', // 从事日期
+})
+const ruleForm = ref({
+  meterStaff: {}, // 人员信息
+  staffId: '', // 计量人员id
+}) // 表单
+const paramsList = ref([])
+const multipleTableRef = ref<InstanceType<typeof ElTable>>()
+const title = ref('')
+// 身份证号码验证规则
+const validateIDcard = (rule: any, value: any, callback: any) => {
+  const rr = /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[X])$)$/
+  if (rr.test(value)) {
+    callback()
+  }
+  else {
+    callback(new Error('验证失败'))
+  }
+}
+const rules = ref({
+  // staffNo: [{ required: true, message: '人员编号', trigger: 'blur' }],
+
+}) // 表单验证规则
+const dialogVisible = ref<boolean>(false) // 弹窗显示
+const userList = ref<userType[]>([]) // 可使用人列表
+const getuser = () => {
+  getUserList({ offset: 1, limit: 99999 }).then((res) => {
+    userList.value = res.data.rows
+  })
+} // 获取创建人列表
+const selectWhether = ref([
+  { name: '是', value: '0' },
+  { name: '否', value: '1' },
+])
+const deptProps = reactive({
+  parent: 'pid', value: 'id', label: 'name', children: 'children',
+})
+const PubList = ref([])
+// 获取组织列表
+const getPubList = () => {
+  getDeptTreeList().then((res) => {
+    // 转成树结构
+    PubList.value = toTreeList(res.data, '0', true)
+  })
+}
+const sexList = ref<{ id: string; value: string; name: string }[]>()
+// 获取性别
+const getSexList = () => {
+  getDictByCode('sex').then((response) => {
+    sexList.value = response.data
+  })
+}
+const educationList = ref<technologyJobType[]>([])
+// 获取文化程度列表
+const geteducationList = () => {
+  getDictByCode('education').then((response) => {
+    educationList.value = response.data
+  })
+}
+// 重置表单内容
+const resetFormData = () => {
+  ruleForm.value = {
+  }
+}
+const technologyJobList = ref<technologyJobType[]>([])
+// 获取技术职务列表
+const getTechnologyJobList = () => {
+  getDictByCode('technologyJob').then((response) => {
+    technologyJobList.value = response.data
+  })
+}
+const administrationJobList = ref<technologyJobType[]>([])
+// 获取行政职务列表
+const getAdministrationJob = () => {
+  getDictByCode('administrationJob').then((response) => {
+    administrationJobList.value = response.data
+  })
+}
+const personListRef = ref()
+// 选择人员
+const selectPerson = () => {
+  personListRef.value.initDialog()
+}
+// 保存选择人员信息
+const confirmPerson = (row: any) => {
+  ruleForm.value.staffId = row.staffNo
+  meterStaff.value = row
+  ruleFormRef.value?.clearValidate('staffNo')
+}
+const changeList = ref([
+  {
+    name: '证书基本信息',
+    data: [] as any[],
+    column: [
+      {
+        label: '证书号',
+        data: 'certificateNo',
+        id: 'zs02',
+      },
+      {
+        label: '证书名称',
+        data: 'certificateName',
+        id: 'zs03',
+      },
+      {
+        label: '发证日期',
+        data: 'certificateDate',
+        id: 'zs04',
+      },
+      {
+        label: '发证单位',
+        data: 'certificateCompany',
+        id: 'zs01',
+      },
+      {
+        label: '有效日期',
+        data: 'validDate',
+        id: 'zs05',
+      },
+    ],
+  },
+  {
+    name: '计量工作培训记录',
+    data: [],
+    column: [],
+  },
+  {
+    name: '业务记录',
+    data: [],
+    column: [],
+  },
+])
+const current = ref('证书基本信息')
+const currentShow = computed(() => {
+  return changeList.value.filter(item => item.name === current.value)[0]
+})
+const certificateRef = ref() // 添加证书信息弹窗
+// 添加行
+const addRow = () => {
+  certificateRef.value.initDialog()
+}
+// 证书信息行内添加数据
+const addRowcertificate = (row: any) => {
+  changeList.value[0].data.push({ ...row, meterStaff: meterStaff.value, staffId: ruleForm.value.staffId })
+}
+const currenSelect = ref<number>(-1) // 当前选中行
+// 删除行
+const removeRow = () => {
+  console.log(currenSelect.value)
+  if (currenSelect.value >= 0) {
+    ElMessageBox.confirm(
+      '确认删除选中的数据吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    ).then(() => {
+      changeList.value[0].data = changeList.value[0].data.filter((item, index) => index !== currenSelect.value)
+      currenSelect.value = -1
+      ElMessage.success('删除成功')
+    })
+  }
+  else {
+    ElMessage.warning('请先选择需要删除的数据')
+  }
+}
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认提交吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        addCertificateList(changeList.value[0].data).then((res) => {
+          formEl?.resetFields()
+          ElMessage.success('提交成功')
+          emits('resetData')
+          resetFormData()
+        })
+        // (title.value === '新建'
+        //   ? addCertificateList
+        //   : getStaffupdate) (changeList.value[0].data).then((res) => {
+        //   if (res.code == 200) {
+        //     formEl?.resetFields()
+        //     ElMessage.success('提交成功')
+        //     emits('resetData')
+        //     resetFormData()
+        //   }
+        // })
+      })
+    }
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  changeList.value[0].data = []
+  emits('resetData')
+  resetFormData()
+}
+// 弹窗初始化
+const initDialog = (row: any) => {
+  changeList.value[0].data = []
+  dialogVisible.value = true
+  title.value = row.title
+  resetFormData()
+  getuser()
+  getPubList()
+  getSexList()
+  geteducationList()
+  getTechnologyJobList()
+  getAdministrationJob()
+  if (row.title === '新建') {
+    console.log()
+  }
+  else {
+    getStaffDetail({ ...row }).then((res) => {
+      if (res.code === 200) {
+        ruleForm.value = res.data
+        changeList.value[0].data = res.data.certificateList
+      }
+    })
+  }
+}
+defineExpose({ initDialog })
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <div class="body-container">
+      <div class="header">
+        <div class="title">
+          {{ title }}计量人员
+        </div>
+        <span class="btns">
+          <el-button v-if="title !== '详情'" type="primary" @click="submitForm(ruleFormRef)">
+            完成
+          </el-button>
+          <el-button type="info" @click="resetForm(ruleFormRef)">
+            关闭
+          </el-button>
+        </span>
+      </div>
+      <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px" class="form" :class="[title === '详情' ? 'isDetail' : '']" border stripe>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="人员编号" prop="staffNo">
+              <el-input v-model.trim="meterStaff.staffNo" placeholder="人员编号" :disabled="title === '详情'" @focus="selectPerson" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="姓名" prop="meterStaff.name">
+              <el-input v-model.trim="meterStaff.name" placeholder="姓名" :disabled="title === '详情'" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="身份证号" prop="meterStaff.idCard">
+              <el-input ref="cardRef" v-model.trim="meterStaff.idCard" placeholder="身份证号" :disabled="title === '详情'" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="性别" prop="meterStaff.sex">
+              <el-select v-model="meterStaff.sex" placeholder="请选择性别" :disabled="title === '详情'">
+                <el-option v-for="item in sexList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="文化程度" prop="meterStaff.education">
+              <el-select v-model="meterStaff.education" placeholder="文化程度" :disabled="title === '详情'">
+                <el-option v-for="item in educationList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="技术职务" prop="meterStaff.technologyJob">
+              <el-select v-model="meterStaff.technologyJob" placeholder="技术职务" :disabled="title === '详情'">
+                <el-option v-for="item in technologyJobList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="行政职务" prop="meterStaff.administrationJob">
+              <el-select v-model="meterStaff.administrationJob" placeholder="行政职务" :disabled="title === '详情'">
+                <el-option v-for="item in administrationJobList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="工作部门" prop="deptId">
+              <com-tree-select
+                v-model="meterStaff.deptId" :options="PubList" placeholder="选择组织机构"
+                :tree-props="deptProps"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="计量专业" prop="major">
+              <el-input v-model.trim="meterStaff.major" placeholder="计量专业" :disabled="title === '详情'" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="从事日期" prop="workDate">
+              <el-date-picker
+                v-model="meterStaff.workDate" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :disabled="title === '详情'"
+                placeholder="请选择从事日期"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div class="header" style="margin-top: 10px;">
+        <div class="title">
+          {{ current }}
+        </div>
+        <span class="btns">
+          <el-button type="info" :disabled="title === '详情'" @click="removeRow">
+            删除行
+          </el-button>
+          <el-button type="primary" :disabled="title === '详情'" @click="addRow">
+            添加行
+          </el-button>
+        </span>
+      </div>
+      <el-table ref="multipleTableRef" :data="currentShow.data" style="width: 100%;margin-top: 10px;">
+        <el-table-column width="55" align="center">
+          <template #default="scope">
+            <el-radio-group v-model="currenSelect" class="ml-4">
+              <el-radio :label="scope.$index" />
+            </el-radio-group>
+          </template>
+        </el-table-column>
+        <el-table-column type="index" label="序号" width="55" />
+        <el-table-column v-for="item in currentShow.column" :key="item.id" :prop="item.data" :label="item.label" align="center" />
+      </el-table>
+    </div>
+    <!-- 添加证书信息组件 -->
+    <certificate-add-dialog ref="certificateRef" @add="addRowcertificate" />
+    <!-- 选择用户列表组件 -->
+    <person-list-dialog ref="personListRef" @add="confirmPerson" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+.body-container {
+  .form {
+    background-color: #fff;
+    border-radius: 8px;
+    padding-top: 10px;
+    margin-top: 10px;
+  }
+
+  .header {
+    background-color: #fff;
+    height: 40px;
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+    position: relative;
+
+    .title {
+      font-weight: 700;
+    }
+
+    .btns {
+      position: absolute;
+      right: 40px;
+      top: 5px;
+    }
+  }
+
+  :deep(.el-radio__label) {
+    display: none;
+  }
+
+  .isDetail {
+    ::v-deep {
+      .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label::before,
+      .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label::before {
+        display: none;
+      }
+    }
+  }
+}
+
+.marg {
+  margin-top: 20px;
+}
+</style>
+
+<style scoped>
+.avatar-uploader .avatar {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
+</style>
+
+<style>
+.avatar-uploader .el-upload {
+  border: 1px dashed var(--el-border-color);
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  transition: var(--el-transition-duration-fast);
+}
+
+.avatar-uploader .el-upload:hover {
+  border-color: var(--el-color-primary);
+}
+
+.el-icon.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  text-align: center;
+}
+</style>
diff --git a/src/views/measure/person/components/personListDialog.vue b/src/views/measure/person/components/personListDialog.vue
new file mode 100644
index 0000000..952da9d
--- /dev/null
+++ b/src/views/measure/person/components/personListDialog.vue
@@ -0,0 +1,145 @@
+<!-- 计量人员列表弹窗 -->
+<script lang="ts" setup name="selectPerson">
+import { getStaffList } from '@/api/measure/person'
+import { getDeptTreeList } from '@/api/system/dept'
+import type { TreeStructure } from '@/views/system/user/user-interface'
+const emits = defineEmits(['add'])
+const dialogFormVisible = ref(false)
+// 查询条件
+const listQuery = ref({
+  staffNo: '', // 人员编号
+  name: '', // 姓名
+  deptId: '', // 所在部门
+  limit: 5,
+  offset: 1,
+})
+const loadingTable = ref<boolean>(false)
+const list = ref([]) // 表格数据
+const total = ref<number>(0)
+const select = ref()
+const columns = ref([
+  {
+    text: '人员编号',
+    value: 'staffNo',
+  },
+  {
+    text: '姓名',
+    value: 'name',
+  },
+  {
+    text: '所在部门',
+    value: 'deptId',
+  },
+])
+// 获取部门
+const deptIdList = ref<TreeStructure[]>([])
+const getDeptList = () => {
+  getDeptTreeList().then((res) => {
+    deptIdList.value = res.data
+  })
+}
+// 获取数据列表
+const fetchData = () => {
+  select.value = ''
+  getStaffList(listQuery.value).then((res) => {
+    if (res.code === 200) {
+      list.value = res.data.records
+      total.value = Number(res.data.total)
+      console.log(list.value, 'list')
+    }
+  })
+}
+// 搜索
+const search = () => {
+  fetchData()
+}
+// 重置
+const reset = () => {
+  listQuery.value = {
+    staffNo: '',
+    name: '', // 姓名
+    deptId: '', // 所在部门
+    limit: 10,
+    offset: 1,
+  }
+  search()
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number;page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  search()
+}
+// 点击保存
+const submitForm = () => {
+  const person = list.value.filter((item, index) => index == select.value)[0]
+  emits('add', person)
+  dialogFormVisible.value = false
+}
+// 取消
+const resetForm = () => {
+  dialogFormVisible.value = false
+}
+// 初始化
+const initDialog = () => {
+  dialogFormVisible.value = true
+  getDeptList()
+  fetchData()
+}
+defineExpose({ initDialog })
+</script>
+
+<template>
+  <el-dialog v-if="dialogFormVisible" v-model="dialogFormVisible" title="选择人员">
+    <!-- 筛选条件 -->
+    <search-area :need-clear="true" @search="search" @clear="reset">
+      <search-item>
+        <el-input v-model.trim="listQuery.staffNo" placeholder="人员编号" clearable style="width: 150px;" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.name" placeholder="姓名" clearable style="width: 150px;" />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.deptId" placeholder="所在部门" clearable style="width: 150px;">
+          <el-option v-for="item in deptIdList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+      </search-item>
+    </search-area>
+    <!-- 查询结果Table显示 -->
+    <normal-table
+      :data="list" :total="total" :columns="columns" :query="listQuery"
+      :list-loading="loadingTable" @change="changePage"
+    >
+      <template #preColumns>
+        <el-table-column label="选择" width="55" align="center">
+          <template #default="scope">
+            <el-radio v-model="select" :label="scope.$index" class="radio" />
+          </template>
+        </el-table-column>
+        <!-- <el-table-column label="#" width="55" align="center">
+          <template #default="scope">
+            {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+          </template>
+        </el-table-column> -->
+      </template>
+    </normal-table>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确认</el-button>
+        <el-button @click="resetForm">
+          取消
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+:deep(.el-radio__label) {
+  display: none;
+}
+</style>

diff --git a/src/api/measure/person.ts b/src/api/measure/person.ts
index b5ef49d..5f96d6f 100644
--- a/src/api/measure/person.ts
+++ b/src/api/measure/person.ts
@@ -50,3 +50,28 @@
     responseType: 'blob',
   })
 }
+// 证书记录列表
+export function getCertificateList(data: StaffListType) {
+  return request({
+    url: `/certificate/queryCertificateList?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+// 证书记录导出
+export function CertificateListList(data: object) {
+  return request({
+    url: '/certificate/exportCertificateList',
+    method: 'post',
+    data,
+    responseType: 'blob',
+  })
+}
+// 证书记录新增
+export function addCertificateList(data: object) {
+  return request({
+    url: '/certificate/addStaffCertificate',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/measure/person/certificateLog.vue b/src/views/measure/person/certificateLog.vue
index d85b082..172f006 100644
--- a/src/views/measure/person/certificateLog.vue
+++ b/src/views/measure/person/certificateLog.vue
@@ -1,3 +1,327 @@
+<!-- 证书记录 -->
+<script lang="ts" setup name="person">
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import addDialog from './components/addRecord.vue'
+import type { StaffListType, StaffType } from './person-interface'
+import { CertificateListList, getCertificateList, getStaffDelete } from '@/api/measure/person'
+import { uploadApi } from '@/api/system/notice'
+import { getDeptTreeList } from '@/api/system/dept'
+import { exportFile } from '@/utils/exportUtils'
+import type { DeptTreeNode } from '@/views/system/dept/dept-interface'
+const searchQuery = reactive<StaffListType>({
+  staffNo: '', // 人员编号
+  name: '', // 姓名
+  deptId: '', // 工作部门
+  // major: '', // 计量专业
+  verifierCertificateNo: '', // 证书号
+  certificateStatus: '', // 证书状态
+  limit: 10,
+  offset: 1,
+}) // 查询参数
+const loadingTable = ref<boolean>(false) // 表格loading
+const total = ref<number>(0) // 数据总条数
+const columns = ref([
+  { text: '人员编号', value: 'staffNo', align: 'center', width: '150' },
+  { text: '姓名', value: 'name', align: 'center', width: '80' },
+  { text: '性别', value: 'sex', align: 'center', width: '55' },
+  { text: '工作部门', value: 'deptId', align: 'center', width: '120' },
+  { text: '技术职务', value: 'technologyJob', align: 'center', width: '120' },
+  { text: '行政职务', value: 'administrationJob', align: 'center', width: '90' },
+  { text: '证书号', value: 'certificateNo', align: 'center' },
+  { text: '发证单位', value: 'certificateCompany', align: 'center', width: '90' },
+  { text: '发证日期', value: 'certificateDate', align: 'center' },
+  { text: '证书有效日期', value: 'certificateDate', align: 'center' },
+  { text: '证书状况', value: 'certificateStatus', align: 'center', width: '85' },
+]) // 表格
+const certificateStatusList = ref([
+  {
+    name: '全部',
+    id: 'status01',
+    value: '',
+  },
+  {
+    name: '已失效',
+    id: 'status02',
+    value: '1',
+  },
+  {
+    name: '正常',
+    id: 'status02',
+    value: '0',
+  },
+])
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '计量人员列表', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  standard: '',
+  extarCss: '',
+})
+const list = ref([]) // 表格数据
+const addRef = ref() // 添加/编辑/详情/组件
+const dialogVisible = ref<boolean>(false) // 添加组件的显示与隐藏
+// 获取所有部门
+const deptList = ref<DeptTreeNode[]>([])
+const getDeptList = async () => {
+  getDeptTreeList().then((res) => {
+    deptList.value = res.data
+  })
+}
+// 获取数据列表
+const getList = () => {
+  loadingTable.value = true
+  getCertificateList(searchQuery).then((res) => {
+    if (res.code === 200) {
+      res.data.records = res.data.records.map(item => ({ ...item, sex: item.sex == '1' ? '男' : '女', certificateStatus: item.certificateStatus == '0' ? '正常' : '已失效' }))
+      list.value = res.data.records
+      total.value = Number(res.data.total)
+    }
+    loadingTable.value = false
+  }).catch((_) => {
+    loadingTable.value = false
+  })
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    searchQuery.limit = val.size
+  }
+  if (val && val.page) {
+    searchQuery.offset = val.page
+  }
+  getList()
+}
+// 详情
+const detail = (row: StaffType) => {
+  dialogVisible.value = true
+  addRef.value.initDialog({
+    ...row,
+    title: '详情',
+  })
+}
+// 编辑
+const update = (row: StaffType) => {
+  dialogVisible.value = true
+  addRef.value.initDialog({
+    ...row,
+    title: '编辑',
+  })
+}
+
+// 删除
+const remove = (row: StaffType) => {
+  ElMessageBox.confirm(
+    `确认删除${row.name}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      getStaffDelete({ id: row.id as string }).then((res) => {
+        if (res.code === 200) {
+          ElMessage({
+            type: 'success',
+            message: '删除成功',
+          })
+          getList()
+        }
+      })
+    })
+}
+// 搜索
+const search = () => {
+  getList()
+}
+// 重置
+const reset = () => {
+  searchQuery.staffNo = ''
+  searchQuery.name = ''
+  searchQuery.deptId = ''
+  searchQuery.certificateStatus = ''
+  searchQuery.verifierCertificateNo = ''
+  getList()
+}
+// 模板下载
+const templateDownload = () => {
+
+}
+// 新增
+const add = () => {
+  dialogVisible.value = true
+  addRef.value.initDialog({
+    title: '新建',
+  })
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  CertificateListList({ ...searchQuery }).then((res) => {
+    exportFile(res.data, '证书记录列表')
+    loading.close()
+  }).catch((_) => {
+    loading.close()
+  })
+}
+// 打印
+const print = () => {
+
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传图片
+  // console.log(event.target.files)
+  // if (event.target.files[0].type === 'application/pdf') {
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+//   }
+//   else {
+//     ElMessage.error('请上传pdf格式')
+//   }
+}
+// 批量导入
+const batchImport = () => {
+  fileRef.value.click()
+}
+// 传给子组件的刷新事件
+const refreshDta = () => {
+  getList()
+  dialogVisible.value = false
+}
+onMounted(() => {
+  getDeptList()
+  getList()
+})
+</script>
+
 <template>
-  <div>证书记录</div>
+  <div>
+    <add-dialog v-show="dialogVisible" ref="addRef" @reset-data="refreshDta" />
+    <!-- 布局 -->
+    <app-container v-show="!dialogVisible">
+      <!-- 筛选条件 -->
+      <search-area :need-clear="true" @search="search" @clear="reset">
+        <search-item>
+          <el-input v-model="searchQuery.staffNo" placeholder="人员编号" clearable class="w-50 m-2" />
+        </search-item>
+        <search-item>
+          <el-input v-model="searchQuery.name" placeholder="姓名" clearable class="w-50 m-2" />
+        </search-item>
+        <search-item>
+          <el-select v-model="searchQuery.deptId" class="m-2" placeholder="工作部门">
+            <el-option
+              v-for="item in deptList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </search-item>
+        <search-item>
+          <el-input v-model="searchQuery.verifierCertificateNo" placeholder="证书号" clearable class="w-50 m-2" />
+        </search-item>
+        <search-item>
+          <el-select v-model="searchQuery.certificateStatus" class="m-2" placeholder="证书状况">
+            <el-option
+              v-for="item in certificateStatusList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </search-item>
+      </search-area>
+      <table-container>
+        <!-- 表头区域 -->
+        <template #btns-right>
+          <input v-show="(searchQuery.limit === 0)" ref="fileRef" type="file" multiple @change="onFileChange">
+          <el-button type="primary" @click="batchImport">
+            批量导入
+          </el-button>
+          <el-button type="primary" @click="templateDownload">
+            模板下载
+          </el-button>
+          <el-button type="primary" @click="add">
+            新建
+          </el-button>
+          <el-button type="primary" @click="exportExcelBtn">
+            导出
+          </el-button>
+          <el-button v-print="printObj" type="primary" @click="print">
+            打印
+          </el-button>
+        </template>
+        <!-- 表格区域 -->
+        <normal-table
+          id="print"
+          :data="list" :total="total" :columns="columns as any"
+          :query="{ limit: searchQuery.limit, offset: searchQuery.offset }"
+          :list-loading="loadingTable"
+          @change="changePage"
+        >
+          <template #preColumns>
+            <el-table-column label="序号" width="55" align="center">
+              <template #default="scope">
+                {{ (searchQuery.offset - 1) * searchQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="130">
+              <template #default="{ row }">
+                <el-button size="small" type="primary" link @click="update(row)">
+                  编辑
+                </el-button>
+                <el-button size="small" type="primary" link @click="detail(row)">
+                  详情
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+    </app-container>
+  </div>
 </template>
+
+<style lang="scss" scoped>
+.normal-input {
+  width: 130px !important;
+}
+
+.normal-date {
+  width: 130px !important;
+}
+
+.normal-select {
+  width: 130px !important;
+}
+
+:deep(.el-table__header) {
+  background-color: #bbb;
+}
+</style>
diff --git a/src/views/measure/person/components/addRecord.vue b/src/views/measure/person/components/addRecord.vue
new file mode 100644
index 0000000..c7b936f
--- /dev/null
+++ b/src/views/measure/person/components/addRecord.vue
@@ -0,0 +1,461 @@
+<!-- 计量人员新增 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules, UploadProps, UploadUserFile } from 'element-plus'
+import { ElMessage, ElMessageBox, ElTable } from 'element-plus'
+import type { technologyJobType } from '../person-interface'
+import certificateAddDialog from './certificateAddDialog.vue'
+import personListDialog from './personListDialog.vue'
+import { getUserList } from '@/api/system/user'
+import { getDeptTreeList } from '@/api/system/dept'
+import { toTreeList } from '@/utils/structure'
+import type { userType } from '@/views/system/user/user-interface'
+import { getDictByCode } from '@/api/system/dict'
+import comTreeSelect from '@/views/system/user/selecTree.vue'
+import { addCertificateList, getStaffDetail, getStaffupdate } from '@/api/measure/person'
+const emits = defineEmits(['resetData'])
+const ruleFormRef = ref<FormInstance>() // from组件
+const meterStaff = ref({
+  staffNo: '', // 人员编号
+  name: '', // 姓名
+  idCard: '', // 身份证号
+  sex: '', // 性别
+  education: '', // 文化程度
+  technologyJob: '', // 技术职务
+  administrationJob: '', // 行政职务
+  deptId: '', // 工作部门
+  major: '', // 专业
+  workDate: '', // 从事日期
+})
+const ruleForm = ref({
+  meterStaff: {}, // 人员信息
+  staffId: '', // 计量人员id
+}) // 表单
+const paramsList = ref([])
+const multipleTableRef = ref<InstanceType<typeof ElTable>>()
+const title = ref('')
+// 身份证号码验证规则
+const validateIDcard = (rule: any, value: any, callback: any) => {
+  const rr = /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[X])$)$/
+  if (rr.test(value)) {
+    callback()
+  }
+  else {
+    callback(new Error('验证失败'))
+  }
+}
+const rules = ref({
+  // staffNo: [{ required: true, message: '人员编号', trigger: 'blur' }],
+
+}) // 表单验证规则
+const dialogVisible = ref<boolean>(false) // 弹窗显示
+const userList = ref<userType[]>([]) // 可使用人列表
+const getuser = () => {
+  getUserList({ offset: 1, limit: 99999 }).then((res) => {
+    userList.value = res.data.rows
+  })
+} // 获取创建人列表
+const selectWhether = ref([
+  { name: '是', value: '0' },
+  { name: '否', value: '1' },
+])
+const deptProps = reactive({
+  parent: 'pid', value: 'id', label: 'name', children: 'children',
+})
+const PubList = ref([])
+// 获取组织列表
+const getPubList = () => {
+  getDeptTreeList().then((res) => {
+    // 转成树结构
+    PubList.value = toTreeList(res.data, '0', true)
+  })
+}
+const sexList = ref<{ id: string; value: string; name: string }[]>()
+// 获取性别
+const getSexList = () => {
+  getDictByCode('sex').then((response) => {
+    sexList.value = response.data
+  })
+}
+const educationList = ref<technologyJobType[]>([])
+// 获取文化程度列表
+const geteducationList = () => {
+  getDictByCode('education').then((response) => {
+    educationList.value = response.data
+  })
+}
+// 重置表单内容
+const resetFormData = () => {
+  ruleForm.value = {
+  }
+}
+const technologyJobList = ref<technologyJobType[]>([])
+// 获取技术职务列表
+const getTechnologyJobList = () => {
+  getDictByCode('technologyJob').then((response) => {
+    technologyJobList.value = response.data
+  })
+}
+const administrationJobList = ref<technologyJobType[]>([])
+// 获取行政职务列表
+const getAdministrationJob = () => {
+  getDictByCode('administrationJob').then((response) => {
+    administrationJobList.value = response.data
+  })
+}
+const personListRef = ref()
+// 选择人员
+const selectPerson = () => {
+  personListRef.value.initDialog()
+}
+// 保存选择人员信息
+const confirmPerson = (row: any) => {
+  ruleForm.value.staffId = row.staffNo
+  meterStaff.value = row
+  ruleFormRef.value?.clearValidate('staffNo')
+}
+const changeList = ref([
+  {
+    name: '证书基本信息',
+    data: [] as any[],
+    column: [
+      {
+        label: '证书号',
+        data: 'certificateNo',
+        id: 'zs02',
+      },
+      {
+        label: '证书名称',
+        data: 'certificateName',
+        id: 'zs03',
+      },
+      {
+        label: '发证日期',
+        data: 'certificateDate',
+        id: 'zs04',
+      },
+      {
+        label: '发证单位',
+        data: 'certificateCompany',
+        id: 'zs01',
+      },
+      {
+        label: '有效日期',
+        data: 'validDate',
+        id: 'zs05',
+      },
+    ],
+  },
+  {
+    name: '计量工作培训记录',
+    data: [],
+    column: [],
+  },
+  {
+    name: '业务记录',
+    data: [],
+    column: [],
+  },
+])
+const current = ref('证书基本信息')
+const currentShow = computed(() => {
+  return changeList.value.filter(item => item.name === current.value)[0]
+})
+const certificateRef = ref() // 添加证书信息弹窗
+// 添加行
+const addRow = () => {
+  certificateRef.value.initDialog()
+}
+// 证书信息行内添加数据
+const addRowcertificate = (row: any) => {
+  changeList.value[0].data.push({ ...row, meterStaff: meterStaff.value, staffId: ruleForm.value.staffId })
+}
+const currenSelect = ref<number>(-1) // 当前选中行
+// 删除行
+const removeRow = () => {
+  console.log(currenSelect.value)
+  if (currenSelect.value >= 0) {
+    ElMessageBox.confirm(
+      '确认删除选中的数据吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    ).then(() => {
+      changeList.value[0].data = changeList.value[0].data.filter((item, index) => index !== currenSelect.value)
+      currenSelect.value = -1
+      ElMessage.success('删除成功')
+    })
+  }
+  else {
+    ElMessage.warning('请先选择需要删除的数据')
+  }
+}
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认提交吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        addCertificateList(changeList.value[0].data).then((res) => {
+          formEl?.resetFields()
+          ElMessage.success('提交成功')
+          emits('resetData')
+          resetFormData()
+        })
+        // (title.value === '新建'
+        //   ? addCertificateList
+        //   : getStaffupdate) (changeList.value[0].data).then((res) => {
+        //   if (res.code == 200) {
+        //     formEl?.resetFields()
+        //     ElMessage.success('提交成功')
+        //     emits('resetData')
+        //     resetFormData()
+        //   }
+        // })
+      })
+    }
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  changeList.value[0].data = []
+  emits('resetData')
+  resetFormData()
+}
+// 弹窗初始化
+const initDialog = (row: any) => {
+  changeList.value[0].data = []
+  dialogVisible.value = true
+  title.value = row.title
+  resetFormData()
+  getuser()
+  getPubList()
+  getSexList()
+  geteducationList()
+  getTechnologyJobList()
+  getAdministrationJob()
+  if (row.title === '新建') {
+    console.log()
+  }
+  else {
+    getStaffDetail({ ...row }).then((res) => {
+      if (res.code === 200) {
+        ruleForm.value = res.data
+        changeList.value[0].data = res.data.certificateList
+      }
+    })
+  }
+}
+defineExpose({ initDialog })
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <div class="body-container">
+      <div class="header">
+        <div class="title">
+          {{ title }}计量人员
+        </div>
+        <span class="btns">
+          <el-button v-if="title !== '详情'" type="primary" @click="submitForm(ruleFormRef)">
+            完成
+          </el-button>
+          <el-button type="info" @click="resetForm(ruleFormRef)">
+            关闭
+          </el-button>
+        </span>
+      </div>
+      <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px" class="form" :class="[title === '详情' ? 'isDetail' : '']" border stripe>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="人员编号" prop="staffNo">
+              <el-input v-model.trim="meterStaff.staffNo" placeholder="人员编号" :disabled="title === '详情'" @focus="selectPerson" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="姓名" prop="meterStaff.name">
+              <el-input v-model.trim="meterStaff.name" placeholder="姓名" :disabled="title === '详情'" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="身份证号" prop="meterStaff.idCard">
+              <el-input ref="cardRef" v-model.trim="meterStaff.idCard" placeholder="身份证号" :disabled="title === '详情'" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="性别" prop="meterStaff.sex">
+              <el-select v-model="meterStaff.sex" placeholder="请选择性别" :disabled="title === '详情'">
+                <el-option v-for="item in sexList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="文化程度" prop="meterStaff.education">
+              <el-select v-model="meterStaff.education" placeholder="文化程度" :disabled="title === '详情'">
+                <el-option v-for="item in educationList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="技术职务" prop="meterStaff.technologyJob">
+              <el-select v-model="meterStaff.technologyJob" placeholder="技术职务" :disabled="title === '详情'">
+                <el-option v-for="item in technologyJobList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="行政职务" prop="meterStaff.administrationJob">
+              <el-select v-model="meterStaff.administrationJob" placeholder="行政职务" :disabled="title === '详情'">
+                <el-option v-for="item in administrationJobList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="工作部门" prop="deptId">
+              <com-tree-select
+                v-model="meterStaff.deptId" :options="PubList" placeholder="选择组织机构"
+                :tree-props="deptProps"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="计量专业" prop="major">
+              <el-input v-model.trim="meterStaff.major" placeholder="计量专业" :disabled="title === '详情'" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="从事日期" prop="workDate">
+              <el-date-picker
+                v-model="meterStaff.workDate" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :disabled="title === '详情'"
+                placeholder="请选择从事日期"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div class="header" style="margin-top: 10px;">
+        <div class="title">
+          {{ current }}
+        </div>
+        <span class="btns">
+          <el-button type="info" :disabled="title === '详情'" @click="removeRow">
+            删除行
+          </el-button>
+          <el-button type="primary" :disabled="title === '详情'" @click="addRow">
+            添加行
+          </el-button>
+        </span>
+      </div>
+      <el-table ref="multipleTableRef" :data="currentShow.data" style="width: 100%;margin-top: 10px;">
+        <el-table-column width="55" align="center">
+          <template #default="scope">
+            <el-radio-group v-model="currenSelect" class="ml-4">
+              <el-radio :label="scope.$index" />
+            </el-radio-group>
+          </template>
+        </el-table-column>
+        <el-table-column type="index" label="序号" width="55" />
+        <el-table-column v-for="item in currentShow.column" :key="item.id" :prop="item.data" :label="item.label" align="center" />
+      </el-table>
+    </div>
+    <!-- 添加证书信息组件 -->
+    <certificate-add-dialog ref="certificateRef" @add="addRowcertificate" />
+    <!-- 选择用户列表组件 -->
+    <person-list-dialog ref="personListRef" @add="confirmPerson" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+.body-container {
+  .form {
+    background-color: #fff;
+    border-radius: 8px;
+    padding-top: 10px;
+    margin-top: 10px;
+  }
+
+  .header {
+    background-color: #fff;
+    height: 40px;
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+    position: relative;
+
+    .title {
+      font-weight: 700;
+    }
+
+    .btns {
+      position: absolute;
+      right: 40px;
+      top: 5px;
+    }
+  }
+
+  :deep(.el-radio__label) {
+    display: none;
+  }
+
+  .isDetail {
+    ::v-deep {
+      .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label::before,
+      .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label::before {
+        display: none;
+      }
+    }
+  }
+}
+
+.marg {
+  margin-top: 20px;
+}
+</style>
+
+<style scoped>
+.avatar-uploader .avatar {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
+</style>
+
+<style>
+.avatar-uploader .el-upload {
+  border: 1px dashed var(--el-border-color);
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  transition: var(--el-transition-duration-fast);
+}
+
+.avatar-uploader .el-upload:hover {
+  border-color: var(--el-color-primary);
+}
+
+.el-icon.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  text-align: center;
+}
+</style>
diff --git a/src/views/measure/person/components/personListDialog.vue b/src/views/measure/person/components/personListDialog.vue
new file mode 100644
index 0000000..952da9d
--- /dev/null
+++ b/src/views/measure/person/components/personListDialog.vue
@@ -0,0 +1,145 @@
+<!-- 计量人员列表弹窗 -->
+<script lang="ts" setup name="selectPerson">
+import { getStaffList } from '@/api/measure/person'
+import { getDeptTreeList } from '@/api/system/dept'
+import type { TreeStructure } from '@/views/system/user/user-interface'
+const emits = defineEmits(['add'])
+const dialogFormVisible = ref(false)
+// 查询条件
+const listQuery = ref({
+  staffNo: '', // 人员编号
+  name: '', // 姓名
+  deptId: '', // 所在部门
+  limit: 5,
+  offset: 1,
+})
+const loadingTable = ref<boolean>(false)
+const list = ref([]) // 表格数据
+const total = ref<number>(0)
+const select = ref()
+const columns = ref([
+  {
+    text: '人员编号',
+    value: 'staffNo',
+  },
+  {
+    text: '姓名',
+    value: 'name',
+  },
+  {
+    text: '所在部门',
+    value: 'deptId',
+  },
+])
+// 获取部门
+const deptIdList = ref<TreeStructure[]>([])
+const getDeptList = () => {
+  getDeptTreeList().then((res) => {
+    deptIdList.value = res.data
+  })
+}
+// 获取数据列表
+const fetchData = () => {
+  select.value = ''
+  getStaffList(listQuery.value).then((res) => {
+    if (res.code === 200) {
+      list.value = res.data.records
+      total.value = Number(res.data.total)
+      console.log(list.value, 'list')
+    }
+  })
+}
+// 搜索
+const search = () => {
+  fetchData()
+}
+// 重置
+const reset = () => {
+  listQuery.value = {
+    staffNo: '',
+    name: '', // 姓名
+    deptId: '', // 所在部门
+    limit: 10,
+    offset: 1,
+  }
+  search()
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number;page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  search()
+}
+// 点击保存
+const submitForm = () => {
+  const person = list.value.filter((item, index) => index == select.value)[0]
+  emits('add', person)
+  dialogFormVisible.value = false
+}
+// 取消
+const resetForm = () => {
+  dialogFormVisible.value = false
+}
+// 初始化
+const initDialog = () => {
+  dialogFormVisible.value = true
+  getDeptList()
+  fetchData()
+}
+defineExpose({ initDialog })
+</script>
+
+<template>
+  <el-dialog v-if="dialogFormVisible" v-model="dialogFormVisible" title="选择人员">
+    <!-- 筛选条件 -->
+    <search-area :need-clear="true" @search="search" @clear="reset">
+      <search-item>
+        <el-input v-model.trim="listQuery.staffNo" placeholder="人员编号" clearable style="width: 150px;" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.name" placeholder="姓名" clearable style="width: 150px;" />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.deptId" placeholder="所在部门" clearable style="width: 150px;">
+          <el-option v-for="item in deptIdList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+      </search-item>
+    </search-area>
+    <!-- 查询结果Table显示 -->
+    <normal-table
+      :data="list" :total="total" :columns="columns" :query="listQuery"
+      :list-loading="loadingTable" @change="changePage"
+    >
+      <template #preColumns>
+        <el-table-column label="选择" width="55" align="center">
+          <template #default="scope">
+            <el-radio v-model="select" :label="scope.$index" class="radio" />
+          </template>
+        </el-table-column>
+        <!-- <el-table-column label="#" width="55" align="center">
+          <template #default="scope">
+            {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+          </template>
+        </el-table-column> -->
+      </template>
+    </normal-table>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确认</el-button>
+        <el-button @click="resetForm">
+          取消
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+:deep(.el-radio__label) {
+  display: none;
+}
+</style>
diff --git a/src/views/measure/person/person-interface.ts b/src/views/measure/person/person-interface.ts
index b695b29..9dd5d33 100644
--- a/src/views/measure/person/person-interface.ts
+++ b/src/views/measure/person/person-interface.ts
@@ -3,9 +3,9 @@
   staffNo: string // 人员编号
   name: string // 姓名
   deptId: string // 工作部门
-  major: string // 计量专业
-  verifierCertificateNo: string // 证书号
-  certificateStatus: string // 证书状态
+  major?: string // 计量专业
+  verifierCertificateNo?: string // 证书号
+  certificateStatus?: string // 证书状态
   limit: number
   offset: number
 }

diff --git a/src/api/measure/person.ts b/src/api/measure/person.ts
index b5ef49d..5f96d6f 100644
--- a/src/api/measure/person.ts
+++ b/src/api/measure/person.ts
@@ -50,3 +50,28 @@
     responseType: 'blob',
   })
 }
+// 证书记录列表
+export function getCertificateList(data: StaffListType) {
+  return request({
+    url: `/certificate/queryCertificateList?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+// 证书记录导出
+export function CertificateListList(data: object) {
+  return request({
+    url: '/certificate/exportCertificateList',
+    method: 'post',
+    data,
+    responseType: 'blob',
+  })
+}
+// 证书记录新增
+export function addCertificateList(data: object) {
+  return request({
+    url: '/certificate/addStaffCertificate',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/measure/person/certificateLog.vue b/src/views/measure/person/certificateLog.vue
index d85b082..172f006 100644
--- a/src/views/measure/person/certificateLog.vue
+++ b/src/views/measure/person/certificateLog.vue
@@ -1,3 +1,327 @@
+<!-- 证书记录 -->
+<script lang="ts" setup name="person">
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import addDialog from './components/addRecord.vue'
+import type { StaffListType, StaffType } from './person-interface'
+import { CertificateListList, getCertificateList, getStaffDelete } from '@/api/measure/person'
+import { uploadApi } from '@/api/system/notice'
+import { getDeptTreeList } from '@/api/system/dept'
+import { exportFile } from '@/utils/exportUtils'
+import type { DeptTreeNode } from '@/views/system/dept/dept-interface'
+const searchQuery = reactive<StaffListType>({
+  staffNo: '', // 人员编号
+  name: '', // 姓名
+  deptId: '', // 工作部门
+  // major: '', // 计量专业
+  verifierCertificateNo: '', // 证书号
+  certificateStatus: '', // 证书状态
+  limit: 10,
+  offset: 1,
+}) // 查询参数
+const loadingTable = ref<boolean>(false) // 表格loading
+const total = ref<number>(0) // 数据总条数
+const columns = ref([
+  { text: '人员编号', value: 'staffNo', align: 'center', width: '150' },
+  { text: '姓名', value: 'name', align: 'center', width: '80' },
+  { text: '性别', value: 'sex', align: 'center', width: '55' },
+  { text: '工作部门', value: 'deptId', align: 'center', width: '120' },
+  { text: '技术职务', value: 'technologyJob', align: 'center', width: '120' },
+  { text: '行政职务', value: 'administrationJob', align: 'center', width: '90' },
+  { text: '证书号', value: 'certificateNo', align: 'center' },
+  { text: '发证单位', value: 'certificateCompany', align: 'center', width: '90' },
+  { text: '发证日期', value: 'certificateDate', align: 'center' },
+  { text: '证书有效日期', value: 'certificateDate', align: 'center' },
+  { text: '证书状况', value: 'certificateStatus', align: 'center', width: '85' },
+]) // 表格
+const certificateStatusList = ref([
+  {
+    name: '全部',
+    id: 'status01',
+    value: '',
+  },
+  {
+    name: '已失效',
+    id: 'status02',
+    value: '1',
+  },
+  {
+    name: '正常',
+    id: 'status02',
+    value: '0',
+  },
+])
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '计量人员列表', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  standard: '',
+  extarCss: '',
+})
+const list = ref([]) // 表格数据
+const addRef = ref() // 添加/编辑/详情/组件
+const dialogVisible = ref<boolean>(false) // 添加组件的显示与隐藏
+// 获取所有部门
+const deptList = ref<DeptTreeNode[]>([])
+const getDeptList = async () => {
+  getDeptTreeList().then((res) => {
+    deptList.value = res.data
+  })
+}
+// 获取数据列表
+const getList = () => {
+  loadingTable.value = true
+  getCertificateList(searchQuery).then((res) => {
+    if (res.code === 200) {
+      res.data.records = res.data.records.map(item => ({ ...item, sex: item.sex == '1' ? '男' : '女', certificateStatus: item.certificateStatus == '0' ? '正常' : '已失效' }))
+      list.value = res.data.records
+      total.value = Number(res.data.total)
+    }
+    loadingTable.value = false
+  }).catch((_) => {
+    loadingTable.value = false
+  })
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    searchQuery.limit = val.size
+  }
+  if (val && val.page) {
+    searchQuery.offset = val.page
+  }
+  getList()
+}
+// 详情
+const detail = (row: StaffType) => {
+  dialogVisible.value = true
+  addRef.value.initDialog({
+    ...row,
+    title: '详情',
+  })
+}
+// 编辑
+const update = (row: StaffType) => {
+  dialogVisible.value = true
+  addRef.value.initDialog({
+    ...row,
+    title: '编辑',
+  })
+}
+
+// 删除
+const remove = (row: StaffType) => {
+  ElMessageBox.confirm(
+    `确认删除${row.name}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      getStaffDelete({ id: row.id as string }).then((res) => {
+        if (res.code === 200) {
+          ElMessage({
+            type: 'success',
+            message: '删除成功',
+          })
+          getList()
+        }
+      })
+    })
+}
+// 搜索
+const search = () => {
+  getList()
+}
+// 重置
+const reset = () => {
+  searchQuery.staffNo = ''
+  searchQuery.name = ''
+  searchQuery.deptId = ''
+  searchQuery.certificateStatus = ''
+  searchQuery.verifierCertificateNo = ''
+  getList()
+}
+// 模板下载
+const templateDownload = () => {
+
+}
+// 新增
+const add = () => {
+  dialogVisible.value = true
+  addRef.value.initDialog({
+    title: '新建',
+  })
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  CertificateListList({ ...searchQuery }).then((res) => {
+    exportFile(res.data, '证书记录列表')
+    loading.close()
+  }).catch((_) => {
+    loading.close()
+  })
+}
+// 打印
+const print = () => {
+
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传图片
+  // console.log(event.target.files)
+  // if (event.target.files[0].type === 'application/pdf') {
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+//   }
+//   else {
+//     ElMessage.error('请上传pdf格式')
+//   }
+}
+// 批量导入
+const batchImport = () => {
+  fileRef.value.click()
+}
+// 传给子组件的刷新事件
+const refreshDta = () => {
+  getList()
+  dialogVisible.value = false
+}
+onMounted(() => {
+  getDeptList()
+  getList()
+})
+</script>
+
 <template>
-  <div>证书记录</div>
+  <div>
+    <add-dialog v-show="dialogVisible" ref="addRef" @reset-data="refreshDta" />
+    <!-- 布局 -->
+    <app-container v-show="!dialogVisible">
+      <!-- 筛选条件 -->
+      <search-area :need-clear="true" @search="search" @clear="reset">
+        <search-item>
+          <el-input v-model="searchQuery.staffNo" placeholder="人员编号" clearable class="w-50 m-2" />
+        </search-item>
+        <search-item>
+          <el-input v-model="searchQuery.name" placeholder="姓名" clearable class="w-50 m-2" />
+        </search-item>
+        <search-item>
+          <el-select v-model="searchQuery.deptId" class="m-2" placeholder="工作部门">
+            <el-option
+              v-for="item in deptList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </search-item>
+        <search-item>
+          <el-input v-model="searchQuery.verifierCertificateNo" placeholder="证书号" clearable class="w-50 m-2" />
+        </search-item>
+        <search-item>
+          <el-select v-model="searchQuery.certificateStatus" class="m-2" placeholder="证书状况">
+            <el-option
+              v-for="item in certificateStatusList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </search-item>
+      </search-area>
+      <table-container>
+        <!-- 表头区域 -->
+        <template #btns-right>
+          <input v-show="(searchQuery.limit === 0)" ref="fileRef" type="file" multiple @change="onFileChange">
+          <el-button type="primary" @click="batchImport">
+            批量导入
+          </el-button>
+          <el-button type="primary" @click="templateDownload">
+            模板下载
+          </el-button>
+          <el-button type="primary" @click="add">
+            新建
+          </el-button>
+          <el-button type="primary" @click="exportExcelBtn">
+            导出
+          </el-button>
+          <el-button v-print="printObj" type="primary" @click="print">
+            打印
+          </el-button>
+        </template>
+        <!-- 表格区域 -->
+        <normal-table
+          id="print"
+          :data="list" :total="total" :columns="columns as any"
+          :query="{ limit: searchQuery.limit, offset: searchQuery.offset }"
+          :list-loading="loadingTable"
+          @change="changePage"
+        >
+          <template #preColumns>
+            <el-table-column label="序号" width="55" align="center">
+              <template #default="scope">
+                {{ (searchQuery.offset - 1) * searchQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="130">
+              <template #default="{ row }">
+                <el-button size="small" type="primary" link @click="update(row)">
+                  编辑
+                </el-button>
+                <el-button size="small" type="primary" link @click="detail(row)">
+                  详情
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+    </app-container>
+  </div>
 </template>
+
+<style lang="scss" scoped>
+.normal-input {
+  width: 130px !important;
+}
+
+.normal-date {
+  width: 130px !important;
+}
+
+.normal-select {
+  width: 130px !important;
+}
+
+:deep(.el-table__header) {
+  background-color: #bbb;
+}
+</style>
diff --git a/src/views/measure/person/components/addRecord.vue b/src/views/measure/person/components/addRecord.vue
new file mode 100644
index 0000000..c7b936f
--- /dev/null
+++ b/src/views/measure/person/components/addRecord.vue
@@ -0,0 +1,461 @@
+<!-- 计量人员新增 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules, UploadProps, UploadUserFile } from 'element-plus'
+import { ElMessage, ElMessageBox, ElTable } from 'element-plus'
+import type { technologyJobType } from '../person-interface'
+import certificateAddDialog from './certificateAddDialog.vue'
+import personListDialog from './personListDialog.vue'
+import { getUserList } from '@/api/system/user'
+import { getDeptTreeList } from '@/api/system/dept'
+import { toTreeList } from '@/utils/structure'
+import type { userType } from '@/views/system/user/user-interface'
+import { getDictByCode } from '@/api/system/dict'
+import comTreeSelect from '@/views/system/user/selecTree.vue'
+import { addCertificateList, getStaffDetail, getStaffupdate } from '@/api/measure/person'
+const emits = defineEmits(['resetData'])
+const ruleFormRef = ref<FormInstance>() // from组件
+const meterStaff = ref({
+  staffNo: '', // 人员编号
+  name: '', // 姓名
+  idCard: '', // 身份证号
+  sex: '', // 性别
+  education: '', // 文化程度
+  technologyJob: '', // 技术职务
+  administrationJob: '', // 行政职务
+  deptId: '', // 工作部门
+  major: '', // 专业
+  workDate: '', // 从事日期
+})
+const ruleForm = ref({
+  meterStaff: {}, // 人员信息
+  staffId: '', // 计量人员id
+}) // 表单
+const paramsList = ref([])
+const multipleTableRef = ref<InstanceType<typeof ElTable>>()
+const title = ref('')
+// 身份证号码验证规则
+const validateIDcard = (rule: any, value: any, callback: any) => {
+  const rr = /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[X])$)$/
+  if (rr.test(value)) {
+    callback()
+  }
+  else {
+    callback(new Error('验证失败'))
+  }
+}
+const rules = ref({
+  // staffNo: [{ required: true, message: '人员编号', trigger: 'blur' }],
+
+}) // 表单验证规则
+const dialogVisible = ref<boolean>(false) // 弹窗显示
+const userList = ref<userType[]>([]) // 可使用人列表
+const getuser = () => {
+  getUserList({ offset: 1, limit: 99999 }).then((res) => {
+    userList.value = res.data.rows
+  })
+} // 获取创建人列表
+const selectWhether = ref([
+  { name: '是', value: '0' },
+  { name: '否', value: '1' },
+])
+const deptProps = reactive({
+  parent: 'pid', value: 'id', label: 'name', children: 'children',
+})
+const PubList = ref([])
+// 获取组织列表
+const getPubList = () => {
+  getDeptTreeList().then((res) => {
+    // 转成树结构
+    PubList.value = toTreeList(res.data, '0', true)
+  })
+}
+const sexList = ref<{ id: string; value: string; name: string }[]>()
+// 获取性别
+const getSexList = () => {
+  getDictByCode('sex').then((response) => {
+    sexList.value = response.data
+  })
+}
+const educationList = ref<technologyJobType[]>([])
+// 获取文化程度列表
+const geteducationList = () => {
+  getDictByCode('education').then((response) => {
+    educationList.value = response.data
+  })
+}
+// 重置表单内容
+const resetFormData = () => {
+  ruleForm.value = {
+  }
+}
+const technologyJobList = ref<technologyJobType[]>([])
+// 获取技术职务列表
+const getTechnologyJobList = () => {
+  getDictByCode('technologyJob').then((response) => {
+    technologyJobList.value = response.data
+  })
+}
+const administrationJobList = ref<technologyJobType[]>([])
+// 获取行政职务列表
+const getAdministrationJob = () => {
+  getDictByCode('administrationJob').then((response) => {
+    administrationJobList.value = response.data
+  })
+}
+const personListRef = ref()
+// 选择人员
+const selectPerson = () => {
+  personListRef.value.initDialog()
+}
+// 保存选择人员信息
+const confirmPerson = (row: any) => {
+  ruleForm.value.staffId = row.staffNo
+  meterStaff.value = row
+  ruleFormRef.value?.clearValidate('staffNo')
+}
+const changeList = ref([
+  {
+    name: '证书基本信息',
+    data: [] as any[],
+    column: [
+      {
+        label: '证书号',
+        data: 'certificateNo',
+        id: 'zs02',
+      },
+      {
+        label: '证书名称',
+        data: 'certificateName',
+        id: 'zs03',
+      },
+      {
+        label: '发证日期',
+        data: 'certificateDate',
+        id: 'zs04',
+      },
+      {
+        label: '发证单位',
+        data: 'certificateCompany',
+        id: 'zs01',
+      },
+      {
+        label: '有效日期',
+        data: 'validDate',
+        id: 'zs05',
+      },
+    ],
+  },
+  {
+    name: '计量工作培训记录',
+    data: [],
+    column: [],
+  },
+  {
+    name: '业务记录',
+    data: [],
+    column: [],
+  },
+])
+const current = ref('证书基本信息')
+const currentShow = computed(() => {
+  return changeList.value.filter(item => item.name === current.value)[0]
+})
+const certificateRef = ref() // 添加证书信息弹窗
+// 添加行
+const addRow = () => {
+  certificateRef.value.initDialog()
+}
+// 证书信息行内添加数据
+const addRowcertificate = (row: any) => {
+  changeList.value[0].data.push({ ...row, meterStaff: meterStaff.value, staffId: ruleForm.value.staffId })
+}
+const currenSelect = ref<number>(-1) // 当前选中行
+// 删除行
+const removeRow = () => {
+  console.log(currenSelect.value)
+  if (currenSelect.value >= 0) {
+    ElMessageBox.confirm(
+      '确认删除选中的数据吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    ).then(() => {
+      changeList.value[0].data = changeList.value[0].data.filter((item, index) => index !== currenSelect.value)
+      currenSelect.value = -1
+      ElMessage.success('删除成功')
+    })
+  }
+  else {
+    ElMessage.warning('请先选择需要删除的数据')
+  }
+}
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认提交吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        addCertificateList(changeList.value[0].data).then((res) => {
+          formEl?.resetFields()
+          ElMessage.success('提交成功')
+          emits('resetData')
+          resetFormData()
+        })
+        // (title.value === '新建'
+        //   ? addCertificateList
+        //   : getStaffupdate) (changeList.value[0].data).then((res) => {
+        //   if (res.code == 200) {
+        //     formEl?.resetFields()
+        //     ElMessage.success('提交成功')
+        //     emits('resetData')
+        //     resetFormData()
+        //   }
+        // })
+      })
+    }
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  changeList.value[0].data = []
+  emits('resetData')
+  resetFormData()
+}
+// 弹窗初始化
+const initDialog = (row: any) => {
+  changeList.value[0].data = []
+  dialogVisible.value = true
+  title.value = row.title
+  resetFormData()
+  getuser()
+  getPubList()
+  getSexList()
+  geteducationList()
+  getTechnologyJobList()
+  getAdministrationJob()
+  if (row.title === '新建') {
+    console.log()
+  }
+  else {
+    getStaffDetail({ ...row }).then((res) => {
+      if (res.code === 200) {
+        ruleForm.value = res.data
+        changeList.value[0].data = res.data.certificateList
+      }
+    })
+  }
+}
+defineExpose({ initDialog })
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <div class="body-container">
+      <div class="header">
+        <div class="title">
+          {{ title }}计量人员
+        </div>
+        <span class="btns">
+          <el-button v-if="title !== '详情'" type="primary" @click="submitForm(ruleFormRef)">
+            完成
+          </el-button>
+          <el-button type="info" @click="resetForm(ruleFormRef)">
+            关闭
+          </el-button>
+        </span>
+      </div>
+      <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px" class="form" :class="[title === '详情' ? 'isDetail' : '']" border stripe>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="人员编号" prop="staffNo">
+              <el-input v-model.trim="meterStaff.staffNo" placeholder="人员编号" :disabled="title === '详情'" @focus="selectPerson" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="姓名" prop="meterStaff.name">
+              <el-input v-model.trim="meterStaff.name" placeholder="姓名" :disabled="title === '详情'" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="身份证号" prop="meterStaff.idCard">
+              <el-input ref="cardRef" v-model.trim="meterStaff.idCard" placeholder="身份证号" :disabled="title === '详情'" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="性别" prop="meterStaff.sex">
+              <el-select v-model="meterStaff.sex" placeholder="请选择性别" :disabled="title === '详情'">
+                <el-option v-for="item in sexList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="文化程度" prop="meterStaff.education">
+              <el-select v-model="meterStaff.education" placeholder="文化程度" :disabled="title === '详情'">
+                <el-option v-for="item in educationList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="技术职务" prop="meterStaff.technologyJob">
+              <el-select v-model="meterStaff.technologyJob" placeholder="技术职务" :disabled="title === '详情'">
+                <el-option v-for="item in technologyJobList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="行政职务" prop="meterStaff.administrationJob">
+              <el-select v-model="meterStaff.administrationJob" placeholder="行政职务" :disabled="title === '详情'">
+                <el-option v-for="item in administrationJobList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="工作部门" prop="deptId">
+              <com-tree-select
+                v-model="meterStaff.deptId" :options="PubList" placeholder="选择组织机构"
+                :tree-props="deptProps"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="计量专业" prop="major">
+              <el-input v-model.trim="meterStaff.major" placeholder="计量专业" :disabled="title === '详情'" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="从事日期" prop="workDate">
+              <el-date-picker
+                v-model="meterStaff.workDate" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :disabled="title === '详情'"
+                placeholder="请选择从事日期"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div class="header" style="margin-top: 10px;">
+        <div class="title">
+          {{ current }}
+        </div>
+        <span class="btns">
+          <el-button type="info" :disabled="title === '详情'" @click="removeRow">
+            删除行
+          </el-button>
+          <el-button type="primary" :disabled="title === '详情'" @click="addRow">
+            添加行
+          </el-button>
+        </span>
+      </div>
+      <el-table ref="multipleTableRef" :data="currentShow.data" style="width: 100%;margin-top: 10px;">
+        <el-table-column width="55" align="center">
+          <template #default="scope">
+            <el-radio-group v-model="currenSelect" class="ml-4">
+              <el-radio :label="scope.$index" />
+            </el-radio-group>
+          </template>
+        </el-table-column>
+        <el-table-column type="index" label="序号" width="55" />
+        <el-table-column v-for="item in currentShow.column" :key="item.id" :prop="item.data" :label="item.label" align="center" />
+      </el-table>
+    </div>
+    <!-- 添加证书信息组件 -->
+    <certificate-add-dialog ref="certificateRef" @add="addRowcertificate" />
+    <!-- 选择用户列表组件 -->
+    <person-list-dialog ref="personListRef" @add="confirmPerson" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+.body-container {
+  .form {
+    background-color: #fff;
+    border-radius: 8px;
+    padding-top: 10px;
+    margin-top: 10px;
+  }
+
+  .header {
+    background-color: #fff;
+    height: 40px;
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+    position: relative;
+
+    .title {
+      font-weight: 700;
+    }
+
+    .btns {
+      position: absolute;
+      right: 40px;
+      top: 5px;
+    }
+  }
+
+  :deep(.el-radio__label) {
+    display: none;
+  }
+
+  .isDetail {
+    ::v-deep {
+      .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label::before,
+      .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label::before {
+        display: none;
+      }
+    }
+  }
+}
+
+.marg {
+  margin-top: 20px;
+}
+</style>
+
+<style scoped>
+.avatar-uploader .avatar {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
+</style>
+
+<style>
+.avatar-uploader .el-upload {
+  border: 1px dashed var(--el-border-color);
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  transition: var(--el-transition-duration-fast);
+}
+
+.avatar-uploader .el-upload:hover {
+  border-color: var(--el-color-primary);
+}
+
+.el-icon.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  text-align: center;
+}
+</style>
diff --git a/src/views/measure/person/components/personListDialog.vue b/src/views/measure/person/components/personListDialog.vue
new file mode 100644
index 0000000..952da9d
--- /dev/null
+++ b/src/views/measure/person/components/personListDialog.vue
@@ -0,0 +1,145 @@
+<!-- 计量人员列表弹窗 -->
+<script lang="ts" setup name="selectPerson">
+import { getStaffList } from '@/api/measure/person'
+import { getDeptTreeList } from '@/api/system/dept'
+import type { TreeStructure } from '@/views/system/user/user-interface'
+const emits = defineEmits(['add'])
+const dialogFormVisible = ref(false)
+// 查询条件
+const listQuery = ref({
+  staffNo: '', // 人员编号
+  name: '', // 姓名
+  deptId: '', // 所在部门
+  limit: 5,
+  offset: 1,
+})
+const loadingTable = ref<boolean>(false)
+const list = ref([]) // 表格数据
+const total = ref<number>(0)
+const select = ref()
+const columns = ref([
+  {
+    text: '人员编号',
+    value: 'staffNo',
+  },
+  {
+    text: '姓名',
+    value: 'name',
+  },
+  {
+    text: '所在部门',
+    value: 'deptId',
+  },
+])
+// 获取部门
+const deptIdList = ref<TreeStructure[]>([])
+const getDeptList = () => {
+  getDeptTreeList().then((res) => {
+    deptIdList.value = res.data
+  })
+}
+// 获取数据列表
+const fetchData = () => {
+  select.value = ''
+  getStaffList(listQuery.value).then((res) => {
+    if (res.code === 200) {
+      list.value = res.data.records
+      total.value = Number(res.data.total)
+      console.log(list.value, 'list')
+    }
+  })
+}
+// 搜索
+const search = () => {
+  fetchData()
+}
+// 重置
+const reset = () => {
+  listQuery.value = {
+    staffNo: '',
+    name: '', // 姓名
+    deptId: '', // 所在部门
+    limit: 10,
+    offset: 1,
+  }
+  search()
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number;page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  search()
+}
+// 点击保存
+const submitForm = () => {
+  const person = list.value.filter((item, index) => index == select.value)[0]
+  emits('add', person)
+  dialogFormVisible.value = false
+}
+// 取消
+const resetForm = () => {
+  dialogFormVisible.value = false
+}
+// 初始化
+const initDialog = () => {
+  dialogFormVisible.value = true
+  getDeptList()
+  fetchData()
+}
+defineExpose({ initDialog })
+</script>
+
+<template>
+  <el-dialog v-if="dialogFormVisible" v-model="dialogFormVisible" title="选择人员">
+    <!-- 筛选条件 -->
+    <search-area :need-clear="true" @search="search" @clear="reset">
+      <search-item>
+        <el-input v-model.trim="listQuery.staffNo" placeholder="人员编号" clearable style="width: 150px;" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.name" placeholder="姓名" clearable style="width: 150px;" />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.deptId" placeholder="所在部门" clearable style="width: 150px;">
+          <el-option v-for="item in deptIdList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+      </search-item>
+    </search-area>
+    <!-- 查询结果Table显示 -->
+    <normal-table
+      :data="list" :total="total" :columns="columns" :query="listQuery"
+      :list-loading="loadingTable" @change="changePage"
+    >
+      <template #preColumns>
+        <el-table-column label="选择" width="55" align="center">
+          <template #default="scope">
+            <el-radio v-model="select" :label="scope.$index" class="radio" />
+          </template>
+        </el-table-column>
+        <!-- <el-table-column label="#" width="55" align="center">
+          <template #default="scope">
+            {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+          </template>
+        </el-table-column> -->
+      </template>
+    </normal-table>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确认</el-button>
+        <el-button @click="resetForm">
+          取消
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+:deep(.el-radio__label) {
+  display: none;
+}
+</style>
diff --git a/src/views/measure/person/person-interface.ts b/src/views/measure/person/person-interface.ts
index b695b29..9dd5d33 100644
--- a/src/views/measure/person/person-interface.ts
+++ b/src/views/measure/person/person-interface.ts
@@ -3,9 +3,9 @@
   staffNo: string // 人员编号
   name: string // 姓名
   deptId: string // 工作部门
-  major: string // 计量专业
-  verifierCertificateNo: string // 证书号
-  certificateStatus: string // 证书状态
+  major?: string // 计量专业
+  verifierCertificateNo?: string // 证书号
+  certificateStatus?: string // 证书状态
   limit: number
   offset: number
 }
diff --git a/src/views/system/notice/noteAdd.vue b/src/views/system/notice/noteAdd.vue
index fd5e7eb..d26e734 100644
--- a/src/views/system/notice/noteAdd.vue
+++ b/src/views/system/notice/noteAdd.vue
@@ -298,9 +298,23 @@
 </template>
 
 <style lang="scss" scoped>
-// .container {
-//   ::v-deep{
+.container {
+  ::v-deep {
+    .w-e-bar {
+      padding: 0;
 
-//   }
-// }
+      .w-e-bar-item {
+        padding: 0;
+        height: 30px;
+      }
+
+      .w-e-bar-divider {
+        margin: 0;
+        display: none;
+        width: 0;
+        height: 0;
+      }
+    }
+  }
+}
 </style>