diff --git a/src/router/modules/business.ts b/src/router/modules/business.ts
index 7ac0233..a3baef3 100644
--- a/src/router/modules/business.ts
+++ b/src/router/modules/business.ts
@@ -94,6 +94,18 @@
         },
       },
       {
+        path: ':type/:id?',
+        name: 'StandardReminderDetail',
+        component: () => import('@/views/business/board/standardReminder/detail.vue'),
+        meta: {
+          title: '装置到期提醒详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/standard/list',
+        },
+      },
+      {
         path: 'jobAccount',
         name: 'JobAccountList',
         component: () => import('@/views/business/board/jobAccount/list.vue'),

diff --git a/src/router/modules/business.ts b/src/router/modules/business.ts
index 7ac0233..a3baef3 100644
--- a/src/router/modules/business.ts
+++ b/src/router/modules/business.ts
@@ -94,6 +94,18 @@
         },
       },
       {
+        path: ':type/:id?',
+        name: 'StandardReminderDetail',
+        component: () => import('@/views/business/board/standardReminder/detail.vue'),
+        meta: {
+          title: '装置到期提醒详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/standard/list',
+        },
+      },
+      {
         path: 'jobAccount',
         name: 'JobAccountList',
         component: () => import('@/views/business/board/jobAccount/list.vue'),
diff --git a/src/views/business/bench/bench.vue b/src/views/business/bench/bench.vue
index f846c51..288e209 100644
--- a/src/views/business/bench/bench.vue
+++ b/src/views/business/bench/bench.vue
@@ -214,14 +214,19 @@
     router.push(buttonTypes.value[index].url)
   }
 }
-
+const benchDivHeight = ref()
 function calcBlockSize() {
   // 计算工作台区域高度 - 顶部-面包屑-边距
   const bodyHeight = document.body.clientHeight - 60 - 50 - 20
   blockHeight.value = bodyHeight > 610 ? (bodyHeight - 10) / 2 : 300
   blockWidth.value = (document.body.clientWidth - 180 - 20 - 20) / 3
   console.log(blockHeight.value, blockWidth.value - 20)
+  benchDivHeight.value = blockHeight.value - 60
 }
+
+onMounted(() => {
+  calcBlockSize()
+})
 </script>
 
 <template>
@@ -294,21 +299,18 @@
           </div>
         </bench-col>
       </el-col>
-      <el-col :span="8">
-        <bench-col :height="blockHeight - 180">
-          <div class="bench-right-top">
-            <div
-              v-for="item of buttonTypes"
-              :key="item.text"
-              class="right-top-box"
-              @click="handleClickButton(item.id)"
-            >
-              {{ item.text }}
-            </div>
+      <el-col :span="8" class="bench-div">
+        <div class="bench-right-top" style="background-color: #fff;border-radius: 10px;padding: 10px;height: fit-content;">
+          <div
+            v-for="item of buttonTypes"
+            :key="item.text"
+            class="right-top-box"
+            @click="handleClickButton(item.id)"
+          >
+            {{ item.text }}
           </div>
-        </bench-col>
-        <div style="margin-top: 10px;" />
-        <bench-col :height="blockHeight - 130" title="当前进行中样品状态" icon="icon-book">
+        </div>
+        <bench-col title="当前进行中样品状态" icon="icon-book" style="margin-top: 10px;height: 100%;">
           <div class="status-box">
             <div v-for="(item, index) in statusData" :key="index" class="status-box-item">
               <div>
@@ -388,8 +390,8 @@
           </el-table>
         </bench-col>
       </el-col>
-      <el-col :span="8">
-        <bench-col :height="blockHeight - 155" title="当前人员状态" icon="icon-book">
+      <el-col :span="8" class="bench-div">
+        <bench-col title="当前人员状态" icon="icon-book">
           <div class="personnel-status">
             <h5 style="width: 20%;">
               人员A
@@ -422,6 +424,14 @@
 </template>
 
 <style lang="scss" scoped>
+.bench-div {
+  display: flex;
+  flex-direction: column;
+  // height: var(#{"--global:benchDivHeight"});
+  height: v-bind("blockHeight");
+  // height: 400px;
+}
+
 .my-tests {
   display: flex;
   justify-content: space-between;
@@ -446,6 +456,7 @@
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-around;
+  height: 100%;
 
   .status-box-item {
     width: 40%;

diff --git a/src/router/modules/business.ts b/src/router/modules/business.ts
index 7ac0233..a3baef3 100644
--- a/src/router/modules/business.ts
+++ b/src/router/modules/business.ts
@@ -94,6 +94,18 @@
         },
       },
       {
+        path: ':type/:id?',
+        name: 'StandardReminderDetail',
+        component: () => import('@/views/business/board/standardReminder/detail.vue'),
+        meta: {
+          title: '装置到期提醒详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/standard/list',
+        },
+      },
+      {
         path: 'jobAccount',
         name: 'JobAccountList',
         component: () => import('@/views/business/board/jobAccount/list.vue'),
diff --git a/src/views/business/bench/bench.vue b/src/views/business/bench/bench.vue
index f846c51..288e209 100644
--- a/src/views/business/bench/bench.vue
+++ b/src/views/business/bench/bench.vue
@@ -214,14 +214,19 @@
     router.push(buttonTypes.value[index].url)
   }
 }
-
+const benchDivHeight = ref()
 function calcBlockSize() {
   // 计算工作台区域高度 - 顶部-面包屑-边距
   const bodyHeight = document.body.clientHeight - 60 - 50 - 20
   blockHeight.value = bodyHeight > 610 ? (bodyHeight - 10) / 2 : 300
   blockWidth.value = (document.body.clientWidth - 180 - 20 - 20) / 3
   console.log(blockHeight.value, blockWidth.value - 20)
+  benchDivHeight.value = blockHeight.value - 60
 }
+
+onMounted(() => {
+  calcBlockSize()
+})
 </script>
 
 <template>
@@ -294,21 +299,18 @@
           </div>
         </bench-col>
       </el-col>
-      <el-col :span="8">
-        <bench-col :height="blockHeight - 180">
-          <div class="bench-right-top">
-            <div
-              v-for="item of buttonTypes"
-              :key="item.text"
-              class="right-top-box"
-              @click="handleClickButton(item.id)"
-            >
-              {{ item.text }}
-            </div>
+      <el-col :span="8" class="bench-div">
+        <div class="bench-right-top" style="background-color: #fff;border-radius: 10px;padding: 10px;height: fit-content;">
+          <div
+            v-for="item of buttonTypes"
+            :key="item.text"
+            class="right-top-box"
+            @click="handleClickButton(item.id)"
+          >
+            {{ item.text }}
           </div>
-        </bench-col>
-        <div style="margin-top: 10px;" />
-        <bench-col :height="blockHeight - 130" title="当前进行中样品状态" icon="icon-book">
+        </div>
+        <bench-col title="当前进行中样品状态" icon="icon-book" style="margin-top: 10px;height: 100%;">
           <div class="status-box">
             <div v-for="(item, index) in statusData" :key="index" class="status-box-item">
               <div>
@@ -388,8 +390,8 @@
           </el-table>
         </bench-col>
       </el-col>
-      <el-col :span="8">
-        <bench-col :height="blockHeight - 155" title="当前人员状态" icon="icon-book">
+      <el-col :span="8" class="bench-div">
+        <bench-col title="当前人员状态" icon="icon-book">
           <div class="personnel-status">
             <h5 style="width: 20%;">
               人员A
@@ -422,6 +424,14 @@
 </template>
 
 <style lang="scss" scoped>
+.bench-div {
+  display: flex;
+  flex-direction: column;
+  // height: var(#{"--global:benchDivHeight"});
+  height: v-bind("blockHeight");
+  // height: 400px;
+}
+
 .my-tests {
   display: flex;
   justify-content: space-between;
@@ -446,6 +456,7 @@
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-around;
+  height: 100%;
 
   .status-box-item {
     width: 40%;
diff --git a/src/views/business/board/standardReminder/baseInfo.vue b/src/views/business/board/standardReminder/baseInfo.vue
new file mode 100644
index 0000000..e8f91ca
--- /dev/null
+++ b/src/views/business/board/standardReminder/baseInfo.vue
@@ -0,0 +1,750 @@
+<!-- 标准装置详情表单 -->
+<script lang="ts" setup name="BaseInfo">
+import { reactive, ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules, UploadProps, UploadUserFile } from 'element-plus'
+import dayjs from 'dayjs'
+import laboratoryDialog from '@/views/device/standardEquipment/components/standardList/laboratoryDialog.vue'
+import type { IOptions, IStandardList } from '@/views/device/standardEquipment/standard_interface'
+import { getStaffList } from '@/api/measure/person'
+import { getTypeSelect } from '@/api/system/price'
+import { getStandardListDetail, getUsersDept } from '@/api/device/standard'
+import { UploadFile } from '@/api/measure/file'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import personListDialog from '@/views/measure/person/components/personListDialog.vue'
+const props = defineProps({
+  infoId: { // 详情id
+    type: String,
+    default: '0',
+  },
+  buttonType: { // 从列表的哪个按钮进入的
+    type: String,
+    default: '',
+  },
+})
+const emit = defineEmits(['close', 'setData']) // 关闭
+const ruleFormRef = ref<FormInstance>()
+// 表单
+const formInline = ref({
+  assessDate: '', // 考核日期
+  assessmentUnit: '', // 考核单位
+  category: '', // 类别
+  categoryName: '', // 类别名称
+  constructionStandardProject: '', // 建标项目
+  constructionStandardUnitName: '', // 建标单位名称
+  contactInfo: '', // 联系方式
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '', // 主键
+  isDel: '', // 删除标记
+  laboratoryOwner: '', // 实验室负责人
+  laboratoryOwnerContact: '', // 联系方式
+  laboratoryOwnerName: '', // 实验室负责人名字
+  managerState: '', // 管理状态
+  managerStateName: '', // 管理状态名称
+  measureMajor: '', // 计量专业
+  fileList: [] as any, // 文件列表
+  measureMajorName: '', // 计量专业名称
+  mesureRange: '', // 测量范围
+  organizeNo: '', // 组织机构代码
+  preparationDate: '', // 筹建日期
+  projectNo: '', // 项目编号
+  remark: '', // 备注
+  standardHumidity: '', // 标准湿度
+  standardLaboratory: '', // 标准所在实验室
+  standardLaboratoryName: '', // 标准所在实验室名称
+  standardLevel: '', // 标准等级
+  standardLevelName: '', // 标准等级名称
+  standardName: '', // 标准名称
+  standardNo: '', // 标准代码
+  standardOwner: '', // 标准负责人
+  standardOwnerName: '', // 标准负责人名称
+  standardTemperature: '', // 标准温度
+  totalInvestment: '', // 投资总额
+  transmitRange: '', // 传递范围
+  transmitRangeName: '', // 传递范围名称
+  uncertainty: '', // 不确定度
+  updateTime: '', // 更新时间
+  version: '', // 版本号
+  minioFileName: [], // 附件
+})
+const checkTypeOptions = ref<IOptions[]>([])
+const standardOwnerOptions = ref<IOptions[]>([]) // 标准负责人
+const fileList = ref<UploadUserFile[]>([]) // 文件对象数组
+const measureMajorList = ref<IOptions[]>([]) // 计量专业下拉框
+const standardManagerStateList = ref<IOptions[]>([]) // 管理状态下拉框
+const standardLevelList = ref<IOptions[]>([]) // 标准等级下拉框
+const transmitRangeList = ref<IOptions[]>([]) // 传递范围下拉框
+// 标准所在部门下拉框
+const standardUsersDeptList = ref<IOptions[]>([])
+// 获取下拉框
+const getSelectList = (code: string) => {
+  getTypeSelect(code).then((res) => {
+    if (code === 'measureMajor') {
+      measureMajorList.value = res.data
+    }
+    else if (code === 'standardManagerState') {
+      standardManagerStateList.value = res.data
+    }
+    else if (code === 'standardLevel') {
+      standardLevelList.value = res.data
+    }
+    else if (code === 'transmitRange') {
+      transmitRangeList.value = res.data
+    }
+    else if (code === 'standardCategory') {
+      checkTypeOptions.value = res.data
+    }
+  })
+}
+getSelectList('measureMajor') // 获取计量专业下拉框
+getSelectList('standardManagerState') // 获取管理状态下拉框
+getSelectList('standardLevel') // 获取标准等级下拉框
+getSelectList('transmitRange') // 获取传递范围下拉框
+getSelectList('standardCategory') // 获取类别下拉框
+// 获取部门信息参数
+const DeptParams = ref({
+  createEndTime: '',
+  createstartTime: '',
+  director: '',
+  meterMajor: '',
+  organizeName: '',
+  organizeNo: '',
+  organizeType: '2',
+  pdeptId: null,
+  offset: 1,
+  limit: 999999,
+})
+// 获取部门信息
+getUsersDept(DeptParams.value).then((res) => {
+  standardUsersDeptList.value = res.data.rows
+})
+// 获取到标准负责人数组
+const getStandardOwnerOptions = () => {
+  const params = {
+    staffNo: '', // 人员编号
+    name: '', // 姓名
+    deptId: '', // 工作部门
+    major: '', // 计量专业
+    verifierCertificateNo: '', // 证书号
+    certificateStatus: '', // 证书状态
+    limit: 100000,
+    offset: 1,
+  }
+  getStaffList(params).then((res) => {
+    standardOwnerOptions.value = res.data.records
+  })
+}
+getStandardOwnerOptions()
+
+const rules = reactive<FormRules>({
+  standardName: [{ required: true, message: '标准名称不能为空', trigger: ['blur', 'change'] }],
+  projectNo: [{ required: true, message: '项目编号不能为空', trigger: ['blur', 'change'] }],
+  constructionStandardProject: [{ required: true, message: '建标项目不能为空', trigger: ['blur', 'change'] }],
+  organizeNo: [{ required: true, message: '组织机构代码不能为空', trigger: ['blur', 'change'] }],
+  constructionStandardUnitName: [{ required: true, message: '建标单位名称不能为空', trigger: ['blur', 'change'] }],
+  standardOwnerName: [{ required: true, message: '标准负责人不能为空', trigger: ['blur', 'change'] }],
+  contactInfo: [{ required: true, message: '联系方式不能为空', trigger: ['blur', 'change'] }],
+  category: [{ required: true, message: '类别不能为空', trigger: ['blur', 'change'] }],
+  standardLevel: [{ required: true, message: '标准等级不能为空', trigger: ['blur', 'change'] }],
+  transmitRange: [{ required: true, message: '传递范围不能为空', trigger: ['blur', 'change'] }],
+  preparationDate: [{ required: true, message: '筹建日期不能为空', trigger: ['blur', 'change'] }],
+  managerState: [{ required: true, message: '管理状态不能为空', trigger: ['blur', 'change'] }],
+  measureMajor: [{ required: true, message: '计量专业不能为空', trigger: ['blur', 'change'] }],
+  assessmentUnit: [{ required: true, message: '考核单位不能为空', trigger: ['blur', 'change'] }],
+  assessDate: [{ required: true, message: '考核日期不能为空', trigger: ['blur', 'change'] }],
+  uncertainty: [{ required: true, message: '不确定度不能为空', trigger: ['blur', 'change'] }],
+  mesureRange: [{ required: true, message: '测量范围不能为空', trigger: ['blur', 'change'] }],
+  standardTemperature: [{ required: true, message: '标准温度不能为空', trigger: ['blur', 'change'] },
+    { pattern: /(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/, message: '标准温度只能为数字', trigger: ['blur', 'change'] }],
+  standardHumidity: [{ required: true, message: '标准湿度不能为空', trigger: ['blur', 'change'] },
+    { pattern: /(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/, message: '标准湿度只能为数字', trigger: ['blur', 'change'] }],
+  totalInvestment: [{ required: false, message: '', trigger: ['blur', 'change'] },
+    { pattern: /(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/, message: '投资总额只能为数字', trigger: ['blur', 'change'] }],
+}) // 表单验证规则
+
+// 标准实验室发生改变row类型
+interface rowReturn {
+  phone: string
+  director: string
+  name: string
+  organizeName: string
+  id: string
+  deptId: string
+}
+// 实验室ref
+const laboratorydialog = ref()
+// 标准实验室点击
+const changeDeptList = () => {
+  laboratorydialog.value.initDialog()
+}
+// 标准实验室清空时
+const clearDeptList = () => {
+  formInline.value.laboratoryOwnerContact = ''
+  formInline.value.laboratoryOwner = ''
+}
+// 获取detail信息
+const getInfo = () => {
+  getStandardListDetail({ id: props.infoId }).then((res) => {
+    Object.keys(res.data).map((item) => {
+      if (typeof (res.data[item]) === 'number') {
+        res.data[item] = res.data[item].toString()
+      }
+    })
+    formInline.value = res.data
+    const tempArr = [] as any
+    if (res.data.fileList && res.data.fileList.length) {
+      res.data.fileList.forEach((item: { minioFileName: string }) => {
+        tempArr.push(item.minioFileName)
+      })
+    }
+    formInline.value.minioFileName = tempArr
+  })
+}
+
+// 计量人员组件
+const personListdialog = ref()
+// 点击选择负责人函数
+const personClick = () => {
+  personListdialog.value.initDialog()
+}
+// 测试数据
+const simulateObject = {
+  data: dayjs(`${new Date()}`).format('YYYY-MM-DD'), // 有效日期
+  certificateNo: '199926465422', // 证书编号
+  authorityOfIssue: 'xxx公司', // 发证单位
+  authorityOfDate: dayjs(`${new Date()}`).format('YYYY-MM-DD'), // 发证日期
+}
+// 选择负责人回调函数
+const personListAdd = (data: rowReturn) => {
+  formInline.value.standardOwner = data.id
+  formInline.value.standardOwnerName = data.name
+}
+// 选择完科室的回调函数
+const laboratoryListAdd = (data: rowReturn) => {
+  formInline.value.standardLaboratory = data.deptId
+  formInline.value.standardLaboratoryName = data.organizeName
+  formInline.value.laboratoryOwner = data.director
+  formInline.value.laboratoryOwnerContact = data.phone
+}
+
+// 删除附件
+const del = (index: any) => {
+  formInline.value.fileList.splice(index, 1)
+  formInline.value.minioFileName = formInline.value.fileList.map((item: any) => {
+    return item.minioFileName
+  })
+}
+
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  const files = event.target.files
+  if (files.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    for (var i = 0; i < files.length; i++) {
+      fd.append('multipartFile', files[i])
+    }
+    UploadFile(fd).then((res) => {
+      if (res.code === 200) {
+        res.data.forEach((item: string) => {
+          formInline.value.fileList.push({
+            minioFileName: item,
+          })
+        })
+        formInline.value.minioFileName = formInline.value.fileList.map((item: any) => {
+          return item.minioFileName
+        })
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+
+watch(() => formInline.value, (newVal) => {
+// 变化后存储
+  emit('setData', newVal)
+},
+{ deep: true, immediate: true })
+// 提交
+const submitForm = () => {
+  return ruleFormRef.value
+}
+defineExpose({ submitForm, formInline })
+onMounted(() => {
+  if (props.buttonType !== 'add') { // 编辑和详情获取详情信息
+    getInfo()
+  }
+})
+</script>
+
+<template>
+  <app-container>
+    <div class="info-content">
+      <el-form
+        id="form"
+        ref="ruleFormRef"
+        :model="formInline"
+        label-position="right"
+        label-width="auto"
+        :rules="rules"
+      >
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="标准代码:">
+              <el-input
+                v-model.trim="formInline.standardNo"
+                :placeholder="buttonType === 'detail' ? '' : '系统自动生成'"
+                disabled
+                class="full-width-input"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准名称:" prop="standardName">
+              <el-input
+                v-model.trim="formInline.standardName"
+                :placeholder="buttonType === 'detail' ? '' : '请输入标准名称'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="项目编号:" prop="projectNo">
+              <el-input
+                v-model.trim="formInline.projectNo"
+                :placeholder="buttonType === 'detail' ? '' : '请输入项目编号'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="建标项目:" prop="constructionStandardProject">
+              <el-input
+                v-model.trim="formInline.constructionStandardProject"
+                :placeholder="buttonType === 'detail' ? '' : '请输入建标项目'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="组织机构代码:" prop="organizeNo">
+              <el-input
+                v-model.trim="formInline.organizeNo"
+                :placeholder="buttonType === 'detail' ? '' : '请输入组织机构代码'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item
+              label="建标单位名称:"
+              prop="constructionStandardUnitName"
+            >
+              <el-input
+                v-model.trim="formInline.constructionStandardUnitName"
+                :placeholder="buttonType === 'detail' ? '' : '请输入建标单位名称'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准负责人:" prop="standardOwnerName">
+              <el-input
+                v-model.trim="formInline.standardOwnerName"
+                :placeholder="buttonType === 'detail' ? '' : '请选择标准负责人'"
+                disabled
+                class="full-width-input"
+                clearable
+              >
+                <template v-if="buttonType !== 'detail'" #append>
+                  <el-button
+                    size="small"
+                    @click="personClick"
+                  >
+                    选择
+                  </el-button>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系方式:" prop="contactInfo">
+              <el-input
+                v-model.trim="formInline.contactInfo"
+                :placeholder="buttonType === 'detail' ? '' : '请输入联系方式'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="类 别:" prop="category">
+              <el-select
+                v-model="formInline.category"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择类别'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in checkTypeOptions"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.value"
+                  clearable
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准等级:" prop="standardLevel">
+              <el-select
+                v-model.trim="formInline.standardLevel"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择标准等级'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in standardLevelList"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.value"
+                  clearable
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="传递范围:" prop="transmitRange">
+              <el-select
+                v-model.trim="formInline.transmitRange"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择传递范围'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in transmitRangeList"
+                  :key="item.id"
+                  :label="item.name"
+                  clearable
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="投资总额(元):" prop="totalInvestment">
+              <el-input
+                v-model.trim="formInline.totalInvestment"
+                :placeholder="buttonType === 'detail' ? '' : '请输入投资总额'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="筹建日期:" prop="preparationDate">
+              <el-date-picker
+                v-model="formInline.preparationDate"
+                type="date"
+                :placeholder="buttonType === 'detail' ? '' : '请选择筹建日期'"
+                style="width: 100%;"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准科室:">
+              <el-input
+                v-model.trim="formInline.standardLaboratoryName"
+                :placeholder="buttonType === 'detail' ? '' : '请选择标准科室'"
+                disabled
+                class="full-width-input"
+                clearable
+              >
+                <template v-if="buttonType !== 'detail'" #append>
+                  <el-button
+                    size="small"
+                    @click="changeDeptList"
+                  >
+                    选择
+                  </el-button>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="科室负责人:">
+              <el-input
+                v-model.trim="formInline.laboratoryOwner"
+                :placeholder="buttonType === 'detail' ? '' : '请输入科室负责人'"
+                disabled
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系方式:">
+              <el-input
+                v-model.trim="formInline.laboratoryOwnerContact"
+                :placeholder="buttonType === 'detail' ? '' : '请输入联系方式'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="管理状态:" prop="managerState">
+              <el-select
+                v-model.trim="formInline.managerState"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择管理状态'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in standardManagerStateList"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.value"
+                  clearable
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="计量专业:" prop="measureMajor">
+              <el-select
+                v-model.trim="formInline.measureMajor"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择计量专业'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in measureMajorList"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.value"
+                  clearable
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="考核单位:" prop="assessmentUnit">
+              <el-input
+                v-model.trim="formInline.assessmentUnit"
+                :placeholder="buttonType === 'detail' ? '' : '请输入考核单位'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="考核日期:" prop="assessDate">
+              <el-date-picker
+                v-model="formInline.assessDate"
+                type="date"
+                style="width: 100%;"
+                :placeholder="buttonType === 'detail' ? '' : '请选择考核日期'"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="不确定度:" prop="uncertainty">
+              <el-input
+                v-model.trim="formInline.uncertainty"
+                :placeholder="buttonType === 'detail' ? '' : '请输入不确定度'"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="测量范围:" prop="mesureRange">
+              <el-input
+                v-model.trim="formInline.mesureRange"
+                :placeholder="buttonType === 'detail' ? '' : '请输入测量范围'"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="2">
+            <el-form-item label="环境条件" />
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准温度(℃):" prop="standardTemperature">
+              <el-input
+                v-model.trim="formInline.standardTemperature"
+                :placeholder="buttonType === 'detail' ? '' : '请输入标准温度'"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准湿度(%):" prop="standardHumidity">
+              <el-input
+                v-model.trim="formInline.standardHumidity"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请输入标准湿度'"
+                :disabled="buttonType === 'detail'"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <!-- <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="有效日期:">
+              <el-date-picker
+                v-model="simulateObject.data"
+                type="date"
+                style="width: 100%;"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="证书编号:">
+              <el-input
+                v-model.trim="simulateObject.certificateNo"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="发证单位:">
+              <el-input
+                v-model.trim="simulateObject.authorityOfIssue"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="发证日期:">
+              <el-date-picker
+                v-model="simulateObject.authorityOfDate"
+                type="date"
+                style="width: 100%;"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+        </el-row> -->
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="备注:">
+              <el-input
+                v-model.trim="formInline.remark"
+                :placeholder="buttonType === 'detail' ? '' : '请输入备注'"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="24">
+            <el-form-item label="文件:">
+              <el-button v-if="buttonType !== 'detail'" id="file" type="primary" :disabled="buttonType === 'detail'" :style="{ 'margin-right': '20px' }" @click="upload">
+                {{ !formInline.minioFileName.length ? '上传' : '上传' }}
+              </el-button>
+              <div v-for="(item, index) in formInline.minioFileName" :key="index" style="display: flex;">
+                <show-photo :minio-file-name="item">
+                  <span v-if="buttonType !== 'detail'" class="photo-close" @click="del(index)">×</span>
+                </show-photo>
+              </div>
+              <span v-if="buttonType === 'detail' && !formInline.minioFileName.length">无</span>
+              <input v-show="buttonType === ''" ref="fileRef" type="file" name="upload" multiple @change="onFileChange">
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </app-container>
+  <person-list-dialog ref="personListdialog" @add="personListAdd" />
+  <laboratory-dialog ref="laboratorydialog" @add="laboratoryListAdd" />
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.top-info {
+  width: 100%;
+  height: 50px;
+  padding-right: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 10px;
+  background-color: #fff;
+
+  .title {
+    width: 75%;
+    text-align: center;
+  }
+}
+
+.info-content {
+  padding: 15px;
+  border-radius: 10px;
+  background-color: #fff;
+}
+</style>

diff --git a/src/router/modules/business.ts b/src/router/modules/business.ts
index 7ac0233..a3baef3 100644
--- a/src/router/modules/business.ts
+++ b/src/router/modules/business.ts
@@ -94,6 +94,18 @@
         },
       },
       {
+        path: ':type/:id?',
+        name: 'StandardReminderDetail',
+        component: () => import('@/views/business/board/standardReminder/detail.vue'),
+        meta: {
+          title: '装置到期提醒详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/standard/list',
+        },
+      },
+      {
         path: 'jobAccount',
         name: 'JobAccountList',
         component: () => import('@/views/business/board/jobAccount/list.vue'),
diff --git a/src/views/business/bench/bench.vue b/src/views/business/bench/bench.vue
index f846c51..288e209 100644
--- a/src/views/business/bench/bench.vue
+++ b/src/views/business/bench/bench.vue
@@ -214,14 +214,19 @@
     router.push(buttonTypes.value[index].url)
   }
 }
-
+const benchDivHeight = ref()
 function calcBlockSize() {
   // 计算工作台区域高度 - 顶部-面包屑-边距
   const bodyHeight = document.body.clientHeight - 60 - 50 - 20
   blockHeight.value = bodyHeight > 610 ? (bodyHeight - 10) / 2 : 300
   blockWidth.value = (document.body.clientWidth - 180 - 20 - 20) / 3
   console.log(blockHeight.value, blockWidth.value - 20)
+  benchDivHeight.value = blockHeight.value - 60
 }
+
+onMounted(() => {
+  calcBlockSize()
+})
 </script>
 
 <template>
@@ -294,21 +299,18 @@
           </div>
         </bench-col>
       </el-col>
-      <el-col :span="8">
-        <bench-col :height="blockHeight - 180">
-          <div class="bench-right-top">
-            <div
-              v-for="item of buttonTypes"
-              :key="item.text"
-              class="right-top-box"
-              @click="handleClickButton(item.id)"
-            >
-              {{ item.text }}
-            </div>
+      <el-col :span="8" class="bench-div">
+        <div class="bench-right-top" style="background-color: #fff;border-radius: 10px;padding: 10px;height: fit-content;">
+          <div
+            v-for="item of buttonTypes"
+            :key="item.text"
+            class="right-top-box"
+            @click="handleClickButton(item.id)"
+          >
+            {{ item.text }}
           </div>
-        </bench-col>
-        <div style="margin-top: 10px;" />
-        <bench-col :height="blockHeight - 130" title="当前进行中样品状态" icon="icon-book">
+        </div>
+        <bench-col title="当前进行中样品状态" icon="icon-book" style="margin-top: 10px;height: 100%;">
           <div class="status-box">
             <div v-for="(item, index) in statusData" :key="index" class="status-box-item">
               <div>
@@ -388,8 +390,8 @@
           </el-table>
         </bench-col>
       </el-col>
-      <el-col :span="8">
-        <bench-col :height="blockHeight - 155" title="当前人员状态" icon="icon-book">
+      <el-col :span="8" class="bench-div">
+        <bench-col title="当前人员状态" icon="icon-book">
           <div class="personnel-status">
             <h5 style="width: 20%;">
               人员A
@@ -422,6 +424,14 @@
 </template>
 
 <style lang="scss" scoped>
+.bench-div {
+  display: flex;
+  flex-direction: column;
+  // height: var(#{"--global:benchDivHeight"});
+  height: v-bind("blockHeight");
+  // height: 400px;
+}
+
 .my-tests {
   display: flex;
   justify-content: space-between;
@@ -446,6 +456,7 @@
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-around;
+  height: 100%;
 
   .status-box-item {
     width: 40%;
diff --git a/src/views/business/board/standardReminder/baseInfo.vue b/src/views/business/board/standardReminder/baseInfo.vue
new file mode 100644
index 0000000..e8f91ca
--- /dev/null
+++ b/src/views/business/board/standardReminder/baseInfo.vue
@@ -0,0 +1,750 @@
+<!-- 标准装置详情表单 -->
+<script lang="ts" setup name="BaseInfo">
+import { reactive, ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules, UploadProps, UploadUserFile } from 'element-plus'
+import dayjs from 'dayjs'
+import laboratoryDialog from '@/views/device/standardEquipment/components/standardList/laboratoryDialog.vue'
+import type { IOptions, IStandardList } from '@/views/device/standardEquipment/standard_interface'
+import { getStaffList } from '@/api/measure/person'
+import { getTypeSelect } from '@/api/system/price'
+import { getStandardListDetail, getUsersDept } from '@/api/device/standard'
+import { UploadFile } from '@/api/measure/file'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import personListDialog from '@/views/measure/person/components/personListDialog.vue'
+const props = defineProps({
+  infoId: { // 详情id
+    type: String,
+    default: '0',
+  },
+  buttonType: { // 从列表的哪个按钮进入的
+    type: String,
+    default: '',
+  },
+})
+const emit = defineEmits(['close', 'setData']) // 关闭
+const ruleFormRef = ref<FormInstance>()
+// 表单
+const formInline = ref({
+  assessDate: '', // 考核日期
+  assessmentUnit: '', // 考核单位
+  category: '', // 类别
+  categoryName: '', // 类别名称
+  constructionStandardProject: '', // 建标项目
+  constructionStandardUnitName: '', // 建标单位名称
+  contactInfo: '', // 联系方式
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '', // 主键
+  isDel: '', // 删除标记
+  laboratoryOwner: '', // 实验室负责人
+  laboratoryOwnerContact: '', // 联系方式
+  laboratoryOwnerName: '', // 实验室负责人名字
+  managerState: '', // 管理状态
+  managerStateName: '', // 管理状态名称
+  measureMajor: '', // 计量专业
+  fileList: [] as any, // 文件列表
+  measureMajorName: '', // 计量专业名称
+  mesureRange: '', // 测量范围
+  organizeNo: '', // 组织机构代码
+  preparationDate: '', // 筹建日期
+  projectNo: '', // 项目编号
+  remark: '', // 备注
+  standardHumidity: '', // 标准湿度
+  standardLaboratory: '', // 标准所在实验室
+  standardLaboratoryName: '', // 标准所在实验室名称
+  standardLevel: '', // 标准等级
+  standardLevelName: '', // 标准等级名称
+  standardName: '', // 标准名称
+  standardNo: '', // 标准代码
+  standardOwner: '', // 标准负责人
+  standardOwnerName: '', // 标准负责人名称
+  standardTemperature: '', // 标准温度
+  totalInvestment: '', // 投资总额
+  transmitRange: '', // 传递范围
+  transmitRangeName: '', // 传递范围名称
+  uncertainty: '', // 不确定度
+  updateTime: '', // 更新时间
+  version: '', // 版本号
+  minioFileName: [], // 附件
+})
+const checkTypeOptions = ref<IOptions[]>([])
+const standardOwnerOptions = ref<IOptions[]>([]) // 标准负责人
+const fileList = ref<UploadUserFile[]>([]) // 文件对象数组
+const measureMajorList = ref<IOptions[]>([]) // 计量专业下拉框
+const standardManagerStateList = ref<IOptions[]>([]) // 管理状态下拉框
+const standardLevelList = ref<IOptions[]>([]) // 标准等级下拉框
+const transmitRangeList = ref<IOptions[]>([]) // 传递范围下拉框
+// 标准所在部门下拉框
+const standardUsersDeptList = ref<IOptions[]>([])
+// 获取下拉框
+const getSelectList = (code: string) => {
+  getTypeSelect(code).then((res) => {
+    if (code === 'measureMajor') {
+      measureMajorList.value = res.data
+    }
+    else if (code === 'standardManagerState') {
+      standardManagerStateList.value = res.data
+    }
+    else if (code === 'standardLevel') {
+      standardLevelList.value = res.data
+    }
+    else if (code === 'transmitRange') {
+      transmitRangeList.value = res.data
+    }
+    else if (code === 'standardCategory') {
+      checkTypeOptions.value = res.data
+    }
+  })
+}
+getSelectList('measureMajor') // 获取计量专业下拉框
+getSelectList('standardManagerState') // 获取管理状态下拉框
+getSelectList('standardLevel') // 获取标准等级下拉框
+getSelectList('transmitRange') // 获取传递范围下拉框
+getSelectList('standardCategory') // 获取类别下拉框
+// 获取部门信息参数
+const DeptParams = ref({
+  createEndTime: '',
+  createstartTime: '',
+  director: '',
+  meterMajor: '',
+  organizeName: '',
+  organizeNo: '',
+  organizeType: '2',
+  pdeptId: null,
+  offset: 1,
+  limit: 999999,
+})
+// 获取部门信息
+getUsersDept(DeptParams.value).then((res) => {
+  standardUsersDeptList.value = res.data.rows
+})
+// 获取到标准负责人数组
+const getStandardOwnerOptions = () => {
+  const params = {
+    staffNo: '', // 人员编号
+    name: '', // 姓名
+    deptId: '', // 工作部门
+    major: '', // 计量专业
+    verifierCertificateNo: '', // 证书号
+    certificateStatus: '', // 证书状态
+    limit: 100000,
+    offset: 1,
+  }
+  getStaffList(params).then((res) => {
+    standardOwnerOptions.value = res.data.records
+  })
+}
+getStandardOwnerOptions()
+
+const rules = reactive<FormRules>({
+  standardName: [{ required: true, message: '标准名称不能为空', trigger: ['blur', 'change'] }],
+  projectNo: [{ required: true, message: '项目编号不能为空', trigger: ['blur', 'change'] }],
+  constructionStandardProject: [{ required: true, message: '建标项目不能为空', trigger: ['blur', 'change'] }],
+  organizeNo: [{ required: true, message: '组织机构代码不能为空', trigger: ['blur', 'change'] }],
+  constructionStandardUnitName: [{ required: true, message: '建标单位名称不能为空', trigger: ['blur', 'change'] }],
+  standardOwnerName: [{ required: true, message: '标准负责人不能为空', trigger: ['blur', 'change'] }],
+  contactInfo: [{ required: true, message: '联系方式不能为空', trigger: ['blur', 'change'] }],
+  category: [{ required: true, message: '类别不能为空', trigger: ['blur', 'change'] }],
+  standardLevel: [{ required: true, message: '标准等级不能为空', trigger: ['blur', 'change'] }],
+  transmitRange: [{ required: true, message: '传递范围不能为空', trigger: ['blur', 'change'] }],
+  preparationDate: [{ required: true, message: '筹建日期不能为空', trigger: ['blur', 'change'] }],
+  managerState: [{ required: true, message: '管理状态不能为空', trigger: ['blur', 'change'] }],
+  measureMajor: [{ required: true, message: '计量专业不能为空', trigger: ['blur', 'change'] }],
+  assessmentUnit: [{ required: true, message: '考核单位不能为空', trigger: ['blur', 'change'] }],
+  assessDate: [{ required: true, message: '考核日期不能为空', trigger: ['blur', 'change'] }],
+  uncertainty: [{ required: true, message: '不确定度不能为空', trigger: ['blur', 'change'] }],
+  mesureRange: [{ required: true, message: '测量范围不能为空', trigger: ['blur', 'change'] }],
+  standardTemperature: [{ required: true, message: '标准温度不能为空', trigger: ['blur', 'change'] },
+    { pattern: /(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/, message: '标准温度只能为数字', trigger: ['blur', 'change'] }],
+  standardHumidity: [{ required: true, message: '标准湿度不能为空', trigger: ['blur', 'change'] },
+    { pattern: /(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/, message: '标准湿度只能为数字', trigger: ['blur', 'change'] }],
+  totalInvestment: [{ required: false, message: '', trigger: ['blur', 'change'] },
+    { pattern: /(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/, message: '投资总额只能为数字', trigger: ['blur', 'change'] }],
+}) // 表单验证规则
+
+// 标准实验室发生改变row类型
+interface rowReturn {
+  phone: string
+  director: string
+  name: string
+  organizeName: string
+  id: string
+  deptId: string
+}
+// 实验室ref
+const laboratorydialog = ref()
+// 标准实验室点击
+const changeDeptList = () => {
+  laboratorydialog.value.initDialog()
+}
+// 标准实验室清空时
+const clearDeptList = () => {
+  formInline.value.laboratoryOwnerContact = ''
+  formInline.value.laboratoryOwner = ''
+}
+// 获取detail信息
+const getInfo = () => {
+  getStandardListDetail({ id: props.infoId }).then((res) => {
+    Object.keys(res.data).map((item) => {
+      if (typeof (res.data[item]) === 'number') {
+        res.data[item] = res.data[item].toString()
+      }
+    })
+    formInline.value = res.data
+    const tempArr = [] as any
+    if (res.data.fileList && res.data.fileList.length) {
+      res.data.fileList.forEach((item: { minioFileName: string }) => {
+        tempArr.push(item.minioFileName)
+      })
+    }
+    formInline.value.minioFileName = tempArr
+  })
+}
+
+// 计量人员组件
+const personListdialog = ref()
+// 点击选择负责人函数
+const personClick = () => {
+  personListdialog.value.initDialog()
+}
+// 测试数据
+const simulateObject = {
+  data: dayjs(`${new Date()}`).format('YYYY-MM-DD'), // 有效日期
+  certificateNo: '199926465422', // 证书编号
+  authorityOfIssue: 'xxx公司', // 发证单位
+  authorityOfDate: dayjs(`${new Date()}`).format('YYYY-MM-DD'), // 发证日期
+}
+// 选择负责人回调函数
+const personListAdd = (data: rowReturn) => {
+  formInline.value.standardOwner = data.id
+  formInline.value.standardOwnerName = data.name
+}
+// 选择完科室的回调函数
+const laboratoryListAdd = (data: rowReturn) => {
+  formInline.value.standardLaboratory = data.deptId
+  formInline.value.standardLaboratoryName = data.organizeName
+  formInline.value.laboratoryOwner = data.director
+  formInline.value.laboratoryOwnerContact = data.phone
+}
+
+// 删除附件
+const del = (index: any) => {
+  formInline.value.fileList.splice(index, 1)
+  formInline.value.minioFileName = formInline.value.fileList.map((item: any) => {
+    return item.minioFileName
+  })
+}
+
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  const files = event.target.files
+  if (files.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    for (var i = 0; i < files.length; i++) {
+      fd.append('multipartFile', files[i])
+    }
+    UploadFile(fd).then((res) => {
+      if (res.code === 200) {
+        res.data.forEach((item: string) => {
+          formInline.value.fileList.push({
+            minioFileName: item,
+          })
+        })
+        formInline.value.minioFileName = formInline.value.fileList.map((item: any) => {
+          return item.minioFileName
+        })
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+
+watch(() => formInline.value, (newVal) => {
+// 变化后存储
+  emit('setData', newVal)
+},
+{ deep: true, immediate: true })
+// 提交
+const submitForm = () => {
+  return ruleFormRef.value
+}
+defineExpose({ submitForm, formInline })
+onMounted(() => {
+  if (props.buttonType !== 'add') { // 编辑和详情获取详情信息
+    getInfo()
+  }
+})
+</script>
+
+<template>
+  <app-container>
+    <div class="info-content">
+      <el-form
+        id="form"
+        ref="ruleFormRef"
+        :model="formInline"
+        label-position="right"
+        label-width="auto"
+        :rules="rules"
+      >
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="标准代码:">
+              <el-input
+                v-model.trim="formInline.standardNo"
+                :placeholder="buttonType === 'detail' ? '' : '系统自动生成'"
+                disabled
+                class="full-width-input"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准名称:" prop="standardName">
+              <el-input
+                v-model.trim="formInline.standardName"
+                :placeholder="buttonType === 'detail' ? '' : '请输入标准名称'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="项目编号:" prop="projectNo">
+              <el-input
+                v-model.trim="formInline.projectNo"
+                :placeholder="buttonType === 'detail' ? '' : '请输入项目编号'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="建标项目:" prop="constructionStandardProject">
+              <el-input
+                v-model.trim="formInline.constructionStandardProject"
+                :placeholder="buttonType === 'detail' ? '' : '请输入建标项目'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="组织机构代码:" prop="organizeNo">
+              <el-input
+                v-model.trim="formInline.organizeNo"
+                :placeholder="buttonType === 'detail' ? '' : '请输入组织机构代码'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item
+              label="建标单位名称:"
+              prop="constructionStandardUnitName"
+            >
+              <el-input
+                v-model.trim="formInline.constructionStandardUnitName"
+                :placeholder="buttonType === 'detail' ? '' : '请输入建标单位名称'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准负责人:" prop="standardOwnerName">
+              <el-input
+                v-model.trim="formInline.standardOwnerName"
+                :placeholder="buttonType === 'detail' ? '' : '请选择标准负责人'"
+                disabled
+                class="full-width-input"
+                clearable
+              >
+                <template v-if="buttonType !== 'detail'" #append>
+                  <el-button
+                    size="small"
+                    @click="personClick"
+                  >
+                    选择
+                  </el-button>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系方式:" prop="contactInfo">
+              <el-input
+                v-model.trim="formInline.contactInfo"
+                :placeholder="buttonType === 'detail' ? '' : '请输入联系方式'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="类 别:" prop="category">
+              <el-select
+                v-model="formInline.category"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择类别'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in checkTypeOptions"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.value"
+                  clearable
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准等级:" prop="standardLevel">
+              <el-select
+                v-model.trim="formInline.standardLevel"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择标准等级'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in standardLevelList"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.value"
+                  clearable
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="传递范围:" prop="transmitRange">
+              <el-select
+                v-model.trim="formInline.transmitRange"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择传递范围'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in transmitRangeList"
+                  :key="item.id"
+                  :label="item.name"
+                  clearable
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="投资总额(元):" prop="totalInvestment">
+              <el-input
+                v-model.trim="formInline.totalInvestment"
+                :placeholder="buttonType === 'detail' ? '' : '请输入投资总额'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="筹建日期:" prop="preparationDate">
+              <el-date-picker
+                v-model="formInline.preparationDate"
+                type="date"
+                :placeholder="buttonType === 'detail' ? '' : '请选择筹建日期'"
+                style="width: 100%;"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准科室:">
+              <el-input
+                v-model.trim="formInline.standardLaboratoryName"
+                :placeholder="buttonType === 'detail' ? '' : '请选择标准科室'"
+                disabled
+                class="full-width-input"
+                clearable
+              >
+                <template v-if="buttonType !== 'detail'" #append>
+                  <el-button
+                    size="small"
+                    @click="changeDeptList"
+                  >
+                    选择
+                  </el-button>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="科室负责人:">
+              <el-input
+                v-model.trim="formInline.laboratoryOwner"
+                :placeholder="buttonType === 'detail' ? '' : '请输入科室负责人'"
+                disabled
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系方式:">
+              <el-input
+                v-model.trim="formInline.laboratoryOwnerContact"
+                :placeholder="buttonType === 'detail' ? '' : '请输入联系方式'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="管理状态:" prop="managerState">
+              <el-select
+                v-model.trim="formInline.managerState"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择管理状态'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in standardManagerStateList"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.value"
+                  clearable
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="计量专业:" prop="measureMajor">
+              <el-select
+                v-model.trim="formInline.measureMajor"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择计量专业'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in measureMajorList"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.value"
+                  clearable
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="考核单位:" prop="assessmentUnit">
+              <el-input
+                v-model.trim="formInline.assessmentUnit"
+                :placeholder="buttonType === 'detail' ? '' : '请输入考核单位'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="考核日期:" prop="assessDate">
+              <el-date-picker
+                v-model="formInline.assessDate"
+                type="date"
+                style="width: 100%;"
+                :placeholder="buttonType === 'detail' ? '' : '请选择考核日期'"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="不确定度:" prop="uncertainty">
+              <el-input
+                v-model.trim="formInline.uncertainty"
+                :placeholder="buttonType === 'detail' ? '' : '请输入不确定度'"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="测量范围:" prop="mesureRange">
+              <el-input
+                v-model.trim="formInline.mesureRange"
+                :placeholder="buttonType === 'detail' ? '' : '请输入测量范围'"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="2">
+            <el-form-item label="环境条件" />
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准温度(℃):" prop="standardTemperature">
+              <el-input
+                v-model.trim="formInline.standardTemperature"
+                :placeholder="buttonType === 'detail' ? '' : '请输入标准温度'"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准湿度(%):" prop="standardHumidity">
+              <el-input
+                v-model.trim="formInline.standardHumidity"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请输入标准湿度'"
+                :disabled="buttonType === 'detail'"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <!-- <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="有效日期:">
+              <el-date-picker
+                v-model="simulateObject.data"
+                type="date"
+                style="width: 100%;"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="证书编号:">
+              <el-input
+                v-model.trim="simulateObject.certificateNo"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="发证单位:">
+              <el-input
+                v-model.trim="simulateObject.authorityOfIssue"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="发证日期:">
+              <el-date-picker
+                v-model="simulateObject.authorityOfDate"
+                type="date"
+                style="width: 100%;"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+        </el-row> -->
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="备注:">
+              <el-input
+                v-model.trim="formInline.remark"
+                :placeholder="buttonType === 'detail' ? '' : '请输入备注'"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="24">
+            <el-form-item label="文件:">
+              <el-button v-if="buttonType !== 'detail'" id="file" type="primary" :disabled="buttonType === 'detail'" :style="{ 'margin-right': '20px' }" @click="upload">
+                {{ !formInline.minioFileName.length ? '上传' : '上传' }}
+              </el-button>
+              <div v-for="(item, index) in formInline.minioFileName" :key="index" style="display: flex;">
+                <show-photo :minio-file-name="item">
+                  <span v-if="buttonType !== 'detail'" class="photo-close" @click="del(index)">×</span>
+                </show-photo>
+              </div>
+              <span v-if="buttonType === 'detail' && !formInline.minioFileName.length">无</span>
+              <input v-show="buttonType === ''" ref="fileRef" type="file" name="upload" multiple @change="onFileChange">
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </app-container>
+  <person-list-dialog ref="personListdialog" @add="personListAdd" />
+  <laboratory-dialog ref="laboratorydialog" @add="laboratoryListAdd" />
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.top-info {
+  width: 100%;
+  height: 50px;
+  padding-right: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 10px;
+  background-color: #fff;
+
+  .title {
+    width: 75%;
+    text-align: center;
+  }
+}
+
+.info-content {
+  padding: 15px;
+  border-radius: 10px;
+  background-color: #fff;
+}
+</style>
diff --git a/src/views/business/board/standardReminder/detail.vue b/src/views/business/board/standardReminder/detail.vue
new file mode 100644
index 0000000..498b0da
--- /dev/null
+++ b/src/views/business/board/standardReminder/detail.vue
@@ -0,0 +1,674 @@
+<!-- 标准装置列表详情页 -->
+<script lang="ts" setup name="standardListAdd">
+import { ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import dayjs from 'dayjs'
+import baseInfo from './baseInfo.vue'
+import TemplateTable from '@/views/device/standardEquipment/components/standardList/templateTable.vue'
+import userListDialog from '@/views/device/standardEquipment/components/standardList/userListDialog.vue'
+import SelectDeviceDialog from '@/views/device/standardEquipment/components/standardList/equipmentDialog.vue'
+import VerificationDialog from '@/views/device/standardEquipment/components/standardList/verificationDialog.vue'
+import type {
+  corollaryEquipmentType,
+  measurementPersonnelType,
+  regulationVerificationType,
+} from '@/views/device/standardEquipment/standard_interface'
+import {
+  delRegulationAdd,
+  getEquipmentDelete,
+  getEquipmentListPage,
+  getEquipmenteAdd,
+  getRegulationAdd,
+  getRegulationListPage,
+  getStandardLisUpdate,
+  getStandardListAdd,
+  getUserBatchDelete,
+  getuserListPage,
+  setBatchAdd,
+} from '@/api/device/standard'
+
+const infoId = ref('') // id
+const pageType = ref('add') // 页面类型: add,edit, detail
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+} // 字典
+// 从路由中获取页面类型参数
+const $route = useRoute()
+if ($route.params && $route.params.type) {
+  pageType.value = $route.params.type as string
+  if ($route.params.id) {
+    infoId.value = $route.params.id as string
+  }
+}
+interface formInlineType {
+  id: string
+}
+// 定义数据
+const formInline = ref<formInlineType>({
+  id: '',
+})
+// 关闭
+interface menuType {
+  name: string
+  comp: any
+}
+// 表格菜单
+const menu = shallowRef<menuType[]>([
+  { name: '计量人员', comp: TemplateTable },
+  { name: '标准配套设备', comp: TemplateTable },
+  { name: '检定规程', comp: TemplateTable },
+  // { name: '重复性考核记录', comp: TemplateTable },
+  // { name: '稳定性考核记录', comp: TemplateTable },
+  // { name: '证书管理', comp: TemplateTable },
+])
+if (pageType.value === 'edit' || pageType.value === 'add') {
+  menu.value = [
+    { name: '计量人员', comp: TemplateTable },
+    { name: '标准配套设备', comp: TemplateTable },
+    { name: '检定规程', comp: TemplateTable },
+  ]
+}
+const baseInfoRef = ref()
+const current = ref('计量人员')
+const currentComp = shallowRef(baseInfo)
+watch(current, (newValue) => {
+  currentComp.value = menu.value.filter(item => item.name === newValue)[0].comp
+})
+// 初始化router
+const $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 拿到formInline的数据
+const setData = (newValue: formInlineType) => {
+  formInline.value = newValue
+}
+const queryParams = {
+  id: '',
+  limit: 20,
+  offset: 1,
+}
+// 关闭
+// 表头类型
+interface TableColumn {
+  text: string
+  value: string
+  align: string
+  width?: string
+}
+
+interface checkedRecord {
+  text: string
+}
+// 设备item类型
+interface equipmentListPageItem {
+  name: string
+  equipmentName: string
+  validDate?: string // 有效日期
+}
+// 文件item类型
+interface regulationListPageItem {
+  name: string
+  fileName: string
+}
+// 计量人员表头
+const measurementPersonnelColumns = ref<TableColumn[]>([
+  { text: '姓名', value: 'name', align: 'center', width: '240' },
+  { text: '计量人员编号', value: 'staffNo', align: 'center' },
+  { text: '工作部门', value: 'deptName', align: 'center' },
+  { text: '计量专业', value: 'major', align: 'center' },
+  { text: '证书编号', value: 'verifierCertificateNo', align: 'center' },
+  { text: '证书有效期', value: 'certificateDate', align: 'center', width: '120' },
+])
+// 计量人员数据
+const measurementPersonnel = ref<measurementPersonnelType[]>([])
+// 计量人员表格loading
+const measurementPersonnelLoading = ref(false)
+// 计量人员发送请求获取数据
+function fetchmeasurementPersonnel() {
+  measurementPersonnelLoading.value = true
+  getuserListPage({ id: infoId.value }).then((res) => {
+    measurementPersonnel.value = res.data.rows.map((item: any) => {
+      return {
+        ...item,
+        certificateDate: item.certificateDate ? dayjs(item.certificateDate).format('YYYY-MM-DD') : '',
+      }
+    })
+    measurementPersonnelLoading.value = false
+  })
+}
+
+// 标准配套设备表头
+const corollaryEquipmentColumns = ref<TableColumn[]>([
+  { text: '设备名称', value: 'name', align: 'center', width: '240' },
+  { text: '设备编号', value: 'equipmentNo', align: 'center', width: '160' },
+  { text: '型号', value: 'modelNo', align: 'center' },
+  { text: '测量范围', value: 'mesureRange', align: 'center' },
+  { text: '使用部门', value: 'useDeptName', align: 'center' },
+  { text: '检定时间', value: 'mesureDate', align: 'center', width: '180' },
+  { text: '检定结果', value: 'mesureResult', align: 'center' },
+  { text: '有效日期', value: 'validDate', align: 'center', width: '120' },
+])
+// 标准配套设备数据
+const corollaryEquipment = ref<corollaryEquipmentType[]>([])
+// 标准配套设备loading
+const corollaryEquipmentLoading = ref(false)
+// 标准配套设备发送请求获取数据
+function fetchcorollaryEquipment(query = { ...queryParams }) {
+  corollaryEquipmentLoading.value = true
+  getEquipmentListPage({ id: infoId.value }).then((res) => {
+    corollaryEquipment.value = res.data.rows.map(
+      (item: equipmentListPageItem) => {
+        item.name = item.equipmentName
+        item.validDate = item.validDate ? dayjs(item.validDate).format('YYYY-MM-DD') : ''
+        return item
+      },
+    )
+    corollaryEquipmentLoading.value = false
+  })
+}
+
+// 检定规程
+const regulationVerificationColumns = ref<TableColumn[]>([
+  { text: '文件名称', value: 'name', align: 'center', width: '240' },
+  { text: '文件编号', value: 'fileNo', align: 'center', width: '160' },
+  { text: '文件号', value: 'fileCode', align: 'center' },
+  { text: '实施时间', value: 'effectiveTime', align: 'center' },
+  { text: '实施状态', value: 'effectiveStatusName', align: 'center' },
+])
+const regulationVerification = ref<regulationVerificationType[]>([])
+const regulationVerificationLoading = ref(false)
+// 获取检定规程
+function fetchregulationVerification(query = { ...queryParams }) {
+  regulationVerificationLoading.value = true
+  getRegulationListPage({ id: infoId.value }).then((res) => {
+    regulationVerification.value = res.data.rows.map(
+      (item: regulationListPageItem) => {
+        item.name = item.fileName
+        return item
+      },
+    )
+    regulationVerificationLoading.value = false
+  })
+}
+
+// 重复性考核记录
+const repetitiveRppraisalRecordColumns = ref<TableColumn[]>([
+  { text: '记录编号', value: 'text', align: 'center' },
+  { text: '记录名称', value: 'text', align: 'center' },
+  { text: '考核时间', value: 'text', align: 'center' },
+  { text: '考核结果', value: 'text', align: 'center' },
+])
+const repetitiveRppraisalRecord = ref<checkedRecord[]>([])
+const repetitiveRppraisalRecordLoading = ref(false)
+function fetchrepetitiveRppraisalRecord(query = { ...queryParams }) {
+  repetitiveRppraisalRecordLoading.value = true
+  repetitiveRppraisalRecord.value = []
+  repetitiveRppraisalRecordLoading.value = false
+}
+
+// 稳定性考核记录
+const stabilityAssessmentRecordColumns = ref<TableColumn[]>([
+  { text: '记录编号', value: 'text', align: 'center' },
+  { text: '记录名称', value: 'text', align: 'center' },
+  { text: '考核时间', value: 'text', align: 'center' },
+  { text: '考核结果', value: 'text', align: 'center' },
+])
+const stabilityAssessmentRecord = ref<checkedRecord[]>([])
+const stabilityAssessmentRecordLoading = ref(false)
+function fetchstabilityAssessmentRecord(query = { ...queryParams }) {
+  stabilityAssessmentRecordLoading.value = true
+  stabilityAssessmentRecord.value = []
+  stabilityAssessmentRecordLoading.value = false
+}
+
+// 证书管理
+const certificateManagementColumns = ref<TableColumn[]>([
+  { text: '证书编号', value: 'text', align: 'center' },
+  { text: '证书名称', value: 'text', align: 'center' },
+  { text: '证书类型', value: 'text', align: 'center' },
+  { text: '证书出具日期', value: 'text', align: 'center' },
+  { text: '证书有效期', value: 'text', align: 'center' },
+])
+const certificateManagement = ref<checkedRecord[]>([])
+const certificateManagementLoading = ref(false)
+function fetchcertificateManagement(query = { ...queryParams }) {
+  certificateManagementLoading.value = true
+  certificateManagement.value = []
+  certificateManagementLoading.value = false
+}
+
+// 打印
+const printObj = ref({
+  id: 'form', // 需要打印元素的id
+  popTitle: '测量标准装置', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  standard: '',
+  extarCss: '',
+})
+// 点击保存
+const submitForm = () => {
+  const tempFormInline = baseInfoRef.value.formInline
+  tempFormInline.userList = [] // 计量人员
+  tempFormInline.equipmentList = [] // 配套设备
+  tempFormInline.verifyRegulationList = [] // 检定规程
+  // 处理计量人员数据
+  if (!measurementPersonnel.value.length) {
+    ElMessage.warning('计量人员表格不能为空')
+    return false
+  }
+  else {
+    const tempArr = [] as any
+    measurementPersonnel.value.forEach((item) => {
+      if (item.id) {
+        tempArr.push({
+          userId: item.id,
+        })
+      }
+    })
+    tempFormInline.userList = tempArr
+  }
+  // 处理标准配套设备数据
+  if (!corollaryEquipment.value.length) {
+    ElMessage.warning('标准配套设备表格不能为空')
+    return false
+  }
+  // 处理附件数据
+  if (tempFormInline.fileList.length) {
+    tempFormInline.fileList = tempFormInline.fileList.map((item: { minioFileName: string }) => {
+      return {
+        minioFileName: item.minioFileName,
+      }
+    })
+  }
+  else {
+    const tempArr = [] as any
+    corollaryEquipment.value.forEach((item) => {
+      if (item.id) {
+        tempArr.push({
+          equipmentId: item.id,
+        })
+      }
+    })
+    tempFormInline.equipmentList = tempArr
+  }
+  // 处理检定规程数据
+  if (!regulationVerification.value.length) {
+    ElMessage.warning('检定规程表格不能为空')
+    return false
+  }
+  else {
+    const tempArr = [] as any
+    regulationVerification.value.forEach((item) => {
+      if (item.id) {
+        tempArr.push({
+          verifyRegulationId: item.id,
+        })
+      }
+    })
+    tempFormInline.verifyRegulationList = tempArr
+  }
+  baseInfoRef.value.submitForm().validate().then(() => {
+    ElMessageBox.confirm('确认保存吗？', '提示', {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    }).then(() => {
+      if (pageType.value === 'add') { // 新建
+        getStandardListAdd(tempFormInline).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('保存成功')
+            close()
+          }
+        })
+      }
+      else if (pageType.value === 'edit') { // 编辑
+        getStandardLisUpdate(tempFormInline).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('保存成功')
+            close()
+          }
+        })
+      }
+    })
+  })
+}
+const measurementPersonnelSelectionList = ref<object[]>([]) // 计量人员选中数组
+const corollaryEquipmentSelectionList = ref<object[]>([]) // 标准配套设备选中数组
+const regulationVerificationSelectionList = ref<object[]>([]) // 检定规程选中数组
+const userListRef = ref()
+const personIndex = ref(0) // 计量人员选中索引
+const equipmentIndex = ref(0) // 标准配套设备选中索引
+const fileIndex = ref(0) // 检定规程选中索引
+// 计量人员--点击增加行
+const measurementPersonnelAddRow = () => {
+  if (
+    measurementPersonnel.value.length >= 1
+    && !measurementPersonnel.value[measurementPersonnel.value.length - 1].id
+  ) {
+    ElMessage.warning('请先完善上一条计量人员信息')
+  }
+  else {
+    measurementPersonnel.value.push({ name: '', standardEquipmentId: '' })
+  }
+  // ElMessage.warning('请先选择上一条信息')
+}
+// 标准配套设备--点击增加行
+const corollaryEquipmentAddRow = () => {
+  if (
+    corollaryEquipment.value.length >= 1
+    && !corollaryEquipment.value[corollaryEquipment.value.length - 1].name
+  ) {
+    ElMessage.warning('请先完善上一条配套设备信息')
+  }
+  else {
+    corollaryEquipment.value.push({
+      name: '',
+      equipmentName: '',
+      standardEquipmentId: '',
+    })
+  }
+  // ElMessage.warning('请先选择上一条信息')
+}
+// 检定规程-- 点击增加行
+const regulationVerificationAddRow = () => {
+  if (
+    regulationVerification.value.length >= 1
+    && !regulationVerification.value[regulationVerification.value.length - 1].name
+  ) {
+    ElMessage.warning('请先完善上一条检定规程信息')
+  }
+  else {
+    regulationVerification.value.push({
+      name: '',
+      standardEquipmentId: '',
+      fileName: '',
+    })
+  }
+  // ElMessage.warning('请先选择上一条信息')
+}
+// 设备ref
+const selectDeviceDialog = ref()
+// 检定规程ref
+const verificationDialog = ref()
+// 点击表格中的选择按钮
+function selectPerson(index: number, text: string) {
+  if (text === '姓名') {
+    userListRef.value.initDialog()
+    personIndex.value = index
+  }
+  else if (text === '设备名称') {
+    selectDeviceDialog.value.initDialog()
+    equipmentIndex.value = index
+  }
+  else if (text === '文件名称') {
+    verificationDialog.value.initDialog()
+    fileIndex.value = index
+  }
+}
+// 多选框选中
+function handleSelectionChange(Array: object[], title: string) {
+  if (title === '计量人员') {
+    measurementPersonnelSelectionList.value = Array
+  }
+  else if (title === '标准配套设备') {
+    corollaryEquipmentSelectionList.value = Array
+  }
+  else if (title === '检定规程') {
+    regulationVerificationSelectionList.value = Array
+  }
+}
+// 点击删除行
+const deleteRow = (title: string) => {
+  if (title === '计量人员') {
+    if (measurementPersonnelSelectionList.value.length > 0) {
+      measurementPersonnel.value = measurementPersonnel.value.filter(
+        item => !measurementPersonnelSelectionList.value.includes(item),
+      )
+    }
+    else {
+      ElMessage.warning('请选中')
+    }
+  }
+  else if (title === '标准配套设备') {
+    if (corollaryEquipmentSelectionList.value.length > 0) {
+      corollaryEquipment.value = corollaryEquipment.value.filter(
+        item => !corollaryEquipmentSelectionList.value.includes(item),
+      )
+    }
+    else {
+      ElMessage.warning('请选中')
+    }
+  }
+  else if (title === '检定规程') {
+    if (regulationVerificationSelectionList.value.length > 0) {
+      regulationVerification.value = regulationVerification.value.filter(
+        item => !regulationVerificationSelectionList.value.includes(item),
+      )
+    }
+    else {
+      ElMessage.warning('请选中')
+    }
+  }
+}
+// 选择完计量人员
+const confirmPerson = (object: measurementPersonnelType) => {
+  console.log(measurementPersonnel.value)
+
+  const index = measurementPersonnel.value.findIndex(item => item.id === object.id && item.name === object.name)
+  if (index === -1) {
+    console.log(index)
+
+    object.deptName = object.deptId
+    object.certificateDate = object.certificateDate ? dayjs(object.certificateDate).format('YYYY-MM-DD') : object.certificateDate
+    measurementPersonnel.value.splice(personIndex.value, 1, object)
+  }
+  else {
+    ElMessage.warning('该人员已经存在')
+  }
+}
+// 选择完设备
+const selectDeviceList = (data: corollaryEquipmentType) => {
+  const index = corollaryEquipment.value.findIndex((item: any) => item.equipmentNo === data.equipmentNo)
+  if (index === -1) {
+    data.name = data.equipmentName
+    data.validDate = data.validDate ? dayjs(data.validDate).format('YYYY-MM-DD') : data.validDate
+    corollaryEquipment.value.splice(equipmentIndex.value, 1, data)
+  }
+  else {
+    ElMessage.warning('该设备已存在')
+  }
+}
+// 检定规程选择完成
+const verificationList = (data: regulationVerificationType) => {
+  const index = regulationVerification.value.findIndex((item: any) => item.fileNo === data.fileNo)
+  if (index === -1) {
+    data.name = data.fileName
+    regulationVerification.value.splice(fileIndex.value, 1, data)
+  }
+  else {
+    ElMessage.warning('该文件已存在')
+  }
+}
+
+// 增加行
+const addRow = (title: string) => {
+  if (title === '计量人员') {
+    measurementPersonnelAddRow()
+  }
+  else if (title === '标准配套设备') {
+    corollaryEquipmentAddRow()
+  }
+  else if (title === '检定规程') {
+    regulationVerificationAddRow()
+  }
+}
+onMounted(() => {
+  if (pageType.value === 'detail') {
+    fetchmeasurementPersonnel() // 计量人员
+    fetchcorollaryEquipment() // 标准配套设备
+    fetchregulationVerification() // 检定规程
+    fetchrepetitiveRppraisalRecord() // 重复性考核记录
+    fetchstabilityAssessmentRecord() // 稳定性考核记录
+    fetchcertificateManagement() // 证书管理
+  }
+  else if (pageType.value === 'edit') {
+    fetchmeasurementPersonnel() // 计量人员
+    fetchcorollaryEquipment() // 标准配套设备
+    fetchregulationVerification() // 检定规程
+  }
+})
+</script>
+
+<template>
+  <app-container>
+    <detail-page :title="`标准装置--${textMap[pageType]}`">
+      <template #btns>
+        <el-button
+          v-if="pageType !== 'detail'"
+          type="primary"
+          @click="submitForm()"
+        >
+          保存
+        </el-button>
+        <!-- <el-button v-else v-print="printObj" type="primary">
+          打印
+        </el-button> -->
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <base-info
+        id="form"
+        ref="baseInfoRef"
+        :info-id="infoId"
+        :button-type="pageType"
+        @set-data="setData"
+      />
+    </detail-page>
+    <!-- 表格区域 -->
+    <detail-block-switch :title="pageType === 'detail' ? '' : current">
+      <template #menu>
+        <el-radio-group v-model="current">
+          <el-radio-button
+            v-for="item in menu"
+            :key="item.name"
+            :label="item.name"
+          >
+            {{ item.name }}
+          </el-radio-button>
+        </el-radio-group>
+      </template>
+      <template #btns>
+        <el-button
+          v-if="pageType !== 'detail'"
+          type="primary"
+          @click="addRow(current)"
+        >
+          增加行
+        </el-button>
+        <el-button
+          v-if="pageType !== 'detail'"
+          type="info"
+          @click="deleteRow(current)"
+        >
+          删除行
+        </el-button>
+      </template>
+      <template-table
+        v-if="current === '计量人员'"
+        title="计量人员"
+        :button-type="pageType"
+        :columns="measurementPersonnelColumns"
+        :list="measurementPersonnel"
+        :loading="measurementPersonnelLoading"
+        @select-person="selectPerson"
+        @handle-selection-change="handleSelectionChange"
+        @change-page="fetchmeasurementPersonnel"
+      />
+      <template-table
+        v-if="current === '标准配套设备'"
+        title="标准配套设备"
+        :button-type="pageType"
+        :columns="corollaryEquipmentColumns"
+        :list="corollaryEquipment"
+        :loading="corollaryEquipmentLoading"
+        @select-person="selectPerson"
+        @change-page="fetchcorollaryEquipment"
+        @handle-selection-change="handleSelectionChange"
+      />
+      <template-table
+        v-if="current === '检定规程'"
+        title="检定规程"
+        :button-type="pageType"
+        :columns="regulationVerificationColumns"
+        :list="regulationVerification"
+        :loading="corollaryEquipmentLoading"
+        @select-person="selectPerson"
+        @change-page="fetchregulationVerification"
+        @handle-selection-change="handleSelectionChange"
+      />
+      <!-- <template-table
+        v-if="current === '重复性考核记录'"
+        title="重复性考核记录"
+        :button-type="pageType"
+        :columns="repetitiveRppraisalRecordColumns"
+        :list="repetitiveRppraisalRecord"
+        :loading="repetitiveRppraisalRecordLoading"
+        @change-page="fetchrepetitiveRppraisalRecord"
+      /> -->
+      <!-- <template-table
+        v-if="current === '稳定性考核记录'"
+        title="稳定性考核记录"
+        :button-type="pageType"
+        :columns="stabilityAssessmentRecordColumns"
+        :list="stabilityAssessmentRecord"
+        :loading="stabilityAssessmentRecordLoading"
+        @change-page="fetchstabilityAssessmentRecord"
+      /> -->
+      <!-- <template-table
+        v-if="current === '证书管理'"
+        title="证书管理"
+        :button-type="pageType"
+        :columns="certificateManagementColumns"
+        :list="certificateManagement"
+        :loading="certificateManagementLoading"
+        @change-page="fetchcertificateManagement"
+      /> -->
+    </detail-block-switch>
+    <!-- 选择用户列表组件 -->
+    <user-list-dialog ref="userListRef" @add="confirmPerson" />
+    <!-- 选择设备列表组件 -->
+    <select-device-dialog ref="selectDeviceDialog" @add="selectDeviceList" />
+    <!-- 选择检定规程列表组件 -->
+    <verification-dialog ref="verificationDialog" @add="verificationList" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.top-info {
+  width: 100%;
+  height: 50px;
+  padding-right: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 10px;
+  background-color: #fff;
+
+  .title {
+    width: 75%;
+    text-align: center;
+  }
+}
+
+.body {
+  background-color: #fff;
+  margin-top: 10px;
+}
+</style>

diff --git a/src/router/modules/business.ts b/src/router/modules/business.ts
index 7ac0233..a3baef3 100644
--- a/src/router/modules/business.ts
+++ b/src/router/modules/business.ts
@@ -94,6 +94,18 @@
         },
       },
       {
+        path: ':type/:id?',
+        name: 'StandardReminderDetail',
+        component: () => import('@/views/business/board/standardReminder/detail.vue'),
+        meta: {
+          title: '装置到期提醒详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/standard/list',
+        },
+      },
+      {
         path: 'jobAccount',
         name: 'JobAccountList',
         component: () => import('@/views/business/board/jobAccount/list.vue'),
diff --git a/src/views/business/bench/bench.vue b/src/views/business/bench/bench.vue
index f846c51..288e209 100644
--- a/src/views/business/bench/bench.vue
+++ b/src/views/business/bench/bench.vue
@@ -214,14 +214,19 @@
     router.push(buttonTypes.value[index].url)
   }
 }
-
+const benchDivHeight = ref()
 function calcBlockSize() {
   // 计算工作台区域高度 - 顶部-面包屑-边距
   const bodyHeight = document.body.clientHeight - 60 - 50 - 20
   blockHeight.value = bodyHeight > 610 ? (bodyHeight - 10) / 2 : 300
   blockWidth.value = (document.body.clientWidth - 180 - 20 - 20) / 3
   console.log(blockHeight.value, blockWidth.value - 20)
+  benchDivHeight.value = blockHeight.value - 60
 }
+
+onMounted(() => {
+  calcBlockSize()
+})
 </script>
 
 <template>
@@ -294,21 +299,18 @@
           </div>
         </bench-col>
       </el-col>
-      <el-col :span="8">
-        <bench-col :height="blockHeight - 180">
-          <div class="bench-right-top">
-            <div
-              v-for="item of buttonTypes"
-              :key="item.text"
-              class="right-top-box"
-              @click="handleClickButton(item.id)"
-            >
-              {{ item.text }}
-            </div>
+      <el-col :span="8" class="bench-div">
+        <div class="bench-right-top" style="background-color: #fff;border-radius: 10px;padding: 10px;height: fit-content;">
+          <div
+            v-for="item of buttonTypes"
+            :key="item.text"
+            class="right-top-box"
+            @click="handleClickButton(item.id)"
+          >
+            {{ item.text }}
           </div>
-        </bench-col>
-        <div style="margin-top: 10px;" />
-        <bench-col :height="blockHeight - 130" title="当前进行中样品状态" icon="icon-book">
+        </div>
+        <bench-col title="当前进行中样品状态" icon="icon-book" style="margin-top: 10px;height: 100%;">
           <div class="status-box">
             <div v-for="(item, index) in statusData" :key="index" class="status-box-item">
               <div>
@@ -388,8 +390,8 @@
           </el-table>
         </bench-col>
       </el-col>
-      <el-col :span="8">
-        <bench-col :height="blockHeight - 155" title="当前人员状态" icon="icon-book">
+      <el-col :span="8" class="bench-div">
+        <bench-col title="当前人员状态" icon="icon-book">
           <div class="personnel-status">
             <h5 style="width: 20%;">
               人员A
@@ -422,6 +424,14 @@
 </template>
 
 <style lang="scss" scoped>
+.bench-div {
+  display: flex;
+  flex-direction: column;
+  // height: var(#{"--global:benchDivHeight"});
+  height: v-bind("blockHeight");
+  // height: 400px;
+}
+
 .my-tests {
   display: flex;
   justify-content: space-between;
@@ -446,6 +456,7 @@
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-around;
+  height: 100%;
 
   .status-box-item {
     width: 40%;
diff --git a/src/views/business/board/standardReminder/baseInfo.vue b/src/views/business/board/standardReminder/baseInfo.vue
new file mode 100644
index 0000000..e8f91ca
--- /dev/null
+++ b/src/views/business/board/standardReminder/baseInfo.vue
@@ -0,0 +1,750 @@
+<!-- 标准装置详情表单 -->
+<script lang="ts" setup name="BaseInfo">
+import { reactive, ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules, UploadProps, UploadUserFile } from 'element-plus'
+import dayjs from 'dayjs'
+import laboratoryDialog from '@/views/device/standardEquipment/components/standardList/laboratoryDialog.vue'
+import type { IOptions, IStandardList } from '@/views/device/standardEquipment/standard_interface'
+import { getStaffList } from '@/api/measure/person'
+import { getTypeSelect } from '@/api/system/price'
+import { getStandardListDetail, getUsersDept } from '@/api/device/standard'
+import { UploadFile } from '@/api/measure/file'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import personListDialog from '@/views/measure/person/components/personListDialog.vue'
+const props = defineProps({
+  infoId: { // 详情id
+    type: String,
+    default: '0',
+  },
+  buttonType: { // 从列表的哪个按钮进入的
+    type: String,
+    default: '',
+  },
+})
+const emit = defineEmits(['close', 'setData']) // 关闭
+const ruleFormRef = ref<FormInstance>()
+// 表单
+const formInline = ref({
+  assessDate: '', // 考核日期
+  assessmentUnit: '', // 考核单位
+  category: '', // 类别
+  categoryName: '', // 类别名称
+  constructionStandardProject: '', // 建标项目
+  constructionStandardUnitName: '', // 建标单位名称
+  contactInfo: '', // 联系方式
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '', // 主键
+  isDel: '', // 删除标记
+  laboratoryOwner: '', // 实验室负责人
+  laboratoryOwnerContact: '', // 联系方式
+  laboratoryOwnerName: '', // 实验室负责人名字
+  managerState: '', // 管理状态
+  managerStateName: '', // 管理状态名称
+  measureMajor: '', // 计量专业
+  fileList: [] as any, // 文件列表
+  measureMajorName: '', // 计量专业名称
+  mesureRange: '', // 测量范围
+  organizeNo: '', // 组织机构代码
+  preparationDate: '', // 筹建日期
+  projectNo: '', // 项目编号
+  remark: '', // 备注
+  standardHumidity: '', // 标准湿度
+  standardLaboratory: '', // 标准所在实验室
+  standardLaboratoryName: '', // 标准所在实验室名称
+  standardLevel: '', // 标准等级
+  standardLevelName: '', // 标准等级名称
+  standardName: '', // 标准名称
+  standardNo: '', // 标准代码
+  standardOwner: '', // 标准负责人
+  standardOwnerName: '', // 标准负责人名称
+  standardTemperature: '', // 标准温度
+  totalInvestment: '', // 投资总额
+  transmitRange: '', // 传递范围
+  transmitRangeName: '', // 传递范围名称
+  uncertainty: '', // 不确定度
+  updateTime: '', // 更新时间
+  version: '', // 版本号
+  minioFileName: [], // 附件
+})
+const checkTypeOptions = ref<IOptions[]>([])
+const standardOwnerOptions = ref<IOptions[]>([]) // 标准负责人
+const fileList = ref<UploadUserFile[]>([]) // 文件对象数组
+const measureMajorList = ref<IOptions[]>([]) // 计量专业下拉框
+const standardManagerStateList = ref<IOptions[]>([]) // 管理状态下拉框
+const standardLevelList = ref<IOptions[]>([]) // 标准等级下拉框
+const transmitRangeList = ref<IOptions[]>([]) // 传递范围下拉框
+// 标准所在部门下拉框
+const standardUsersDeptList = ref<IOptions[]>([])
+// 获取下拉框
+const getSelectList = (code: string) => {
+  getTypeSelect(code).then((res) => {
+    if (code === 'measureMajor') {
+      measureMajorList.value = res.data
+    }
+    else if (code === 'standardManagerState') {
+      standardManagerStateList.value = res.data
+    }
+    else if (code === 'standardLevel') {
+      standardLevelList.value = res.data
+    }
+    else if (code === 'transmitRange') {
+      transmitRangeList.value = res.data
+    }
+    else if (code === 'standardCategory') {
+      checkTypeOptions.value = res.data
+    }
+  })
+}
+getSelectList('measureMajor') // 获取计量专业下拉框
+getSelectList('standardManagerState') // 获取管理状态下拉框
+getSelectList('standardLevel') // 获取标准等级下拉框
+getSelectList('transmitRange') // 获取传递范围下拉框
+getSelectList('standardCategory') // 获取类别下拉框
+// 获取部门信息参数
+const DeptParams = ref({
+  createEndTime: '',
+  createstartTime: '',
+  director: '',
+  meterMajor: '',
+  organizeName: '',
+  organizeNo: '',
+  organizeType: '2',
+  pdeptId: null,
+  offset: 1,
+  limit: 999999,
+})
+// 获取部门信息
+getUsersDept(DeptParams.value).then((res) => {
+  standardUsersDeptList.value = res.data.rows
+})
+// 获取到标准负责人数组
+const getStandardOwnerOptions = () => {
+  const params = {
+    staffNo: '', // 人员编号
+    name: '', // 姓名
+    deptId: '', // 工作部门
+    major: '', // 计量专业
+    verifierCertificateNo: '', // 证书号
+    certificateStatus: '', // 证书状态
+    limit: 100000,
+    offset: 1,
+  }
+  getStaffList(params).then((res) => {
+    standardOwnerOptions.value = res.data.records
+  })
+}
+getStandardOwnerOptions()
+
+const rules = reactive<FormRules>({
+  standardName: [{ required: true, message: '标准名称不能为空', trigger: ['blur', 'change'] }],
+  projectNo: [{ required: true, message: '项目编号不能为空', trigger: ['blur', 'change'] }],
+  constructionStandardProject: [{ required: true, message: '建标项目不能为空', trigger: ['blur', 'change'] }],
+  organizeNo: [{ required: true, message: '组织机构代码不能为空', trigger: ['blur', 'change'] }],
+  constructionStandardUnitName: [{ required: true, message: '建标单位名称不能为空', trigger: ['blur', 'change'] }],
+  standardOwnerName: [{ required: true, message: '标准负责人不能为空', trigger: ['blur', 'change'] }],
+  contactInfo: [{ required: true, message: '联系方式不能为空', trigger: ['blur', 'change'] }],
+  category: [{ required: true, message: '类别不能为空', trigger: ['blur', 'change'] }],
+  standardLevel: [{ required: true, message: '标准等级不能为空', trigger: ['blur', 'change'] }],
+  transmitRange: [{ required: true, message: '传递范围不能为空', trigger: ['blur', 'change'] }],
+  preparationDate: [{ required: true, message: '筹建日期不能为空', trigger: ['blur', 'change'] }],
+  managerState: [{ required: true, message: '管理状态不能为空', trigger: ['blur', 'change'] }],
+  measureMajor: [{ required: true, message: '计量专业不能为空', trigger: ['blur', 'change'] }],
+  assessmentUnit: [{ required: true, message: '考核单位不能为空', trigger: ['blur', 'change'] }],
+  assessDate: [{ required: true, message: '考核日期不能为空', trigger: ['blur', 'change'] }],
+  uncertainty: [{ required: true, message: '不确定度不能为空', trigger: ['blur', 'change'] }],
+  mesureRange: [{ required: true, message: '测量范围不能为空', trigger: ['blur', 'change'] }],
+  standardTemperature: [{ required: true, message: '标准温度不能为空', trigger: ['blur', 'change'] },
+    { pattern: /(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/, message: '标准温度只能为数字', trigger: ['blur', 'change'] }],
+  standardHumidity: [{ required: true, message: '标准湿度不能为空', trigger: ['blur', 'change'] },
+    { pattern: /(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/, message: '标准湿度只能为数字', trigger: ['blur', 'change'] }],
+  totalInvestment: [{ required: false, message: '', trigger: ['blur', 'change'] },
+    { pattern: /(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/, message: '投资总额只能为数字', trigger: ['blur', 'change'] }],
+}) // 表单验证规则
+
+// 标准实验室发生改变row类型
+interface rowReturn {
+  phone: string
+  director: string
+  name: string
+  organizeName: string
+  id: string
+  deptId: string
+}
+// 实验室ref
+const laboratorydialog = ref()
+// 标准实验室点击
+const changeDeptList = () => {
+  laboratorydialog.value.initDialog()
+}
+// 标准实验室清空时
+const clearDeptList = () => {
+  formInline.value.laboratoryOwnerContact = ''
+  formInline.value.laboratoryOwner = ''
+}
+// 获取detail信息
+const getInfo = () => {
+  getStandardListDetail({ id: props.infoId }).then((res) => {
+    Object.keys(res.data).map((item) => {
+      if (typeof (res.data[item]) === 'number') {
+        res.data[item] = res.data[item].toString()
+      }
+    })
+    formInline.value = res.data
+    const tempArr = [] as any
+    if (res.data.fileList && res.data.fileList.length) {
+      res.data.fileList.forEach((item: { minioFileName: string }) => {
+        tempArr.push(item.minioFileName)
+      })
+    }
+    formInline.value.minioFileName = tempArr
+  })
+}
+
+// 计量人员组件
+const personListdialog = ref()
+// 点击选择负责人函数
+const personClick = () => {
+  personListdialog.value.initDialog()
+}
+// 测试数据
+const simulateObject = {
+  data: dayjs(`${new Date()}`).format('YYYY-MM-DD'), // 有效日期
+  certificateNo: '199926465422', // 证书编号
+  authorityOfIssue: 'xxx公司', // 发证单位
+  authorityOfDate: dayjs(`${new Date()}`).format('YYYY-MM-DD'), // 发证日期
+}
+// 选择负责人回调函数
+const personListAdd = (data: rowReturn) => {
+  formInline.value.standardOwner = data.id
+  formInline.value.standardOwnerName = data.name
+}
+// 选择完科室的回调函数
+const laboratoryListAdd = (data: rowReturn) => {
+  formInline.value.standardLaboratory = data.deptId
+  formInline.value.standardLaboratoryName = data.organizeName
+  formInline.value.laboratoryOwner = data.director
+  formInline.value.laboratoryOwnerContact = data.phone
+}
+
+// 删除附件
+const del = (index: any) => {
+  formInline.value.fileList.splice(index, 1)
+  formInline.value.minioFileName = formInline.value.fileList.map((item: any) => {
+    return item.minioFileName
+  })
+}
+
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  const files = event.target.files
+  if (files.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    for (var i = 0; i < files.length; i++) {
+      fd.append('multipartFile', files[i])
+    }
+    UploadFile(fd).then((res) => {
+      if (res.code === 200) {
+        res.data.forEach((item: string) => {
+          formInline.value.fileList.push({
+            minioFileName: item,
+          })
+        })
+        formInline.value.minioFileName = formInline.value.fileList.map((item: any) => {
+          return item.minioFileName
+        })
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+
+watch(() => formInline.value, (newVal) => {
+// 变化后存储
+  emit('setData', newVal)
+},
+{ deep: true, immediate: true })
+// 提交
+const submitForm = () => {
+  return ruleFormRef.value
+}
+defineExpose({ submitForm, formInline })
+onMounted(() => {
+  if (props.buttonType !== 'add') { // 编辑和详情获取详情信息
+    getInfo()
+  }
+})
+</script>
+
+<template>
+  <app-container>
+    <div class="info-content">
+      <el-form
+        id="form"
+        ref="ruleFormRef"
+        :model="formInline"
+        label-position="right"
+        label-width="auto"
+        :rules="rules"
+      >
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="标准代码:">
+              <el-input
+                v-model.trim="formInline.standardNo"
+                :placeholder="buttonType === 'detail' ? '' : '系统自动生成'"
+                disabled
+                class="full-width-input"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准名称:" prop="standardName">
+              <el-input
+                v-model.trim="formInline.standardName"
+                :placeholder="buttonType === 'detail' ? '' : '请输入标准名称'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="项目编号:" prop="projectNo">
+              <el-input
+                v-model.trim="formInline.projectNo"
+                :placeholder="buttonType === 'detail' ? '' : '请输入项目编号'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="建标项目:" prop="constructionStandardProject">
+              <el-input
+                v-model.trim="formInline.constructionStandardProject"
+                :placeholder="buttonType === 'detail' ? '' : '请输入建标项目'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="组织机构代码:" prop="organizeNo">
+              <el-input
+                v-model.trim="formInline.organizeNo"
+                :placeholder="buttonType === 'detail' ? '' : '请输入组织机构代码'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item
+              label="建标单位名称:"
+              prop="constructionStandardUnitName"
+            >
+              <el-input
+                v-model.trim="formInline.constructionStandardUnitName"
+                :placeholder="buttonType === 'detail' ? '' : '请输入建标单位名称'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准负责人:" prop="standardOwnerName">
+              <el-input
+                v-model.trim="formInline.standardOwnerName"
+                :placeholder="buttonType === 'detail' ? '' : '请选择标准负责人'"
+                disabled
+                class="full-width-input"
+                clearable
+              >
+                <template v-if="buttonType !== 'detail'" #append>
+                  <el-button
+                    size="small"
+                    @click="personClick"
+                  >
+                    选择
+                  </el-button>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系方式:" prop="contactInfo">
+              <el-input
+                v-model.trim="formInline.contactInfo"
+                :placeholder="buttonType === 'detail' ? '' : '请输入联系方式'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="类 别:" prop="category">
+              <el-select
+                v-model="formInline.category"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择类别'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in checkTypeOptions"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.value"
+                  clearable
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准等级:" prop="standardLevel">
+              <el-select
+                v-model.trim="formInline.standardLevel"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择标准等级'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in standardLevelList"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.value"
+                  clearable
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="传递范围:" prop="transmitRange">
+              <el-select
+                v-model.trim="formInline.transmitRange"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择传递范围'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in transmitRangeList"
+                  :key="item.id"
+                  :label="item.name"
+                  clearable
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="投资总额(元):" prop="totalInvestment">
+              <el-input
+                v-model.trim="formInline.totalInvestment"
+                :placeholder="buttonType === 'detail' ? '' : '请输入投资总额'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="筹建日期:" prop="preparationDate">
+              <el-date-picker
+                v-model="formInline.preparationDate"
+                type="date"
+                :placeholder="buttonType === 'detail' ? '' : '请选择筹建日期'"
+                style="width: 100%;"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准科室:">
+              <el-input
+                v-model.trim="formInline.standardLaboratoryName"
+                :placeholder="buttonType === 'detail' ? '' : '请选择标准科室'"
+                disabled
+                class="full-width-input"
+                clearable
+              >
+                <template v-if="buttonType !== 'detail'" #append>
+                  <el-button
+                    size="small"
+                    @click="changeDeptList"
+                  >
+                    选择
+                  </el-button>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="科室负责人:">
+              <el-input
+                v-model.trim="formInline.laboratoryOwner"
+                :placeholder="buttonType === 'detail' ? '' : '请输入科室负责人'"
+                disabled
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系方式:">
+              <el-input
+                v-model.trim="formInline.laboratoryOwnerContact"
+                :placeholder="buttonType === 'detail' ? '' : '请输入联系方式'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="管理状态:" prop="managerState">
+              <el-select
+                v-model.trim="formInline.managerState"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择管理状态'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in standardManagerStateList"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.value"
+                  clearable
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="计量专业:" prop="measureMajor">
+              <el-select
+                v-model.trim="formInline.measureMajor"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择计量专业'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in measureMajorList"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.value"
+                  clearable
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="考核单位:" prop="assessmentUnit">
+              <el-input
+                v-model.trim="formInline.assessmentUnit"
+                :placeholder="buttonType === 'detail' ? '' : '请输入考核单位'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="考核日期:" prop="assessDate">
+              <el-date-picker
+                v-model="formInline.assessDate"
+                type="date"
+                style="width: 100%;"
+                :placeholder="buttonType === 'detail' ? '' : '请选择考核日期'"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="不确定度:" prop="uncertainty">
+              <el-input
+                v-model.trim="formInline.uncertainty"
+                :placeholder="buttonType === 'detail' ? '' : '请输入不确定度'"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="测量范围:" prop="mesureRange">
+              <el-input
+                v-model.trim="formInline.mesureRange"
+                :placeholder="buttonType === 'detail' ? '' : '请输入测量范围'"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="2">
+            <el-form-item label="环境条件" />
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准温度(℃):" prop="standardTemperature">
+              <el-input
+                v-model.trim="formInline.standardTemperature"
+                :placeholder="buttonType === 'detail' ? '' : '请输入标准温度'"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准湿度(%):" prop="standardHumidity">
+              <el-input
+                v-model.trim="formInline.standardHumidity"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请输入标准湿度'"
+                :disabled="buttonType === 'detail'"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <!-- <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="有效日期:">
+              <el-date-picker
+                v-model="simulateObject.data"
+                type="date"
+                style="width: 100%;"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="证书编号:">
+              <el-input
+                v-model.trim="simulateObject.certificateNo"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="发证单位:">
+              <el-input
+                v-model.trim="simulateObject.authorityOfIssue"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="发证日期:">
+              <el-date-picker
+                v-model="simulateObject.authorityOfDate"
+                type="date"
+                style="width: 100%;"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+        </el-row> -->
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="备注:">
+              <el-input
+                v-model.trim="formInline.remark"
+                :placeholder="buttonType === 'detail' ? '' : '请输入备注'"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="24">
+            <el-form-item label="文件:">
+              <el-button v-if="buttonType !== 'detail'" id="file" type="primary" :disabled="buttonType === 'detail'" :style="{ 'margin-right': '20px' }" @click="upload">
+                {{ !formInline.minioFileName.length ? '上传' : '上传' }}
+              </el-button>
+              <div v-for="(item, index) in formInline.minioFileName" :key="index" style="display: flex;">
+                <show-photo :minio-file-name="item">
+                  <span v-if="buttonType !== 'detail'" class="photo-close" @click="del(index)">×</span>
+                </show-photo>
+              </div>
+              <span v-if="buttonType === 'detail' && !formInline.minioFileName.length">无</span>
+              <input v-show="buttonType === ''" ref="fileRef" type="file" name="upload" multiple @change="onFileChange">
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </app-container>
+  <person-list-dialog ref="personListdialog" @add="personListAdd" />
+  <laboratory-dialog ref="laboratorydialog" @add="laboratoryListAdd" />
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.top-info {
+  width: 100%;
+  height: 50px;
+  padding-right: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 10px;
+  background-color: #fff;
+
+  .title {
+    width: 75%;
+    text-align: center;
+  }
+}
+
+.info-content {
+  padding: 15px;
+  border-radius: 10px;
+  background-color: #fff;
+}
+</style>
diff --git a/src/views/business/board/standardReminder/detail.vue b/src/views/business/board/standardReminder/detail.vue
new file mode 100644
index 0000000..498b0da
--- /dev/null
+++ b/src/views/business/board/standardReminder/detail.vue
@@ -0,0 +1,674 @@
+<!-- 标准装置列表详情页 -->
+<script lang="ts" setup name="standardListAdd">
+import { ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import dayjs from 'dayjs'
+import baseInfo from './baseInfo.vue'
+import TemplateTable from '@/views/device/standardEquipment/components/standardList/templateTable.vue'
+import userListDialog from '@/views/device/standardEquipment/components/standardList/userListDialog.vue'
+import SelectDeviceDialog from '@/views/device/standardEquipment/components/standardList/equipmentDialog.vue'
+import VerificationDialog from '@/views/device/standardEquipment/components/standardList/verificationDialog.vue'
+import type {
+  corollaryEquipmentType,
+  measurementPersonnelType,
+  regulationVerificationType,
+} from '@/views/device/standardEquipment/standard_interface'
+import {
+  delRegulationAdd,
+  getEquipmentDelete,
+  getEquipmentListPage,
+  getEquipmenteAdd,
+  getRegulationAdd,
+  getRegulationListPage,
+  getStandardLisUpdate,
+  getStandardListAdd,
+  getUserBatchDelete,
+  getuserListPage,
+  setBatchAdd,
+} from '@/api/device/standard'
+
+const infoId = ref('') // id
+const pageType = ref('add') // 页面类型: add,edit, detail
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+} // 字典
+// 从路由中获取页面类型参数
+const $route = useRoute()
+if ($route.params && $route.params.type) {
+  pageType.value = $route.params.type as string
+  if ($route.params.id) {
+    infoId.value = $route.params.id as string
+  }
+}
+interface formInlineType {
+  id: string
+}
+// 定义数据
+const formInline = ref<formInlineType>({
+  id: '',
+})
+// 关闭
+interface menuType {
+  name: string
+  comp: any
+}
+// 表格菜单
+const menu = shallowRef<menuType[]>([
+  { name: '计量人员', comp: TemplateTable },
+  { name: '标准配套设备', comp: TemplateTable },
+  { name: '检定规程', comp: TemplateTable },
+  // { name: '重复性考核记录', comp: TemplateTable },
+  // { name: '稳定性考核记录', comp: TemplateTable },
+  // { name: '证书管理', comp: TemplateTable },
+])
+if (pageType.value === 'edit' || pageType.value === 'add') {
+  menu.value = [
+    { name: '计量人员', comp: TemplateTable },
+    { name: '标准配套设备', comp: TemplateTable },
+    { name: '检定规程', comp: TemplateTable },
+  ]
+}
+const baseInfoRef = ref()
+const current = ref('计量人员')
+const currentComp = shallowRef(baseInfo)
+watch(current, (newValue) => {
+  currentComp.value = menu.value.filter(item => item.name === newValue)[0].comp
+})
+// 初始化router
+const $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 拿到formInline的数据
+const setData = (newValue: formInlineType) => {
+  formInline.value = newValue
+}
+const queryParams = {
+  id: '',
+  limit: 20,
+  offset: 1,
+}
+// 关闭
+// 表头类型
+interface TableColumn {
+  text: string
+  value: string
+  align: string
+  width?: string
+}
+
+interface checkedRecord {
+  text: string
+}
+// 设备item类型
+interface equipmentListPageItem {
+  name: string
+  equipmentName: string
+  validDate?: string // 有效日期
+}
+// 文件item类型
+interface regulationListPageItem {
+  name: string
+  fileName: string
+}
+// 计量人员表头
+const measurementPersonnelColumns = ref<TableColumn[]>([
+  { text: '姓名', value: 'name', align: 'center', width: '240' },
+  { text: '计量人员编号', value: 'staffNo', align: 'center' },
+  { text: '工作部门', value: 'deptName', align: 'center' },
+  { text: '计量专业', value: 'major', align: 'center' },
+  { text: '证书编号', value: 'verifierCertificateNo', align: 'center' },
+  { text: '证书有效期', value: 'certificateDate', align: 'center', width: '120' },
+])
+// 计量人员数据
+const measurementPersonnel = ref<measurementPersonnelType[]>([])
+// 计量人员表格loading
+const measurementPersonnelLoading = ref(false)
+// 计量人员发送请求获取数据
+function fetchmeasurementPersonnel() {
+  measurementPersonnelLoading.value = true
+  getuserListPage({ id: infoId.value }).then((res) => {
+    measurementPersonnel.value = res.data.rows.map((item: any) => {
+      return {
+        ...item,
+        certificateDate: item.certificateDate ? dayjs(item.certificateDate).format('YYYY-MM-DD') : '',
+      }
+    })
+    measurementPersonnelLoading.value = false
+  })
+}
+
+// 标准配套设备表头
+const corollaryEquipmentColumns = ref<TableColumn[]>([
+  { text: '设备名称', value: 'name', align: 'center', width: '240' },
+  { text: '设备编号', value: 'equipmentNo', align: 'center', width: '160' },
+  { text: '型号', value: 'modelNo', align: 'center' },
+  { text: '测量范围', value: 'mesureRange', align: 'center' },
+  { text: '使用部门', value: 'useDeptName', align: 'center' },
+  { text: '检定时间', value: 'mesureDate', align: 'center', width: '180' },
+  { text: '检定结果', value: 'mesureResult', align: 'center' },
+  { text: '有效日期', value: 'validDate', align: 'center', width: '120' },
+])
+// 标准配套设备数据
+const corollaryEquipment = ref<corollaryEquipmentType[]>([])
+// 标准配套设备loading
+const corollaryEquipmentLoading = ref(false)
+// 标准配套设备发送请求获取数据
+function fetchcorollaryEquipment(query = { ...queryParams }) {
+  corollaryEquipmentLoading.value = true
+  getEquipmentListPage({ id: infoId.value }).then((res) => {
+    corollaryEquipment.value = res.data.rows.map(
+      (item: equipmentListPageItem) => {
+        item.name = item.equipmentName
+        item.validDate = item.validDate ? dayjs(item.validDate).format('YYYY-MM-DD') : ''
+        return item
+      },
+    )
+    corollaryEquipmentLoading.value = false
+  })
+}
+
+// 检定规程
+const regulationVerificationColumns = ref<TableColumn[]>([
+  { text: '文件名称', value: 'name', align: 'center', width: '240' },
+  { text: '文件编号', value: 'fileNo', align: 'center', width: '160' },
+  { text: '文件号', value: 'fileCode', align: 'center' },
+  { text: '实施时间', value: 'effectiveTime', align: 'center' },
+  { text: '实施状态', value: 'effectiveStatusName', align: 'center' },
+])
+const regulationVerification = ref<regulationVerificationType[]>([])
+const regulationVerificationLoading = ref(false)
+// 获取检定规程
+function fetchregulationVerification(query = { ...queryParams }) {
+  regulationVerificationLoading.value = true
+  getRegulationListPage({ id: infoId.value }).then((res) => {
+    regulationVerification.value = res.data.rows.map(
+      (item: regulationListPageItem) => {
+        item.name = item.fileName
+        return item
+      },
+    )
+    regulationVerificationLoading.value = false
+  })
+}
+
+// 重复性考核记录
+const repetitiveRppraisalRecordColumns = ref<TableColumn[]>([
+  { text: '记录编号', value: 'text', align: 'center' },
+  { text: '记录名称', value: 'text', align: 'center' },
+  { text: '考核时间', value: 'text', align: 'center' },
+  { text: '考核结果', value: 'text', align: 'center' },
+])
+const repetitiveRppraisalRecord = ref<checkedRecord[]>([])
+const repetitiveRppraisalRecordLoading = ref(false)
+function fetchrepetitiveRppraisalRecord(query = { ...queryParams }) {
+  repetitiveRppraisalRecordLoading.value = true
+  repetitiveRppraisalRecord.value = []
+  repetitiveRppraisalRecordLoading.value = false
+}
+
+// 稳定性考核记录
+const stabilityAssessmentRecordColumns = ref<TableColumn[]>([
+  { text: '记录编号', value: 'text', align: 'center' },
+  { text: '记录名称', value: 'text', align: 'center' },
+  { text: '考核时间', value: 'text', align: 'center' },
+  { text: '考核结果', value: 'text', align: 'center' },
+])
+const stabilityAssessmentRecord = ref<checkedRecord[]>([])
+const stabilityAssessmentRecordLoading = ref(false)
+function fetchstabilityAssessmentRecord(query = { ...queryParams }) {
+  stabilityAssessmentRecordLoading.value = true
+  stabilityAssessmentRecord.value = []
+  stabilityAssessmentRecordLoading.value = false
+}
+
+// 证书管理
+const certificateManagementColumns = ref<TableColumn[]>([
+  { text: '证书编号', value: 'text', align: 'center' },
+  { text: '证书名称', value: 'text', align: 'center' },
+  { text: '证书类型', value: 'text', align: 'center' },
+  { text: '证书出具日期', value: 'text', align: 'center' },
+  { text: '证书有效期', value: 'text', align: 'center' },
+])
+const certificateManagement = ref<checkedRecord[]>([])
+const certificateManagementLoading = ref(false)
+function fetchcertificateManagement(query = { ...queryParams }) {
+  certificateManagementLoading.value = true
+  certificateManagement.value = []
+  certificateManagementLoading.value = false
+}
+
+// 打印
+const printObj = ref({
+  id: 'form', // 需要打印元素的id
+  popTitle: '测量标准装置', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  standard: '',
+  extarCss: '',
+})
+// 点击保存
+const submitForm = () => {
+  const tempFormInline = baseInfoRef.value.formInline
+  tempFormInline.userList = [] // 计量人员
+  tempFormInline.equipmentList = [] // 配套设备
+  tempFormInline.verifyRegulationList = [] // 检定规程
+  // 处理计量人员数据
+  if (!measurementPersonnel.value.length) {
+    ElMessage.warning('计量人员表格不能为空')
+    return false
+  }
+  else {
+    const tempArr = [] as any
+    measurementPersonnel.value.forEach((item) => {
+      if (item.id) {
+        tempArr.push({
+          userId: item.id,
+        })
+      }
+    })
+    tempFormInline.userList = tempArr
+  }
+  // 处理标准配套设备数据
+  if (!corollaryEquipment.value.length) {
+    ElMessage.warning('标准配套设备表格不能为空')
+    return false
+  }
+  // 处理附件数据
+  if (tempFormInline.fileList.length) {
+    tempFormInline.fileList = tempFormInline.fileList.map((item: { minioFileName: string }) => {
+      return {
+        minioFileName: item.minioFileName,
+      }
+    })
+  }
+  else {
+    const tempArr = [] as any
+    corollaryEquipment.value.forEach((item) => {
+      if (item.id) {
+        tempArr.push({
+          equipmentId: item.id,
+        })
+      }
+    })
+    tempFormInline.equipmentList = tempArr
+  }
+  // 处理检定规程数据
+  if (!regulationVerification.value.length) {
+    ElMessage.warning('检定规程表格不能为空')
+    return false
+  }
+  else {
+    const tempArr = [] as any
+    regulationVerification.value.forEach((item) => {
+      if (item.id) {
+        tempArr.push({
+          verifyRegulationId: item.id,
+        })
+      }
+    })
+    tempFormInline.verifyRegulationList = tempArr
+  }
+  baseInfoRef.value.submitForm().validate().then(() => {
+    ElMessageBox.confirm('确认保存吗？', '提示', {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    }).then(() => {
+      if (pageType.value === 'add') { // 新建
+        getStandardListAdd(tempFormInline).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('保存成功')
+            close()
+          }
+        })
+      }
+      else if (pageType.value === 'edit') { // 编辑
+        getStandardLisUpdate(tempFormInline).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('保存成功')
+            close()
+          }
+        })
+      }
+    })
+  })
+}
+const measurementPersonnelSelectionList = ref<object[]>([]) // 计量人员选中数组
+const corollaryEquipmentSelectionList = ref<object[]>([]) // 标准配套设备选中数组
+const regulationVerificationSelectionList = ref<object[]>([]) // 检定规程选中数组
+const userListRef = ref()
+const personIndex = ref(0) // 计量人员选中索引
+const equipmentIndex = ref(0) // 标准配套设备选中索引
+const fileIndex = ref(0) // 检定规程选中索引
+// 计量人员--点击增加行
+const measurementPersonnelAddRow = () => {
+  if (
+    measurementPersonnel.value.length >= 1
+    && !measurementPersonnel.value[measurementPersonnel.value.length - 1].id
+  ) {
+    ElMessage.warning('请先完善上一条计量人员信息')
+  }
+  else {
+    measurementPersonnel.value.push({ name: '', standardEquipmentId: '' })
+  }
+  // ElMessage.warning('请先选择上一条信息')
+}
+// 标准配套设备--点击增加行
+const corollaryEquipmentAddRow = () => {
+  if (
+    corollaryEquipment.value.length >= 1
+    && !corollaryEquipment.value[corollaryEquipment.value.length - 1].name
+  ) {
+    ElMessage.warning('请先完善上一条配套设备信息')
+  }
+  else {
+    corollaryEquipment.value.push({
+      name: '',
+      equipmentName: '',
+      standardEquipmentId: '',
+    })
+  }
+  // ElMessage.warning('请先选择上一条信息')
+}
+// 检定规程-- 点击增加行
+const regulationVerificationAddRow = () => {
+  if (
+    regulationVerification.value.length >= 1
+    && !regulationVerification.value[regulationVerification.value.length - 1].name
+  ) {
+    ElMessage.warning('请先完善上一条检定规程信息')
+  }
+  else {
+    regulationVerification.value.push({
+      name: '',
+      standardEquipmentId: '',
+      fileName: '',
+    })
+  }
+  // ElMessage.warning('请先选择上一条信息')
+}
+// 设备ref
+const selectDeviceDialog = ref()
+// 检定规程ref
+const verificationDialog = ref()
+// 点击表格中的选择按钮
+function selectPerson(index: number, text: string) {
+  if (text === '姓名') {
+    userListRef.value.initDialog()
+    personIndex.value = index
+  }
+  else if (text === '设备名称') {
+    selectDeviceDialog.value.initDialog()
+    equipmentIndex.value = index
+  }
+  else if (text === '文件名称') {
+    verificationDialog.value.initDialog()
+    fileIndex.value = index
+  }
+}
+// 多选框选中
+function handleSelectionChange(Array: object[], title: string) {
+  if (title === '计量人员') {
+    measurementPersonnelSelectionList.value = Array
+  }
+  else if (title === '标准配套设备') {
+    corollaryEquipmentSelectionList.value = Array
+  }
+  else if (title === '检定规程') {
+    regulationVerificationSelectionList.value = Array
+  }
+}
+// 点击删除行
+const deleteRow = (title: string) => {
+  if (title === '计量人员') {
+    if (measurementPersonnelSelectionList.value.length > 0) {
+      measurementPersonnel.value = measurementPersonnel.value.filter(
+        item => !measurementPersonnelSelectionList.value.includes(item),
+      )
+    }
+    else {
+      ElMessage.warning('请选中')
+    }
+  }
+  else if (title === '标准配套设备') {
+    if (corollaryEquipmentSelectionList.value.length > 0) {
+      corollaryEquipment.value = corollaryEquipment.value.filter(
+        item => !corollaryEquipmentSelectionList.value.includes(item),
+      )
+    }
+    else {
+      ElMessage.warning('请选中')
+    }
+  }
+  else if (title === '检定规程') {
+    if (regulationVerificationSelectionList.value.length > 0) {
+      regulationVerification.value = regulationVerification.value.filter(
+        item => !regulationVerificationSelectionList.value.includes(item),
+      )
+    }
+    else {
+      ElMessage.warning('请选中')
+    }
+  }
+}
+// 选择完计量人员
+const confirmPerson = (object: measurementPersonnelType) => {
+  console.log(measurementPersonnel.value)
+
+  const index = measurementPersonnel.value.findIndex(item => item.id === object.id && item.name === object.name)
+  if (index === -1) {
+    console.log(index)
+
+    object.deptName = object.deptId
+    object.certificateDate = object.certificateDate ? dayjs(object.certificateDate).format('YYYY-MM-DD') : object.certificateDate
+    measurementPersonnel.value.splice(personIndex.value, 1, object)
+  }
+  else {
+    ElMessage.warning('该人员已经存在')
+  }
+}
+// 选择完设备
+const selectDeviceList = (data: corollaryEquipmentType) => {
+  const index = corollaryEquipment.value.findIndex((item: any) => item.equipmentNo === data.equipmentNo)
+  if (index === -1) {
+    data.name = data.equipmentName
+    data.validDate = data.validDate ? dayjs(data.validDate).format('YYYY-MM-DD') : data.validDate
+    corollaryEquipment.value.splice(equipmentIndex.value, 1, data)
+  }
+  else {
+    ElMessage.warning('该设备已存在')
+  }
+}
+// 检定规程选择完成
+const verificationList = (data: regulationVerificationType) => {
+  const index = regulationVerification.value.findIndex((item: any) => item.fileNo === data.fileNo)
+  if (index === -1) {
+    data.name = data.fileName
+    regulationVerification.value.splice(fileIndex.value, 1, data)
+  }
+  else {
+    ElMessage.warning('该文件已存在')
+  }
+}
+
+// 增加行
+const addRow = (title: string) => {
+  if (title === '计量人员') {
+    measurementPersonnelAddRow()
+  }
+  else if (title === '标准配套设备') {
+    corollaryEquipmentAddRow()
+  }
+  else if (title === '检定规程') {
+    regulationVerificationAddRow()
+  }
+}
+onMounted(() => {
+  if (pageType.value === 'detail') {
+    fetchmeasurementPersonnel() // 计量人员
+    fetchcorollaryEquipment() // 标准配套设备
+    fetchregulationVerification() // 检定规程
+    fetchrepetitiveRppraisalRecord() // 重复性考核记录
+    fetchstabilityAssessmentRecord() // 稳定性考核记录
+    fetchcertificateManagement() // 证书管理
+  }
+  else if (pageType.value === 'edit') {
+    fetchmeasurementPersonnel() // 计量人员
+    fetchcorollaryEquipment() // 标准配套设备
+    fetchregulationVerification() // 检定规程
+  }
+})
+</script>
+
+<template>
+  <app-container>
+    <detail-page :title="`标准装置--${textMap[pageType]}`">
+      <template #btns>
+        <el-button
+          v-if="pageType !== 'detail'"
+          type="primary"
+          @click="submitForm()"
+        >
+          保存
+        </el-button>
+        <!-- <el-button v-else v-print="printObj" type="primary">
+          打印
+        </el-button> -->
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <base-info
+        id="form"
+        ref="baseInfoRef"
+        :info-id="infoId"
+        :button-type="pageType"
+        @set-data="setData"
+      />
+    </detail-page>
+    <!-- 表格区域 -->
+    <detail-block-switch :title="pageType === 'detail' ? '' : current">
+      <template #menu>
+        <el-radio-group v-model="current">
+          <el-radio-button
+            v-for="item in menu"
+            :key="item.name"
+            :label="item.name"
+          >
+            {{ item.name }}
+          </el-radio-button>
+        </el-radio-group>
+      </template>
+      <template #btns>
+        <el-button
+          v-if="pageType !== 'detail'"
+          type="primary"
+          @click="addRow(current)"
+        >
+          增加行
+        </el-button>
+        <el-button
+          v-if="pageType !== 'detail'"
+          type="info"
+          @click="deleteRow(current)"
+        >
+          删除行
+        </el-button>
+      </template>
+      <template-table
+        v-if="current === '计量人员'"
+        title="计量人员"
+        :button-type="pageType"
+        :columns="measurementPersonnelColumns"
+        :list="measurementPersonnel"
+        :loading="measurementPersonnelLoading"
+        @select-person="selectPerson"
+        @handle-selection-change="handleSelectionChange"
+        @change-page="fetchmeasurementPersonnel"
+      />
+      <template-table
+        v-if="current === '标准配套设备'"
+        title="标准配套设备"
+        :button-type="pageType"
+        :columns="corollaryEquipmentColumns"
+        :list="corollaryEquipment"
+        :loading="corollaryEquipmentLoading"
+        @select-person="selectPerson"
+        @change-page="fetchcorollaryEquipment"
+        @handle-selection-change="handleSelectionChange"
+      />
+      <template-table
+        v-if="current === '检定规程'"
+        title="检定规程"
+        :button-type="pageType"
+        :columns="regulationVerificationColumns"
+        :list="regulationVerification"
+        :loading="corollaryEquipmentLoading"
+        @select-person="selectPerson"
+        @change-page="fetchregulationVerification"
+        @handle-selection-change="handleSelectionChange"
+      />
+      <!-- <template-table
+        v-if="current === '重复性考核记录'"
+        title="重复性考核记录"
+        :button-type="pageType"
+        :columns="repetitiveRppraisalRecordColumns"
+        :list="repetitiveRppraisalRecord"
+        :loading="repetitiveRppraisalRecordLoading"
+        @change-page="fetchrepetitiveRppraisalRecord"
+      /> -->
+      <!-- <template-table
+        v-if="current === '稳定性考核记录'"
+        title="稳定性考核记录"
+        :button-type="pageType"
+        :columns="stabilityAssessmentRecordColumns"
+        :list="stabilityAssessmentRecord"
+        :loading="stabilityAssessmentRecordLoading"
+        @change-page="fetchstabilityAssessmentRecord"
+      /> -->
+      <!-- <template-table
+        v-if="current === '证书管理'"
+        title="证书管理"
+        :button-type="pageType"
+        :columns="certificateManagementColumns"
+        :list="certificateManagement"
+        :loading="certificateManagementLoading"
+        @change-page="fetchcertificateManagement"
+      /> -->
+    </detail-block-switch>
+    <!-- 选择用户列表组件 -->
+    <user-list-dialog ref="userListRef" @add="confirmPerson" />
+    <!-- 选择设备列表组件 -->
+    <select-device-dialog ref="selectDeviceDialog" @add="selectDeviceList" />
+    <!-- 选择检定规程列表组件 -->
+    <verification-dialog ref="verificationDialog" @add="verificationList" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.top-info {
+  width: 100%;
+  height: 50px;
+  padding-right: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 10px;
+  background-color: #fff;
+
+  .title {
+    width: 75%;
+    text-align: center;
+  }
+}
+
+.body {
+  background-color: #fff;
+  margin-top: 10px;
+}
+</style>
diff --git a/src/views/business/board/standardReminder/list.vue b/src/views/business/board/standardReminder/list.vue
index 5a329bc..478b032 100644
--- a/src/views/business/board/standardReminder/list.vue
+++ b/src/views/business/board/standardReminder/list.vue
@@ -1,11 +1,378 @@
-<!-- 装置到期提醒列表页 -->
-<script lang="ts" setup name="OverdueReminderList">
+<!-- 装置到期提醒列表 -->
+<script lang="ts" setup name="StandardReminderList">
+import type { Ref } from 'vue'
+import { getCurrentInstance, ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import dayjs from 'dayjs'
+import type { IOptions, IexpiraListQuery } from '@/views/device/standardEquipment/standard_interface'
+import { getTypeSelect } from '@/api/system/price'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { exportRemindList, getRemindListPage, getStandardListDelete, getUsersDept, setRemind } from '@/api/device/standard'
+import { exportFile } from '@/utils/exportUtils'
+import { printJSON } from '@/utils/printUtils'
+// 逻辑代码
+const listQuery: Ref<IexpiraListQuery> = ref({
+  category: '', // 类别
+  id: '', // 主键id
+  managerState: '', // 管理状态
+  preparationEndDate: '', // 结束时间
+  preparationStartDate: '', // 开始时间
+  standardLaboratory: '', // 标准所在部门
+  standardName: '', // 标准名称
+  standardNo: '', // 标准编号
+  validEndTime: '', // 结束时间
+  validStartTime: '', // 开始时间
+  offset: 1, // 当前页
+  limit: 20, // 每页多少条
+})
+// 获取权限
+const { proxy } = getCurrentInstance() as any
+const list = ref([]) // 存放数据
+// 表头
+const columns = ref<TableColumn[]>([
+  {
+    text: '标准代码',
+    value: 'standardNo',
+    width: '160',
+    align: 'center',
+  },
+  {
+    text: '标准名称',
+    value: 'standardName',
+    width: '90',
+    align: 'center',
+  },
+  {
+    text: '管理状态',
+    value: 'managerStateName',
+    width: '100',
+    align: 'center',
+  },
+  {
+    text: '标准所在部门',
+    value: 'standardLaboratoryName',
+    width: '120',
+    align: 'center',
+  },
+  {
+    text: '负责人',
+    value: 'laboratoryOwnerName',
+    align: 'center',
+  },
+  {
+    text: '建标项目',
+    value: 'constructionStandardUnitName',
+    align: 'center',
+  },
+  {
+    text: '筹建日期',
+    value: 'preparationDate',
+    width: '120',
+    align: 'center',
+  },
+  {
+    text: '有效日期',
+    value: 'validTime',
+    width: '120',
+    align: 'center',
+  },
+])
+const total = ref(0)
+// 表格loding
+const loadingTable = ref(false)
+// 选中的数据
+const checkoutList = ref([])
+// 点击的类型
+const buttonType = ref('')
+// 类别下拉框
+const checkTypeOptions = ref<IOptions[]>([])
+// 管理状态下拉框
+const standardManagerStateList = ref<IOptions[]>([])
+// 标准所在部门下拉框
+const standardUsersDeptList = ref<IOptions[]>([])
+// 筹建日期
+const preparation = ref<string>('')
+// 到期开始以及结束
+const validTime = ref<string>('')
+// 获取数据
+const fetchData = (isNowPage: boolean) => {
+  listQuery.value.preparationStartDate = preparation.value[0] || ''
+  listQuery.value.preparationEndDate = preparation.value[1] || ''
+  listQuery.value.validStartTime = validTime.value[0] || ''
+  listQuery.value.validEndTime = validTime.value[1] || ''
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  getRemindListPage(listQuery.value).then((response) => {
+    list.value = response.data.rows.map((item: any) => {
+      return {
+        ...item,
+        preparationDate: item.preparationDate ? dayjs(item.preparationDate).format('YYYY-MM-DD') : '',
+        validTime: item.validTime ? dayjs(item.validTime).format('YYYY-MM-DD') : '',
+      }
+    })
+    total.value = parseInt(response.data.total)
+    loadingTable.value = false
+  })
+}
+fetchData(true)
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 获取下拉框
+const getSelectList = (code: string) => {
+  getTypeSelect(code).then((res) => {
+    if (code === 'standardCategory') {
+      checkTypeOptions.value = res.data
+    }
+    else if (code === 'standardManagerState') {
+      standardManagerStateList.value = res.data
+    }
+  })
+}
+getSelectList('standardCategory') // 获取类别下拉框
+getSelectList('standardManagerState') // 获取管理状态下拉框
 
+// 初始化路由
+const $router = useRouter()
+// 获取部门信息参数
+const DeptParams = ref({
+  createEndTime: '',
+  createstartTime: '',
+  director: '',
+  meterMajor: '',
+  organizeName: '',
+  organizeNo: '',
+  organizeType: '3', // 3科室
+  pdeptId: null,
+  offset: 1,
+  limit: 999999,
+})
+// 获取部门信息
+getUsersDept(DeptParams.value).then((res) => {
+  standardUsersDeptList.value = res.data.rows
+})
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    category: '', // 类别
+    id: '', // 主键id
+    managerState: '', // 管理状态
+    preparationEndDate: '', // 结束时间
+    preparationStartDate: '', // 开始时间
+    standardLaboratory: '', // 标准所在部门
+    standardName: '', // 标准名称
+    standardNo: '', // 标准编号
+    validEndTime: '', // 结束时间
+    validStartTime: '', // 开始时间
+    offset: 1, // 当前页
+    limit: 20, // 每页多少条
+  }
+  preparation.value = ''
+  validTime.value = ''
+  fetchData(true)
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+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
+  }
+  fetchData(true)
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+// 导出id类型
+interface ISupplier {
+  id: never
+}
+// 打印列表
+function printList() {
+  // 打印列
+  const properties = columns.value.map((item: TableColumn) => {
+    return {
+      field: item.value,
+      displayName: item.text,
+    }
+  })
+  if (checkoutList.value.length <= 0 && list.value.length > 0) {
+    printJSON(list.value, properties, '到期提醒列表')
+  }
+  else if (checkoutList.value.length > 0) {
+    const printList = list.value.filter((item: ISupplier) => checkoutList.value.includes(item.id))
+    printJSON(printList, properties, '到期提醒列表')
+  }
+  else {
+    ElMessage.warning('无可打印内容')
+  }
+}
+
+// 导出
+const exportAll = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (list.value.length > 0) {
+    const params = {
+      category: '', // 类别
+      id: '', // 主键id
+      managerState: '', // 管理状态
+      preparationEndDate: '', // 结束时间
+      preparationStartDate: '', // 开始时间
+      standardLaboratory: '', // 标准所在部门
+      standardName: '', // 标准名称
+      standardNo: '', // 标准编号
+      validEndTime: '', // 结束时间
+      validStartTime: '', // 开始时间
+      offset: 1, // 当前页
+      limit: 20, // 每页多少条
+      ids: checkoutList.value,
+    }
+    // 导出接口
+    exportRemindList(params).then((res) => {
+      const blob = new Blob([res.data])
+      exportFile(blob, '到期提醒列表.xlsx')
+    })
+  }
+  else {
+    ElMessage.warning('无数据可导出数据')
+  }
+  // 关闭loading
+  loading.close()
+}
+// 点击编辑id和删除row类型
+interface rowReturn {
+  id: string
+  standardName: string
+  standardOwnerName: string
+}
+
+// 点击编辑/详情
+const handleEdit = (row: rowReturn) => {
+  $router.push(`/board/detail/${row.id}`)
+}
+// 提醒函数
+const warnClick = (row: rowReturn) => {
+  ElMessageBox.confirm(
+    `确认催办${row.standardOwnerName}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      setRemind({ id: row.id as string }).then((res) => {
+        if (res.code === 200) {
+          ElMessage({
+            type: 'success',
+            message: '已催办',
+          })
+          fetchData(true)
+        }
+      })
+    })
+}
 </script>
 
 <template>
   <app-container>
-    装置到期提醒
+    <search-area
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item style="width: 12%;">
+        <el-input
+          v-model.trim="listQuery.standardNo"
+          placeholder="标准代码"
+          clearable
+        />
+      </search-item>
+      <search-item style="width: 12%;">
+        <el-input
+          v-model.trim="listQuery.standardName"
+          placeholder="标准名称"
+          clearable
+        />
+      </search-item>
+      <search-item style="width: 12%;">
+        <el-select
+          v-model.trim="listQuery.standardLaboratory"
+          clearable
+          placeholder="标准所在部门"
+          size="default"
+        >
+          <el-option
+            v-for="item in standardUsersDeptList"
+            :key="item.deptId"
+            :label="item.organizeName"
+            :value="item.deptId!"
+          />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="preparation"
+          type="daterange"
+          range-separator="到"
+          format="YYYY-MM-DD"
+          value-format="YYYY-MM-DD"
+          start-placeholder="筹建开始日期"
+          end-placeholder="筹建结束日期"
+        />
+      </search-item>
+    </search-area>
+    <table-container>
+      <template #btns-right>
+        <icon-button v-if="proxy.hasPerm('/standard/expiration/remind/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/standard/expiration/remind/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="序号" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="120" fixed="right">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row)"
+              >
+                详情
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/standard/expiration/remind/warn')"
+                size="small"
+                link
+                type="primary"
+                @click="warnClick(row)"
+              >
+                催办
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
   </app-container>
 </template>
 

diff --git a/src/router/modules/business.ts b/src/router/modules/business.ts
index 7ac0233..a3baef3 100644
--- a/src/router/modules/business.ts
+++ b/src/router/modules/business.ts
@@ -94,6 +94,18 @@
         },
       },
       {
+        path: ':type/:id?',
+        name: 'StandardReminderDetail',
+        component: () => import('@/views/business/board/standardReminder/detail.vue'),
+        meta: {
+          title: '装置到期提醒详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/standard/list',
+        },
+      },
+      {
         path: 'jobAccount',
         name: 'JobAccountList',
         component: () => import('@/views/business/board/jobAccount/list.vue'),
diff --git a/src/views/business/bench/bench.vue b/src/views/business/bench/bench.vue
index f846c51..288e209 100644
--- a/src/views/business/bench/bench.vue
+++ b/src/views/business/bench/bench.vue
@@ -214,14 +214,19 @@
     router.push(buttonTypes.value[index].url)
   }
 }
-
+const benchDivHeight = ref()
 function calcBlockSize() {
   // 计算工作台区域高度 - 顶部-面包屑-边距
   const bodyHeight = document.body.clientHeight - 60 - 50 - 20
   blockHeight.value = bodyHeight > 610 ? (bodyHeight - 10) / 2 : 300
   blockWidth.value = (document.body.clientWidth - 180 - 20 - 20) / 3
   console.log(blockHeight.value, blockWidth.value - 20)
+  benchDivHeight.value = blockHeight.value - 60
 }
+
+onMounted(() => {
+  calcBlockSize()
+})
 </script>
 
 <template>
@@ -294,21 +299,18 @@
           </div>
         </bench-col>
       </el-col>
-      <el-col :span="8">
-        <bench-col :height="blockHeight - 180">
-          <div class="bench-right-top">
-            <div
-              v-for="item of buttonTypes"
-              :key="item.text"
-              class="right-top-box"
-              @click="handleClickButton(item.id)"
-            >
-              {{ item.text }}
-            </div>
+      <el-col :span="8" class="bench-div">
+        <div class="bench-right-top" style="background-color: #fff;border-radius: 10px;padding: 10px;height: fit-content;">
+          <div
+            v-for="item of buttonTypes"
+            :key="item.text"
+            class="right-top-box"
+            @click="handleClickButton(item.id)"
+          >
+            {{ item.text }}
           </div>
-        </bench-col>
-        <div style="margin-top: 10px;" />
-        <bench-col :height="blockHeight - 130" title="当前进行中样品状态" icon="icon-book">
+        </div>
+        <bench-col title="当前进行中样品状态" icon="icon-book" style="margin-top: 10px;height: 100%;">
           <div class="status-box">
             <div v-for="(item, index) in statusData" :key="index" class="status-box-item">
               <div>
@@ -388,8 +390,8 @@
           </el-table>
         </bench-col>
       </el-col>
-      <el-col :span="8">
-        <bench-col :height="blockHeight - 155" title="当前人员状态" icon="icon-book">
+      <el-col :span="8" class="bench-div">
+        <bench-col title="当前人员状态" icon="icon-book">
           <div class="personnel-status">
             <h5 style="width: 20%;">
               人员A
@@ -422,6 +424,14 @@
 </template>
 
 <style lang="scss" scoped>
+.bench-div {
+  display: flex;
+  flex-direction: column;
+  // height: var(#{"--global:benchDivHeight"});
+  height: v-bind("blockHeight");
+  // height: 400px;
+}
+
 .my-tests {
   display: flex;
   justify-content: space-between;
@@ -446,6 +456,7 @@
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-around;
+  height: 100%;
 
   .status-box-item {
     width: 40%;
diff --git a/src/views/business/board/standardReminder/baseInfo.vue b/src/views/business/board/standardReminder/baseInfo.vue
new file mode 100644
index 0000000..e8f91ca
--- /dev/null
+++ b/src/views/business/board/standardReminder/baseInfo.vue
@@ -0,0 +1,750 @@
+<!-- 标准装置详情表单 -->
+<script lang="ts" setup name="BaseInfo">
+import { reactive, ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules, UploadProps, UploadUserFile } from 'element-plus'
+import dayjs from 'dayjs'
+import laboratoryDialog from '@/views/device/standardEquipment/components/standardList/laboratoryDialog.vue'
+import type { IOptions, IStandardList } from '@/views/device/standardEquipment/standard_interface'
+import { getStaffList } from '@/api/measure/person'
+import { getTypeSelect } from '@/api/system/price'
+import { getStandardListDetail, getUsersDept } from '@/api/device/standard'
+import { UploadFile } from '@/api/measure/file'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import personListDialog from '@/views/measure/person/components/personListDialog.vue'
+const props = defineProps({
+  infoId: { // 详情id
+    type: String,
+    default: '0',
+  },
+  buttonType: { // 从列表的哪个按钮进入的
+    type: String,
+    default: '',
+  },
+})
+const emit = defineEmits(['close', 'setData']) // 关闭
+const ruleFormRef = ref<FormInstance>()
+// 表单
+const formInline = ref({
+  assessDate: '', // 考核日期
+  assessmentUnit: '', // 考核单位
+  category: '', // 类别
+  categoryName: '', // 类别名称
+  constructionStandardProject: '', // 建标项目
+  constructionStandardUnitName: '', // 建标单位名称
+  contactInfo: '', // 联系方式
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '', // 主键
+  isDel: '', // 删除标记
+  laboratoryOwner: '', // 实验室负责人
+  laboratoryOwnerContact: '', // 联系方式
+  laboratoryOwnerName: '', // 实验室负责人名字
+  managerState: '', // 管理状态
+  managerStateName: '', // 管理状态名称
+  measureMajor: '', // 计量专业
+  fileList: [] as any, // 文件列表
+  measureMajorName: '', // 计量专业名称
+  mesureRange: '', // 测量范围
+  organizeNo: '', // 组织机构代码
+  preparationDate: '', // 筹建日期
+  projectNo: '', // 项目编号
+  remark: '', // 备注
+  standardHumidity: '', // 标准湿度
+  standardLaboratory: '', // 标准所在实验室
+  standardLaboratoryName: '', // 标准所在实验室名称
+  standardLevel: '', // 标准等级
+  standardLevelName: '', // 标准等级名称
+  standardName: '', // 标准名称
+  standardNo: '', // 标准代码
+  standardOwner: '', // 标准负责人
+  standardOwnerName: '', // 标准负责人名称
+  standardTemperature: '', // 标准温度
+  totalInvestment: '', // 投资总额
+  transmitRange: '', // 传递范围
+  transmitRangeName: '', // 传递范围名称
+  uncertainty: '', // 不确定度
+  updateTime: '', // 更新时间
+  version: '', // 版本号
+  minioFileName: [], // 附件
+})
+const checkTypeOptions = ref<IOptions[]>([])
+const standardOwnerOptions = ref<IOptions[]>([]) // 标准负责人
+const fileList = ref<UploadUserFile[]>([]) // 文件对象数组
+const measureMajorList = ref<IOptions[]>([]) // 计量专业下拉框
+const standardManagerStateList = ref<IOptions[]>([]) // 管理状态下拉框
+const standardLevelList = ref<IOptions[]>([]) // 标准等级下拉框
+const transmitRangeList = ref<IOptions[]>([]) // 传递范围下拉框
+// 标准所在部门下拉框
+const standardUsersDeptList = ref<IOptions[]>([])
+// 获取下拉框
+const getSelectList = (code: string) => {
+  getTypeSelect(code).then((res) => {
+    if (code === 'measureMajor') {
+      measureMajorList.value = res.data
+    }
+    else if (code === 'standardManagerState') {
+      standardManagerStateList.value = res.data
+    }
+    else if (code === 'standardLevel') {
+      standardLevelList.value = res.data
+    }
+    else if (code === 'transmitRange') {
+      transmitRangeList.value = res.data
+    }
+    else if (code === 'standardCategory') {
+      checkTypeOptions.value = res.data
+    }
+  })
+}
+getSelectList('measureMajor') // 获取计量专业下拉框
+getSelectList('standardManagerState') // 获取管理状态下拉框
+getSelectList('standardLevel') // 获取标准等级下拉框
+getSelectList('transmitRange') // 获取传递范围下拉框
+getSelectList('standardCategory') // 获取类别下拉框
+// 获取部门信息参数
+const DeptParams = ref({
+  createEndTime: '',
+  createstartTime: '',
+  director: '',
+  meterMajor: '',
+  organizeName: '',
+  organizeNo: '',
+  organizeType: '2',
+  pdeptId: null,
+  offset: 1,
+  limit: 999999,
+})
+// 获取部门信息
+getUsersDept(DeptParams.value).then((res) => {
+  standardUsersDeptList.value = res.data.rows
+})
+// 获取到标准负责人数组
+const getStandardOwnerOptions = () => {
+  const params = {
+    staffNo: '', // 人员编号
+    name: '', // 姓名
+    deptId: '', // 工作部门
+    major: '', // 计量专业
+    verifierCertificateNo: '', // 证书号
+    certificateStatus: '', // 证书状态
+    limit: 100000,
+    offset: 1,
+  }
+  getStaffList(params).then((res) => {
+    standardOwnerOptions.value = res.data.records
+  })
+}
+getStandardOwnerOptions()
+
+const rules = reactive<FormRules>({
+  standardName: [{ required: true, message: '标准名称不能为空', trigger: ['blur', 'change'] }],
+  projectNo: [{ required: true, message: '项目编号不能为空', trigger: ['blur', 'change'] }],
+  constructionStandardProject: [{ required: true, message: '建标项目不能为空', trigger: ['blur', 'change'] }],
+  organizeNo: [{ required: true, message: '组织机构代码不能为空', trigger: ['blur', 'change'] }],
+  constructionStandardUnitName: [{ required: true, message: '建标单位名称不能为空', trigger: ['blur', 'change'] }],
+  standardOwnerName: [{ required: true, message: '标准负责人不能为空', trigger: ['blur', 'change'] }],
+  contactInfo: [{ required: true, message: '联系方式不能为空', trigger: ['blur', 'change'] }],
+  category: [{ required: true, message: '类别不能为空', trigger: ['blur', 'change'] }],
+  standardLevel: [{ required: true, message: '标准等级不能为空', trigger: ['blur', 'change'] }],
+  transmitRange: [{ required: true, message: '传递范围不能为空', trigger: ['blur', 'change'] }],
+  preparationDate: [{ required: true, message: '筹建日期不能为空', trigger: ['blur', 'change'] }],
+  managerState: [{ required: true, message: '管理状态不能为空', trigger: ['blur', 'change'] }],
+  measureMajor: [{ required: true, message: '计量专业不能为空', trigger: ['blur', 'change'] }],
+  assessmentUnit: [{ required: true, message: '考核单位不能为空', trigger: ['blur', 'change'] }],
+  assessDate: [{ required: true, message: '考核日期不能为空', trigger: ['blur', 'change'] }],
+  uncertainty: [{ required: true, message: '不确定度不能为空', trigger: ['blur', 'change'] }],
+  mesureRange: [{ required: true, message: '测量范围不能为空', trigger: ['blur', 'change'] }],
+  standardTemperature: [{ required: true, message: '标准温度不能为空', trigger: ['blur', 'change'] },
+    { pattern: /(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/, message: '标准温度只能为数字', trigger: ['blur', 'change'] }],
+  standardHumidity: [{ required: true, message: '标准湿度不能为空', trigger: ['blur', 'change'] },
+    { pattern: /(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/, message: '标准湿度只能为数字', trigger: ['blur', 'change'] }],
+  totalInvestment: [{ required: false, message: '', trigger: ['blur', 'change'] },
+    { pattern: /(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/, message: '投资总额只能为数字', trigger: ['blur', 'change'] }],
+}) // 表单验证规则
+
+// 标准实验室发生改变row类型
+interface rowReturn {
+  phone: string
+  director: string
+  name: string
+  organizeName: string
+  id: string
+  deptId: string
+}
+// 实验室ref
+const laboratorydialog = ref()
+// 标准实验室点击
+const changeDeptList = () => {
+  laboratorydialog.value.initDialog()
+}
+// 标准实验室清空时
+const clearDeptList = () => {
+  formInline.value.laboratoryOwnerContact = ''
+  formInline.value.laboratoryOwner = ''
+}
+// 获取detail信息
+const getInfo = () => {
+  getStandardListDetail({ id: props.infoId }).then((res) => {
+    Object.keys(res.data).map((item) => {
+      if (typeof (res.data[item]) === 'number') {
+        res.data[item] = res.data[item].toString()
+      }
+    })
+    formInline.value = res.data
+    const tempArr = [] as any
+    if (res.data.fileList && res.data.fileList.length) {
+      res.data.fileList.forEach((item: { minioFileName: string }) => {
+        tempArr.push(item.minioFileName)
+      })
+    }
+    formInline.value.minioFileName = tempArr
+  })
+}
+
+// 计量人员组件
+const personListdialog = ref()
+// 点击选择负责人函数
+const personClick = () => {
+  personListdialog.value.initDialog()
+}
+// 测试数据
+const simulateObject = {
+  data: dayjs(`${new Date()}`).format('YYYY-MM-DD'), // 有效日期
+  certificateNo: '199926465422', // 证书编号
+  authorityOfIssue: 'xxx公司', // 发证单位
+  authorityOfDate: dayjs(`${new Date()}`).format('YYYY-MM-DD'), // 发证日期
+}
+// 选择负责人回调函数
+const personListAdd = (data: rowReturn) => {
+  formInline.value.standardOwner = data.id
+  formInline.value.standardOwnerName = data.name
+}
+// 选择完科室的回调函数
+const laboratoryListAdd = (data: rowReturn) => {
+  formInline.value.standardLaboratory = data.deptId
+  formInline.value.standardLaboratoryName = data.organizeName
+  formInline.value.laboratoryOwner = data.director
+  formInline.value.laboratoryOwnerContact = data.phone
+}
+
+// 删除附件
+const del = (index: any) => {
+  formInline.value.fileList.splice(index, 1)
+  formInline.value.minioFileName = formInline.value.fileList.map((item: any) => {
+    return item.minioFileName
+  })
+}
+
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  const files = event.target.files
+  if (files.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    for (var i = 0; i < files.length; i++) {
+      fd.append('multipartFile', files[i])
+    }
+    UploadFile(fd).then((res) => {
+      if (res.code === 200) {
+        res.data.forEach((item: string) => {
+          formInline.value.fileList.push({
+            minioFileName: item,
+          })
+        })
+        formInline.value.minioFileName = formInline.value.fileList.map((item: any) => {
+          return item.minioFileName
+        })
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+
+watch(() => formInline.value, (newVal) => {
+// 变化后存储
+  emit('setData', newVal)
+},
+{ deep: true, immediate: true })
+// 提交
+const submitForm = () => {
+  return ruleFormRef.value
+}
+defineExpose({ submitForm, formInline })
+onMounted(() => {
+  if (props.buttonType !== 'add') { // 编辑和详情获取详情信息
+    getInfo()
+  }
+})
+</script>
+
+<template>
+  <app-container>
+    <div class="info-content">
+      <el-form
+        id="form"
+        ref="ruleFormRef"
+        :model="formInline"
+        label-position="right"
+        label-width="auto"
+        :rules="rules"
+      >
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="标准代码:">
+              <el-input
+                v-model.trim="formInline.standardNo"
+                :placeholder="buttonType === 'detail' ? '' : '系统自动生成'"
+                disabled
+                class="full-width-input"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准名称:" prop="standardName">
+              <el-input
+                v-model.trim="formInline.standardName"
+                :placeholder="buttonType === 'detail' ? '' : '请输入标准名称'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="项目编号:" prop="projectNo">
+              <el-input
+                v-model.trim="formInline.projectNo"
+                :placeholder="buttonType === 'detail' ? '' : '请输入项目编号'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="建标项目:" prop="constructionStandardProject">
+              <el-input
+                v-model.trim="formInline.constructionStandardProject"
+                :placeholder="buttonType === 'detail' ? '' : '请输入建标项目'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="组织机构代码:" prop="organizeNo">
+              <el-input
+                v-model.trim="formInline.organizeNo"
+                :placeholder="buttonType === 'detail' ? '' : '请输入组织机构代码'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item
+              label="建标单位名称:"
+              prop="constructionStandardUnitName"
+            >
+              <el-input
+                v-model.trim="formInline.constructionStandardUnitName"
+                :placeholder="buttonType === 'detail' ? '' : '请输入建标单位名称'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准负责人:" prop="standardOwnerName">
+              <el-input
+                v-model.trim="formInline.standardOwnerName"
+                :placeholder="buttonType === 'detail' ? '' : '请选择标准负责人'"
+                disabled
+                class="full-width-input"
+                clearable
+              >
+                <template v-if="buttonType !== 'detail'" #append>
+                  <el-button
+                    size="small"
+                    @click="personClick"
+                  >
+                    选择
+                  </el-button>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系方式:" prop="contactInfo">
+              <el-input
+                v-model.trim="formInline.contactInfo"
+                :placeholder="buttonType === 'detail' ? '' : '请输入联系方式'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="类 别:" prop="category">
+              <el-select
+                v-model="formInline.category"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择类别'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in checkTypeOptions"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.value"
+                  clearable
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准等级:" prop="standardLevel">
+              <el-select
+                v-model.trim="formInline.standardLevel"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择标准等级'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in standardLevelList"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.value"
+                  clearable
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="传递范围:" prop="transmitRange">
+              <el-select
+                v-model.trim="formInline.transmitRange"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择传递范围'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in transmitRangeList"
+                  :key="item.id"
+                  :label="item.name"
+                  clearable
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="投资总额(元):" prop="totalInvestment">
+              <el-input
+                v-model.trim="formInline.totalInvestment"
+                :placeholder="buttonType === 'detail' ? '' : '请输入投资总额'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="筹建日期:" prop="preparationDate">
+              <el-date-picker
+                v-model="formInline.preparationDate"
+                type="date"
+                :placeholder="buttonType === 'detail' ? '' : '请选择筹建日期'"
+                style="width: 100%;"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准科室:">
+              <el-input
+                v-model.trim="formInline.standardLaboratoryName"
+                :placeholder="buttonType === 'detail' ? '' : '请选择标准科室'"
+                disabled
+                class="full-width-input"
+                clearable
+              >
+                <template v-if="buttonType !== 'detail'" #append>
+                  <el-button
+                    size="small"
+                    @click="changeDeptList"
+                  >
+                    选择
+                  </el-button>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="科室负责人:">
+              <el-input
+                v-model.trim="formInline.laboratoryOwner"
+                :placeholder="buttonType === 'detail' ? '' : '请输入科室负责人'"
+                disabled
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系方式:">
+              <el-input
+                v-model.trim="formInline.laboratoryOwnerContact"
+                :placeholder="buttonType === 'detail' ? '' : '请输入联系方式'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="管理状态:" prop="managerState">
+              <el-select
+                v-model.trim="formInline.managerState"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择管理状态'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in standardManagerStateList"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.value"
+                  clearable
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="计量专业:" prop="measureMajor">
+              <el-select
+                v-model.trim="formInline.measureMajor"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请选择计量专业'"
+                size="default"
+                :disabled="buttonType === 'detail'"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in measureMajorList"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.value"
+                  clearable
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="考核单位:" prop="assessmentUnit">
+              <el-input
+                v-model.trim="formInline.assessmentUnit"
+                :placeholder="buttonType === 'detail' ? '' : '请输入考核单位'"
+                :disabled="buttonType === 'detail'"
+                class="full-width-input"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="考核日期:" prop="assessDate">
+              <el-date-picker
+                v-model="formInline.assessDate"
+                type="date"
+                style="width: 100%;"
+                :placeholder="buttonType === 'detail' ? '' : '请选择考核日期'"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="不确定度:" prop="uncertainty">
+              <el-input
+                v-model.trim="formInline.uncertainty"
+                :placeholder="buttonType === 'detail' ? '' : '请输入不确定度'"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="测量范围:" prop="mesureRange">
+              <el-input
+                v-model.trim="formInline.mesureRange"
+                :placeholder="buttonType === 'detail' ? '' : '请输入测量范围'"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="2">
+            <el-form-item label="环境条件" />
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准温度(℃):" prop="standardTemperature">
+              <el-input
+                v-model.trim="formInline.standardTemperature"
+                :placeholder="buttonType === 'detail' ? '' : '请输入标准温度'"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="标准湿度(%):" prop="standardHumidity">
+              <el-input
+                v-model.trim="formInline.standardHumidity"
+                clearable
+                :placeholder="buttonType === 'detail' ? '' : '请输入标准湿度'"
+                :disabled="buttonType === 'detail'"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <!-- <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="有效日期:">
+              <el-date-picker
+                v-model="simulateObject.data"
+                type="date"
+                style="width: 100%;"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="证书编号:">
+              <el-input
+                v-model.trim="simulateObject.certificateNo"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="发证单位:">
+              <el-input
+                v-model.trim="simulateObject.authorityOfIssue"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="发证日期:">
+              <el-date-picker
+                v-model="simulateObject.authorityOfDate"
+                type="date"
+                style="width: 100%;"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+        </el-row> -->
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="备注:">
+              <el-input
+                v-model.trim="formInline.remark"
+                :placeholder="buttonType === 'detail' ? '' : '请输入备注'"
+                :disabled="buttonType === 'detail'"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="24">
+            <el-form-item label="文件:">
+              <el-button v-if="buttonType !== 'detail'" id="file" type="primary" :disabled="buttonType === 'detail'" :style="{ 'margin-right': '20px' }" @click="upload">
+                {{ !formInline.minioFileName.length ? '上传' : '上传' }}
+              </el-button>
+              <div v-for="(item, index) in formInline.minioFileName" :key="index" style="display: flex;">
+                <show-photo :minio-file-name="item">
+                  <span v-if="buttonType !== 'detail'" class="photo-close" @click="del(index)">×</span>
+                </show-photo>
+              </div>
+              <span v-if="buttonType === 'detail' && !formInline.minioFileName.length">无</span>
+              <input v-show="buttonType === ''" ref="fileRef" type="file" name="upload" multiple @change="onFileChange">
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </app-container>
+  <person-list-dialog ref="personListdialog" @add="personListAdd" />
+  <laboratory-dialog ref="laboratorydialog" @add="laboratoryListAdd" />
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.top-info {
+  width: 100%;
+  height: 50px;
+  padding-right: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 10px;
+  background-color: #fff;
+
+  .title {
+    width: 75%;
+    text-align: center;
+  }
+}
+
+.info-content {
+  padding: 15px;
+  border-radius: 10px;
+  background-color: #fff;
+}
+</style>
diff --git a/src/views/business/board/standardReminder/detail.vue b/src/views/business/board/standardReminder/detail.vue
new file mode 100644
index 0000000..498b0da
--- /dev/null
+++ b/src/views/business/board/standardReminder/detail.vue
@@ -0,0 +1,674 @@
+<!-- 标准装置列表详情页 -->
+<script lang="ts" setup name="standardListAdd">
+import { ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import dayjs from 'dayjs'
+import baseInfo from './baseInfo.vue'
+import TemplateTable from '@/views/device/standardEquipment/components/standardList/templateTable.vue'
+import userListDialog from '@/views/device/standardEquipment/components/standardList/userListDialog.vue'
+import SelectDeviceDialog from '@/views/device/standardEquipment/components/standardList/equipmentDialog.vue'
+import VerificationDialog from '@/views/device/standardEquipment/components/standardList/verificationDialog.vue'
+import type {
+  corollaryEquipmentType,
+  measurementPersonnelType,
+  regulationVerificationType,
+} from '@/views/device/standardEquipment/standard_interface'
+import {
+  delRegulationAdd,
+  getEquipmentDelete,
+  getEquipmentListPage,
+  getEquipmenteAdd,
+  getRegulationAdd,
+  getRegulationListPage,
+  getStandardLisUpdate,
+  getStandardListAdd,
+  getUserBatchDelete,
+  getuserListPage,
+  setBatchAdd,
+} from '@/api/device/standard'
+
+const infoId = ref('') // id
+const pageType = ref('add') // 页面类型: add,edit, detail
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+} // 字典
+// 从路由中获取页面类型参数
+const $route = useRoute()
+if ($route.params && $route.params.type) {
+  pageType.value = $route.params.type as string
+  if ($route.params.id) {
+    infoId.value = $route.params.id as string
+  }
+}
+interface formInlineType {
+  id: string
+}
+// 定义数据
+const formInline = ref<formInlineType>({
+  id: '',
+})
+// 关闭
+interface menuType {
+  name: string
+  comp: any
+}
+// 表格菜单
+const menu = shallowRef<menuType[]>([
+  { name: '计量人员', comp: TemplateTable },
+  { name: '标准配套设备', comp: TemplateTable },
+  { name: '检定规程', comp: TemplateTable },
+  // { name: '重复性考核记录', comp: TemplateTable },
+  // { name: '稳定性考核记录', comp: TemplateTable },
+  // { name: '证书管理', comp: TemplateTable },
+])
+if (pageType.value === 'edit' || pageType.value === 'add') {
+  menu.value = [
+    { name: '计量人员', comp: TemplateTable },
+    { name: '标准配套设备', comp: TemplateTable },
+    { name: '检定规程', comp: TemplateTable },
+  ]
+}
+const baseInfoRef = ref()
+const current = ref('计量人员')
+const currentComp = shallowRef(baseInfo)
+watch(current, (newValue) => {
+  currentComp.value = menu.value.filter(item => item.name === newValue)[0].comp
+})
+// 初始化router
+const $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 拿到formInline的数据
+const setData = (newValue: formInlineType) => {
+  formInline.value = newValue
+}
+const queryParams = {
+  id: '',
+  limit: 20,
+  offset: 1,
+}
+// 关闭
+// 表头类型
+interface TableColumn {
+  text: string
+  value: string
+  align: string
+  width?: string
+}
+
+interface checkedRecord {
+  text: string
+}
+// 设备item类型
+interface equipmentListPageItem {
+  name: string
+  equipmentName: string
+  validDate?: string // 有效日期
+}
+// 文件item类型
+interface regulationListPageItem {
+  name: string
+  fileName: string
+}
+// 计量人员表头
+const measurementPersonnelColumns = ref<TableColumn[]>([
+  { text: '姓名', value: 'name', align: 'center', width: '240' },
+  { text: '计量人员编号', value: 'staffNo', align: 'center' },
+  { text: '工作部门', value: 'deptName', align: 'center' },
+  { text: '计量专业', value: 'major', align: 'center' },
+  { text: '证书编号', value: 'verifierCertificateNo', align: 'center' },
+  { text: '证书有效期', value: 'certificateDate', align: 'center', width: '120' },
+])
+// 计量人员数据
+const measurementPersonnel = ref<measurementPersonnelType[]>([])
+// 计量人员表格loading
+const measurementPersonnelLoading = ref(false)
+// 计量人员发送请求获取数据
+function fetchmeasurementPersonnel() {
+  measurementPersonnelLoading.value = true
+  getuserListPage({ id: infoId.value }).then((res) => {
+    measurementPersonnel.value = res.data.rows.map((item: any) => {
+      return {
+        ...item,
+        certificateDate: item.certificateDate ? dayjs(item.certificateDate).format('YYYY-MM-DD') : '',
+      }
+    })
+    measurementPersonnelLoading.value = false
+  })
+}
+
+// 标准配套设备表头
+const corollaryEquipmentColumns = ref<TableColumn[]>([
+  { text: '设备名称', value: 'name', align: 'center', width: '240' },
+  { text: '设备编号', value: 'equipmentNo', align: 'center', width: '160' },
+  { text: '型号', value: 'modelNo', align: 'center' },
+  { text: '测量范围', value: 'mesureRange', align: 'center' },
+  { text: '使用部门', value: 'useDeptName', align: 'center' },
+  { text: '检定时间', value: 'mesureDate', align: 'center', width: '180' },
+  { text: '检定结果', value: 'mesureResult', align: 'center' },
+  { text: '有效日期', value: 'validDate', align: 'center', width: '120' },
+])
+// 标准配套设备数据
+const corollaryEquipment = ref<corollaryEquipmentType[]>([])
+// 标准配套设备loading
+const corollaryEquipmentLoading = ref(false)
+// 标准配套设备发送请求获取数据
+function fetchcorollaryEquipment(query = { ...queryParams }) {
+  corollaryEquipmentLoading.value = true
+  getEquipmentListPage({ id: infoId.value }).then((res) => {
+    corollaryEquipment.value = res.data.rows.map(
+      (item: equipmentListPageItem) => {
+        item.name = item.equipmentName
+        item.validDate = item.validDate ? dayjs(item.validDate).format('YYYY-MM-DD') : ''
+        return item
+      },
+    )
+    corollaryEquipmentLoading.value = false
+  })
+}
+
+// 检定规程
+const regulationVerificationColumns = ref<TableColumn[]>([
+  { text: '文件名称', value: 'name', align: 'center', width: '240' },
+  { text: '文件编号', value: 'fileNo', align: 'center', width: '160' },
+  { text: '文件号', value: 'fileCode', align: 'center' },
+  { text: '实施时间', value: 'effectiveTime', align: 'center' },
+  { text: '实施状态', value: 'effectiveStatusName', align: 'center' },
+])
+const regulationVerification = ref<regulationVerificationType[]>([])
+const regulationVerificationLoading = ref(false)
+// 获取检定规程
+function fetchregulationVerification(query = { ...queryParams }) {
+  regulationVerificationLoading.value = true
+  getRegulationListPage({ id: infoId.value }).then((res) => {
+    regulationVerification.value = res.data.rows.map(
+      (item: regulationListPageItem) => {
+        item.name = item.fileName
+        return item
+      },
+    )
+    regulationVerificationLoading.value = false
+  })
+}
+
+// 重复性考核记录
+const repetitiveRppraisalRecordColumns = ref<TableColumn[]>([
+  { text: '记录编号', value: 'text', align: 'center' },
+  { text: '记录名称', value: 'text', align: 'center' },
+  { text: '考核时间', value: 'text', align: 'center' },
+  { text: '考核结果', value: 'text', align: 'center' },
+])
+const repetitiveRppraisalRecord = ref<checkedRecord[]>([])
+const repetitiveRppraisalRecordLoading = ref(false)
+function fetchrepetitiveRppraisalRecord(query = { ...queryParams }) {
+  repetitiveRppraisalRecordLoading.value = true
+  repetitiveRppraisalRecord.value = []
+  repetitiveRppraisalRecordLoading.value = false
+}
+
+// 稳定性考核记录
+const stabilityAssessmentRecordColumns = ref<TableColumn[]>([
+  { text: '记录编号', value: 'text', align: 'center' },
+  { text: '记录名称', value: 'text', align: 'center' },
+  { text: '考核时间', value: 'text', align: 'center' },
+  { text: '考核结果', value: 'text', align: 'center' },
+])
+const stabilityAssessmentRecord = ref<checkedRecord[]>([])
+const stabilityAssessmentRecordLoading = ref(false)
+function fetchstabilityAssessmentRecord(query = { ...queryParams }) {
+  stabilityAssessmentRecordLoading.value = true
+  stabilityAssessmentRecord.value = []
+  stabilityAssessmentRecordLoading.value = false
+}
+
+// 证书管理
+const certificateManagementColumns = ref<TableColumn[]>([
+  { text: '证书编号', value: 'text', align: 'center' },
+  { text: '证书名称', value: 'text', align: 'center' },
+  { text: '证书类型', value: 'text', align: 'center' },
+  { text: '证书出具日期', value: 'text', align: 'center' },
+  { text: '证书有效期', value: 'text', align: 'center' },
+])
+const certificateManagement = ref<checkedRecord[]>([])
+const certificateManagementLoading = ref(false)
+function fetchcertificateManagement(query = { ...queryParams }) {
+  certificateManagementLoading.value = true
+  certificateManagement.value = []
+  certificateManagementLoading.value = false
+}
+
+// 打印
+const printObj = ref({
+  id: 'form', // 需要打印元素的id
+  popTitle: '测量标准装置', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  standard: '',
+  extarCss: '',
+})
+// 点击保存
+const submitForm = () => {
+  const tempFormInline = baseInfoRef.value.formInline
+  tempFormInline.userList = [] // 计量人员
+  tempFormInline.equipmentList = [] // 配套设备
+  tempFormInline.verifyRegulationList = [] // 检定规程
+  // 处理计量人员数据
+  if (!measurementPersonnel.value.length) {
+    ElMessage.warning('计量人员表格不能为空')
+    return false
+  }
+  else {
+    const tempArr = [] as any
+    measurementPersonnel.value.forEach((item) => {
+      if (item.id) {
+        tempArr.push({
+          userId: item.id,
+        })
+      }
+    })
+    tempFormInline.userList = tempArr
+  }
+  // 处理标准配套设备数据
+  if (!corollaryEquipment.value.length) {
+    ElMessage.warning('标准配套设备表格不能为空')
+    return false
+  }
+  // 处理附件数据
+  if (tempFormInline.fileList.length) {
+    tempFormInline.fileList = tempFormInline.fileList.map((item: { minioFileName: string }) => {
+      return {
+        minioFileName: item.minioFileName,
+      }
+    })
+  }
+  else {
+    const tempArr = [] as any
+    corollaryEquipment.value.forEach((item) => {
+      if (item.id) {
+        tempArr.push({
+          equipmentId: item.id,
+        })
+      }
+    })
+    tempFormInline.equipmentList = tempArr
+  }
+  // 处理检定规程数据
+  if (!regulationVerification.value.length) {
+    ElMessage.warning('检定规程表格不能为空')
+    return false
+  }
+  else {
+    const tempArr = [] as any
+    regulationVerification.value.forEach((item) => {
+      if (item.id) {
+        tempArr.push({
+          verifyRegulationId: item.id,
+        })
+      }
+    })
+    tempFormInline.verifyRegulationList = tempArr
+  }
+  baseInfoRef.value.submitForm().validate().then(() => {
+    ElMessageBox.confirm('确认保存吗？', '提示', {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    }).then(() => {
+      if (pageType.value === 'add') { // 新建
+        getStandardListAdd(tempFormInline).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('保存成功')
+            close()
+          }
+        })
+      }
+      else if (pageType.value === 'edit') { // 编辑
+        getStandardLisUpdate(tempFormInline).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('保存成功')
+            close()
+          }
+        })
+      }
+    })
+  })
+}
+const measurementPersonnelSelectionList = ref<object[]>([]) // 计量人员选中数组
+const corollaryEquipmentSelectionList = ref<object[]>([]) // 标准配套设备选中数组
+const regulationVerificationSelectionList = ref<object[]>([]) // 检定规程选中数组
+const userListRef = ref()
+const personIndex = ref(0) // 计量人员选中索引
+const equipmentIndex = ref(0) // 标准配套设备选中索引
+const fileIndex = ref(0) // 检定规程选中索引
+// 计量人员--点击增加行
+const measurementPersonnelAddRow = () => {
+  if (
+    measurementPersonnel.value.length >= 1
+    && !measurementPersonnel.value[measurementPersonnel.value.length - 1].id
+  ) {
+    ElMessage.warning('请先完善上一条计量人员信息')
+  }
+  else {
+    measurementPersonnel.value.push({ name: '', standardEquipmentId: '' })
+  }
+  // ElMessage.warning('请先选择上一条信息')
+}
+// 标准配套设备--点击增加行
+const corollaryEquipmentAddRow = () => {
+  if (
+    corollaryEquipment.value.length >= 1
+    && !corollaryEquipment.value[corollaryEquipment.value.length - 1].name
+  ) {
+    ElMessage.warning('请先完善上一条配套设备信息')
+  }
+  else {
+    corollaryEquipment.value.push({
+      name: '',
+      equipmentName: '',
+      standardEquipmentId: '',
+    })
+  }
+  // ElMessage.warning('请先选择上一条信息')
+}
+// 检定规程-- 点击增加行
+const regulationVerificationAddRow = () => {
+  if (
+    regulationVerification.value.length >= 1
+    && !regulationVerification.value[regulationVerification.value.length - 1].name
+  ) {
+    ElMessage.warning('请先完善上一条检定规程信息')
+  }
+  else {
+    regulationVerification.value.push({
+      name: '',
+      standardEquipmentId: '',
+      fileName: '',
+    })
+  }
+  // ElMessage.warning('请先选择上一条信息')
+}
+// 设备ref
+const selectDeviceDialog = ref()
+// 检定规程ref
+const verificationDialog = ref()
+// 点击表格中的选择按钮
+function selectPerson(index: number, text: string) {
+  if (text === '姓名') {
+    userListRef.value.initDialog()
+    personIndex.value = index
+  }
+  else if (text === '设备名称') {
+    selectDeviceDialog.value.initDialog()
+    equipmentIndex.value = index
+  }
+  else if (text === '文件名称') {
+    verificationDialog.value.initDialog()
+    fileIndex.value = index
+  }
+}
+// 多选框选中
+function handleSelectionChange(Array: object[], title: string) {
+  if (title === '计量人员') {
+    measurementPersonnelSelectionList.value = Array
+  }
+  else if (title === '标准配套设备') {
+    corollaryEquipmentSelectionList.value = Array
+  }
+  else if (title === '检定规程') {
+    regulationVerificationSelectionList.value = Array
+  }
+}
+// 点击删除行
+const deleteRow = (title: string) => {
+  if (title === '计量人员') {
+    if (measurementPersonnelSelectionList.value.length > 0) {
+      measurementPersonnel.value = measurementPersonnel.value.filter(
+        item => !measurementPersonnelSelectionList.value.includes(item),
+      )
+    }
+    else {
+      ElMessage.warning('请选中')
+    }
+  }
+  else if (title === '标准配套设备') {
+    if (corollaryEquipmentSelectionList.value.length > 0) {
+      corollaryEquipment.value = corollaryEquipment.value.filter(
+        item => !corollaryEquipmentSelectionList.value.includes(item),
+      )
+    }
+    else {
+      ElMessage.warning('请选中')
+    }
+  }
+  else if (title === '检定规程') {
+    if (regulationVerificationSelectionList.value.length > 0) {
+      regulationVerification.value = regulationVerification.value.filter(
+        item => !regulationVerificationSelectionList.value.includes(item),
+      )
+    }
+    else {
+      ElMessage.warning('请选中')
+    }
+  }
+}
+// 选择完计量人员
+const confirmPerson = (object: measurementPersonnelType) => {
+  console.log(measurementPersonnel.value)
+
+  const index = measurementPersonnel.value.findIndex(item => item.id === object.id && item.name === object.name)
+  if (index === -1) {
+    console.log(index)
+
+    object.deptName = object.deptId
+    object.certificateDate = object.certificateDate ? dayjs(object.certificateDate).format('YYYY-MM-DD') : object.certificateDate
+    measurementPersonnel.value.splice(personIndex.value, 1, object)
+  }
+  else {
+    ElMessage.warning('该人员已经存在')
+  }
+}
+// 选择完设备
+const selectDeviceList = (data: corollaryEquipmentType) => {
+  const index = corollaryEquipment.value.findIndex((item: any) => item.equipmentNo === data.equipmentNo)
+  if (index === -1) {
+    data.name = data.equipmentName
+    data.validDate = data.validDate ? dayjs(data.validDate).format('YYYY-MM-DD') : data.validDate
+    corollaryEquipment.value.splice(equipmentIndex.value, 1, data)
+  }
+  else {
+    ElMessage.warning('该设备已存在')
+  }
+}
+// 检定规程选择完成
+const verificationList = (data: regulationVerificationType) => {
+  const index = regulationVerification.value.findIndex((item: any) => item.fileNo === data.fileNo)
+  if (index === -1) {
+    data.name = data.fileName
+    regulationVerification.value.splice(fileIndex.value, 1, data)
+  }
+  else {
+    ElMessage.warning('该文件已存在')
+  }
+}
+
+// 增加行
+const addRow = (title: string) => {
+  if (title === '计量人员') {
+    measurementPersonnelAddRow()
+  }
+  else if (title === '标准配套设备') {
+    corollaryEquipmentAddRow()
+  }
+  else if (title === '检定规程') {
+    regulationVerificationAddRow()
+  }
+}
+onMounted(() => {
+  if (pageType.value === 'detail') {
+    fetchmeasurementPersonnel() // 计量人员
+    fetchcorollaryEquipment() // 标准配套设备
+    fetchregulationVerification() // 检定规程
+    fetchrepetitiveRppraisalRecord() // 重复性考核记录
+    fetchstabilityAssessmentRecord() // 稳定性考核记录
+    fetchcertificateManagement() // 证书管理
+  }
+  else if (pageType.value === 'edit') {
+    fetchmeasurementPersonnel() // 计量人员
+    fetchcorollaryEquipment() // 标准配套设备
+    fetchregulationVerification() // 检定规程
+  }
+})
+</script>
+
+<template>
+  <app-container>
+    <detail-page :title="`标准装置--${textMap[pageType]}`">
+      <template #btns>
+        <el-button
+          v-if="pageType !== 'detail'"
+          type="primary"
+          @click="submitForm()"
+        >
+          保存
+        </el-button>
+        <!-- <el-button v-else v-print="printObj" type="primary">
+          打印
+        </el-button> -->
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <base-info
+        id="form"
+        ref="baseInfoRef"
+        :info-id="infoId"
+        :button-type="pageType"
+        @set-data="setData"
+      />
+    </detail-page>
+    <!-- 表格区域 -->
+    <detail-block-switch :title="pageType === 'detail' ? '' : current">
+      <template #menu>
+        <el-radio-group v-model="current">
+          <el-radio-button
+            v-for="item in menu"
+            :key="item.name"
+            :label="item.name"
+          >
+            {{ item.name }}
+          </el-radio-button>
+        </el-radio-group>
+      </template>
+      <template #btns>
+        <el-button
+          v-if="pageType !== 'detail'"
+          type="primary"
+          @click="addRow(current)"
+        >
+          增加行
+        </el-button>
+        <el-button
+          v-if="pageType !== 'detail'"
+          type="info"
+          @click="deleteRow(current)"
+        >
+          删除行
+        </el-button>
+      </template>
+      <template-table
+        v-if="current === '计量人员'"
+        title="计量人员"
+        :button-type="pageType"
+        :columns="measurementPersonnelColumns"
+        :list="measurementPersonnel"
+        :loading="measurementPersonnelLoading"
+        @select-person="selectPerson"
+        @handle-selection-change="handleSelectionChange"
+        @change-page="fetchmeasurementPersonnel"
+      />
+      <template-table
+        v-if="current === '标准配套设备'"
+        title="标准配套设备"
+        :button-type="pageType"
+        :columns="corollaryEquipmentColumns"
+        :list="corollaryEquipment"
+        :loading="corollaryEquipmentLoading"
+        @select-person="selectPerson"
+        @change-page="fetchcorollaryEquipment"
+        @handle-selection-change="handleSelectionChange"
+      />
+      <template-table
+        v-if="current === '检定规程'"
+        title="检定规程"
+        :button-type="pageType"
+        :columns="regulationVerificationColumns"
+        :list="regulationVerification"
+        :loading="corollaryEquipmentLoading"
+        @select-person="selectPerson"
+        @change-page="fetchregulationVerification"
+        @handle-selection-change="handleSelectionChange"
+      />
+      <!-- <template-table
+        v-if="current === '重复性考核记录'"
+        title="重复性考核记录"
+        :button-type="pageType"
+        :columns="repetitiveRppraisalRecordColumns"
+        :list="repetitiveRppraisalRecord"
+        :loading="repetitiveRppraisalRecordLoading"
+        @change-page="fetchrepetitiveRppraisalRecord"
+      /> -->
+      <!-- <template-table
+        v-if="current === '稳定性考核记录'"
+        title="稳定性考核记录"
+        :button-type="pageType"
+        :columns="stabilityAssessmentRecordColumns"
+        :list="stabilityAssessmentRecord"
+        :loading="stabilityAssessmentRecordLoading"
+        @change-page="fetchstabilityAssessmentRecord"
+      /> -->
+      <!-- <template-table
+        v-if="current === '证书管理'"
+        title="证书管理"
+        :button-type="pageType"
+        :columns="certificateManagementColumns"
+        :list="certificateManagement"
+        :loading="certificateManagementLoading"
+        @change-page="fetchcertificateManagement"
+      /> -->
+    </detail-block-switch>
+    <!-- 选择用户列表组件 -->
+    <user-list-dialog ref="userListRef" @add="confirmPerson" />
+    <!-- 选择设备列表组件 -->
+    <select-device-dialog ref="selectDeviceDialog" @add="selectDeviceList" />
+    <!-- 选择检定规程列表组件 -->
+    <verification-dialog ref="verificationDialog" @add="verificationList" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.top-info {
+  width: 100%;
+  height: 50px;
+  padding-right: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 10px;
+  background-color: #fff;
+
+  .title {
+    width: 75%;
+    text-align: center;
+  }
+}
+
+.body {
+  background-color: #fff;
+  margin-top: 10px;
+}
+</style>
diff --git a/src/views/business/board/standardReminder/list.vue b/src/views/business/board/standardReminder/list.vue
index 5a329bc..478b032 100644
--- a/src/views/business/board/standardReminder/list.vue
+++ b/src/views/business/board/standardReminder/list.vue
@@ -1,11 +1,378 @@
-<!-- 装置到期提醒列表页 -->
-<script lang="ts" setup name="OverdueReminderList">
+<!-- 装置到期提醒列表 -->
+<script lang="ts" setup name="StandardReminderList">
+import type { Ref } from 'vue'
+import { getCurrentInstance, ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import dayjs from 'dayjs'
+import type { IOptions, IexpiraListQuery } from '@/views/device/standardEquipment/standard_interface'
+import { getTypeSelect } from '@/api/system/price'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { exportRemindList, getRemindListPage, getStandardListDelete, getUsersDept, setRemind } from '@/api/device/standard'
+import { exportFile } from '@/utils/exportUtils'
+import { printJSON } from '@/utils/printUtils'
+// 逻辑代码
+const listQuery: Ref<IexpiraListQuery> = ref({
+  category: '', // 类别
+  id: '', // 主键id
+  managerState: '', // 管理状态
+  preparationEndDate: '', // 结束时间
+  preparationStartDate: '', // 开始时间
+  standardLaboratory: '', // 标准所在部门
+  standardName: '', // 标准名称
+  standardNo: '', // 标准编号
+  validEndTime: '', // 结束时间
+  validStartTime: '', // 开始时间
+  offset: 1, // 当前页
+  limit: 20, // 每页多少条
+})
+// 获取权限
+const { proxy } = getCurrentInstance() as any
+const list = ref([]) // 存放数据
+// 表头
+const columns = ref<TableColumn[]>([
+  {
+    text: '标准代码',
+    value: 'standardNo',
+    width: '160',
+    align: 'center',
+  },
+  {
+    text: '标准名称',
+    value: 'standardName',
+    width: '90',
+    align: 'center',
+  },
+  {
+    text: '管理状态',
+    value: 'managerStateName',
+    width: '100',
+    align: 'center',
+  },
+  {
+    text: '标准所在部门',
+    value: 'standardLaboratoryName',
+    width: '120',
+    align: 'center',
+  },
+  {
+    text: '负责人',
+    value: 'laboratoryOwnerName',
+    align: 'center',
+  },
+  {
+    text: '建标项目',
+    value: 'constructionStandardUnitName',
+    align: 'center',
+  },
+  {
+    text: '筹建日期',
+    value: 'preparationDate',
+    width: '120',
+    align: 'center',
+  },
+  {
+    text: '有效日期',
+    value: 'validTime',
+    width: '120',
+    align: 'center',
+  },
+])
+const total = ref(0)
+// 表格loding
+const loadingTable = ref(false)
+// 选中的数据
+const checkoutList = ref([])
+// 点击的类型
+const buttonType = ref('')
+// 类别下拉框
+const checkTypeOptions = ref<IOptions[]>([])
+// 管理状态下拉框
+const standardManagerStateList = ref<IOptions[]>([])
+// 标准所在部门下拉框
+const standardUsersDeptList = ref<IOptions[]>([])
+// 筹建日期
+const preparation = ref<string>('')
+// 到期开始以及结束
+const validTime = ref<string>('')
+// 获取数据
+const fetchData = (isNowPage: boolean) => {
+  listQuery.value.preparationStartDate = preparation.value[0] || ''
+  listQuery.value.preparationEndDate = preparation.value[1] || ''
+  listQuery.value.validStartTime = validTime.value[0] || ''
+  listQuery.value.validEndTime = validTime.value[1] || ''
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  getRemindListPage(listQuery.value).then((response) => {
+    list.value = response.data.rows.map((item: any) => {
+      return {
+        ...item,
+        preparationDate: item.preparationDate ? dayjs(item.preparationDate).format('YYYY-MM-DD') : '',
+        validTime: item.validTime ? dayjs(item.validTime).format('YYYY-MM-DD') : '',
+      }
+    })
+    total.value = parseInt(response.data.total)
+    loadingTable.value = false
+  })
+}
+fetchData(true)
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 获取下拉框
+const getSelectList = (code: string) => {
+  getTypeSelect(code).then((res) => {
+    if (code === 'standardCategory') {
+      checkTypeOptions.value = res.data
+    }
+    else if (code === 'standardManagerState') {
+      standardManagerStateList.value = res.data
+    }
+  })
+}
+getSelectList('standardCategory') // 获取类别下拉框
+getSelectList('standardManagerState') // 获取管理状态下拉框
 
+// 初始化路由
+const $router = useRouter()
+// 获取部门信息参数
+const DeptParams = ref({
+  createEndTime: '',
+  createstartTime: '',
+  director: '',
+  meterMajor: '',
+  organizeName: '',
+  organizeNo: '',
+  organizeType: '3', // 3科室
+  pdeptId: null,
+  offset: 1,
+  limit: 999999,
+})
+// 获取部门信息
+getUsersDept(DeptParams.value).then((res) => {
+  standardUsersDeptList.value = res.data.rows
+})
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    category: '', // 类别
+    id: '', // 主键id
+    managerState: '', // 管理状态
+    preparationEndDate: '', // 结束时间
+    preparationStartDate: '', // 开始时间
+    standardLaboratory: '', // 标准所在部门
+    standardName: '', // 标准名称
+    standardNo: '', // 标准编号
+    validEndTime: '', // 结束时间
+    validStartTime: '', // 开始时间
+    offset: 1, // 当前页
+    limit: 20, // 每页多少条
+  }
+  preparation.value = ''
+  validTime.value = ''
+  fetchData(true)
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+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
+  }
+  fetchData(true)
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+// 导出id类型
+interface ISupplier {
+  id: never
+}
+// 打印列表
+function printList() {
+  // 打印列
+  const properties = columns.value.map((item: TableColumn) => {
+    return {
+      field: item.value,
+      displayName: item.text,
+    }
+  })
+  if (checkoutList.value.length <= 0 && list.value.length > 0) {
+    printJSON(list.value, properties, '到期提醒列表')
+  }
+  else if (checkoutList.value.length > 0) {
+    const printList = list.value.filter((item: ISupplier) => checkoutList.value.includes(item.id))
+    printJSON(printList, properties, '到期提醒列表')
+  }
+  else {
+    ElMessage.warning('无可打印内容')
+  }
+}
+
+// 导出
+const exportAll = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (list.value.length > 0) {
+    const params = {
+      category: '', // 类别
+      id: '', // 主键id
+      managerState: '', // 管理状态
+      preparationEndDate: '', // 结束时间
+      preparationStartDate: '', // 开始时间
+      standardLaboratory: '', // 标准所在部门
+      standardName: '', // 标准名称
+      standardNo: '', // 标准编号
+      validEndTime: '', // 结束时间
+      validStartTime: '', // 开始时间
+      offset: 1, // 当前页
+      limit: 20, // 每页多少条
+      ids: checkoutList.value,
+    }
+    // 导出接口
+    exportRemindList(params).then((res) => {
+      const blob = new Blob([res.data])
+      exportFile(blob, '到期提醒列表.xlsx')
+    })
+  }
+  else {
+    ElMessage.warning('无数据可导出数据')
+  }
+  // 关闭loading
+  loading.close()
+}
+// 点击编辑id和删除row类型
+interface rowReturn {
+  id: string
+  standardName: string
+  standardOwnerName: string
+}
+
+// 点击编辑/详情
+const handleEdit = (row: rowReturn) => {
+  $router.push(`/board/detail/${row.id}`)
+}
+// 提醒函数
+const warnClick = (row: rowReturn) => {
+  ElMessageBox.confirm(
+    `确认催办${row.standardOwnerName}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      setRemind({ id: row.id as string }).then((res) => {
+        if (res.code === 200) {
+          ElMessage({
+            type: 'success',
+            message: '已催办',
+          })
+          fetchData(true)
+        }
+      })
+    })
+}
 </script>
 
 <template>
   <app-container>
-    装置到期提醒
+    <search-area
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item style="width: 12%;">
+        <el-input
+          v-model.trim="listQuery.standardNo"
+          placeholder="标准代码"
+          clearable
+        />
+      </search-item>
+      <search-item style="width: 12%;">
+        <el-input
+          v-model.trim="listQuery.standardName"
+          placeholder="标准名称"
+          clearable
+        />
+      </search-item>
+      <search-item style="width: 12%;">
+        <el-select
+          v-model.trim="listQuery.standardLaboratory"
+          clearable
+          placeholder="标准所在部门"
+          size="default"
+        >
+          <el-option
+            v-for="item in standardUsersDeptList"
+            :key="item.deptId"
+            :label="item.organizeName"
+            :value="item.deptId!"
+          />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="preparation"
+          type="daterange"
+          range-separator="到"
+          format="YYYY-MM-DD"
+          value-format="YYYY-MM-DD"
+          start-placeholder="筹建开始日期"
+          end-placeholder="筹建结束日期"
+        />
+      </search-item>
+    </search-area>
+    <table-container>
+      <template #btns-right>
+        <icon-button v-if="proxy.hasPerm('/standard/expiration/remind/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/standard/expiration/remind/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="序号" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="120" fixed="right">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row)"
+              >
+                详情
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/standard/expiration/remind/warn')"
+                size="small"
+                link
+                type="primary"
+                @click="warnClick(row)"
+              >
+                催办
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
   </app-container>
 </template>
 
diff --git a/src/views/device/standardEquipment/expirationRemind.vue b/src/views/device/standardEquipment/expirationRemind.vue
index 4344521..a030dcf 100644
--- a/src/views/device/standardEquipment/expirationRemind.vue
+++ b/src/views/device/standardEquipment/expirationRemind.vue
@@ -146,7 +146,7 @@
   meterMajor: '',
   organizeName: '',
   organizeNo: '',
-  organizeType: '2',
+  organizeType: '3', // 3科室
   pdeptId: null,
   offset: 1,
   limit: 999999,