diff --git a/src/api/eqpt/subpackage/review.ts b/src/api/eqpt/subpackage/review.ts
new file mode 100644
index 0000000..d5bb694
--- /dev/null
+++ b/src/api/eqpt/subpackage/review.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包评审表管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontract/review/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontract/review/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontract/review/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontract/review/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontract/review/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteReview(data: object) {
+  return request({
+    url: `/subcontract/review/approval/delete?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontract/review/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}

diff --git a/src/api/eqpt/subpackage/review.ts b/src/api/eqpt/subpackage/review.ts
new file mode 100644
index 0000000..d5bb694
--- /dev/null
+++ b/src/api/eqpt/subpackage/review.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包评审表管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontract/review/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontract/review/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontract/review/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontract/review/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontract/review/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteReview(data: object) {
+  return request({
+    url: `/subcontract/review/approval/delete?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontract/review/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/tested.ts b/src/router/modules/tested.ts
index 1b8de9c..bf750fb 100644
--- a/src/router/modules/tested.ts
+++ b/src/router/modules/tested.ts
@@ -998,7 +998,19 @@
               auth: '/tested/subpackage/review',
               sidebar: false,
               breadcrumb: false,
-              activeMenu: '/reviewpage',
+              activeMenu: '/reviewlist',
+            },
+          },
+          {
+            path: '/reviewpage/:type',
+            name: 'ReviewPageEdit',
+            component: () => import('@/views/tested/subpackage/review/components/edit.vue'),
+            meta: {
+              title: '测试、校准或检定工作分包评审表',
+              auth: '/tested/subpackage/review',
+              sidebar: false,
+              breadcrumb: false,
+              activeMenu: '/reviewlist',
             },
           },
         ],

diff --git a/src/api/eqpt/subpackage/review.ts b/src/api/eqpt/subpackage/review.ts
new file mode 100644
index 0000000..d5bb694
--- /dev/null
+++ b/src/api/eqpt/subpackage/review.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包评审表管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontract/review/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontract/review/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontract/review/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontract/review/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontract/review/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteReview(data: object) {
+  return request({
+    url: `/subcontract/review/approval/delete?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontract/review/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/tested.ts b/src/router/modules/tested.ts
index 1b8de9c..bf750fb 100644
--- a/src/router/modules/tested.ts
+++ b/src/router/modules/tested.ts
@@ -998,7 +998,19 @@
               auth: '/tested/subpackage/review',
               sidebar: false,
               breadcrumb: false,
-              activeMenu: '/reviewpage',
+              activeMenu: '/reviewlist',
+            },
+          },
+          {
+            path: '/reviewpage/:type',
+            name: 'ReviewPageEdit',
+            component: () => import('@/views/tested/subpackage/review/components/edit.vue'),
+            meta: {
+              title: '测试、校准或检定工作分包评审表',
+              auth: '/tested/subpackage/review',
+              sidebar: false,
+              breadcrumb: false,
+              activeMenu: '/reviewlist',
             },
           },
         ],
diff --git a/src/views/tested/subpackage/directory/components/certificateTable.vue b/src/views/tested/subpackage/directory/components/certificateTable.vue
new file mode 100644
index 0000000..66c85b1
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/certificateTable.vue
@@ -0,0 +1,162 @@
+<!-- 分包证书表格 -->
+<script lang="ts" setup name="EditPlatform">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useCheckList } from '@/utils/useCheckList'
+const $props = defineProps({
+  data: {
+    type: Array,
+    default: () => ([]),
+  },
+  status: {
+    type: String,
+    required: true,
+  },
+})
+const $route = useRoute()
+const dialogStatus = ref('update') // 对话框类型：create,update
+// 表头显示标题
+const columns = ref([
+  {
+    text: '证书编号',
+    value: 'certificateNo',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '证书名称',
+    value: 'certificateName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '出具单位',
+    value: 'subcontractorName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '证书出具日期',
+    value: 'checkDate',
+    required: true,
+    isDate: true,
+  },
+  {
+    text: '证书有效期',
+    value: 'certificateValid',
+    required: true,
+    isDate: true,
+  },
+])
+const list = ref<any[]>([])
+// 检查数据列表
+function checkCertificateList() {
+  return useCheckList(list.value, columns.value, '分包证书')
+}
+// 将列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of list.value) {
+    item.editable = false
+  }
+}
+// 双击行显示输入框
+const dblclickRow = (row: any) => {
+  if ($route.path.includes('detail')) {
+    return
+  }
+  setAllRowReadable()
+  row.editable = true
+}
+const SelectionList = ref()
+// 表格选中
+const handleSelectionChange = (e: any[]) => {
+  SelectionList.value = e
+}
+// 添加行
+const addRow = () => {
+  if (checkCertificateList()) {
+    setAllRowReadable()
+    list.value.push({
+      duty: '',
+      department: '',
+      staffName: '',
+      staffPhone: '',
+      editable: true,
+    })
+  }
+}
+// 删除行
+const removeRow = () => {
+  list.value = list.value.filter((item) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+watch(() => $props.data, (newVal) => {
+  if (newVal) {
+    list.value = newVal
+  }
+})
+const initDialog = () => {
+  list.value = $props.data
+  dialogStatus.value = $props.status
+}
+initDialog()
+defineExpose({
+  list,
+  checkCertificateList,
+})
+</script>
+
+<template>
+  <detail-block-switch title="分包方人员">
+    <template v-if="!$route.path.includes('detail')" #btns>
+      <el-button type="primary" @click="addRow">
+        增加行
+      </el-button>
+      <el-button type="info" @click="removeRow">
+        删除行
+      </el-button>
+    </template>
+    <el-table
+      ref="multipleTableRef" :data="list" style="width: 100%;" border @selection-change="handleSelectionChange"
+      @row-dblclick="dblclickRow"
+    >
+      <el-table-column v-if="!$route.path.includes('detail')" type="selection" width="38" />
+      <el-table-column align="center" label="序号" width="80" type="index" />
+      <el-table-column
+        v-for="item in columns" :key="item.id" :width="item.width" :prop="item.value" :label="item.text"
+        align="center"
+      >
+        <template #header>
+          <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
+        </template>
+        <template #default="scope">
+          <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+          <el-input
+            v-if="scope.row.editable && !item.isDate" v-model="scope.row[item.value]" :autofocus="true"
+            :placeholder="`${item.text}`" class="input"
+          />
+          <el-date-picker
+            v-if="scope.row.editable && item.isDate" v-model="scope.row[item.value]" type="date"
+            format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="`${item.text}`"
+          />
+          <!-- <el-select
+            v-if="scope.row.editable && item.isSelect" v-model="scope.row[item.value]"
+            :placeholder="`${item.text}`"
+          >
+            <el-option v-for="item in platformListBak" :key="item.id" :label="item.name" :value="item.name" />
+          </el-select> -->
+        </template>
+      </el-table-column>
+    </el-table>
+  </detail-block-switch>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>

diff --git a/src/api/eqpt/subpackage/review.ts b/src/api/eqpt/subpackage/review.ts
new file mode 100644
index 0000000..d5bb694
--- /dev/null
+++ b/src/api/eqpt/subpackage/review.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包评审表管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontract/review/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontract/review/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontract/review/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontract/review/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontract/review/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteReview(data: object) {
+  return request({
+    url: `/subcontract/review/approval/delete?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontract/review/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/tested.ts b/src/router/modules/tested.ts
index 1b8de9c..bf750fb 100644
--- a/src/router/modules/tested.ts
+++ b/src/router/modules/tested.ts
@@ -998,7 +998,19 @@
               auth: '/tested/subpackage/review',
               sidebar: false,
               breadcrumb: false,
-              activeMenu: '/reviewpage',
+              activeMenu: '/reviewlist',
+            },
+          },
+          {
+            path: '/reviewpage/:type',
+            name: 'ReviewPageEdit',
+            component: () => import('@/views/tested/subpackage/review/components/edit.vue'),
+            meta: {
+              title: '测试、校准或检定工作分包评审表',
+              auth: '/tested/subpackage/review',
+              sidebar: false,
+              breadcrumb: false,
+              activeMenu: '/reviewlist',
             },
           },
         ],
diff --git a/src/views/tested/subpackage/directory/components/certificateTable.vue b/src/views/tested/subpackage/directory/components/certificateTable.vue
new file mode 100644
index 0000000..66c85b1
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/certificateTable.vue
@@ -0,0 +1,162 @@
+<!-- 分包证书表格 -->
+<script lang="ts" setup name="EditPlatform">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useCheckList } from '@/utils/useCheckList'
+const $props = defineProps({
+  data: {
+    type: Array,
+    default: () => ([]),
+  },
+  status: {
+    type: String,
+    required: true,
+  },
+})
+const $route = useRoute()
+const dialogStatus = ref('update') // 对话框类型：create,update
+// 表头显示标题
+const columns = ref([
+  {
+    text: '证书编号',
+    value: 'certificateNo',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '证书名称',
+    value: 'certificateName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '出具单位',
+    value: 'subcontractorName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '证书出具日期',
+    value: 'checkDate',
+    required: true,
+    isDate: true,
+  },
+  {
+    text: '证书有效期',
+    value: 'certificateValid',
+    required: true,
+    isDate: true,
+  },
+])
+const list = ref<any[]>([])
+// 检查数据列表
+function checkCertificateList() {
+  return useCheckList(list.value, columns.value, '分包证书')
+}
+// 将列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of list.value) {
+    item.editable = false
+  }
+}
+// 双击行显示输入框
+const dblclickRow = (row: any) => {
+  if ($route.path.includes('detail')) {
+    return
+  }
+  setAllRowReadable()
+  row.editable = true
+}
+const SelectionList = ref()
+// 表格选中
+const handleSelectionChange = (e: any[]) => {
+  SelectionList.value = e
+}
+// 添加行
+const addRow = () => {
+  if (checkCertificateList()) {
+    setAllRowReadable()
+    list.value.push({
+      duty: '',
+      department: '',
+      staffName: '',
+      staffPhone: '',
+      editable: true,
+    })
+  }
+}
+// 删除行
+const removeRow = () => {
+  list.value = list.value.filter((item) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+watch(() => $props.data, (newVal) => {
+  if (newVal) {
+    list.value = newVal
+  }
+})
+const initDialog = () => {
+  list.value = $props.data
+  dialogStatus.value = $props.status
+}
+initDialog()
+defineExpose({
+  list,
+  checkCertificateList,
+})
+</script>
+
+<template>
+  <detail-block-switch title="分包方人员">
+    <template v-if="!$route.path.includes('detail')" #btns>
+      <el-button type="primary" @click="addRow">
+        增加行
+      </el-button>
+      <el-button type="info" @click="removeRow">
+        删除行
+      </el-button>
+    </template>
+    <el-table
+      ref="multipleTableRef" :data="list" style="width: 100%;" border @selection-change="handleSelectionChange"
+      @row-dblclick="dblclickRow"
+    >
+      <el-table-column v-if="!$route.path.includes('detail')" type="selection" width="38" />
+      <el-table-column align="center" label="序号" width="80" type="index" />
+      <el-table-column
+        v-for="item in columns" :key="item.id" :width="item.width" :prop="item.value" :label="item.text"
+        align="center"
+      >
+        <template #header>
+          <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
+        </template>
+        <template #default="scope">
+          <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+          <el-input
+            v-if="scope.row.editable && !item.isDate" v-model="scope.row[item.value]" :autofocus="true"
+            :placeholder="`${item.text}`" class="input"
+          />
+          <el-date-picker
+            v-if="scope.row.editable && item.isDate" v-model="scope.row[item.value]" type="date"
+            format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="`${item.text}`"
+          />
+          <!-- <el-select
+            v-if="scope.row.editable && item.isSelect" v-model="scope.row[item.value]"
+            :placeholder="`${item.text}`"
+          >
+            <el-option v-for="item in platformListBak" :key="item.id" :label="item.name" :value="item.name" />
+          </el-select> -->
+        </template>
+      </el-table-column>
+    </el-table>
+  </detail-block-switch>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
diff --git a/src/views/tested/subpackage/directory/components/edit.vue b/src/views/tested/subpackage/directory/components/edit.vue
index 45752c6..418818f 100644
--- a/src/views/tested/subpackage/directory/components/edit.vue
+++ b/src/views/tested/subpackage/directory/components/edit.vue
@@ -9,6 +9,7 @@
 import { routeLocationKey } from 'vue-router'
 import personTable from './personTable.vue'
 import capacityTable from './capacityTable.vue'
+import certificateTable from './certificateTable.vue'
 import ApprovalDialog from './ApprovalDialog.vue'
 import showPhoto from '@/views/tested/device/info/components/showPhotoSinge.vue'
 import { editBtn, submitBtn } from '@/utils/applyBtns'
@@ -78,6 +79,9 @@
 // 能力列表
 const capacityList = ref()
 const capacityRef = ref()
+// 证书列表
+const certificateRef = ref()
+const certificateList = ref()
 const radio = ref('基本信息')
 // 表单1验证规则
 const rules = ref<FormRules>({
@@ -139,6 +143,7 @@
       ruleForm.value = data.subcontractor
       personList.value = data.staffList
       capacityList.value = data.abilityList
+      certificateList.value = data.certificateList
     })
   }
   if ($route.path.includes('create') || $route.path.includes('update')) {
@@ -232,7 +237,7 @@
 // 删除
 const delForm = () => {
   ElMessageBox.confirm(
-    '确认删除设备信息吗?',
+    '确认删除吗?',
     '确认',
     {
       confirmButtonText: '确认',
@@ -240,10 +245,10 @@
       type: 'warning',
     },
   ).then(() => {
-    // deleteInfo({ id: ruleForm.value.id }).then((res) => {
-    //   ElMessage.success('操作成功')
-    //   close()
-    // })
+    deleteDirectory({ id: ruleForm.value.id }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
   })
 }
 // 取消
@@ -257,10 +262,10 @@
       type: 'warning',
     },
   ).then(() => {
-    // cancelInfo({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
-    //   ElMessage.success('操作成功')
-    //   close()
-    // })
+    cancelDirectory({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
   })
 }
 // 审批
@@ -282,8 +287,6 @@
     uploadApi(fd).then((res) => {
       if (res.code === 200) {
         ruleForm.value.attachments = res.data[0]
-        // 重置当前验证
-        ruleFormRef.value?.clearValidate('minioFileName')
         ElMessage.success('文件上传成功')
         loading.close()
       }
@@ -308,12 +311,12 @@
     <approval-dialog ref="approvalDialogRef" @on-success="() => { $router.back() }" />
     <detail-page class="base-info-device" :title="`测试、校准或检定合格分包方名录-${textMap[dialogStatus]}`">
       <template #btns>
-        <!-- <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
+        <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
           同意
         </el-button>
         <el-button v-if="statusName === '待审批'" type="primary" @click="apply('refuse')">
           拒绝
-        </el-button> -->
+        </el-button>
         <el-button v-if="editBtn(statusName, dialogStatus)" type="primary" @click="editForm()">
           编辑
         </el-button>
@@ -326,12 +329,12 @@
         <el-button v-if="statusName === '已通过'" type="primary" @click="print">
           打印
         </el-button>
-        <!-- <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
+        <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
           删除
         </el-button>
         <el-button v-if="statusName === '审批中'" type="info" @click="cancelForm()">
           取消
-        </el-button> -->
+        </el-button>
         <el-button type="info" @click="resetForm(ruleFormRef)">
           关闭
         </el-button>
@@ -342,6 +345,7 @@
         <el-radio-button label="基本信息" />
         <el-radio-button label="分包方人员" />
         <el-radio-button label="业务能力" />
+        <el-radio-button v-if="$route.path.includes('detail')" label="分包证书" />
       </el-radio-group>
     </detail-block-com>
     <!-- 基本信息 -->
@@ -525,6 +529,9 @@
     <div v-show="radio === '业务能力'">
       <capacity-table ref="capacityRef" :data="capacityList" :status="dialogStatus" />
     </div>
+    <div v-show="radio === '分包证书'">
+      <certificate-table ref="certificateRef" :data="certificateList" :status="dialogStatus" />
+    </div>
   </app-container>
 </template>
 

diff --git a/src/api/eqpt/subpackage/review.ts b/src/api/eqpt/subpackage/review.ts
new file mode 100644
index 0000000..d5bb694
--- /dev/null
+++ b/src/api/eqpt/subpackage/review.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包评审表管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontract/review/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontract/review/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontract/review/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontract/review/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontract/review/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteReview(data: object) {
+  return request({
+    url: `/subcontract/review/approval/delete?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontract/review/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/tested.ts b/src/router/modules/tested.ts
index 1b8de9c..bf750fb 100644
--- a/src/router/modules/tested.ts
+++ b/src/router/modules/tested.ts
@@ -998,7 +998,19 @@
               auth: '/tested/subpackage/review',
               sidebar: false,
               breadcrumb: false,
-              activeMenu: '/reviewpage',
+              activeMenu: '/reviewlist',
+            },
+          },
+          {
+            path: '/reviewpage/:type',
+            name: 'ReviewPageEdit',
+            component: () => import('@/views/tested/subpackage/review/components/edit.vue'),
+            meta: {
+              title: '测试、校准或检定工作分包评审表',
+              auth: '/tested/subpackage/review',
+              sidebar: false,
+              breadcrumb: false,
+              activeMenu: '/reviewlist',
             },
           },
         ],
diff --git a/src/views/tested/subpackage/directory/components/certificateTable.vue b/src/views/tested/subpackage/directory/components/certificateTable.vue
new file mode 100644
index 0000000..66c85b1
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/certificateTable.vue
@@ -0,0 +1,162 @@
+<!-- 分包证书表格 -->
+<script lang="ts" setup name="EditPlatform">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useCheckList } from '@/utils/useCheckList'
+const $props = defineProps({
+  data: {
+    type: Array,
+    default: () => ([]),
+  },
+  status: {
+    type: String,
+    required: true,
+  },
+})
+const $route = useRoute()
+const dialogStatus = ref('update') // 对话框类型：create,update
+// 表头显示标题
+const columns = ref([
+  {
+    text: '证书编号',
+    value: 'certificateNo',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '证书名称',
+    value: 'certificateName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '出具单位',
+    value: 'subcontractorName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '证书出具日期',
+    value: 'checkDate',
+    required: true,
+    isDate: true,
+  },
+  {
+    text: '证书有效期',
+    value: 'certificateValid',
+    required: true,
+    isDate: true,
+  },
+])
+const list = ref<any[]>([])
+// 检查数据列表
+function checkCertificateList() {
+  return useCheckList(list.value, columns.value, '分包证书')
+}
+// 将列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of list.value) {
+    item.editable = false
+  }
+}
+// 双击行显示输入框
+const dblclickRow = (row: any) => {
+  if ($route.path.includes('detail')) {
+    return
+  }
+  setAllRowReadable()
+  row.editable = true
+}
+const SelectionList = ref()
+// 表格选中
+const handleSelectionChange = (e: any[]) => {
+  SelectionList.value = e
+}
+// 添加行
+const addRow = () => {
+  if (checkCertificateList()) {
+    setAllRowReadable()
+    list.value.push({
+      duty: '',
+      department: '',
+      staffName: '',
+      staffPhone: '',
+      editable: true,
+    })
+  }
+}
+// 删除行
+const removeRow = () => {
+  list.value = list.value.filter((item) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+watch(() => $props.data, (newVal) => {
+  if (newVal) {
+    list.value = newVal
+  }
+})
+const initDialog = () => {
+  list.value = $props.data
+  dialogStatus.value = $props.status
+}
+initDialog()
+defineExpose({
+  list,
+  checkCertificateList,
+})
+</script>
+
+<template>
+  <detail-block-switch title="分包方人员">
+    <template v-if="!$route.path.includes('detail')" #btns>
+      <el-button type="primary" @click="addRow">
+        增加行
+      </el-button>
+      <el-button type="info" @click="removeRow">
+        删除行
+      </el-button>
+    </template>
+    <el-table
+      ref="multipleTableRef" :data="list" style="width: 100%;" border @selection-change="handleSelectionChange"
+      @row-dblclick="dblclickRow"
+    >
+      <el-table-column v-if="!$route.path.includes('detail')" type="selection" width="38" />
+      <el-table-column align="center" label="序号" width="80" type="index" />
+      <el-table-column
+        v-for="item in columns" :key="item.id" :width="item.width" :prop="item.value" :label="item.text"
+        align="center"
+      >
+        <template #header>
+          <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
+        </template>
+        <template #default="scope">
+          <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+          <el-input
+            v-if="scope.row.editable && !item.isDate" v-model="scope.row[item.value]" :autofocus="true"
+            :placeholder="`${item.text}`" class="input"
+          />
+          <el-date-picker
+            v-if="scope.row.editable && item.isDate" v-model="scope.row[item.value]" type="date"
+            format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="`${item.text}`"
+          />
+          <!-- <el-select
+            v-if="scope.row.editable && item.isSelect" v-model="scope.row[item.value]"
+            :placeholder="`${item.text}`"
+          >
+            <el-option v-for="item in platformListBak" :key="item.id" :label="item.name" :value="item.name" />
+          </el-select> -->
+        </template>
+      </el-table-column>
+    </el-table>
+  </detail-block-switch>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
diff --git a/src/views/tested/subpackage/directory/components/edit.vue b/src/views/tested/subpackage/directory/components/edit.vue
index 45752c6..418818f 100644
--- a/src/views/tested/subpackage/directory/components/edit.vue
+++ b/src/views/tested/subpackage/directory/components/edit.vue
@@ -9,6 +9,7 @@
 import { routeLocationKey } from 'vue-router'
 import personTable from './personTable.vue'
 import capacityTable from './capacityTable.vue'
+import certificateTable from './certificateTable.vue'
 import ApprovalDialog from './ApprovalDialog.vue'
 import showPhoto from '@/views/tested/device/info/components/showPhotoSinge.vue'
 import { editBtn, submitBtn } from '@/utils/applyBtns'
@@ -78,6 +79,9 @@
 // 能力列表
 const capacityList = ref()
 const capacityRef = ref()
+// 证书列表
+const certificateRef = ref()
+const certificateList = ref()
 const radio = ref('基本信息')
 // 表单1验证规则
 const rules = ref<FormRules>({
@@ -139,6 +143,7 @@
       ruleForm.value = data.subcontractor
       personList.value = data.staffList
       capacityList.value = data.abilityList
+      certificateList.value = data.certificateList
     })
   }
   if ($route.path.includes('create') || $route.path.includes('update')) {
@@ -232,7 +237,7 @@
 // 删除
 const delForm = () => {
   ElMessageBox.confirm(
-    '确认删除设备信息吗?',
+    '确认删除吗?',
     '确认',
     {
       confirmButtonText: '确认',
@@ -240,10 +245,10 @@
       type: 'warning',
     },
   ).then(() => {
-    // deleteInfo({ id: ruleForm.value.id }).then((res) => {
-    //   ElMessage.success('操作成功')
-    //   close()
-    // })
+    deleteDirectory({ id: ruleForm.value.id }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
   })
 }
 // 取消
@@ -257,10 +262,10 @@
       type: 'warning',
     },
   ).then(() => {
-    // cancelInfo({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
-    //   ElMessage.success('操作成功')
-    //   close()
-    // })
+    cancelDirectory({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
   })
 }
 // 审批
@@ -282,8 +287,6 @@
     uploadApi(fd).then((res) => {
       if (res.code === 200) {
         ruleForm.value.attachments = res.data[0]
-        // 重置当前验证
-        ruleFormRef.value?.clearValidate('minioFileName')
         ElMessage.success('文件上传成功')
         loading.close()
       }
@@ -308,12 +311,12 @@
     <approval-dialog ref="approvalDialogRef" @on-success="() => { $router.back() }" />
     <detail-page class="base-info-device" :title="`测试、校准或检定合格分包方名录-${textMap[dialogStatus]}`">
       <template #btns>
-        <!-- <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
+        <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
           同意
         </el-button>
         <el-button v-if="statusName === '待审批'" type="primary" @click="apply('refuse')">
           拒绝
-        </el-button> -->
+        </el-button>
         <el-button v-if="editBtn(statusName, dialogStatus)" type="primary" @click="editForm()">
           编辑
         </el-button>
@@ -326,12 +329,12 @@
         <el-button v-if="statusName === '已通过'" type="primary" @click="print">
           打印
         </el-button>
-        <!-- <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
+        <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
           删除
         </el-button>
         <el-button v-if="statusName === '审批中'" type="info" @click="cancelForm()">
           取消
-        </el-button> -->
+        </el-button>
         <el-button type="info" @click="resetForm(ruleFormRef)">
           关闭
         </el-button>
@@ -342,6 +345,7 @@
         <el-radio-button label="基本信息" />
         <el-radio-button label="分包方人员" />
         <el-radio-button label="业务能力" />
+        <el-radio-button v-if="$route.path.includes('detail')" label="分包证书" />
       </el-radio-group>
     </detail-block-com>
     <!-- 基本信息 -->
@@ -525,6 +529,9 @@
     <div v-show="radio === '业务能力'">
       <capacity-table ref="capacityRef" :data="capacityList" :status="dialogStatus" />
     </div>
+    <div v-show="radio === '分包证书'">
+      <certificate-table ref="certificateRef" :data="certificateList" :status="dialogStatus" />
+    </div>
   </app-container>
 </template>
 
diff --git a/src/views/tested/subpackage/directory/components/list.vue b/src/views/tested/subpackage/directory/components/list.vue
index 98716af..2bae678 100644
--- a/src/views/tested/subpackage/directory/components/list.vue
+++ b/src/views/tested/subpackage/directory/components/list.vue
@@ -2,8 +2,7 @@
 <script lang="ts" setup name="LoginLog">
 import { reactive, ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { delTextBtn, editTextBtn } from './applyBtns'
-import type { IlistObjType, IlistQueryType } from './interface'
+import { delTextBtn, editTextBtn } from '@/utils/applyBtns'
 import ApprovalDialog from './ApprovalDialog.vue'
 import { cancelDirectory, editDirectory, getDetail, getListPage, submitDirectory, deleteDirectory } from '@/api/eqpt/subpackage/directory'
 import { getDictByCode } from '@/api/system/dict'
@@ -23,7 +22,7 @@
   已取消: '6',
 })
 const { proxy } = getCurrentInstance() as any
-const listQuery = reactive<IlistQueryType>({
+const listQuery = reactive<any>({
   companyName: '',
   createTimeEnd: '',
   createTimeStart: '',
@@ -127,7 +126,7 @@
 
 const $router = useRouter()
 // 新建编辑操作
-const handler = (row: IlistObjType, type: string) => {
+const handler = (row: any, type: string) => {
   $router.push({
     path: `/directorypage/${type}`,
     query: {
@@ -138,7 +137,7 @@
   })
 }
 // 详情
-const detail = (row: IlistObjType) => {
+const detail = (row: any) => {
   if ($props.statusName === '草稿箱' || $props.statusName === '未通过' || $props.statusName === '已取消') {
     handler(row, 'update')
   }
@@ -154,7 +153,7 @@
   }
 }
 // 删除
-const delHandler = (row: IlistObjType) => {
+const delHandler = (row: any) => {
   ElMessageBox.confirm(
     '确认删除此名录吗?',
     '确认',
@@ -171,7 +170,7 @@
   })
 }
 // 取消
-const canHandler = (row: IlistObjType) => {
+const canHandler = (row: any) => {
   ElMessageBox.confirm(
     '确认取消此申请吗?',
     '确认',

diff --git a/src/api/eqpt/subpackage/review.ts b/src/api/eqpt/subpackage/review.ts
new file mode 100644
index 0000000..d5bb694
--- /dev/null
+++ b/src/api/eqpt/subpackage/review.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包评审表管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontract/review/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontract/review/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontract/review/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontract/review/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontract/review/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteReview(data: object) {
+  return request({
+    url: `/subcontract/review/approval/delete?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontract/review/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/tested.ts b/src/router/modules/tested.ts
index 1b8de9c..bf750fb 100644
--- a/src/router/modules/tested.ts
+++ b/src/router/modules/tested.ts
@@ -998,7 +998,19 @@
               auth: '/tested/subpackage/review',
               sidebar: false,
               breadcrumb: false,
-              activeMenu: '/reviewpage',
+              activeMenu: '/reviewlist',
+            },
+          },
+          {
+            path: '/reviewpage/:type',
+            name: 'ReviewPageEdit',
+            component: () => import('@/views/tested/subpackage/review/components/edit.vue'),
+            meta: {
+              title: '测试、校准或检定工作分包评审表',
+              auth: '/tested/subpackage/review',
+              sidebar: false,
+              breadcrumb: false,
+              activeMenu: '/reviewlist',
             },
           },
         ],
diff --git a/src/views/tested/subpackage/directory/components/certificateTable.vue b/src/views/tested/subpackage/directory/components/certificateTable.vue
new file mode 100644
index 0000000..66c85b1
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/certificateTable.vue
@@ -0,0 +1,162 @@
+<!-- 分包证书表格 -->
+<script lang="ts" setup name="EditPlatform">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useCheckList } from '@/utils/useCheckList'
+const $props = defineProps({
+  data: {
+    type: Array,
+    default: () => ([]),
+  },
+  status: {
+    type: String,
+    required: true,
+  },
+})
+const $route = useRoute()
+const dialogStatus = ref('update') // 对话框类型：create,update
+// 表头显示标题
+const columns = ref([
+  {
+    text: '证书编号',
+    value: 'certificateNo',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '证书名称',
+    value: 'certificateName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '出具单位',
+    value: 'subcontractorName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '证书出具日期',
+    value: 'checkDate',
+    required: true,
+    isDate: true,
+  },
+  {
+    text: '证书有效期',
+    value: 'certificateValid',
+    required: true,
+    isDate: true,
+  },
+])
+const list = ref<any[]>([])
+// 检查数据列表
+function checkCertificateList() {
+  return useCheckList(list.value, columns.value, '分包证书')
+}
+// 将列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of list.value) {
+    item.editable = false
+  }
+}
+// 双击行显示输入框
+const dblclickRow = (row: any) => {
+  if ($route.path.includes('detail')) {
+    return
+  }
+  setAllRowReadable()
+  row.editable = true
+}
+const SelectionList = ref()
+// 表格选中
+const handleSelectionChange = (e: any[]) => {
+  SelectionList.value = e
+}
+// 添加行
+const addRow = () => {
+  if (checkCertificateList()) {
+    setAllRowReadable()
+    list.value.push({
+      duty: '',
+      department: '',
+      staffName: '',
+      staffPhone: '',
+      editable: true,
+    })
+  }
+}
+// 删除行
+const removeRow = () => {
+  list.value = list.value.filter((item) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+watch(() => $props.data, (newVal) => {
+  if (newVal) {
+    list.value = newVal
+  }
+})
+const initDialog = () => {
+  list.value = $props.data
+  dialogStatus.value = $props.status
+}
+initDialog()
+defineExpose({
+  list,
+  checkCertificateList,
+})
+</script>
+
+<template>
+  <detail-block-switch title="分包方人员">
+    <template v-if="!$route.path.includes('detail')" #btns>
+      <el-button type="primary" @click="addRow">
+        增加行
+      </el-button>
+      <el-button type="info" @click="removeRow">
+        删除行
+      </el-button>
+    </template>
+    <el-table
+      ref="multipleTableRef" :data="list" style="width: 100%;" border @selection-change="handleSelectionChange"
+      @row-dblclick="dblclickRow"
+    >
+      <el-table-column v-if="!$route.path.includes('detail')" type="selection" width="38" />
+      <el-table-column align="center" label="序号" width="80" type="index" />
+      <el-table-column
+        v-for="item in columns" :key="item.id" :width="item.width" :prop="item.value" :label="item.text"
+        align="center"
+      >
+        <template #header>
+          <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
+        </template>
+        <template #default="scope">
+          <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+          <el-input
+            v-if="scope.row.editable && !item.isDate" v-model="scope.row[item.value]" :autofocus="true"
+            :placeholder="`${item.text}`" class="input"
+          />
+          <el-date-picker
+            v-if="scope.row.editable && item.isDate" v-model="scope.row[item.value]" type="date"
+            format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="`${item.text}`"
+          />
+          <!-- <el-select
+            v-if="scope.row.editable && item.isSelect" v-model="scope.row[item.value]"
+            :placeholder="`${item.text}`"
+          >
+            <el-option v-for="item in platformListBak" :key="item.id" :label="item.name" :value="item.name" />
+          </el-select> -->
+        </template>
+      </el-table-column>
+    </el-table>
+  </detail-block-switch>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
diff --git a/src/views/tested/subpackage/directory/components/edit.vue b/src/views/tested/subpackage/directory/components/edit.vue
index 45752c6..418818f 100644
--- a/src/views/tested/subpackage/directory/components/edit.vue
+++ b/src/views/tested/subpackage/directory/components/edit.vue
@@ -9,6 +9,7 @@
 import { routeLocationKey } from 'vue-router'
 import personTable from './personTable.vue'
 import capacityTable from './capacityTable.vue'
+import certificateTable from './certificateTable.vue'
 import ApprovalDialog from './ApprovalDialog.vue'
 import showPhoto from '@/views/tested/device/info/components/showPhotoSinge.vue'
 import { editBtn, submitBtn } from '@/utils/applyBtns'
@@ -78,6 +79,9 @@
 // 能力列表
 const capacityList = ref()
 const capacityRef = ref()
+// 证书列表
+const certificateRef = ref()
+const certificateList = ref()
 const radio = ref('基本信息')
 // 表单1验证规则
 const rules = ref<FormRules>({
@@ -139,6 +143,7 @@
       ruleForm.value = data.subcontractor
       personList.value = data.staffList
       capacityList.value = data.abilityList
+      certificateList.value = data.certificateList
     })
   }
   if ($route.path.includes('create') || $route.path.includes('update')) {
@@ -232,7 +237,7 @@
 // 删除
 const delForm = () => {
   ElMessageBox.confirm(
-    '确认删除设备信息吗?',
+    '确认删除吗?',
     '确认',
     {
       confirmButtonText: '确认',
@@ -240,10 +245,10 @@
       type: 'warning',
     },
   ).then(() => {
-    // deleteInfo({ id: ruleForm.value.id }).then((res) => {
-    //   ElMessage.success('操作成功')
-    //   close()
-    // })
+    deleteDirectory({ id: ruleForm.value.id }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
   })
 }
 // 取消
@@ -257,10 +262,10 @@
       type: 'warning',
     },
   ).then(() => {
-    // cancelInfo({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
-    //   ElMessage.success('操作成功')
-    //   close()
-    // })
+    cancelDirectory({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
   })
 }
 // 审批
@@ -282,8 +287,6 @@
     uploadApi(fd).then((res) => {
       if (res.code === 200) {
         ruleForm.value.attachments = res.data[0]
-        // 重置当前验证
-        ruleFormRef.value?.clearValidate('minioFileName')
         ElMessage.success('文件上传成功')
         loading.close()
       }
@@ -308,12 +311,12 @@
     <approval-dialog ref="approvalDialogRef" @on-success="() => { $router.back() }" />
     <detail-page class="base-info-device" :title="`测试、校准或检定合格分包方名录-${textMap[dialogStatus]}`">
       <template #btns>
-        <!-- <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
+        <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
           同意
         </el-button>
         <el-button v-if="statusName === '待审批'" type="primary" @click="apply('refuse')">
           拒绝
-        </el-button> -->
+        </el-button>
         <el-button v-if="editBtn(statusName, dialogStatus)" type="primary" @click="editForm()">
           编辑
         </el-button>
@@ -326,12 +329,12 @@
         <el-button v-if="statusName === '已通过'" type="primary" @click="print">
           打印
         </el-button>
-        <!-- <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
+        <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
           删除
         </el-button>
         <el-button v-if="statusName === '审批中'" type="info" @click="cancelForm()">
           取消
-        </el-button> -->
+        </el-button>
         <el-button type="info" @click="resetForm(ruleFormRef)">
           关闭
         </el-button>
@@ -342,6 +345,7 @@
         <el-radio-button label="基本信息" />
         <el-radio-button label="分包方人员" />
         <el-radio-button label="业务能力" />
+        <el-radio-button v-if="$route.path.includes('detail')" label="分包证书" />
       </el-radio-group>
     </detail-block-com>
     <!-- 基本信息 -->
@@ -525,6 +529,9 @@
     <div v-show="radio === '业务能力'">
       <capacity-table ref="capacityRef" :data="capacityList" :status="dialogStatus" />
     </div>
+    <div v-show="radio === '分包证书'">
+      <certificate-table ref="certificateRef" :data="certificateList" :status="dialogStatus" />
+    </div>
   </app-container>
 </template>
 
diff --git a/src/views/tested/subpackage/directory/components/list.vue b/src/views/tested/subpackage/directory/components/list.vue
index 98716af..2bae678 100644
--- a/src/views/tested/subpackage/directory/components/list.vue
+++ b/src/views/tested/subpackage/directory/components/list.vue
@@ -2,8 +2,7 @@
 <script lang="ts" setup name="LoginLog">
 import { reactive, ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { delTextBtn, editTextBtn } from './applyBtns'
-import type { IlistObjType, IlistQueryType } from './interface'
+import { delTextBtn, editTextBtn } from '@/utils/applyBtns'
 import ApprovalDialog from './ApprovalDialog.vue'
 import { cancelDirectory, editDirectory, getDetail, getListPage, submitDirectory, deleteDirectory } from '@/api/eqpt/subpackage/directory'
 import { getDictByCode } from '@/api/system/dict'
@@ -23,7 +22,7 @@
   已取消: '6',
 })
 const { proxy } = getCurrentInstance() as any
-const listQuery = reactive<IlistQueryType>({
+const listQuery = reactive<any>({
   companyName: '',
   createTimeEnd: '',
   createTimeStart: '',
@@ -127,7 +126,7 @@
 
 const $router = useRouter()
 // 新建编辑操作
-const handler = (row: IlistObjType, type: string) => {
+const handler = (row: any, type: string) => {
   $router.push({
     path: `/directorypage/${type}`,
     query: {
@@ -138,7 +137,7 @@
   })
 }
 // 详情
-const detail = (row: IlistObjType) => {
+const detail = (row: any) => {
   if ($props.statusName === '草稿箱' || $props.statusName === '未通过' || $props.statusName === '已取消') {
     handler(row, 'update')
   }
@@ -154,7 +153,7 @@
   }
 }
 // 删除
-const delHandler = (row: IlistObjType) => {
+const delHandler = (row: any) => {
   ElMessageBox.confirm(
     '确认删除此名录吗?',
     '确认',
@@ -171,7 +170,7 @@
   })
 }
 // 取消
-const canHandler = (row: IlistObjType) => {
+const canHandler = (row: any) => {
   ElMessageBox.confirm(
     '确认取消此申请吗?',
     '确认',
diff --git a/src/views/tested/subpackage/review/components/ApprovalDialog.vue b/src/views/tested/subpackage/review/components/ApprovalDialog.vue
new file mode 100644
index 0000000..890a64e
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/ApprovalDialog.vue
@@ -0,0 +1,172 @@
+<script lang="ts" setup name="ApprovalDialog">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import useUserStore from '@/store/modules/user'
+import { handlerApproval } from '@/api/eqpt/subpackage/review'
+/**
+ * 审批弹窗
+ */
+defineProps({
+  /**
+   * 提示文字
+   */
+  title: {
+    type: String,
+    default: '审批操作',
+  },
+})
+const emit = defineEmits(['onSuccess'])
+// 弹窗显示状态
+const dialogVisible = ref(false)
+// 默认表单
+const defaultFormData = {
+  type: '', // 审批类型
+  taskId: '', // 任务id
+  comments: '', // 备注
+  user: '', // 当前用户
+  approvalTime: '', // 当前时间
+  processInstanceId: '',
+  id: '',
+}
+// 弹窗类型 agree同意 refuse拒绝 reject驳回 revoke取消
+const type = ref('agree')
+// 表单数据对象
+const formData = reactive({ ...defaultFormData })
+
+// 保存按钮加载状态
+const btnLoading = ref(false)
+
+// agree同意 refuse拒绝 reject驳回 revoke取消
+const userInfo = useUserStore()
+
+// ---------------表单提交--------------------------------
+// 表单对象
+const dataFormRef = ref<FormInstance>()
+// 校验规则
+const rules: FormRules = reactive({
+  comments: [{ required: true, message: '审批结论必填', trigger: ['blur', 'change'] }],
+})
+/**
+ * 初始化审批弹窗
+ * @param type 审批类型
+ * @param taskId 任务id
+ */
+function initDialog(type: string, taskId: string, processInstanceId: string, id: string) {
+  formData.type = type
+  formData.taskId = taskId
+  formData.processInstanceId = processInstanceId
+  formData.id = id
+  formData.user = userInfo.name
+  formData.approvalTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+  formData.comments = ''
+  dialogVisible.value = true
+}
+// 提交表单
+function submitForm() {
+  if (dataFormRef) {
+    dataFormRef.value?.validate((valid: boolean) => {
+      if (valid) {
+        btnLoading.value = true
+        if (formData.type) {
+          handlerApproval(formData.type, { taskId: formData.taskId, comments: formData.comments, processInstanceId: formData.processInstanceId, id: formData.id }).then((res) => {
+            ElMessage.success('审批完成')
+            btnLoading.value = false
+            dialogVisible.value = false
+            emit('onSuccess')
+          }).catch((_) => {
+            btnLoading.value = false
+          })
+        }
+      }
+    })
+  }
+}
+// 关闭弹窗
+function handleClose() {
+  dialogVisible.value = false
+}
+
+// ----------------------- 以下是暴露的方法内容 ----------------------------
+defineExpose({ initDialog })
+</script>
+
+<template>
+  <el-dialog
+    v-model="dialogVisible"
+    title="审批操作"
+    width="600"
+    :before-close="handleClose"
+  >
+    <el-form
+      ref="dataFormRef"
+      label-position="left"
+      label-width="80px"
+      :model="formData"
+      :rules="rules"
+    >
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="审批意见:">
+            <el-radio-group v-model="formData.type" disabled>
+              <el-radio label="agree" size="large">
+                同意
+              </el-radio>
+              <!-- <el-radio label="reject" size="large">
+                驳回
+              </el-radio> -->
+              <el-radio label="refuse" size="large">
+                拒绝
+              </el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="审批结论:" props="comments">
+            <el-input
+              v-model="formData.comments"
+              :rows="4"
+              show-word-limit
+              type="textarea"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <el-form-item label="审批人:">
+            <el-input
+              v-model="formData.user"
+              placeholder="审批人"
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="审批时间:">
+            <el-input
+              v-model="formData.approvalTime"
+              style="width: 100%;"
+              placeholder="审批时间"
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <el-button type="primary" :loading="btnLoading" @click="submitForm">
+        提交
+      </el-button>
+      <el-button type="info" @click="handleClose">
+        取消
+      </el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>

diff --git a/src/api/eqpt/subpackage/review.ts b/src/api/eqpt/subpackage/review.ts
new file mode 100644
index 0000000..d5bb694
--- /dev/null
+++ b/src/api/eqpt/subpackage/review.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包评审表管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontract/review/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontract/review/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontract/review/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontract/review/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontract/review/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteReview(data: object) {
+  return request({
+    url: `/subcontract/review/approval/delete?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontract/review/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/tested.ts b/src/router/modules/tested.ts
index 1b8de9c..bf750fb 100644
--- a/src/router/modules/tested.ts
+++ b/src/router/modules/tested.ts
@@ -998,7 +998,19 @@
               auth: '/tested/subpackage/review',
               sidebar: false,
               breadcrumb: false,
-              activeMenu: '/reviewpage',
+              activeMenu: '/reviewlist',
+            },
+          },
+          {
+            path: '/reviewpage/:type',
+            name: 'ReviewPageEdit',
+            component: () => import('@/views/tested/subpackage/review/components/edit.vue'),
+            meta: {
+              title: '测试、校准或检定工作分包评审表',
+              auth: '/tested/subpackage/review',
+              sidebar: false,
+              breadcrumb: false,
+              activeMenu: '/reviewlist',
             },
           },
         ],
diff --git a/src/views/tested/subpackage/directory/components/certificateTable.vue b/src/views/tested/subpackage/directory/components/certificateTable.vue
new file mode 100644
index 0000000..66c85b1
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/certificateTable.vue
@@ -0,0 +1,162 @@
+<!-- 分包证书表格 -->
+<script lang="ts" setup name="EditPlatform">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useCheckList } from '@/utils/useCheckList'
+const $props = defineProps({
+  data: {
+    type: Array,
+    default: () => ([]),
+  },
+  status: {
+    type: String,
+    required: true,
+  },
+})
+const $route = useRoute()
+const dialogStatus = ref('update') // 对话框类型：create,update
+// 表头显示标题
+const columns = ref([
+  {
+    text: '证书编号',
+    value: 'certificateNo',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '证书名称',
+    value: 'certificateName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '出具单位',
+    value: 'subcontractorName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '证书出具日期',
+    value: 'checkDate',
+    required: true,
+    isDate: true,
+  },
+  {
+    text: '证书有效期',
+    value: 'certificateValid',
+    required: true,
+    isDate: true,
+  },
+])
+const list = ref<any[]>([])
+// 检查数据列表
+function checkCertificateList() {
+  return useCheckList(list.value, columns.value, '分包证书')
+}
+// 将列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of list.value) {
+    item.editable = false
+  }
+}
+// 双击行显示输入框
+const dblclickRow = (row: any) => {
+  if ($route.path.includes('detail')) {
+    return
+  }
+  setAllRowReadable()
+  row.editable = true
+}
+const SelectionList = ref()
+// 表格选中
+const handleSelectionChange = (e: any[]) => {
+  SelectionList.value = e
+}
+// 添加行
+const addRow = () => {
+  if (checkCertificateList()) {
+    setAllRowReadable()
+    list.value.push({
+      duty: '',
+      department: '',
+      staffName: '',
+      staffPhone: '',
+      editable: true,
+    })
+  }
+}
+// 删除行
+const removeRow = () => {
+  list.value = list.value.filter((item) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+watch(() => $props.data, (newVal) => {
+  if (newVal) {
+    list.value = newVal
+  }
+})
+const initDialog = () => {
+  list.value = $props.data
+  dialogStatus.value = $props.status
+}
+initDialog()
+defineExpose({
+  list,
+  checkCertificateList,
+})
+</script>
+
+<template>
+  <detail-block-switch title="分包方人员">
+    <template v-if="!$route.path.includes('detail')" #btns>
+      <el-button type="primary" @click="addRow">
+        增加行
+      </el-button>
+      <el-button type="info" @click="removeRow">
+        删除行
+      </el-button>
+    </template>
+    <el-table
+      ref="multipleTableRef" :data="list" style="width: 100%;" border @selection-change="handleSelectionChange"
+      @row-dblclick="dblclickRow"
+    >
+      <el-table-column v-if="!$route.path.includes('detail')" type="selection" width="38" />
+      <el-table-column align="center" label="序号" width="80" type="index" />
+      <el-table-column
+        v-for="item in columns" :key="item.id" :width="item.width" :prop="item.value" :label="item.text"
+        align="center"
+      >
+        <template #header>
+          <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
+        </template>
+        <template #default="scope">
+          <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+          <el-input
+            v-if="scope.row.editable && !item.isDate" v-model="scope.row[item.value]" :autofocus="true"
+            :placeholder="`${item.text}`" class="input"
+          />
+          <el-date-picker
+            v-if="scope.row.editable && item.isDate" v-model="scope.row[item.value]" type="date"
+            format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="`${item.text}`"
+          />
+          <!-- <el-select
+            v-if="scope.row.editable && item.isSelect" v-model="scope.row[item.value]"
+            :placeholder="`${item.text}`"
+          >
+            <el-option v-for="item in platformListBak" :key="item.id" :label="item.name" :value="item.name" />
+          </el-select> -->
+        </template>
+      </el-table-column>
+    </el-table>
+  </detail-block-switch>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
diff --git a/src/views/tested/subpackage/directory/components/edit.vue b/src/views/tested/subpackage/directory/components/edit.vue
index 45752c6..418818f 100644
--- a/src/views/tested/subpackage/directory/components/edit.vue
+++ b/src/views/tested/subpackage/directory/components/edit.vue
@@ -9,6 +9,7 @@
 import { routeLocationKey } from 'vue-router'
 import personTable from './personTable.vue'
 import capacityTable from './capacityTable.vue'
+import certificateTable from './certificateTable.vue'
 import ApprovalDialog from './ApprovalDialog.vue'
 import showPhoto from '@/views/tested/device/info/components/showPhotoSinge.vue'
 import { editBtn, submitBtn } from '@/utils/applyBtns'
@@ -78,6 +79,9 @@
 // 能力列表
 const capacityList = ref()
 const capacityRef = ref()
+// 证书列表
+const certificateRef = ref()
+const certificateList = ref()
 const radio = ref('基本信息')
 // 表单1验证规则
 const rules = ref<FormRules>({
@@ -139,6 +143,7 @@
       ruleForm.value = data.subcontractor
       personList.value = data.staffList
       capacityList.value = data.abilityList
+      certificateList.value = data.certificateList
     })
   }
   if ($route.path.includes('create') || $route.path.includes('update')) {
@@ -232,7 +237,7 @@
 // 删除
 const delForm = () => {
   ElMessageBox.confirm(
-    '确认删除设备信息吗?',
+    '确认删除吗?',
     '确认',
     {
       confirmButtonText: '确认',
@@ -240,10 +245,10 @@
       type: 'warning',
     },
   ).then(() => {
-    // deleteInfo({ id: ruleForm.value.id }).then((res) => {
-    //   ElMessage.success('操作成功')
-    //   close()
-    // })
+    deleteDirectory({ id: ruleForm.value.id }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
   })
 }
 // 取消
@@ -257,10 +262,10 @@
       type: 'warning',
     },
   ).then(() => {
-    // cancelInfo({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
-    //   ElMessage.success('操作成功')
-    //   close()
-    // })
+    cancelDirectory({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
   })
 }
 // 审批
@@ -282,8 +287,6 @@
     uploadApi(fd).then((res) => {
       if (res.code === 200) {
         ruleForm.value.attachments = res.data[0]
-        // 重置当前验证
-        ruleFormRef.value?.clearValidate('minioFileName')
         ElMessage.success('文件上传成功')
         loading.close()
       }
@@ -308,12 +311,12 @@
     <approval-dialog ref="approvalDialogRef" @on-success="() => { $router.back() }" />
     <detail-page class="base-info-device" :title="`测试、校准或检定合格分包方名录-${textMap[dialogStatus]}`">
       <template #btns>
-        <!-- <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
+        <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
           同意
         </el-button>
         <el-button v-if="statusName === '待审批'" type="primary" @click="apply('refuse')">
           拒绝
-        </el-button> -->
+        </el-button>
         <el-button v-if="editBtn(statusName, dialogStatus)" type="primary" @click="editForm()">
           编辑
         </el-button>
@@ -326,12 +329,12 @@
         <el-button v-if="statusName === '已通过'" type="primary" @click="print">
           打印
         </el-button>
-        <!-- <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
+        <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
           删除
         </el-button>
         <el-button v-if="statusName === '审批中'" type="info" @click="cancelForm()">
           取消
-        </el-button> -->
+        </el-button>
         <el-button type="info" @click="resetForm(ruleFormRef)">
           关闭
         </el-button>
@@ -342,6 +345,7 @@
         <el-radio-button label="基本信息" />
         <el-radio-button label="分包方人员" />
         <el-radio-button label="业务能力" />
+        <el-radio-button v-if="$route.path.includes('detail')" label="分包证书" />
       </el-radio-group>
     </detail-block-com>
     <!-- 基本信息 -->
@@ -525,6 +529,9 @@
     <div v-show="radio === '业务能力'">
       <capacity-table ref="capacityRef" :data="capacityList" :status="dialogStatus" />
     </div>
+    <div v-show="radio === '分包证书'">
+      <certificate-table ref="certificateRef" :data="certificateList" :status="dialogStatus" />
+    </div>
   </app-container>
 </template>
 
diff --git a/src/views/tested/subpackage/directory/components/list.vue b/src/views/tested/subpackage/directory/components/list.vue
index 98716af..2bae678 100644
--- a/src/views/tested/subpackage/directory/components/list.vue
+++ b/src/views/tested/subpackage/directory/components/list.vue
@@ -2,8 +2,7 @@
 <script lang="ts" setup name="LoginLog">
 import { reactive, ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { delTextBtn, editTextBtn } from './applyBtns'
-import type { IlistObjType, IlistQueryType } from './interface'
+import { delTextBtn, editTextBtn } from '@/utils/applyBtns'
 import ApprovalDialog from './ApprovalDialog.vue'
 import { cancelDirectory, editDirectory, getDetail, getListPage, submitDirectory, deleteDirectory } from '@/api/eqpt/subpackage/directory'
 import { getDictByCode } from '@/api/system/dict'
@@ -23,7 +22,7 @@
   已取消: '6',
 })
 const { proxy } = getCurrentInstance() as any
-const listQuery = reactive<IlistQueryType>({
+const listQuery = reactive<any>({
   companyName: '',
   createTimeEnd: '',
   createTimeStart: '',
@@ -127,7 +126,7 @@
 
 const $router = useRouter()
 // 新建编辑操作
-const handler = (row: IlistObjType, type: string) => {
+const handler = (row: any, type: string) => {
   $router.push({
     path: `/directorypage/${type}`,
     query: {
@@ -138,7 +137,7 @@
   })
 }
 // 详情
-const detail = (row: IlistObjType) => {
+const detail = (row: any) => {
   if ($props.statusName === '草稿箱' || $props.statusName === '未通过' || $props.statusName === '已取消') {
     handler(row, 'update')
   }
@@ -154,7 +153,7 @@
   }
 }
 // 删除
-const delHandler = (row: IlistObjType) => {
+const delHandler = (row: any) => {
   ElMessageBox.confirm(
     '确认删除此名录吗?',
     '确认',
@@ -171,7 +170,7 @@
   })
 }
 // 取消
-const canHandler = (row: IlistObjType) => {
+const canHandler = (row: any) => {
   ElMessageBox.confirm(
     '确认取消此申请吗?',
     '确认',
diff --git a/src/views/tested/subpackage/review/components/ApprovalDialog.vue b/src/views/tested/subpackage/review/components/ApprovalDialog.vue
new file mode 100644
index 0000000..890a64e
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/ApprovalDialog.vue
@@ -0,0 +1,172 @@
+<script lang="ts" setup name="ApprovalDialog">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import useUserStore from '@/store/modules/user'
+import { handlerApproval } from '@/api/eqpt/subpackage/review'
+/**
+ * 审批弹窗
+ */
+defineProps({
+  /**
+   * 提示文字
+   */
+  title: {
+    type: String,
+    default: '审批操作',
+  },
+})
+const emit = defineEmits(['onSuccess'])
+// 弹窗显示状态
+const dialogVisible = ref(false)
+// 默认表单
+const defaultFormData = {
+  type: '', // 审批类型
+  taskId: '', // 任务id
+  comments: '', // 备注
+  user: '', // 当前用户
+  approvalTime: '', // 当前时间
+  processInstanceId: '',
+  id: '',
+}
+// 弹窗类型 agree同意 refuse拒绝 reject驳回 revoke取消
+const type = ref('agree')
+// 表单数据对象
+const formData = reactive({ ...defaultFormData })
+
+// 保存按钮加载状态
+const btnLoading = ref(false)
+
+// agree同意 refuse拒绝 reject驳回 revoke取消
+const userInfo = useUserStore()
+
+// ---------------表单提交--------------------------------
+// 表单对象
+const dataFormRef = ref<FormInstance>()
+// 校验规则
+const rules: FormRules = reactive({
+  comments: [{ required: true, message: '审批结论必填', trigger: ['blur', 'change'] }],
+})
+/**
+ * 初始化审批弹窗
+ * @param type 审批类型
+ * @param taskId 任务id
+ */
+function initDialog(type: string, taskId: string, processInstanceId: string, id: string) {
+  formData.type = type
+  formData.taskId = taskId
+  formData.processInstanceId = processInstanceId
+  formData.id = id
+  formData.user = userInfo.name
+  formData.approvalTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+  formData.comments = ''
+  dialogVisible.value = true
+}
+// 提交表单
+function submitForm() {
+  if (dataFormRef) {
+    dataFormRef.value?.validate((valid: boolean) => {
+      if (valid) {
+        btnLoading.value = true
+        if (formData.type) {
+          handlerApproval(formData.type, { taskId: formData.taskId, comments: formData.comments, processInstanceId: formData.processInstanceId, id: formData.id }).then((res) => {
+            ElMessage.success('审批完成')
+            btnLoading.value = false
+            dialogVisible.value = false
+            emit('onSuccess')
+          }).catch((_) => {
+            btnLoading.value = false
+          })
+        }
+      }
+    })
+  }
+}
+// 关闭弹窗
+function handleClose() {
+  dialogVisible.value = false
+}
+
+// ----------------------- 以下是暴露的方法内容 ----------------------------
+defineExpose({ initDialog })
+</script>
+
+<template>
+  <el-dialog
+    v-model="dialogVisible"
+    title="审批操作"
+    width="600"
+    :before-close="handleClose"
+  >
+    <el-form
+      ref="dataFormRef"
+      label-position="left"
+      label-width="80px"
+      :model="formData"
+      :rules="rules"
+    >
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="审批意见:">
+            <el-radio-group v-model="formData.type" disabled>
+              <el-radio label="agree" size="large">
+                同意
+              </el-radio>
+              <!-- <el-radio label="reject" size="large">
+                驳回
+              </el-radio> -->
+              <el-radio label="refuse" size="large">
+                拒绝
+              </el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="审批结论:" props="comments">
+            <el-input
+              v-model="formData.comments"
+              :rows="4"
+              show-word-limit
+              type="textarea"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <el-form-item label="审批人:">
+            <el-input
+              v-model="formData.user"
+              placeholder="审批人"
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="审批时间:">
+            <el-input
+              v-model="formData.approvalTime"
+              style="width: 100%;"
+              placeholder="审批时间"
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <el-button type="primary" :loading="btnLoading" @click="submitForm">
+        提交
+      </el-button>
+      <el-button type="info" @click="handleClose">
+        取消
+      </el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/tested/subpackage/review/components/deviceTable.vue b/src/views/tested/subpackage/review/components/deviceTable.vue
new file mode 100644
index 0000000..5065b78
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/deviceTable.vue
@@ -0,0 +1,162 @@
+<!-- 受检设备信息列表 -->
+<script lang="ts" setup name="EditPlatform">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useCheckList } from '@/utils/useCheckList'
+import selectDevice from '@/views/tested/MeasurementPlan/plan/components/selectDevice.vue'
+const $props = defineProps({
+  data: {
+    type: Array,
+    default: () => ([]),
+  },
+  status: {
+    type: String,
+    required: true,
+  },
+})
+const $route = useRoute()
+const dialogStatus = ref('update') // 对话框类型：create,update
+// 表头显示标题
+const columns = ref([
+  {
+    text: '受检设备编号',
+    value: 'equipmentNo',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '受检设备名称',
+    value: 'equipmentName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '型号',
+    value: 'model',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '出厂编号',
+    value: 'manufactureNo',
+    required: true,
+    isDate: true,
+  },
+])
+const list = ref<any[]>([])
+// 检查数据列表
+function checkCertificateList() {
+  return useCheckList(list.value, columns.value, '受检设备信息')
+}
+// 将列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of list.value) {
+    item.editable = false
+  }
+}
+// 双击行显示输入框
+const dblclickRow = (row: any) => {
+  if ($route.path.includes('detail')) {
+    return
+  }
+  setAllRowReadable()
+  row.editable = true
+}
+const SelectionList = ref()
+// 表格选中
+const handleSelectionChange = (e: any[]) => {
+  SelectionList.value = e
+}
+watch(() => $props.data, (newVal) => {
+  if (newVal) {
+    list.value = newVal
+  }
+})
+const initDialog = () => {
+  list.value = $props.data
+  dialogStatus.value = $props.status
+}
+initDialog()
+defineExpose({
+  list,
+  checkCertificateList,
+})
+// 选择设备
+const deviceRef = ref()
+const confirm = (device: any) => {
+  // 多选
+  device.forEach((item) => {
+    list.value.push({
+      ...item,
+      equipmentId: item.id,
+      id: null,
+      groupId: null,
+    })
+  })
+}
+// 批量添加行
+const addRow = () => {
+  deviceRef.value.initDialog(true)
+}
+// 删除行
+const removeRow = () => {
+  list.value = list.value.filter((item) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+</script>
+
+<template>
+  <detail-block-switch title="受检设备信息">
+    <select-device ref="deviceRef" @add="confirm" />
+    <template v-if="!$route.path.includes('detail')" #btns>
+      <el-button type="primary" @click="addRow">
+        批量添加
+      </el-button>
+      <el-button type="info" @click="removeRow">
+        删除行
+      </el-button>
+    </template>
+    <el-table
+      ref="multipleTableRef" :data="list" style="width: 100%;" border @selection-change="handleSelectionChange"
+      @row-dblclick="dblclickRow"
+    >
+      <el-table-column v-if="!$route.path.includes('detail')" type="selection" width="38" />
+      <el-table-column align="center" label="序号" width="80" type="index" />
+      <el-table-column
+        v-for="item in columns" :key="item.id" :width="item.width" :prop="item.value" :label="item.text"
+        align="center"
+      >
+        <template #header>
+          <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
+        </template>
+        <template #default="scope">
+          <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+          <el-input
+            v-if="scope.row.editable && !item.isDate" v-model="scope.row[item.value]" :autofocus="true"
+            :placeholder="`${item.text}`" class="input"
+          />
+          <el-date-picker
+            v-if="scope.row.editable && item.isDate" v-model="scope.row[item.value]" type="date"
+            format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="`${item.text}`"
+          />
+          <!-- <el-select
+            v-if="scope.row.editable && item.isSelect" v-model="scope.row[item.value]"
+            :placeholder="`${item.text}`"
+          >
+            <el-option v-for="item in platformListBak" :key="item.id" :label="item.name" :value="item.name" />
+          </el-select> -->
+        </template>
+      </el-table-column>
+    </el-table>
+  </detail-block-switch>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>

diff --git a/src/api/eqpt/subpackage/review.ts b/src/api/eqpt/subpackage/review.ts
new file mode 100644
index 0000000..d5bb694
--- /dev/null
+++ b/src/api/eqpt/subpackage/review.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包评审表管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontract/review/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontract/review/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontract/review/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontract/review/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontract/review/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteReview(data: object) {
+  return request({
+    url: `/subcontract/review/approval/delete?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontract/review/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/tested.ts b/src/router/modules/tested.ts
index 1b8de9c..bf750fb 100644
--- a/src/router/modules/tested.ts
+++ b/src/router/modules/tested.ts
@@ -998,7 +998,19 @@
               auth: '/tested/subpackage/review',
               sidebar: false,
               breadcrumb: false,
-              activeMenu: '/reviewpage',
+              activeMenu: '/reviewlist',
+            },
+          },
+          {
+            path: '/reviewpage/:type',
+            name: 'ReviewPageEdit',
+            component: () => import('@/views/tested/subpackage/review/components/edit.vue'),
+            meta: {
+              title: '测试、校准或检定工作分包评审表',
+              auth: '/tested/subpackage/review',
+              sidebar: false,
+              breadcrumb: false,
+              activeMenu: '/reviewlist',
             },
           },
         ],
diff --git a/src/views/tested/subpackage/directory/components/certificateTable.vue b/src/views/tested/subpackage/directory/components/certificateTable.vue
new file mode 100644
index 0000000..66c85b1
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/certificateTable.vue
@@ -0,0 +1,162 @@
+<!-- 分包证书表格 -->
+<script lang="ts" setup name="EditPlatform">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useCheckList } from '@/utils/useCheckList'
+const $props = defineProps({
+  data: {
+    type: Array,
+    default: () => ([]),
+  },
+  status: {
+    type: String,
+    required: true,
+  },
+})
+const $route = useRoute()
+const dialogStatus = ref('update') // 对话框类型：create,update
+// 表头显示标题
+const columns = ref([
+  {
+    text: '证书编号',
+    value: 'certificateNo',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '证书名称',
+    value: 'certificateName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '出具单位',
+    value: 'subcontractorName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '证书出具日期',
+    value: 'checkDate',
+    required: true,
+    isDate: true,
+  },
+  {
+    text: '证书有效期',
+    value: 'certificateValid',
+    required: true,
+    isDate: true,
+  },
+])
+const list = ref<any[]>([])
+// 检查数据列表
+function checkCertificateList() {
+  return useCheckList(list.value, columns.value, '分包证书')
+}
+// 将列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of list.value) {
+    item.editable = false
+  }
+}
+// 双击行显示输入框
+const dblclickRow = (row: any) => {
+  if ($route.path.includes('detail')) {
+    return
+  }
+  setAllRowReadable()
+  row.editable = true
+}
+const SelectionList = ref()
+// 表格选中
+const handleSelectionChange = (e: any[]) => {
+  SelectionList.value = e
+}
+// 添加行
+const addRow = () => {
+  if (checkCertificateList()) {
+    setAllRowReadable()
+    list.value.push({
+      duty: '',
+      department: '',
+      staffName: '',
+      staffPhone: '',
+      editable: true,
+    })
+  }
+}
+// 删除行
+const removeRow = () => {
+  list.value = list.value.filter((item) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+watch(() => $props.data, (newVal) => {
+  if (newVal) {
+    list.value = newVal
+  }
+})
+const initDialog = () => {
+  list.value = $props.data
+  dialogStatus.value = $props.status
+}
+initDialog()
+defineExpose({
+  list,
+  checkCertificateList,
+})
+</script>
+
+<template>
+  <detail-block-switch title="分包方人员">
+    <template v-if="!$route.path.includes('detail')" #btns>
+      <el-button type="primary" @click="addRow">
+        增加行
+      </el-button>
+      <el-button type="info" @click="removeRow">
+        删除行
+      </el-button>
+    </template>
+    <el-table
+      ref="multipleTableRef" :data="list" style="width: 100%;" border @selection-change="handleSelectionChange"
+      @row-dblclick="dblclickRow"
+    >
+      <el-table-column v-if="!$route.path.includes('detail')" type="selection" width="38" />
+      <el-table-column align="center" label="序号" width="80" type="index" />
+      <el-table-column
+        v-for="item in columns" :key="item.id" :width="item.width" :prop="item.value" :label="item.text"
+        align="center"
+      >
+        <template #header>
+          <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
+        </template>
+        <template #default="scope">
+          <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+          <el-input
+            v-if="scope.row.editable && !item.isDate" v-model="scope.row[item.value]" :autofocus="true"
+            :placeholder="`${item.text}`" class="input"
+          />
+          <el-date-picker
+            v-if="scope.row.editable && item.isDate" v-model="scope.row[item.value]" type="date"
+            format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="`${item.text}`"
+          />
+          <!-- <el-select
+            v-if="scope.row.editable && item.isSelect" v-model="scope.row[item.value]"
+            :placeholder="`${item.text}`"
+          >
+            <el-option v-for="item in platformListBak" :key="item.id" :label="item.name" :value="item.name" />
+          </el-select> -->
+        </template>
+      </el-table-column>
+    </el-table>
+  </detail-block-switch>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
diff --git a/src/views/tested/subpackage/directory/components/edit.vue b/src/views/tested/subpackage/directory/components/edit.vue
index 45752c6..418818f 100644
--- a/src/views/tested/subpackage/directory/components/edit.vue
+++ b/src/views/tested/subpackage/directory/components/edit.vue
@@ -9,6 +9,7 @@
 import { routeLocationKey } from 'vue-router'
 import personTable from './personTable.vue'
 import capacityTable from './capacityTable.vue'
+import certificateTable from './certificateTable.vue'
 import ApprovalDialog from './ApprovalDialog.vue'
 import showPhoto from '@/views/tested/device/info/components/showPhotoSinge.vue'
 import { editBtn, submitBtn } from '@/utils/applyBtns'
@@ -78,6 +79,9 @@
 // 能力列表
 const capacityList = ref()
 const capacityRef = ref()
+// 证书列表
+const certificateRef = ref()
+const certificateList = ref()
 const radio = ref('基本信息')
 // 表单1验证规则
 const rules = ref<FormRules>({
@@ -139,6 +143,7 @@
       ruleForm.value = data.subcontractor
       personList.value = data.staffList
       capacityList.value = data.abilityList
+      certificateList.value = data.certificateList
     })
   }
   if ($route.path.includes('create') || $route.path.includes('update')) {
@@ -232,7 +237,7 @@
 // 删除
 const delForm = () => {
   ElMessageBox.confirm(
-    '确认删除设备信息吗?',
+    '确认删除吗?',
     '确认',
     {
       confirmButtonText: '确认',
@@ -240,10 +245,10 @@
       type: 'warning',
     },
   ).then(() => {
-    // deleteInfo({ id: ruleForm.value.id }).then((res) => {
-    //   ElMessage.success('操作成功')
-    //   close()
-    // })
+    deleteDirectory({ id: ruleForm.value.id }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
   })
 }
 // 取消
@@ -257,10 +262,10 @@
       type: 'warning',
     },
   ).then(() => {
-    // cancelInfo({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
-    //   ElMessage.success('操作成功')
-    //   close()
-    // })
+    cancelDirectory({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
   })
 }
 // 审批
@@ -282,8 +287,6 @@
     uploadApi(fd).then((res) => {
       if (res.code === 200) {
         ruleForm.value.attachments = res.data[0]
-        // 重置当前验证
-        ruleFormRef.value?.clearValidate('minioFileName')
         ElMessage.success('文件上传成功')
         loading.close()
       }
@@ -308,12 +311,12 @@
     <approval-dialog ref="approvalDialogRef" @on-success="() => { $router.back() }" />
     <detail-page class="base-info-device" :title="`测试、校准或检定合格分包方名录-${textMap[dialogStatus]}`">
       <template #btns>
-        <!-- <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
+        <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
           同意
         </el-button>
         <el-button v-if="statusName === '待审批'" type="primary" @click="apply('refuse')">
           拒绝
-        </el-button> -->
+        </el-button>
         <el-button v-if="editBtn(statusName, dialogStatus)" type="primary" @click="editForm()">
           编辑
         </el-button>
@@ -326,12 +329,12 @@
         <el-button v-if="statusName === '已通过'" type="primary" @click="print">
           打印
         </el-button>
-        <!-- <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
+        <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
           删除
         </el-button>
         <el-button v-if="statusName === '审批中'" type="info" @click="cancelForm()">
           取消
-        </el-button> -->
+        </el-button>
         <el-button type="info" @click="resetForm(ruleFormRef)">
           关闭
         </el-button>
@@ -342,6 +345,7 @@
         <el-radio-button label="基本信息" />
         <el-radio-button label="分包方人员" />
         <el-radio-button label="业务能力" />
+        <el-radio-button v-if="$route.path.includes('detail')" label="分包证书" />
       </el-radio-group>
     </detail-block-com>
     <!-- 基本信息 -->
@@ -525,6 +529,9 @@
     <div v-show="radio === '业务能力'">
       <capacity-table ref="capacityRef" :data="capacityList" :status="dialogStatus" />
     </div>
+    <div v-show="radio === '分包证书'">
+      <certificate-table ref="certificateRef" :data="certificateList" :status="dialogStatus" />
+    </div>
   </app-container>
 </template>
 
diff --git a/src/views/tested/subpackage/directory/components/list.vue b/src/views/tested/subpackage/directory/components/list.vue
index 98716af..2bae678 100644
--- a/src/views/tested/subpackage/directory/components/list.vue
+++ b/src/views/tested/subpackage/directory/components/list.vue
@@ -2,8 +2,7 @@
 <script lang="ts" setup name="LoginLog">
 import { reactive, ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { delTextBtn, editTextBtn } from './applyBtns'
-import type { IlistObjType, IlistQueryType } from './interface'
+import { delTextBtn, editTextBtn } from '@/utils/applyBtns'
 import ApprovalDialog from './ApprovalDialog.vue'
 import { cancelDirectory, editDirectory, getDetail, getListPage, submitDirectory, deleteDirectory } from '@/api/eqpt/subpackage/directory'
 import { getDictByCode } from '@/api/system/dict'
@@ -23,7 +22,7 @@
   已取消: '6',
 })
 const { proxy } = getCurrentInstance() as any
-const listQuery = reactive<IlistQueryType>({
+const listQuery = reactive<any>({
   companyName: '',
   createTimeEnd: '',
   createTimeStart: '',
@@ -127,7 +126,7 @@
 
 const $router = useRouter()
 // 新建编辑操作
-const handler = (row: IlistObjType, type: string) => {
+const handler = (row: any, type: string) => {
   $router.push({
     path: `/directorypage/${type}`,
     query: {
@@ -138,7 +137,7 @@
   })
 }
 // 详情
-const detail = (row: IlistObjType) => {
+const detail = (row: any) => {
   if ($props.statusName === '草稿箱' || $props.statusName === '未通过' || $props.statusName === '已取消') {
     handler(row, 'update')
   }
@@ -154,7 +153,7 @@
   }
 }
 // 删除
-const delHandler = (row: IlistObjType) => {
+const delHandler = (row: any) => {
   ElMessageBox.confirm(
     '确认删除此名录吗?',
     '确认',
@@ -171,7 +170,7 @@
   })
 }
 // 取消
-const canHandler = (row: IlistObjType) => {
+const canHandler = (row: any) => {
   ElMessageBox.confirm(
     '确认取消此申请吗?',
     '确认',
diff --git a/src/views/tested/subpackage/review/components/ApprovalDialog.vue b/src/views/tested/subpackage/review/components/ApprovalDialog.vue
new file mode 100644
index 0000000..890a64e
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/ApprovalDialog.vue
@@ -0,0 +1,172 @@
+<script lang="ts" setup name="ApprovalDialog">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import useUserStore from '@/store/modules/user'
+import { handlerApproval } from '@/api/eqpt/subpackage/review'
+/**
+ * 审批弹窗
+ */
+defineProps({
+  /**
+   * 提示文字
+   */
+  title: {
+    type: String,
+    default: '审批操作',
+  },
+})
+const emit = defineEmits(['onSuccess'])
+// 弹窗显示状态
+const dialogVisible = ref(false)
+// 默认表单
+const defaultFormData = {
+  type: '', // 审批类型
+  taskId: '', // 任务id
+  comments: '', // 备注
+  user: '', // 当前用户
+  approvalTime: '', // 当前时间
+  processInstanceId: '',
+  id: '',
+}
+// 弹窗类型 agree同意 refuse拒绝 reject驳回 revoke取消
+const type = ref('agree')
+// 表单数据对象
+const formData = reactive({ ...defaultFormData })
+
+// 保存按钮加载状态
+const btnLoading = ref(false)
+
+// agree同意 refuse拒绝 reject驳回 revoke取消
+const userInfo = useUserStore()
+
+// ---------------表单提交--------------------------------
+// 表单对象
+const dataFormRef = ref<FormInstance>()
+// 校验规则
+const rules: FormRules = reactive({
+  comments: [{ required: true, message: '审批结论必填', trigger: ['blur', 'change'] }],
+})
+/**
+ * 初始化审批弹窗
+ * @param type 审批类型
+ * @param taskId 任务id
+ */
+function initDialog(type: string, taskId: string, processInstanceId: string, id: string) {
+  formData.type = type
+  formData.taskId = taskId
+  formData.processInstanceId = processInstanceId
+  formData.id = id
+  formData.user = userInfo.name
+  formData.approvalTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+  formData.comments = ''
+  dialogVisible.value = true
+}
+// 提交表单
+function submitForm() {
+  if (dataFormRef) {
+    dataFormRef.value?.validate((valid: boolean) => {
+      if (valid) {
+        btnLoading.value = true
+        if (formData.type) {
+          handlerApproval(formData.type, { taskId: formData.taskId, comments: formData.comments, processInstanceId: formData.processInstanceId, id: formData.id }).then((res) => {
+            ElMessage.success('审批完成')
+            btnLoading.value = false
+            dialogVisible.value = false
+            emit('onSuccess')
+          }).catch((_) => {
+            btnLoading.value = false
+          })
+        }
+      }
+    })
+  }
+}
+// 关闭弹窗
+function handleClose() {
+  dialogVisible.value = false
+}
+
+// ----------------------- 以下是暴露的方法内容 ----------------------------
+defineExpose({ initDialog })
+</script>
+
+<template>
+  <el-dialog
+    v-model="dialogVisible"
+    title="审批操作"
+    width="600"
+    :before-close="handleClose"
+  >
+    <el-form
+      ref="dataFormRef"
+      label-position="left"
+      label-width="80px"
+      :model="formData"
+      :rules="rules"
+    >
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="审批意见:">
+            <el-radio-group v-model="formData.type" disabled>
+              <el-radio label="agree" size="large">
+                同意
+              </el-radio>
+              <!-- <el-radio label="reject" size="large">
+                驳回
+              </el-radio> -->
+              <el-radio label="refuse" size="large">
+                拒绝
+              </el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="审批结论:" props="comments">
+            <el-input
+              v-model="formData.comments"
+              :rows="4"
+              show-word-limit
+              type="textarea"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <el-form-item label="审批人:">
+            <el-input
+              v-model="formData.user"
+              placeholder="审批人"
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="审批时间:">
+            <el-input
+              v-model="formData.approvalTime"
+              style="width: 100%;"
+              placeholder="审批时间"
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <el-button type="primary" :loading="btnLoading" @click="submitForm">
+        提交
+      </el-button>
+      <el-button type="info" @click="handleClose">
+        取消
+      </el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/tested/subpackage/review/components/deviceTable.vue b/src/views/tested/subpackage/review/components/deviceTable.vue
new file mode 100644
index 0000000..5065b78
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/deviceTable.vue
@@ -0,0 +1,162 @@
+<!-- 受检设备信息列表 -->
+<script lang="ts" setup name="EditPlatform">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useCheckList } from '@/utils/useCheckList'
+import selectDevice from '@/views/tested/MeasurementPlan/plan/components/selectDevice.vue'
+const $props = defineProps({
+  data: {
+    type: Array,
+    default: () => ([]),
+  },
+  status: {
+    type: String,
+    required: true,
+  },
+})
+const $route = useRoute()
+const dialogStatus = ref('update') // 对话框类型：create,update
+// 表头显示标题
+const columns = ref([
+  {
+    text: '受检设备编号',
+    value: 'equipmentNo',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '受检设备名称',
+    value: 'equipmentName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '型号',
+    value: 'model',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '出厂编号',
+    value: 'manufactureNo',
+    required: true,
+    isDate: true,
+  },
+])
+const list = ref<any[]>([])
+// 检查数据列表
+function checkCertificateList() {
+  return useCheckList(list.value, columns.value, '受检设备信息')
+}
+// 将列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of list.value) {
+    item.editable = false
+  }
+}
+// 双击行显示输入框
+const dblclickRow = (row: any) => {
+  if ($route.path.includes('detail')) {
+    return
+  }
+  setAllRowReadable()
+  row.editable = true
+}
+const SelectionList = ref()
+// 表格选中
+const handleSelectionChange = (e: any[]) => {
+  SelectionList.value = e
+}
+watch(() => $props.data, (newVal) => {
+  if (newVal) {
+    list.value = newVal
+  }
+})
+const initDialog = () => {
+  list.value = $props.data
+  dialogStatus.value = $props.status
+}
+initDialog()
+defineExpose({
+  list,
+  checkCertificateList,
+})
+// 选择设备
+const deviceRef = ref()
+const confirm = (device: any) => {
+  // 多选
+  device.forEach((item) => {
+    list.value.push({
+      ...item,
+      equipmentId: item.id,
+      id: null,
+      groupId: null,
+    })
+  })
+}
+// 批量添加行
+const addRow = () => {
+  deviceRef.value.initDialog(true)
+}
+// 删除行
+const removeRow = () => {
+  list.value = list.value.filter((item) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+</script>
+
+<template>
+  <detail-block-switch title="受检设备信息">
+    <select-device ref="deviceRef" @add="confirm" />
+    <template v-if="!$route.path.includes('detail')" #btns>
+      <el-button type="primary" @click="addRow">
+        批量添加
+      </el-button>
+      <el-button type="info" @click="removeRow">
+        删除行
+      </el-button>
+    </template>
+    <el-table
+      ref="multipleTableRef" :data="list" style="width: 100%;" border @selection-change="handleSelectionChange"
+      @row-dblclick="dblclickRow"
+    >
+      <el-table-column v-if="!$route.path.includes('detail')" type="selection" width="38" />
+      <el-table-column align="center" label="序号" width="80" type="index" />
+      <el-table-column
+        v-for="item in columns" :key="item.id" :width="item.width" :prop="item.value" :label="item.text"
+        align="center"
+      >
+        <template #header>
+          <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
+        </template>
+        <template #default="scope">
+          <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+          <el-input
+            v-if="scope.row.editable && !item.isDate" v-model="scope.row[item.value]" :autofocus="true"
+            :placeholder="`${item.text}`" class="input"
+          />
+          <el-date-picker
+            v-if="scope.row.editable && item.isDate" v-model="scope.row[item.value]" type="date"
+            format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="`${item.text}`"
+          />
+          <!-- <el-select
+            v-if="scope.row.editable && item.isSelect" v-model="scope.row[item.value]"
+            :placeholder="`${item.text}`"
+          >
+            <el-option v-for="item in platformListBak" :key="item.id" :label="item.name" :value="item.name" />
+          </el-select> -->
+        </template>
+      </el-table-column>
+    </el-table>
+  </detail-block-switch>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
diff --git a/src/views/tested/subpackage/review/components/edit.vue b/src/views/tested/subpackage/review/components/edit.vue
new file mode 100644
index 0000000..65e8fce
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/edit.vue
@@ -0,0 +1,479 @@
+<!-- 测试、校准或检定合格分包方名录编辑 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules, UploadUserFile } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import dayjs from 'dayjs'
+import deviceTable from './deviceTable.vue'
+import ApprovalDialog from './ApprovalDialog.vue'
+import subpackageDialog from './subpackageDialog.vue'
+import showPhoto from '@/views/tested/device/info/components/showPhotoSinge.vue'
+import { editBtn, submitBtn } from '@/utils/applyBtns'
+import { toTreeList } from '@/utils/structure'
+import { getDictByCode } from '@/api/system/dict'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import { uploadApi } from '@/api/system/notice'
+import useUserStore from '@/store/modules/user'
+import { getUserDept } from '@/api/system/user'
+import { cancelReview, deleteReview, editReview, getDetail, submitReview } from '@/api/eqpt/subpackage/review'
+const $route = useRoute()
+const $router = useRouter()
+const userStore = useUserStore()
+const submitId = ref('') // 提交id-保存接口获取
+const ruleFormRef = ref<FormInstance>() // from组件
+const statusName = $route.query.statusName as string
+// 显示标题
+const textMap: { [key: string]: string } = {
+  update: '编辑',
+  create: '新增',
+  detail: '详情',
+}
+// 对话框类型：create,update
+const dialogStatus = ref('create')
+// 表单
+const ruleForm = ref({
+  address: '',
+  approvalStatus: '',
+  attachment: '',
+  contact: '',
+  contactNumber: '',
+  createDeptId: '',
+  createDeptName: '',
+  createTime: '',
+  createUserId: '',
+  createUserName: '',
+  decisionItem: '',
+  equipmentList: [],
+  fax: '',
+  id: '',
+  labAccreditation: '',
+  postcode: '',
+  predictEndTime: '',
+  predictPrice: '',
+  predictStartTime: '',
+  processId: '',
+  remark: '',
+  reviewName: '',
+  reviewNo: '',
+  subcontractReason: '',
+  subcontractorCompanyName: '',
+  subcontractorDirectorName: '',
+  subcontractorId: '',
+  subcontractorNo: '',
+  taskId: '',
+  technicalAbility: '',
+  testMethod: '',
+  traceability: '',
+  updateTime: '',
+})
+const deviceRef = ref()
+// 表单1验证规则
+const rules = ref<FormRules>({
+  subcontractorNo: [{ required: true, message: '分包方编号必选', trigger: ['blur', 'change'] }],
+  predictStartTime: [{ required: true, message: '预计开始时间必选', trigger: ['blur', 'change'] }],
+  predictEndTime: [{ required: true, message: '预计结束时间必选', trigger: ['blur', 'change'] }],
+  subcontractReason: [{ required: true, message: '分包原因必选', trigger: ['blur', 'change'] }],
+})
+
+// 获取下拉框数据
+const reasonList = ref<{ id: string; value: string; name: string }[]>() // 规模
+const fetchSelectData = () => {
+  // 分包原因
+  getDictByCode('eqptSubpackageReason').then((res) => {
+    reasonList.value = res.data
+  })
+}
+fetchSelectData()
+// 弹窗初始化
+const initDialog = () => {
+  dialogStatus.value = $route.params.type as string || 'detail'
+  ruleFormRef.value?.resetFields()
+  if (!$route.path.includes('create')) {
+    const data = JSON.parse($route.query.row as string)
+    getDetail({ id: data.id }).then((res) => {
+      const data = res.data
+      ruleForm.value = data
+    })
+  }
+  if ($route.path.includes('create') || $route.path.includes('update')) {
+    ruleForm.value.reviewName = '测试、校准或检定工作分包评审表'
+    ruleForm.value.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss') // 创建时间
+    ruleForm.value.createUserId = userStore.id
+    ruleForm.value.createUserName = userStore.name
+    getUserDept().then((res) => {
+      ruleForm.value.createDeptId = res.data.id
+      ruleForm.value.createDeptName = res.data.fullName
+    })
+  }
+}
+onMounted(() => {
+  initDialog()
+})
+// 关闭弹窗
+const close = () => {
+  $router.back()
+}
+
+// 保存
+const saveForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  Promise.all([formEl.validate()]).then(() => {
+    // 验证表格
+    if (deviceRef.value.checkCertificateList()) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then((res) => {
+        ruleForm.value.equipmentList = deviceRef.value.list
+        editReview(ruleForm.value).then((res) => {
+          submitId.value = res.data
+          if (statusName === '已取消' || statusName === '未通过') {
+            submitReview({ id: submitId.value, formId: SCHEDULE.SUBCONTRACT_REVIEW_APPROVAL }).then((res) => {
+              ElMessage.success('已提交')
+              close()
+            })
+          }
+          else {
+            ElMessage.success('保存成功')
+          }
+        })
+      })
+    }
+  })
+}
+// 提交
+const submitForm = () => {
+  if (submitId.value === '') {
+    ElMessage.warning('请先保存')
+    return false
+  }
+  ElMessageBox.confirm(
+    '确认提交吗？',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then((res) => {
+    submitReview({ id: submitId.value, formId: SCHEDULE.SUBCONTRACT_REVIEW_APPROVAL }).then((res) => {
+      ElMessage.success('已提交')
+      close()
+    })
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  close()
+}
+// 编辑
+const editForm = () => {
+  $router.push({
+    path: '/reviewpage/update',
+    query: { ...$route.query },
+  })
+}
+// 删除
+const delForm = () => {
+  ElMessageBox.confirm(
+    '确认删除吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    deleteReview({ id: ruleForm.value.id }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
+  })
+}
+// 取消
+const cancelForm = () => {
+  ElMessageBox.confirm(
+    '确认取消吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    cancelReview({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
+  })
+}
+// 审批
+const approvalDialogRef = ref()
+const apply = (type: string) => {
+  const data = JSON.parse($route.query.row as string)
+  approvalDialogRef.value.initDialog(type, data.taskId, data.processId, ruleForm.value.id)
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ruleForm.value.attachment = res.data[0]
+        // 重置当前验证
+        ruleFormRef.value?.clearValidate('minioFileName')
+        ElMessage.success('文件上传成功')
+        loading.close()
+      }
+      else {
+        ElMessage.error(res.message)
+        loading.close()
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+const print = () => {
+
+}
+// 选择分包方
+const subpackageRef = ref()
+const selectSubpackage = () => {
+  subpackageRef.value.initDialog()
+}
+// 确认分包方
+const confirm = (subpackage: any) => {
+  ruleForm.value.subcontractorNo = subpackage.subcontractorNo
+  ruleForm.value.subcontractorId = subpackage.id
+  ruleForm.value.subcontractorDirectorName = subpackage.directorName
+  ruleForm.value.address = subpackage.address
+  ruleForm.value.postcode = subpackage.postcode
+  ruleForm.value.fax = subpackage.fax
+  ruleForm.value.subcontractorCompanyName = subpackage.companyName
+}
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <!-- 审批弹窗 -->
+    <approval-dialog ref="approvalDialogRef" @on-success="() => { $router.back() }" />
+    <!-- 分包方弹窗 -->
+    <subpackage-dialog ref="subpackageRef" @add="confirm" />
+    <detail-page class="base-info-device" :title="`测试、校准或检定工作分包评审表-${textMap[dialogStatus]}`">
+      <template #btns>
+        <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
+          同意
+        </el-button>
+        <el-button v-if="statusName === '待审批'" type="primary" @click="apply('refuse')">
+          拒绝
+        </el-button>
+        <el-button v-if="editBtn(statusName, dialogStatus)" type="primary" @click="editForm()">
+          编辑
+        </el-button>
+        <el-button v-if="submitBtn(statusName, dialogStatus) && statusName !== '已取消' && statusName !== '未通过'" type="primary" @click="submitForm()">
+          提交
+        </el-button>
+        <el-button v-if="submitBtn(statusName, dialogStatus)" type="primary" @click="saveForm(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button v-if="statusName === '已通过'" type="primary" @click="print">
+          打印
+        </el-button>
+        <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
+          删除
+        </el-button>
+        <el-button v-if="statusName === '审批中'" type="info" @click="cancelForm()">
+          取消
+        </el-button>
+        <el-button type="info" @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
+      </template>
+    </detail-page>
+    <detail-block-com>
+      <el-form
+        ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="120px" class="form"
+        :class="[dialogStatus === 'detail' ? 'isDetail' : '']" :disabled="$route.path.includes('detail')"
+      >
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="评审表编号" prop="reviewNo">
+              <el-input v-model.trim="ruleForm.reviewNo" placeholder="系统自动生成" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="评审表名称" prop="reviewName">
+              <el-input v-model.trim="ruleForm.reviewName" placeholder="评审表名称" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请人" prop="createUserName">
+              <el-input v-model.trim="ruleForm.createUserName" placeholder="申请人" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请时间" prop="createTime">
+              <el-date-picker
+                v-model="ruleForm.createTime" type="date" format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD" placeholder="申请时间" class="normal-date" style="width: 100%;" disabled
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="分包方编号" prop="subcontractorNo">
+              <el-input v-model.trim="ruleForm.subcontractorNo" placeholder="分包方编号" @focus="selectSubpackage">
+                <template v-if="!$route.path.includes('detail')" #append>
+                  <span @click="selectSubpackage">选择</span>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包机构名称" prop="subcontractorCompanyName">
+              <el-input v-model.trim="ruleForm.subcontractorCompanyName" placeholder="分包机构名称" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="机构负责人" prop="subcontractorDirectorName">
+              <el-input v-model.trim="ruleForm.subcontractorDirectorName" placeholder="机构负责人" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="地址" prop="address">
+              <el-input v-model.trim="ruleForm.address" placeholder="地址" disabled />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="邮编" prop="postcode">
+              <el-input v-model.trim="ruleForm.postcode" placeholder="邮编" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="传真" prop="fax">
+              <el-input v-model.trim="ruleForm.fax" placeholder="传真" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系人" prop="contact">
+              <el-input v-model.trim="ruleForm.contact" placeholder="请输入联系人" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系电话" prop="contactNumber">
+              <el-input v-model.trim="ruleForm.contactNumber" placeholder="请输入联系电话" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="预计开始时间" prop="predictStartTime">
+              <el-date-picker
+                v-model="ruleForm.predictStartTime" type="date" format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD" placeholder="请选择开始时间" class="normal-date" style="width: 100%;"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计结束时间" prop="predictEndTime">
+              <el-date-picker
+                v-model="ruleForm.predictEndTime" type="date" format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD" placeholder="请选择结束时间" class="normal-date" style="width: 100%;"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因" prop="subcontractReason">
+              <el-select v-model="ruleForm.subcontractReason" placeholder="请选择分包原因" style="width: 100%;">
+                <el-option v-for="item in reasonList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计费用" prop="predictPrice">
+              <el-input v-model.trim="ruleForm.predictPrice" placeholder="请输入预计费用" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="实验室认可情况" prop="labAccreditation">
+              <el-input v-model.trim="ruleForm.labAccreditation" placeholder="请输入实验室认可情况" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="溯源性" prop="traceability">
+              <el-input v-model.trim="ruleForm.traceability" placeholder="请输入溯源性" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="测试方法" prop="testMethod">
+              <el-input v-model.trim="ruleForm.testMethod" placeholder="请输入测试方法" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="技术能力" prop="technicalAbility">
+              <el-input v-model.trim="ruleForm.technicalAbility" placeholder="请输入技术能力" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="备注" prop="remark">
+              <el-input v-model.trim="ruleForm.remark" placeholder="请输入备注" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="24">
+            <el-form-item label="附件" prop="attachment">
+              <show-photo :minio-file-name="ruleForm.attachment" />
+              <input ref="fileRef" style="display: none;" type="file" @change="onFileChange">
+              <el-button v-if="!$route.path.includes('detail')" type="primary" @click="upload">
+                上传
+              </el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </detail-block-com>
+    <detail-block-com>
+      <device-table ref="deviceRef" :data="ruleForm.equipmentList" :status="dialogStatus" />
+    </detail-block-com>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.isDetail {
+  ::v-deep {
+    .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label::before,
+    .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label::before {
+      content: "";
+      display: none;
+    }
+  }
+}
+</style>

diff --git a/src/api/eqpt/subpackage/review.ts b/src/api/eqpt/subpackage/review.ts
new file mode 100644
index 0000000..d5bb694
--- /dev/null
+++ b/src/api/eqpt/subpackage/review.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包评审表管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontract/review/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontract/review/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontract/review/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontract/review/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontract/review/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteReview(data: object) {
+  return request({
+    url: `/subcontract/review/approval/delete?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontract/review/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/tested.ts b/src/router/modules/tested.ts
index 1b8de9c..bf750fb 100644
--- a/src/router/modules/tested.ts
+++ b/src/router/modules/tested.ts
@@ -998,7 +998,19 @@
               auth: '/tested/subpackage/review',
               sidebar: false,
               breadcrumb: false,
-              activeMenu: '/reviewpage',
+              activeMenu: '/reviewlist',
+            },
+          },
+          {
+            path: '/reviewpage/:type',
+            name: 'ReviewPageEdit',
+            component: () => import('@/views/tested/subpackage/review/components/edit.vue'),
+            meta: {
+              title: '测试、校准或检定工作分包评审表',
+              auth: '/tested/subpackage/review',
+              sidebar: false,
+              breadcrumb: false,
+              activeMenu: '/reviewlist',
             },
           },
         ],
diff --git a/src/views/tested/subpackage/directory/components/certificateTable.vue b/src/views/tested/subpackage/directory/components/certificateTable.vue
new file mode 100644
index 0000000..66c85b1
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/certificateTable.vue
@@ -0,0 +1,162 @@
+<!-- 分包证书表格 -->
+<script lang="ts" setup name="EditPlatform">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useCheckList } from '@/utils/useCheckList'
+const $props = defineProps({
+  data: {
+    type: Array,
+    default: () => ([]),
+  },
+  status: {
+    type: String,
+    required: true,
+  },
+})
+const $route = useRoute()
+const dialogStatus = ref('update') // 对话框类型：create,update
+// 表头显示标题
+const columns = ref([
+  {
+    text: '证书编号',
+    value: 'certificateNo',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '证书名称',
+    value: 'certificateName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '出具单位',
+    value: 'subcontractorName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '证书出具日期',
+    value: 'checkDate',
+    required: true,
+    isDate: true,
+  },
+  {
+    text: '证书有效期',
+    value: 'certificateValid',
+    required: true,
+    isDate: true,
+  },
+])
+const list = ref<any[]>([])
+// 检查数据列表
+function checkCertificateList() {
+  return useCheckList(list.value, columns.value, '分包证书')
+}
+// 将列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of list.value) {
+    item.editable = false
+  }
+}
+// 双击行显示输入框
+const dblclickRow = (row: any) => {
+  if ($route.path.includes('detail')) {
+    return
+  }
+  setAllRowReadable()
+  row.editable = true
+}
+const SelectionList = ref()
+// 表格选中
+const handleSelectionChange = (e: any[]) => {
+  SelectionList.value = e
+}
+// 添加行
+const addRow = () => {
+  if (checkCertificateList()) {
+    setAllRowReadable()
+    list.value.push({
+      duty: '',
+      department: '',
+      staffName: '',
+      staffPhone: '',
+      editable: true,
+    })
+  }
+}
+// 删除行
+const removeRow = () => {
+  list.value = list.value.filter((item) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+watch(() => $props.data, (newVal) => {
+  if (newVal) {
+    list.value = newVal
+  }
+})
+const initDialog = () => {
+  list.value = $props.data
+  dialogStatus.value = $props.status
+}
+initDialog()
+defineExpose({
+  list,
+  checkCertificateList,
+})
+</script>
+
+<template>
+  <detail-block-switch title="分包方人员">
+    <template v-if="!$route.path.includes('detail')" #btns>
+      <el-button type="primary" @click="addRow">
+        增加行
+      </el-button>
+      <el-button type="info" @click="removeRow">
+        删除行
+      </el-button>
+    </template>
+    <el-table
+      ref="multipleTableRef" :data="list" style="width: 100%;" border @selection-change="handleSelectionChange"
+      @row-dblclick="dblclickRow"
+    >
+      <el-table-column v-if="!$route.path.includes('detail')" type="selection" width="38" />
+      <el-table-column align="center" label="序号" width="80" type="index" />
+      <el-table-column
+        v-for="item in columns" :key="item.id" :width="item.width" :prop="item.value" :label="item.text"
+        align="center"
+      >
+        <template #header>
+          <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
+        </template>
+        <template #default="scope">
+          <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+          <el-input
+            v-if="scope.row.editable && !item.isDate" v-model="scope.row[item.value]" :autofocus="true"
+            :placeholder="`${item.text}`" class="input"
+          />
+          <el-date-picker
+            v-if="scope.row.editable && item.isDate" v-model="scope.row[item.value]" type="date"
+            format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="`${item.text}`"
+          />
+          <!-- <el-select
+            v-if="scope.row.editable && item.isSelect" v-model="scope.row[item.value]"
+            :placeholder="`${item.text}`"
+          >
+            <el-option v-for="item in platformListBak" :key="item.id" :label="item.name" :value="item.name" />
+          </el-select> -->
+        </template>
+      </el-table-column>
+    </el-table>
+  </detail-block-switch>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
diff --git a/src/views/tested/subpackage/directory/components/edit.vue b/src/views/tested/subpackage/directory/components/edit.vue
index 45752c6..418818f 100644
--- a/src/views/tested/subpackage/directory/components/edit.vue
+++ b/src/views/tested/subpackage/directory/components/edit.vue
@@ -9,6 +9,7 @@
 import { routeLocationKey } from 'vue-router'
 import personTable from './personTable.vue'
 import capacityTable from './capacityTable.vue'
+import certificateTable from './certificateTable.vue'
 import ApprovalDialog from './ApprovalDialog.vue'
 import showPhoto from '@/views/tested/device/info/components/showPhotoSinge.vue'
 import { editBtn, submitBtn } from '@/utils/applyBtns'
@@ -78,6 +79,9 @@
 // 能力列表
 const capacityList = ref()
 const capacityRef = ref()
+// 证书列表
+const certificateRef = ref()
+const certificateList = ref()
 const radio = ref('基本信息')
 // 表单1验证规则
 const rules = ref<FormRules>({
@@ -139,6 +143,7 @@
       ruleForm.value = data.subcontractor
       personList.value = data.staffList
       capacityList.value = data.abilityList
+      certificateList.value = data.certificateList
     })
   }
   if ($route.path.includes('create') || $route.path.includes('update')) {
@@ -232,7 +237,7 @@
 // 删除
 const delForm = () => {
   ElMessageBox.confirm(
-    '确认删除设备信息吗?',
+    '确认删除吗?',
     '确认',
     {
       confirmButtonText: '确认',
@@ -240,10 +245,10 @@
       type: 'warning',
     },
   ).then(() => {
-    // deleteInfo({ id: ruleForm.value.id }).then((res) => {
-    //   ElMessage.success('操作成功')
-    //   close()
-    // })
+    deleteDirectory({ id: ruleForm.value.id }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
   })
 }
 // 取消
@@ -257,10 +262,10 @@
       type: 'warning',
     },
   ).then(() => {
-    // cancelInfo({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
-    //   ElMessage.success('操作成功')
-    //   close()
-    // })
+    cancelDirectory({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
   })
 }
 // 审批
@@ -282,8 +287,6 @@
     uploadApi(fd).then((res) => {
       if (res.code === 200) {
         ruleForm.value.attachments = res.data[0]
-        // 重置当前验证
-        ruleFormRef.value?.clearValidate('minioFileName')
         ElMessage.success('文件上传成功')
         loading.close()
       }
@@ -308,12 +311,12 @@
     <approval-dialog ref="approvalDialogRef" @on-success="() => { $router.back() }" />
     <detail-page class="base-info-device" :title="`测试、校准或检定合格分包方名录-${textMap[dialogStatus]}`">
       <template #btns>
-        <!-- <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
+        <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
           同意
         </el-button>
         <el-button v-if="statusName === '待审批'" type="primary" @click="apply('refuse')">
           拒绝
-        </el-button> -->
+        </el-button>
         <el-button v-if="editBtn(statusName, dialogStatus)" type="primary" @click="editForm()">
           编辑
         </el-button>
@@ -326,12 +329,12 @@
         <el-button v-if="statusName === '已通过'" type="primary" @click="print">
           打印
         </el-button>
-        <!-- <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
+        <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
           删除
         </el-button>
         <el-button v-if="statusName === '审批中'" type="info" @click="cancelForm()">
           取消
-        </el-button> -->
+        </el-button>
         <el-button type="info" @click="resetForm(ruleFormRef)">
           关闭
         </el-button>
@@ -342,6 +345,7 @@
         <el-radio-button label="基本信息" />
         <el-radio-button label="分包方人员" />
         <el-radio-button label="业务能力" />
+        <el-radio-button v-if="$route.path.includes('detail')" label="分包证书" />
       </el-radio-group>
     </detail-block-com>
     <!-- 基本信息 -->
@@ -525,6 +529,9 @@
     <div v-show="radio === '业务能力'">
       <capacity-table ref="capacityRef" :data="capacityList" :status="dialogStatus" />
     </div>
+    <div v-show="radio === '分包证书'">
+      <certificate-table ref="certificateRef" :data="certificateList" :status="dialogStatus" />
+    </div>
   </app-container>
 </template>
 
diff --git a/src/views/tested/subpackage/directory/components/list.vue b/src/views/tested/subpackage/directory/components/list.vue
index 98716af..2bae678 100644
--- a/src/views/tested/subpackage/directory/components/list.vue
+++ b/src/views/tested/subpackage/directory/components/list.vue
@@ -2,8 +2,7 @@
 <script lang="ts" setup name="LoginLog">
 import { reactive, ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { delTextBtn, editTextBtn } from './applyBtns'
-import type { IlistObjType, IlistQueryType } from './interface'
+import { delTextBtn, editTextBtn } from '@/utils/applyBtns'
 import ApprovalDialog from './ApprovalDialog.vue'
 import { cancelDirectory, editDirectory, getDetail, getListPage, submitDirectory, deleteDirectory } from '@/api/eqpt/subpackage/directory'
 import { getDictByCode } from '@/api/system/dict'
@@ -23,7 +22,7 @@
   已取消: '6',
 })
 const { proxy } = getCurrentInstance() as any
-const listQuery = reactive<IlistQueryType>({
+const listQuery = reactive<any>({
   companyName: '',
   createTimeEnd: '',
   createTimeStart: '',
@@ -127,7 +126,7 @@
 
 const $router = useRouter()
 // 新建编辑操作
-const handler = (row: IlistObjType, type: string) => {
+const handler = (row: any, type: string) => {
   $router.push({
     path: `/directorypage/${type}`,
     query: {
@@ -138,7 +137,7 @@
   })
 }
 // 详情
-const detail = (row: IlistObjType) => {
+const detail = (row: any) => {
   if ($props.statusName === '草稿箱' || $props.statusName === '未通过' || $props.statusName === '已取消') {
     handler(row, 'update')
   }
@@ -154,7 +153,7 @@
   }
 }
 // 删除
-const delHandler = (row: IlistObjType) => {
+const delHandler = (row: any) => {
   ElMessageBox.confirm(
     '确认删除此名录吗?',
     '确认',
@@ -171,7 +170,7 @@
   })
 }
 // 取消
-const canHandler = (row: IlistObjType) => {
+const canHandler = (row: any) => {
   ElMessageBox.confirm(
     '确认取消此申请吗?',
     '确认',
diff --git a/src/views/tested/subpackage/review/components/ApprovalDialog.vue b/src/views/tested/subpackage/review/components/ApprovalDialog.vue
new file mode 100644
index 0000000..890a64e
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/ApprovalDialog.vue
@@ -0,0 +1,172 @@
+<script lang="ts" setup name="ApprovalDialog">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import useUserStore from '@/store/modules/user'
+import { handlerApproval } from '@/api/eqpt/subpackage/review'
+/**
+ * 审批弹窗
+ */
+defineProps({
+  /**
+   * 提示文字
+   */
+  title: {
+    type: String,
+    default: '审批操作',
+  },
+})
+const emit = defineEmits(['onSuccess'])
+// 弹窗显示状态
+const dialogVisible = ref(false)
+// 默认表单
+const defaultFormData = {
+  type: '', // 审批类型
+  taskId: '', // 任务id
+  comments: '', // 备注
+  user: '', // 当前用户
+  approvalTime: '', // 当前时间
+  processInstanceId: '',
+  id: '',
+}
+// 弹窗类型 agree同意 refuse拒绝 reject驳回 revoke取消
+const type = ref('agree')
+// 表单数据对象
+const formData = reactive({ ...defaultFormData })
+
+// 保存按钮加载状态
+const btnLoading = ref(false)
+
+// agree同意 refuse拒绝 reject驳回 revoke取消
+const userInfo = useUserStore()
+
+// ---------------表单提交--------------------------------
+// 表单对象
+const dataFormRef = ref<FormInstance>()
+// 校验规则
+const rules: FormRules = reactive({
+  comments: [{ required: true, message: '审批结论必填', trigger: ['blur', 'change'] }],
+})
+/**
+ * 初始化审批弹窗
+ * @param type 审批类型
+ * @param taskId 任务id
+ */
+function initDialog(type: string, taskId: string, processInstanceId: string, id: string) {
+  formData.type = type
+  formData.taskId = taskId
+  formData.processInstanceId = processInstanceId
+  formData.id = id
+  formData.user = userInfo.name
+  formData.approvalTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+  formData.comments = ''
+  dialogVisible.value = true
+}
+// 提交表单
+function submitForm() {
+  if (dataFormRef) {
+    dataFormRef.value?.validate((valid: boolean) => {
+      if (valid) {
+        btnLoading.value = true
+        if (formData.type) {
+          handlerApproval(formData.type, { taskId: formData.taskId, comments: formData.comments, processInstanceId: formData.processInstanceId, id: formData.id }).then((res) => {
+            ElMessage.success('审批完成')
+            btnLoading.value = false
+            dialogVisible.value = false
+            emit('onSuccess')
+          }).catch((_) => {
+            btnLoading.value = false
+          })
+        }
+      }
+    })
+  }
+}
+// 关闭弹窗
+function handleClose() {
+  dialogVisible.value = false
+}
+
+// ----------------------- 以下是暴露的方法内容 ----------------------------
+defineExpose({ initDialog })
+</script>
+
+<template>
+  <el-dialog
+    v-model="dialogVisible"
+    title="审批操作"
+    width="600"
+    :before-close="handleClose"
+  >
+    <el-form
+      ref="dataFormRef"
+      label-position="left"
+      label-width="80px"
+      :model="formData"
+      :rules="rules"
+    >
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="审批意见:">
+            <el-radio-group v-model="formData.type" disabled>
+              <el-radio label="agree" size="large">
+                同意
+              </el-radio>
+              <!-- <el-radio label="reject" size="large">
+                驳回
+              </el-radio> -->
+              <el-radio label="refuse" size="large">
+                拒绝
+              </el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="审批结论:" props="comments">
+            <el-input
+              v-model="formData.comments"
+              :rows="4"
+              show-word-limit
+              type="textarea"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <el-form-item label="审批人:">
+            <el-input
+              v-model="formData.user"
+              placeholder="审批人"
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="审批时间:">
+            <el-input
+              v-model="formData.approvalTime"
+              style="width: 100%;"
+              placeholder="审批时间"
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <el-button type="primary" :loading="btnLoading" @click="submitForm">
+        提交
+      </el-button>
+      <el-button type="info" @click="handleClose">
+        取消
+      </el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/tested/subpackage/review/components/deviceTable.vue b/src/views/tested/subpackage/review/components/deviceTable.vue
new file mode 100644
index 0000000..5065b78
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/deviceTable.vue
@@ -0,0 +1,162 @@
+<!-- 受检设备信息列表 -->
+<script lang="ts" setup name="EditPlatform">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useCheckList } from '@/utils/useCheckList'
+import selectDevice from '@/views/tested/MeasurementPlan/plan/components/selectDevice.vue'
+const $props = defineProps({
+  data: {
+    type: Array,
+    default: () => ([]),
+  },
+  status: {
+    type: String,
+    required: true,
+  },
+})
+const $route = useRoute()
+const dialogStatus = ref('update') // 对话框类型：create,update
+// 表头显示标题
+const columns = ref([
+  {
+    text: '受检设备编号',
+    value: 'equipmentNo',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '受检设备名称',
+    value: 'equipmentName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '型号',
+    value: 'model',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '出厂编号',
+    value: 'manufactureNo',
+    required: true,
+    isDate: true,
+  },
+])
+const list = ref<any[]>([])
+// 检查数据列表
+function checkCertificateList() {
+  return useCheckList(list.value, columns.value, '受检设备信息')
+}
+// 将列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of list.value) {
+    item.editable = false
+  }
+}
+// 双击行显示输入框
+const dblclickRow = (row: any) => {
+  if ($route.path.includes('detail')) {
+    return
+  }
+  setAllRowReadable()
+  row.editable = true
+}
+const SelectionList = ref()
+// 表格选中
+const handleSelectionChange = (e: any[]) => {
+  SelectionList.value = e
+}
+watch(() => $props.data, (newVal) => {
+  if (newVal) {
+    list.value = newVal
+  }
+})
+const initDialog = () => {
+  list.value = $props.data
+  dialogStatus.value = $props.status
+}
+initDialog()
+defineExpose({
+  list,
+  checkCertificateList,
+})
+// 选择设备
+const deviceRef = ref()
+const confirm = (device: any) => {
+  // 多选
+  device.forEach((item) => {
+    list.value.push({
+      ...item,
+      equipmentId: item.id,
+      id: null,
+      groupId: null,
+    })
+  })
+}
+// 批量添加行
+const addRow = () => {
+  deviceRef.value.initDialog(true)
+}
+// 删除行
+const removeRow = () => {
+  list.value = list.value.filter((item) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+</script>
+
+<template>
+  <detail-block-switch title="受检设备信息">
+    <select-device ref="deviceRef" @add="confirm" />
+    <template v-if="!$route.path.includes('detail')" #btns>
+      <el-button type="primary" @click="addRow">
+        批量添加
+      </el-button>
+      <el-button type="info" @click="removeRow">
+        删除行
+      </el-button>
+    </template>
+    <el-table
+      ref="multipleTableRef" :data="list" style="width: 100%;" border @selection-change="handleSelectionChange"
+      @row-dblclick="dblclickRow"
+    >
+      <el-table-column v-if="!$route.path.includes('detail')" type="selection" width="38" />
+      <el-table-column align="center" label="序号" width="80" type="index" />
+      <el-table-column
+        v-for="item in columns" :key="item.id" :width="item.width" :prop="item.value" :label="item.text"
+        align="center"
+      >
+        <template #header>
+          <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
+        </template>
+        <template #default="scope">
+          <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+          <el-input
+            v-if="scope.row.editable && !item.isDate" v-model="scope.row[item.value]" :autofocus="true"
+            :placeholder="`${item.text}`" class="input"
+          />
+          <el-date-picker
+            v-if="scope.row.editable && item.isDate" v-model="scope.row[item.value]" type="date"
+            format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="`${item.text}`"
+          />
+          <!-- <el-select
+            v-if="scope.row.editable && item.isSelect" v-model="scope.row[item.value]"
+            :placeholder="`${item.text}`"
+          >
+            <el-option v-for="item in platformListBak" :key="item.id" :label="item.name" :value="item.name" />
+          </el-select> -->
+        </template>
+      </el-table-column>
+    </el-table>
+  </detail-block-switch>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
diff --git a/src/views/tested/subpackage/review/components/edit.vue b/src/views/tested/subpackage/review/components/edit.vue
new file mode 100644
index 0000000..65e8fce
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/edit.vue
@@ -0,0 +1,479 @@
+<!-- 测试、校准或检定合格分包方名录编辑 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules, UploadUserFile } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import dayjs from 'dayjs'
+import deviceTable from './deviceTable.vue'
+import ApprovalDialog from './ApprovalDialog.vue'
+import subpackageDialog from './subpackageDialog.vue'
+import showPhoto from '@/views/tested/device/info/components/showPhotoSinge.vue'
+import { editBtn, submitBtn } from '@/utils/applyBtns'
+import { toTreeList } from '@/utils/structure'
+import { getDictByCode } from '@/api/system/dict'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import { uploadApi } from '@/api/system/notice'
+import useUserStore from '@/store/modules/user'
+import { getUserDept } from '@/api/system/user'
+import { cancelReview, deleteReview, editReview, getDetail, submitReview } from '@/api/eqpt/subpackage/review'
+const $route = useRoute()
+const $router = useRouter()
+const userStore = useUserStore()
+const submitId = ref('') // 提交id-保存接口获取
+const ruleFormRef = ref<FormInstance>() // from组件
+const statusName = $route.query.statusName as string
+// 显示标题
+const textMap: { [key: string]: string } = {
+  update: '编辑',
+  create: '新增',
+  detail: '详情',
+}
+// 对话框类型：create,update
+const dialogStatus = ref('create')
+// 表单
+const ruleForm = ref({
+  address: '',
+  approvalStatus: '',
+  attachment: '',
+  contact: '',
+  contactNumber: '',
+  createDeptId: '',
+  createDeptName: '',
+  createTime: '',
+  createUserId: '',
+  createUserName: '',
+  decisionItem: '',
+  equipmentList: [],
+  fax: '',
+  id: '',
+  labAccreditation: '',
+  postcode: '',
+  predictEndTime: '',
+  predictPrice: '',
+  predictStartTime: '',
+  processId: '',
+  remark: '',
+  reviewName: '',
+  reviewNo: '',
+  subcontractReason: '',
+  subcontractorCompanyName: '',
+  subcontractorDirectorName: '',
+  subcontractorId: '',
+  subcontractorNo: '',
+  taskId: '',
+  technicalAbility: '',
+  testMethod: '',
+  traceability: '',
+  updateTime: '',
+})
+const deviceRef = ref()
+// 表单1验证规则
+const rules = ref<FormRules>({
+  subcontractorNo: [{ required: true, message: '分包方编号必选', trigger: ['blur', 'change'] }],
+  predictStartTime: [{ required: true, message: '预计开始时间必选', trigger: ['blur', 'change'] }],
+  predictEndTime: [{ required: true, message: '预计结束时间必选', trigger: ['blur', 'change'] }],
+  subcontractReason: [{ required: true, message: '分包原因必选', trigger: ['blur', 'change'] }],
+})
+
+// 获取下拉框数据
+const reasonList = ref<{ id: string; value: string; name: string }[]>() // 规模
+const fetchSelectData = () => {
+  // 分包原因
+  getDictByCode('eqptSubpackageReason').then((res) => {
+    reasonList.value = res.data
+  })
+}
+fetchSelectData()
+// 弹窗初始化
+const initDialog = () => {
+  dialogStatus.value = $route.params.type as string || 'detail'
+  ruleFormRef.value?.resetFields()
+  if (!$route.path.includes('create')) {
+    const data = JSON.parse($route.query.row as string)
+    getDetail({ id: data.id }).then((res) => {
+      const data = res.data
+      ruleForm.value = data
+    })
+  }
+  if ($route.path.includes('create') || $route.path.includes('update')) {
+    ruleForm.value.reviewName = '测试、校准或检定工作分包评审表'
+    ruleForm.value.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss') // 创建时间
+    ruleForm.value.createUserId = userStore.id
+    ruleForm.value.createUserName = userStore.name
+    getUserDept().then((res) => {
+      ruleForm.value.createDeptId = res.data.id
+      ruleForm.value.createDeptName = res.data.fullName
+    })
+  }
+}
+onMounted(() => {
+  initDialog()
+})
+// 关闭弹窗
+const close = () => {
+  $router.back()
+}
+
+// 保存
+const saveForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  Promise.all([formEl.validate()]).then(() => {
+    // 验证表格
+    if (deviceRef.value.checkCertificateList()) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then((res) => {
+        ruleForm.value.equipmentList = deviceRef.value.list
+        editReview(ruleForm.value).then((res) => {
+          submitId.value = res.data
+          if (statusName === '已取消' || statusName === '未通过') {
+            submitReview({ id: submitId.value, formId: SCHEDULE.SUBCONTRACT_REVIEW_APPROVAL }).then((res) => {
+              ElMessage.success('已提交')
+              close()
+            })
+          }
+          else {
+            ElMessage.success('保存成功')
+          }
+        })
+      })
+    }
+  })
+}
+// 提交
+const submitForm = () => {
+  if (submitId.value === '') {
+    ElMessage.warning('请先保存')
+    return false
+  }
+  ElMessageBox.confirm(
+    '确认提交吗？',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then((res) => {
+    submitReview({ id: submitId.value, formId: SCHEDULE.SUBCONTRACT_REVIEW_APPROVAL }).then((res) => {
+      ElMessage.success('已提交')
+      close()
+    })
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  close()
+}
+// 编辑
+const editForm = () => {
+  $router.push({
+    path: '/reviewpage/update',
+    query: { ...$route.query },
+  })
+}
+// 删除
+const delForm = () => {
+  ElMessageBox.confirm(
+    '确认删除吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    deleteReview({ id: ruleForm.value.id }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
+  })
+}
+// 取消
+const cancelForm = () => {
+  ElMessageBox.confirm(
+    '确认取消吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    cancelReview({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
+  })
+}
+// 审批
+const approvalDialogRef = ref()
+const apply = (type: string) => {
+  const data = JSON.parse($route.query.row as string)
+  approvalDialogRef.value.initDialog(type, data.taskId, data.processId, ruleForm.value.id)
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ruleForm.value.attachment = res.data[0]
+        // 重置当前验证
+        ruleFormRef.value?.clearValidate('minioFileName')
+        ElMessage.success('文件上传成功')
+        loading.close()
+      }
+      else {
+        ElMessage.error(res.message)
+        loading.close()
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+const print = () => {
+
+}
+// 选择分包方
+const subpackageRef = ref()
+const selectSubpackage = () => {
+  subpackageRef.value.initDialog()
+}
+// 确认分包方
+const confirm = (subpackage: any) => {
+  ruleForm.value.subcontractorNo = subpackage.subcontractorNo
+  ruleForm.value.subcontractorId = subpackage.id
+  ruleForm.value.subcontractorDirectorName = subpackage.directorName
+  ruleForm.value.address = subpackage.address
+  ruleForm.value.postcode = subpackage.postcode
+  ruleForm.value.fax = subpackage.fax
+  ruleForm.value.subcontractorCompanyName = subpackage.companyName
+}
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <!-- 审批弹窗 -->
+    <approval-dialog ref="approvalDialogRef" @on-success="() => { $router.back() }" />
+    <!-- 分包方弹窗 -->
+    <subpackage-dialog ref="subpackageRef" @add="confirm" />
+    <detail-page class="base-info-device" :title="`测试、校准或检定工作分包评审表-${textMap[dialogStatus]}`">
+      <template #btns>
+        <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
+          同意
+        </el-button>
+        <el-button v-if="statusName === '待审批'" type="primary" @click="apply('refuse')">
+          拒绝
+        </el-button>
+        <el-button v-if="editBtn(statusName, dialogStatus)" type="primary" @click="editForm()">
+          编辑
+        </el-button>
+        <el-button v-if="submitBtn(statusName, dialogStatus) && statusName !== '已取消' && statusName !== '未通过'" type="primary" @click="submitForm()">
+          提交
+        </el-button>
+        <el-button v-if="submitBtn(statusName, dialogStatus)" type="primary" @click="saveForm(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button v-if="statusName === '已通过'" type="primary" @click="print">
+          打印
+        </el-button>
+        <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
+          删除
+        </el-button>
+        <el-button v-if="statusName === '审批中'" type="info" @click="cancelForm()">
+          取消
+        </el-button>
+        <el-button type="info" @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
+      </template>
+    </detail-page>
+    <detail-block-com>
+      <el-form
+        ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="120px" class="form"
+        :class="[dialogStatus === 'detail' ? 'isDetail' : '']" :disabled="$route.path.includes('detail')"
+      >
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="评审表编号" prop="reviewNo">
+              <el-input v-model.trim="ruleForm.reviewNo" placeholder="系统自动生成" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="评审表名称" prop="reviewName">
+              <el-input v-model.trim="ruleForm.reviewName" placeholder="评审表名称" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请人" prop="createUserName">
+              <el-input v-model.trim="ruleForm.createUserName" placeholder="申请人" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请时间" prop="createTime">
+              <el-date-picker
+                v-model="ruleForm.createTime" type="date" format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD" placeholder="申请时间" class="normal-date" style="width: 100%;" disabled
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="分包方编号" prop="subcontractorNo">
+              <el-input v-model.trim="ruleForm.subcontractorNo" placeholder="分包方编号" @focus="selectSubpackage">
+                <template v-if="!$route.path.includes('detail')" #append>
+                  <span @click="selectSubpackage">选择</span>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包机构名称" prop="subcontractorCompanyName">
+              <el-input v-model.trim="ruleForm.subcontractorCompanyName" placeholder="分包机构名称" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="机构负责人" prop="subcontractorDirectorName">
+              <el-input v-model.trim="ruleForm.subcontractorDirectorName" placeholder="机构负责人" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="地址" prop="address">
+              <el-input v-model.trim="ruleForm.address" placeholder="地址" disabled />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="邮编" prop="postcode">
+              <el-input v-model.trim="ruleForm.postcode" placeholder="邮编" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="传真" prop="fax">
+              <el-input v-model.trim="ruleForm.fax" placeholder="传真" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系人" prop="contact">
+              <el-input v-model.trim="ruleForm.contact" placeholder="请输入联系人" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系电话" prop="contactNumber">
+              <el-input v-model.trim="ruleForm.contactNumber" placeholder="请输入联系电话" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="预计开始时间" prop="predictStartTime">
+              <el-date-picker
+                v-model="ruleForm.predictStartTime" type="date" format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD" placeholder="请选择开始时间" class="normal-date" style="width: 100%;"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计结束时间" prop="predictEndTime">
+              <el-date-picker
+                v-model="ruleForm.predictEndTime" type="date" format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD" placeholder="请选择结束时间" class="normal-date" style="width: 100%;"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因" prop="subcontractReason">
+              <el-select v-model="ruleForm.subcontractReason" placeholder="请选择分包原因" style="width: 100%;">
+                <el-option v-for="item in reasonList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计费用" prop="predictPrice">
+              <el-input v-model.trim="ruleForm.predictPrice" placeholder="请输入预计费用" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="实验室认可情况" prop="labAccreditation">
+              <el-input v-model.trim="ruleForm.labAccreditation" placeholder="请输入实验室认可情况" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="溯源性" prop="traceability">
+              <el-input v-model.trim="ruleForm.traceability" placeholder="请输入溯源性" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="测试方法" prop="testMethod">
+              <el-input v-model.trim="ruleForm.testMethod" placeholder="请输入测试方法" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="技术能力" prop="technicalAbility">
+              <el-input v-model.trim="ruleForm.technicalAbility" placeholder="请输入技术能力" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="备注" prop="remark">
+              <el-input v-model.trim="ruleForm.remark" placeholder="请输入备注" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="24">
+            <el-form-item label="附件" prop="attachment">
+              <show-photo :minio-file-name="ruleForm.attachment" />
+              <input ref="fileRef" style="display: none;" type="file" @change="onFileChange">
+              <el-button v-if="!$route.path.includes('detail')" type="primary" @click="upload">
+                上传
+              </el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </detail-block-com>
+    <detail-block-com>
+      <device-table ref="deviceRef" :data="ruleForm.equipmentList" :status="dialogStatus" />
+    </detail-block-com>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.isDetail {
+  ::v-deep {
+    .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label::before,
+    .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label::before {
+      content: "";
+      display: none;
+    }
+  }
+}
+</style>
diff --git a/src/views/tested/subpackage/review/components/list.vue b/src/views/tested/subpackage/review/components/list.vue
new file mode 100644
index 0000000..1d84c6e
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/list.vue
@@ -0,0 +1,315 @@
+<!-- 测试、校准或检定合格分包方名录列表 -->
+<script lang="ts" setup name="LoginLog">
+import { reactive, ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import ApprovalDialog from './ApprovalDialog.vue'
+import { delTextBtn, editTextBtn } from '@/utils/applyBtns'
+import { cancelReview, deleteReview, editReview, getDetail, getListPage, submitReview } from '@/api/eqpt/subpackage/review'
+import { getDictByCode } from '@/api/system/dict'
+import { SCHEDULE } from '@/utils/scheduleDict'
+const $props = defineProps({
+  statusName: {
+    type: String,
+    default: '',
+  },
+})
+const applyDict = ref<{ [key: string]: string }>({
+  审批: '',
+  草稿箱: '1',
+  审批中: '3',
+  已通过: '4',
+  未通过: '5',
+  已取消: '6',
+})
+const { proxy } = getCurrentInstance() as any
+const listQuery = reactive({
+  createTimeEnd: '',
+  createTimeStart: '',
+  createUserName: '',
+  reviewNo: '',
+  subcontractorCompanyName: '',
+  offset: 1,
+  limit: 20,
+  approvalStatus: '',
+  formId: SCHEDULE.SUBCONTRACT_REVIEW_APPROVAL,
+})
+const columns = ref([
+  {
+    text: '评审表编号',
+    value: 'reviewNo',
+    align: 'center',
+  },
+  {
+    text: '评审表名称',
+    value: 'reviewName',
+    align: 'center',
+  },
+  {
+    text: '分包机构名称',
+    value: 'subcontractorCompanyName',
+    align: 'center',
+  },
+  {
+    text: '机构负责人',
+    value: 'subcontractorDirectorName',
+    align: 'center',
+  },
+  {
+    text: '申请人',
+    value: 'createUserName',
+    align: 'center',
+  },
+  {
+    text: '申请时间',
+    value: 'createTime',
+    align: 'center',
+  },
+])
+const list = ref([])
+const total = ref(0)
+const listLoading = ref(true)
+
+// 获取列表数据
+const fetchData = (isNowPage = true) => {
+  list.value = []
+  total.value = 0
+  listLoading.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.offset = 1
+  }
+  getListPage(listQuery, $props.statusName).then((response) => {
+    list.value = response.data.rows
+    total.value = parseInt(response.data.total)
+    listLoading.value = false
+  })
+}
+// 查询数据
+const search = () => {
+  fetchData(false)
+}
+// 开始结束时间
+const datetimerange = ref()
+watch(() => datetimerange.value, (newVal) => {
+  if (newVal.length === 2) {
+    listQuery.createTimeStart = newVal[0]
+    listQuery.createTimeEnd = newVal[1]
+  }
+})
+// 重置
+const reset = () => {
+  datetimerange.value = []
+  listQuery.createTimeEnd = ''
+  listQuery.createTimeStart = ''
+  listQuery.createUserName = ''
+  listQuery.reviewNo = ''
+  listQuery.subcontractorCompanyName = ''
+  listQuery.offset = 1
+  listQuery.limit = 20
+  search()
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size: number; page: number }) => {
+  if (val && val.size) {
+    listQuery.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.offset = val.page
+  }
+  fetchData()
+}
+
+const $router = useRouter()
+// 新建编辑操作
+const handler = (row: any, type: string) => {
+  $router.push({
+    path: `/reviewpage/${type}`,
+    query: {
+      row: JSON.stringify(row),
+      id: row.id,
+      statusName: $props.statusName,
+    },
+  })
+}
+// 详情
+const detail = (row: any) => {
+  if ($props.statusName === '草稿箱' || $props.statusName === '未通过' || $props.statusName === '已取消') {
+    handler(row, 'update')
+  }
+  else {
+    $router.push({
+      path: `/reviewpage/${'detail'}`,
+      query: {
+        row: JSON.stringify(row),
+        id: row.id,
+        statusName: $props.statusName,
+      },
+    })
+  }
+}
+// 删除
+const delHandler = (row: any) => {
+  ElMessageBox.confirm(
+    '确认删除此名录吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    deleteReview({ id: row.id }).then((res) => {
+      ElMessage.success('操作成功')
+      search()
+    })
+  })
+}
+// 取消
+const canHandler = (row: any) => {
+  ElMessageBox.confirm(
+    '确认取消此申请吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    cancelReview({ id: row.id, processInstanceId: row.processId, comments: '' }).then((res) => {
+      ElMessage.success('操作成功')
+      search()
+    })
+  })
+}
+// 提交
+const submit = (row: any) => {
+  ElMessageBox.confirm(
+    '确认提交吗？',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then((res) => {
+    submitReview({ id: row.id, formId: SCHEDULE.SUBCONTRACT_REVIEW_APPROVAL }).then((res) => {
+      ElMessage.success('已提交')
+      search()
+    })
+  })
+}
+// 同意拒绝
+const approvalDialogRef = ref()
+const approveHandler = (row: any, type: string) => {
+  approvalDialogRef.value.initDialog(type, row.taskId, row.processId, row.id)
+}
+
+// 审批状态发生变化
+watch(() => $props.statusName, (newVal) => {
+  listQuery.approvalStatus = applyDict.value[newVal] as string
+  fetchData()
+},
+{
+  deep: true,
+  // immediate: true,
+})
+const permUrl = ref({
+  edit: '/tested/device/info/edit',
+  del: '/tested/device/info/delete',
+  submit: '/tested/device/info/submit',
+  cancel: '/tested/device/info/cancel',
+  agree: '/tested/device/info/agree',
+  reject: '/tested/device/info/reject',
+})
+</script>
+
+<template>
+  <app-container>
+    <!-- 审批弹窗 -->
+    <approval-dialog ref="approvalDialogRef" @on-success="search" />
+    <!-- 筛选条件 -->
+    <search-area :need-clear="true" @search="search" @clear="reset">
+      <search-item>
+        <el-input v-model.trim="listQuery.reviewNo" placeholder="评审表编号" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.subcontractorCompanyName" placeholder="分包机构名称" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.createUserName" placeholder="申请人" clearable />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="datetimerange" type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss"
+          format="YYYY-MM-DD HH:mm:ss" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间"
+        />
+      </search-item>
+    </search-area>
+    <table-container>
+      <template v-if="$props.statusName === '全部'" #btns-right>
+        <icon-button icon="icon-add" title="新增" @click="handler({}, 'create')" />
+        <icon-button icon="icon-export" title="导出" />
+      </template>
+      <!-- 普通表格 -->
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="listLoading" :is-showmulti-select="false" @change="changePage"
+      >
+        <template #columns>
+          <el-table-column label="操作" width="160" align="center">
+            <template #default=" scope ">
+              <el-button link type="primary" size="small" @click="detail(scope.row)">
+                查看
+              </el-button>
+              <el-button
+                v-if="proxy.buttonPerm.edit.if({ approvalStatusName: $props.statusName }, permUrl.edit)" link type="primary" size="small"
+                @click="handler(scope.row, 'update')"
+              >
+                编辑
+              </el-button>
+              <el-button
+                v-if="proxy.buttonPerm.agree.if({ approvalStatusName: $props.statusName }, permUrl.agree)" link type="primary" size="small"
+                @click="approveHandler(scope.row, 'agree')"
+              >
+                同意
+              </el-button>
+              <el-button
+                v-if="proxy.buttonPerm.reject.if({ approvalStatusName: $props.statusName }, permUrl.reject)" link type="primary" size="small"
+                @click="approveHandler(scope.row, 'refuse')"
+              >
+                拒绝
+              </el-button>
+              <el-button
+                v-if="proxy.buttonPerm.submit.if({ approvalStatusName: $props.statusName }, permUrl.submit)" link type="primary" size="small"
+                @click="submit(scope.row)"
+              >
+                提交
+              </el-button>
+              <el-button
+                v-if="proxy.buttonPerm.cancel.if({ approvalStatusName: $props.statusName }, permUrl.cancel)" link type="primary" size="small"
+                @click="canHandler(scope.row)"
+              >
+                取消
+              </el-button>
+              <el-button
+                v-if="proxy.buttonPerm.delete.if({ approvalStatusName: $props.statusName }, permUrl.del)" link type="danger" size="small"
+                @click="delHandler(scope.row)"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+.nortable-header {
+  ::v-deep(.el-table__body-wrapper) {
+    display: none;
+  }
+}
+</style>
+

diff --git a/src/api/eqpt/subpackage/review.ts b/src/api/eqpt/subpackage/review.ts
new file mode 100644
index 0000000..d5bb694
--- /dev/null
+++ b/src/api/eqpt/subpackage/review.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包评审表管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontract/review/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontract/review/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontract/review/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontract/review/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontract/review/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteReview(data: object) {
+  return request({
+    url: `/subcontract/review/approval/delete?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontract/review/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/tested.ts b/src/router/modules/tested.ts
index 1b8de9c..bf750fb 100644
--- a/src/router/modules/tested.ts
+++ b/src/router/modules/tested.ts
@@ -998,7 +998,19 @@
               auth: '/tested/subpackage/review',
               sidebar: false,
               breadcrumb: false,
-              activeMenu: '/reviewpage',
+              activeMenu: '/reviewlist',
+            },
+          },
+          {
+            path: '/reviewpage/:type',
+            name: 'ReviewPageEdit',
+            component: () => import('@/views/tested/subpackage/review/components/edit.vue'),
+            meta: {
+              title: '测试、校准或检定工作分包评审表',
+              auth: '/tested/subpackage/review',
+              sidebar: false,
+              breadcrumb: false,
+              activeMenu: '/reviewlist',
             },
           },
         ],
diff --git a/src/views/tested/subpackage/directory/components/certificateTable.vue b/src/views/tested/subpackage/directory/components/certificateTable.vue
new file mode 100644
index 0000000..66c85b1
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/certificateTable.vue
@@ -0,0 +1,162 @@
+<!-- 分包证书表格 -->
+<script lang="ts" setup name="EditPlatform">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useCheckList } from '@/utils/useCheckList'
+const $props = defineProps({
+  data: {
+    type: Array,
+    default: () => ([]),
+  },
+  status: {
+    type: String,
+    required: true,
+  },
+})
+const $route = useRoute()
+const dialogStatus = ref('update') // 对话框类型：create,update
+// 表头显示标题
+const columns = ref([
+  {
+    text: '证书编号',
+    value: 'certificateNo',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '证书名称',
+    value: 'certificateName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '出具单位',
+    value: 'subcontractorName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '证书出具日期',
+    value: 'checkDate',
+    required: true,
+    isDate: true,
+  },
+  {
+    text: '证书有效期',
+    value: 'certificateValid',
+    required: true,
+    isDate: true,
+  },
+])
+const list = ref<any[]>([])
+// 检查数据列表
+function checkCertificateList() {
+  return useCheckList(list.value, columns.value, '分包证书')
+}
+// 将列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of list.value) {
+    item.editable = false
+  }
+}
+// 双击行显示输入框
+const dblclickRow = (row: any) => {
+  if ($route.path.includes('detail')) {
+    return
+  }
+  setAllRowReadable()
+  row.editable = true
+}
+const SelectionList = ref()
+// 表格选中
+const handleSelectionChange = (e: any[]) => {
+  SelectionList.value = e
+}
+// 添加行
+const addRow = () => {
+  if (checkCertificateList()) {
+    setAllRowReadable()
+    list.value.push({
+      duty: '',
+      department: '',
+      staffName: '',
+      staffPhone: '',
+      editable: true,
+    })
+  }
+}
+// 删除行
+const removeRow = () => {
+  list.value = list.value.filter((item) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+watch(() => $props.data, (newVal) => {
+  if (newVal) {
+    list.value = newVal
+  }
+})
+const initDialog = () => {
+  list.value = $props.data
+  dialogStatus.value = $props.status
+}
+initDialog()
+defineExpose({
+  list,
+  checkCertificateList,
+})
+</script>
+
+<template>
+  <detail-block-switch title="分包方人员">
+    <template v-if="!$route.path.includes('detail')" #btns>
+      <el-button type="primary" @click="addRow">
+        增加行
+      </el-button>
+      <el-button type="info" @click="removeRow">
+        删除行
+      </el-button>
+    </template>
+    <el-table
+      ref="multipleTableRef" :data="list" style="width: 100%;" border @selection-change="handleSelectionChange"
+      @row-dblclick="dblclickRow"
+    >
+      <el-table-column v-if="!$route.path.includes('detail')" type="selection" width="38" />
+      <el-table-column align="center" label="序号" width="80" type="index" />
+      <el-table-column
+        v-for="item in columns" :key="item.id" :width="item.width" :prop="item.value" :label="item.text"
+        align="center"
+      >
+        <template #header>
+          <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
+        </template>
+        <template #default="scope">
+          <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+          <el-input
+            v-if="scope.row.editable && !item.isDate" v-model="scope.row[item.value]" :autofocus="true"
+            :placeholder="`${item.text}`" class="input"
+          />
+          <el-date-picker
+            v-if="scope.row.editable && item.isDate" v-model="scope.row[item.value]" type="date"
+            format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="`${item.text}`"
+          />
+          <!-- <el-select
+            v-if="scope.row.editable && item.isSelect" v-model="scope.row[item.value]"
+            :placeholder="`${item.text}`"
+          >
+            <el-option v-for="item in platformListBak" :key="item.id" :label="item.name" :value="item.name" />
+          </el-select> -->
+        </template>
+      </el-table-column>
+    </el-table>
+  </detail-block-switch>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
diff --git a/src/views/tested/subpackage/directory/components/edit.vue b/src/views/tested/subpackage/directory/components/edit.vue
index 45752c6..418818f 100644
--- a/src/views/tested/subpackage/directory/components/edit.vue
+++ b/src/views/tested/subpackage/directory/components/edit.vue
@@ -9,6 +9,7 @@
 import { routeLocationKey } from 'vue-router'
 import personTable from './personTable.vue'
 import capacityTable from './capacityTable.vue'
+import certificateTable from './certificateTable.vue'
 import ApprovalDialog from './ApprovalDialog.vue'
 import showPhoto from '@/views/tested/device/info/components/showPhotoSinge.vue'
 import { editBtn, submitBtn } from '@/utils/applyBtns'
@@ -78,6 +79,9 @@
 // 能力列表
 const capacityList = ref()
 const capacityRef = ref()
+// 证书列表
+const certificateRef = ref()
+const certificateList = ref()
 const radio = ref('基本信息')
 // 表单1验证规则
 const rules = ref<FormRules>({
@@ -139,6 +143,7 @@
       ruleForm.value = data.subcontractor
       personList.value = data.staffList
       capacityList.value = data.abilityList
+      certificateList.value = data.certificateList
     })
   }
   if ($route.path.includes('create') || $route.path.includes('update')) {
@@ -232,7 +237,7 @@
 // 删除
 const delForm = () => {
   ElMessageBox.confirm(
-    '确认删除设备信息吗?',
+    '确认删除吗?',
     '确认',
     {
       confirmButtonText: '确认',
@@ -240,10 +245,10 @@
       type: 'warning',
     },
   ).then(() => {
-    // deleteInfo({ id: ruleForm.value.id }).then((res) => {
-    //   ElMessage.success('操作成功')
-    //   close()
-    // })
+    deleteDirectory({ id: ruleForm.value.id }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
   })
 }
 // 取消
@@ -257,10 +262,10 @@
       type: 'warning',
     },
   ).then(() => {
-    // cancelInfo({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
-    //   ElMessage.success('操作成功')
-    //   close()
-    // })
+    cancelDirectory({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
   })
 }
 // 审批
@@ -282,8 +287,6 @@
     uploadApi(fd).then((res) => {
       if (res.code === 200) {
         ruleForm.value.attachments = res.data[0]
-        // 重置当前验证
-        ruleFormRef.value?.clearValidate('minioFileName')
         ElMessage.success('文件上传成功')
         loading.close()
       }
@@ -308,12 +311,12 @@
     <approval-dialog ref="approvalDialogRef" @on-success="() => { $router.back() }" />
     <detail-page class="base-info-device" :title="`测试、校准或检定合格分包方名录-${textMap[dialogStatus]}`">
       <template #btns>
-        <!-- <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
+        <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
           同意
         </el-button>
         <el-button v-if="statusName === '待审批'" type="primary" @click="apply('refuse')">
           拒绝
-        </el-button> -->
+        </el-button>
         <el-button v-if="editBtn(statusName, dialogStatus)" type="primary" @click="editForm()">
           编辑
         </el-button>
@@ -326,12 +329,12 @@
         <el-button v-if="statusName === '已通过'" type="primary" @click="print">
           打印
         </el-button>
-        <!-- <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
+        <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
           删除
         </el-button>
         <el-button v-if="statusName === '审批中'" type="info" @click="cancelForm()">
           取消
-        </el-button> -->
+        </el-button>
         <el-button type="info" @click="resetForm(ruleFormRef)">
           关闭
         </el-button>
@@ -342,6 +345,7 @@
         <el-radio-button label="基本信息" />
         <el-radio-button label="分包方人员" />
         <el-radio-button label="业务能力" />
+        <el-radio-button v-if="$route.path.includes('detail')" label="分包证书" />
       </el-radio-group>
     </detail-block-com>
     <!-- 基本信息 -->
@@ -525,6 +529,9 @@
     <div v-show="radio === '业务能力'">
       <capacity-table ref="capacityRef" :data="capacityList" :status="dialogStatus" />
     </div>
+    <div v-show="radio === '分包证书'">
+      <certificate-table ref="certificateRef" :data="certificateList" :status="dialogStatus" />
+    </div>
   </app-container>
 </template>
 
diff --git a/src/views/tested/subpackage/directory/components/list.vue b/src/views/tested/subpackage/directory/components/list.vue
index 98716af..2bae678 100644
--- a/src/views/tested/subpackage/directory/components/list.vue
+++ b/src/views/tested/subpackage/directory/components/list.vue
@@ -2,8 +2,7 @@
 <script lang="ts" setup name="LoginLog">
 import { reactive, ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { delTextBtn, editTextBtn } from './applyBtns'
-import type { IlistObjType, IlistQueryType } from './interface'
+import { delTextBtn, editTextBtn } from '@/utils/applyBtns'
 import ApprovalDialog from './ApprovalDialog.vue'
 import { cancelDirectory, editDirectory, getDetail, getListPage, submitDirectory, deleteDirectory } from '@/api/eqpt/subpackage/directory'
 import { getDictByCode } from '@/api/system/dict'
@@ -23,7 +22,7 @@
   已取消: '6',
 })
 const { proxy } = getCurrentInstance() as any
-const listQuery = reactive<IlistQueryType>({
+const listQuery = reactive<any>({
   companyName: '',
   createTimeEnd: '',
   createTimeStart: '',
@@ -127,7 +126,7 @@
 
 const $router = useRouter()
 // 新建编辑操作
-const handler = (row: IlistObjType, type: string) => {
+const handler = (row: any, type: string) => {
   $router.push({
     path: `/directorypage/${type}`,
     query: {
@@ -138,7 +137,7 @@
   })
 }
 // 详情
-const detail = (row: IlistObjType) => {
+const detail = (row: any) => {
   if ($props.statusName === '草稿箱' || $props.statusName === '未通过' || $props.statusName === '已取消') {
     handler(row, 'update')
   }
@@ -154,7 +153,7 @@
   }
 }
 // 删除
-const delHandler = (row: IlistObjType) => {
+const delHandler = (row: any) => {
   ElMessageBox.confirm(
     '确认删除此名录吗?',
     '确认',
@@ -171,7 +170,7 @@
   })
 }
 // 取消
-const canHandler = (row: IlistObjType) => {
+const canHandler = (row: any) => {
   ElMessageBox.confirm(
     '确认取消此申请吗?',
     '确认',
diff --git a/src/views/tested/subpackage/review/components/ApprovalDialog.vue b/src/views/tested/subpackage/review/components/ApprovalDialog.vue
new file mode 100644
index 0000000..890a64e
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/ApprovalDialog.vue
@@ -0,0 +1,172 @@
+<script lang="ts" setup name="ApprovalDialog">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import useUserStore from '@/store/modules/user'
+import { handlerApproval } from '@/api/eqpt/subpackage/review'
+/**
+ * 审批弹窗
+ */
+defineProps({
+  /**
+   * 提示文字
+   */
+  title: {
+    type: String,
+    default: '审批操作',
+  },
+})
+const emit = defineEmits(['onSuccess'])
+// 弹窗显示状态
+const dialogVisible = ref(false)
+// 默认表单
+const defaultFormData = {
+  type: '', // 审批类型
+  taskId: '', // 任务id
+  comments: '', // 备注
+  user: '', // 当前用户
+  approvalTime: '', // 当前时间
+  processInstanceId: '',
+  id: '',
+}
+// 弹窗类型 agree同意 refuse拒绝 reject驳回 revoke取消
+const type = ref('agree')
+// 表单数据对象
+const formData = reactive({ ...defaultFormData })
+
+// 保存按钮加载状态
+const btnLoading = ref(false)
+
+// agree同意 refuse拒绝 reject驳回 revoke取消
+const userInfo = useUserStore()
+
+// ---------------表单提交--------------------------------
+// 表单对象
+const dataFormRef = ref<FormInstance>()
+// 校验规则
+const rules: FormRules = reactive({
+  comments: [{ required: true, message: '审批结论必填', trigger: ['blur', 'change'] }],
+})
+/**
+ * 初始化审批弹窗
+ * @param type 审批类型
+ * @param taskId 任务id
+ */
+function initDialog(type: string, taskId: string, processInstanceId: string, id: string) {
+  formData.type = type
+  formData.taskId = taskId
+  formData.processInstanceId = processInstanceId
+  formData.id = id
+  formData.user = userInfo.name
+  formData.approvalTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+  formData.comments = ''
+  dialogVisible.value = true
+}
+// 提交表单
+function submitForm() {
+  if (dataFormRef) {
+    dataFormRef.value?.validate((valid: boolean) => {
+      if (valid) {
+        btnLoading.value = true
+        if (formData.type) {
+          handlerApproval(formData.type, { taskId: formData.taskId, comments: formData.comments, processInstanceId: formData.processInstanceId, id: formData.id }).then((res) => {
+            ElMessage.success('审批完成')
+            btnLoading.value = false
+            dialogVisible.value = false
+            emit('onSuccess')
+          }).catch((_) => {
+            btnLoading.value = false
+          })
+        }
+      }
+    })
+  }
+}
+// 关闭弹窗
+function handleClose() {
+  dialogVisible.value = false
+}
+
+// ----------------------- 以下是暴露的方法内容 ----------------------------
+defineExpose({ initDialog })
+</script>
+
+<template>
+  <el-dialog
+    v-model="dialogVisible"
+    title="审批操作"
+    width="600"
+    :before-close="handleClose"
+  >
+    <el-form
+      ref="dataFormRef"
+      label-position="left"
+      label-width="80px"
+      :model="formData"
+      :rules="rules"
+    >
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="审批意见:">
+            <el-radio-group v-model="formData.type" disabled>
+              <el-radio label="agree" size="large">
+                同意
+              </el-radio>
+              <!-- <el-radio label="reject" size="large">
+                驳回
+              </el-radio> -->
+              <el-radio label="refuse" size="large">
+                拒绝
+              </el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="审批结论:" props="comments">
+            <el-input
+              v-model="formData.comments"
+              :rows="4"
+              show-word-limit
+              type="textarea"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <el-form-item label="审批人:">
+            <el-input
+              v-model="formData.user"
+              placeholder="审批人"
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="审批时间:">
+            <el-input
+              v-model="formData.approvalTime"
+              style="width: 100%;"
+              placeholder="审批时间"
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <el-button type="primary" :loading="btnLoading" @click="submitForm">
+        提交
+      </el-button>
+      <el-button type="info" @click="handleClose">
+        取消
+      </el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/tested/subpackage/review/components/deviceTable.vue b/src/views/tested/subpackage/review/components/deviceTable.vue
new file mode 100644
index 0000000..5065b78
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/deviceTable.vue
@@ -0,0 +1,162 @@
+<!-- 受检设备信息列表 -->
+<script lang="ts" setup name="EditPlatform">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useCheckList } from '@/utils/useCheckList'
+import selectDevice from '@/views/tested/MeasurementPlan/plan/components/selectDevice.vue'
+const $props = defineProps({
+  data: {
+    type: Array,
+    default: () => ([]),
+  },
+  status: {
+    type: String,
+    required: true,
+  },
+})
+const $route = useRoute()
+const dialogStatus = ref('update') // 对话框类型：create,update
+// 表头显示标题
+const columns = ref([
+  {
+    text: '受检设备编号',
+    value: 'equipmentNo',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '受检设备名称',
+    value: 'equipmentName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '型号',
+    value: 'model',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '出厂编号',
+    value: 'manufactureNo',
+    required: true,
+    isDate: true,
+  },
+])
+const list = ref<any[]>([])
+// 检查数据列表
+function checkCertificateList() {
+  return useCheckList(list.value, columns.value, '受检设备信息')
+}
+// 将列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of list.value) {
+    item.editable = false
+  }
+}
+// 双击行显示输入框
+const dblclickRow = (row: any) => {
+  if ($route.path.includes('detail')) {
+    return
+  }
+  setAllRowReadable()
+  row.editable = true
+}
+const SelectionList = ref()
+// 表格选中
+const handleSelectionChange = (e: any[]) => {
+  SelectionList.value = e
+}
+watch(() => $props.data, (newVal) => {
+  if (newVal) {
+    list.value = newVal
+  }
+})
+const initDialog = () => {
+  list.value = $props.data
+  dialogStatus.value = $props.status
+}
+initDialog()
+defineExpose({
+  list,
+  checkCertificateList,
+})
+// 选择设备
+const deviceRef = ref()
+const confirm = (device: any) => {
+  // 多选
+  device.forEach((item) => {
+    list.value.push({
+      ...item,
+      equipmentId: item.id,
+      id: null,
+      groupId: null,
+    })
+  })
+}
+// 批量添加行
+const addRow = () => {
+  deviceRef.value.initDialog(true)
+}
+// 删除行
+const removeRow = () => {
+  list.value = list.value.filter((item) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+</script>
+
+<template>
+  <detail-block-switch title="受检设备信息">
+    <select-device ref="deviceRef" @add="confirm" />
+    <template v-if="!$route.path.includes('detail')" #btns>
+      <el-button type="primary" @click="addRow">
+        批量添加
+      </el-button>
+      <el-button type="info" @click="removeRow">
+        删除行
+      </el-button>
+    </template>
+    <el-table
+      ref="multipleTableRef" :data="list" style="width: 100%;" border @selection-change="handleSelectionChange"
+      @row-dblclick="dblclickRow"
+    >
+      <el-table-column v-if="!$route.path.includes('detail')" type="selection" width="38" />
+      <el-table-column align="center" label="序号" width="80" type="index" />
+      <el-table-column
+        v-for="item in columns" :key="item.id" :width="item.width" :prop="item.value" :label="item.text"
+        align="center"
+      >
+        <template #header>
+          <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
+        </template>
+        <template #default="scope">
+          <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+          <el-input
+            v-if="scope.row.editable && !item.isDate" v-model="scope.row[item.value]" :autofocus="true"
+            :placeholder="`${item.text}`" class="input"
+          />
+          <el-date-picker
+            v-if="scope.row.editable && item.isDate" v-model="scope.row[item.value]" type="date"
+            format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="`${item.text}`"
+          />
+          <!-- <el-select
+            v-if="scope.row.editable && item.isSelect" v-model="scope.row[item.value]"
+            :placeholder="`${item.text}`"
+          >
+            <el-option v-for="item in platformListBak" :key="item.id" :label="item.name" :value="item.name" />
+          </el-select> -->
+        </template>
+      </el-table-column>
+    </el-table>
+  </detail-block-switch>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
diff --git a/src/views/tested/subpackage/review/components/edit.vue b/src/views/tested/subpackage/review/components/edit.vue
new file mode 100644
index 0000000..65e8fce
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/edit.vue
@@ -0,0 +1,479 @@
+<!-- 测试、校准或检定合格分包方名录编辑 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules, UploadUserFile } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import dayjs from 'dayjs'
+import deviceTable from './deviceTable.vue'
+import ApprovalDialog from './ApprovalDialog.vue'
+import subpackageDialog from './subpackageDialog.vue'
+import showPhoto from '@/views/tested/device/info/components/showPhotoSinge.vue'
+import { editBtn, submitBtn } from '@/utils/applyBtns'
+import { toTreeList } from '@/utils/structure'
+import { getDictByCode } from '@/api/system/dict'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import { uploadApi } from '@/api/system/notice'
+import useUserStore from '@/store/modules/user'
+import { getUserDept } from '@/api/system/user'
+import { cancelReview, deleteReview, editReview, getDetail, submitReview } from '@/api/eqpt/subpackage/review'
+const $route = useRoute()
+const $router = useRouter()
+const userStore = useUserStore()
+const submitId = ref('') // 提交id-保存接口获取
+const ruleFormRef = ref<FormInstance>() // from组件
+const statusName = $route.query.statusName as string
+// 显示标题
+const textMap: { [key: string]: string } = {
+  update: '编辑',
+  create: '新增',
+  detail: '详情',
+}
+// 对话框类型：create,update
+const dialogStatus = ref('create')
+// 表单
+const ruleForm = ref({
+  address: '',
+  approvalStatus: '',
+  attachment: '',
+  contact: '',
+  contactNumber: '',
+  createDeptId: '',
+  createDeptName: '',
+  createTime: '',
+  createUserId: '',
+  createUserName: '',
+  decisionItem: '',
+  equipmentList: [],
+  fax: '',
+  id: '',
+  labAccreditation: '',
+  postcode: '',
+  predictEndTime: '',
+  predictPrice: '',
+  predictStartTime: '',
+  processId: '',
+  remark: '',
+  reviewName: '',
+  reviewNo: '',
+  subcontractReason: '',
+  subcontractorCompanyName: '',
+  subcontractorDirectorName: '',
+  subcontractorId: '',
+  subcontractorNo: '',
+  taskId: '',
+  technicalAbility: '',
+  testMethod: '',
+  traceability: '',
+  updateTime: '',
+})
+const deviceRef = ref()
+// 表单1验证规则
+const rules = ref<FormRules>({
+  subcontractorNo: [{ required: true, message: '分包方编号必选', trigger: ['blur', 'change'] }],
+  predictStartTime: [{ required: true, message: '预计开始时间必选', trigger: ['blur', 'change'] }],
+  predictEndTime: [{ required: true, message: '预计结束时间必选', trigger: ['blur', 'change'] }],
+  subcontractReason: [{ required: true, message: '分包原因必选', trigger: ['blur', 'change'] }],
+})
+
+// 获取下拉框数据
+const reasonList = ref<{ id: string; value: string; name: string }[]>() // 规模
+const fetchSelectData = () => {
+  // 分包原因
+  getDictByCode('eqptSubpackageReason').then((res) => {
+    reasonList.value = res.data
+  })
+}
+fetchSelectData()
+// 弹窗初始化
+const initDialog = () => {
+  dialogStatus.value = $route.params.type as string || 'detail'
+  ruleFormRef.value?.resetFields()
+  if (!$route.path.includes('create')) {
+    const data = JSON.parse($route.query.row as string)
+    getDetail({ id: data.id }).then((res) => {
+      const data = res.data
+      ruleForm.value = data
+    })
+  }
+  if ($route.path.includes('create') || $route.path.includes('update')) {
+    ruleForm.value.reviewName = '测试、校准或检定工作分包评审表'
+    ruleForm.value.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss') // 创建时间
+    ruleForm.value.createUserId = userStore.id
+    ruleForm.value.createUserName = userStore.name
+    getUserDept().then((res) => {
+      ruleForm.value.createDeptId = res.data.id
+      ruleForm.value.createDeptName = res.data.fullName
+    })
+  }
+}
+onMounted(() => {
+  initDialog()
+})
+// 关闭弹窗
+const close = () => {
+  $router.back()
+}
+
+// 保存
+const saveForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  Promise.all([formEl.validate()]).then(() => {
+    // 验证表格
+    if (deviceRef.value.checkCertificateList()) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then((res) => {
+        ruleForm.value.equipmentList = deviceRef.value.list
+        editReview(ruleForm.value).then((res) => {
+          submitId.value = res.data
+          if (statusName === '已取消' || statusName === '未通过') {
+            submitReview({ id: submitId.value, formId: SCHEDULE.SUBCONTRACT_REVIEW_APPROVAL }).then((res) => {
+              ElMessage.success('已提交')
+              close()
+            })
+          }
+          else {
+            ElMessage.success('保存成功')
+          }
+        })
+      })
+    }
+  })
+}
+// 提交
+const submitForm = () => {
+  if (submitId.value === '') {
+    ElMessage.warning('请先保存')
+    return false
+  }
+  ElMessageBox.confirm(
+    '确认提交吗？',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then((res) => {
+    submitReview({ id: submitId.value, formId: SCHEDULE.SUBCONTRACT_REVIEW_APPROVAL }).then((res) => {
+      ElMessage.success('已提交')
+      close()
+    })
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  close()
+}
+// 编辑
+const editForm = () => {
+  $router.push({
+    path: '/reviewpage/update',
+    query: { ...$route.query },
+  })
+}
+// 删除
+const delForm = () => {
+  ElMessageBox.confirm(
+    '确认删除吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    deleteReview({ id: ruleForm.value.id }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
+  })
+}
+// 取消
+const cancelForm = () => {
+  ElMessageBox.confirm(
+    '确认取消吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    cancelReview({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
+  })
+}
+// 审批
+const approvalDialogRef = ref()
+const apply = (type: string) => {
+  const data = JSON.parse($route.query.row as string)
+  approvalDialogRef.value.initDialog(type, data.taskId, data.processId, ruleForm.value.id)
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ruleForm.value.attachment = res.data[0]
+        // 重置当前验证
+        ruleFormRef.value?.clearValidate('minioFileName')
+        ElMessage.success('文件上传成功')
+        loading.close()
+      }
+      else {
+        ElMessage.error(res.message)
+        loading.close()
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+const print = () => {
+
+}
+// 选择分包方
+const subpackageRef = ref()
+const selectSubpackage = () => {
+  subpackageRef.value.initDialog()
+}
+// 确认分包方
+const confirm = (subpackage: any) => {
+  ruleForm.value.subcontractorNo = subpackage.subcontractorNo
+  ruleForm.value.subcontractorId = subpackage.id
+  ruleForm.value.subcontractorDirectorName = subpackage.directorName
+  ruleForm.value.address = subpackage.address
+  ruleForm.value.postcode = subpackage.postcode
+  ruleForm.value.fax = subpackage.fax
+  ruleForm.value.subcontractorCompanyName = subpackage.companyName
+}
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <!-- 审批弹窗 -->
+    <approval-dialog ref="approvalDialogRef" @on-success="() => { $router.back() }" />
+    <!-- 分包方弹窗 -->
+    <subpackage-dialog ref="subpackageRef" @add="confirm" />
+    <detail-page class="base-info-device" :title="`测试、校准或检定工作分包评审表-${textMap[dialogStatus]}`">
+      <template #btns>
+        <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
+          同意
+        </el-button>
+        <el-button v-if="statusName === '待审批'" type="primary" @click="apply('refuse')">
+          拒绝
+        </el-button>
+        <el-button v-if="editBtn(statusName, dialogStatus)" type="primary" @click="editForm()">
+          编辑
+        </el-button>
+        <el-button v-if="submitBtn(statusName, dialogStatus) && statusName !== '已取消' && statusName !== '未通过'" type="primary" @click="submitForm()">
+          提交
+        </el-button>
+        <el-button v-if="submitBtn(statusName, dialogStatus)" type="primary" @click="saveForm(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button v-if="statusName === '已通过'" type="primary" @click="print">
+          打印
+        </el-button>
+        <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
+          删除
+        </el-button>
+        <el-button v-if="statusName === '审批中'" type="info" @click="cancelForm()">
+          取消
+        </el-button>
+        <el-button type="info" @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
+      </template>
+    </detail-page>
+    <detail-block-com>
+      <el-form
+        ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="120px" class="form"
+        :class="[dialogStatus === 'detail' ? 'isDetail' : '']" :disabled="$route.path.includes('detail')"
+      >
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="评审表编号" prop="reviewNo">
+              <el-input v-model.trim="ruleForm.reviewNo" placeholder="系统自动生成" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="评审表名称" prop="reviewName">
+              <el-input v-model.trim="ruleForm.reviewName" placeholder="评审表名称" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请人" prop="createUserName">
+              <el-input v-model.trim="ruleForm.createUserName" placeholder="申请人" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请时间" prop="createTime">
+              <el-date-picker
+                v-model="ruleForm.createTime" type="date" format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD" placeholder="申请时间" class="normal-date" style="width: 100%;" disabled
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="分包方编号" prop="subcontractorNo">
+              <el-input v-model.trim="ruleForm.subcontractorNo" placeholder="分包方编号" @focus="selectSubpackage">
+                <template v-if="!$route.path.includes('detail')" #append>
+                  <span @click="selectSubpackage">选择</span>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包机构名称" prop="subcontractorCompanyName">
+              <el-input v-model.trim="ruleForm.subcontractorCompanyName" placeholder="分包机构名称" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="机构负责人" prop="subcontractorDirectorName">
+              <el-input v-model.trim="ruleForm.subcontractorDirectorName" placeholder="机构负责人" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="地址" prop="address">
+              <el-input v-model.trim="ruleForm.address" placeholder="地址" disabled />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="邮编" prop="postcode">
+              <el-input v-model.trim="ruleForm.postcode" placeholder="邮编" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="传真" prop="fax">
+              <el-input v-model.trim="ruleForm.fax" placeholder="传真" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系人" prop="contact">
+              <el-input v-model.trim="ruleForm.contact" placeholder="请输入联系人" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系电话" prop="contactNumber">
+              <el-input v-model.trim="ruleForm.contactNumber" placeholder="请输入联系电话" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="预计开始时间" prop="predictStartTime">
+              <el-date-picker
+                v-model="ruleForm.predictStartTime" type="date" format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD" placeholder="请选择开始时间" class="normal-date" style="width: 100%;"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计结束时间" prop="predictEndTime">
+              <el-date-picker
+                v-model="ruleForm.predictEndTime" type="date" format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD" placeholder="请选择结束时间" class="normal-date" style="width: 100%;"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因" prop="subcontractReason">
+              <el-select v-model="ruleForm.subcontractReason" placeholder="请选择分包原因" style="width: 100%;">
+                <el-option v-for="item in reasonList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计费用" prop="predictPrice">
+              <el-input v-model.trim="ruleForm.predictPrice" placeholder="请输入预计费用" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="实验室认可情况" prop="labAccreditation">
+              <el-input v-model.trim="ruleForm.labAccreditation" placeholder="请输入实验室认可情况" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="溯源性" prop="traceability">
+              <el-input v-model.trim="ruleForm.traceability" placeholder="请输入溯源性" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="测试方法" prop="testMethod">
+              <el-input v-model.trim="ruleForm.testMethod" placeholder="请输入测试方法" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="技术能力" prop="technicalAbility">
+              <el-input v-model.trim="ruleForm.technicalAbility" placeholder="请输入技术能力" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="备注" prop="remark">
+              <el-input v-model.trim="ruleForm.remark" placeholder="请输入备注" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="24">
+            <el-form-item label="附件" prop="attachment">
+              <show-photo :minio-file-name="ruleForm.attachment" />
+              <input ref="fileRef" style="display: none;" type="file" @change="onFileChange">
+              <el-button v-if="!$route.path.includes('detail')" type="primary" @click="upload">
+                上传
+              </el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </detail-block-com>
+    <detail-block-com>
+      <device-table ref="deviceRef" :data="ruleForm.equipmentList" :status="dialogStatus" />
+    </detail-block-com>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.isDetail {
+  ::v-deep {
+    .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label::before,
+    .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label::before {
+      content: "";
+      display: none;
+    }
+  }
+}
+</style>
diff --git a/src/views/tested/subpackage/review/components/list.vue b/src/views/tested/subpackage/review/components/list.vue
new file mode 100644
index 0000000..1d84c6e
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/list.vue
@@ -0,0 +1,315 @@
+<!-- 测试、校准或检定合格分包方名录列表 -->
+<script lang="ts" setup name="LoginLog">
+import { reactive, ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import ApprovalDialog from './ApprovalDialog.vue'
+import { delTextBtn, editTextBtn } from '@/utils/applyBtns'
+import { cancelReview, deleteReview, editReview, getDetail, getListPage, submitReview } from '@/api/eqpt/subpackage/review'
+import { getDictByCode } from '@/api/system/dict'
+import { SCHEDULE } from '@/utils/scheduleDict'
+const $props = defineProps({
+  statusName: {
+    type: String,
+    default: '',
+  },
+})
+const applyDict = ref<{ [key: string]: string }>({
+  审批: '',
+  草稿箱: '1',
+  审批中: '3',
+  已通过: '4',
+  未通过: '5',
+  已取消: '6',
+})
+const { proxy } = getCurrentInstance() as any
+const listQuery = reactive({
+  createTimeEnd: '',
+  createTimeStart: '',
+  createUserName: '',
+  reviewNo: '',
+  subcontractorCompanyName: '',
+  offset: 1,
+  limit: 20,
+  approvalStatus: '',
+  formId: SCHEDULE.SUBCONTRACT_REVIEW_APPROVAL,
+})
+const columns = ref([
+  {
+    text: '评审表编号',
+    value: 'reviewNo',
+    align: 'center',
+  },
+  {
+    text: '评审表名称',
+    value: 'reviewName',
+    align: 'center',
+  },
+  {
+    text: '分包机构名称',
+    value: 'subcontractorCompanyName',
+    align: 'center',
+  },
+  {
+    text: '机构负责人',
+    value: 'subcontractorDirectorName',
+    align: 'center',
+  },
+  {
+    text: '申请人',
+    value: 'createUserName',
+    align: 'center',
+  },
+  {
+    text: '申请时间',
+    value: 'createTime',
+    align: 'center',
+  },
+])
+const list = ref([])
+const total = ref(0)
+const listLoading = ref(true)
+
+// 获取列表数据
+const fetchData = (isNowPage = true) => {
+  list.value = []
+  total.value = 0
+  listLoading.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.offset = 1
+  }
+  getListPage(listQuery, $props.statusName).then((response) => {
+    list.value = response.data.rows
+    total.value = parseInt(response.data.total)
+    listLoading.value = false
+  })
+}
+// 查询数据
+const search = () => {
+  fetchData(false)
+}
+// 开始结束时间
+const datetimerange = ref()
+watch(() => datetimerange.value, (newVal) => {
+  if (newVal.length === 2) {
+    listQuery.createTimeStart = newVal[0]
+    listQuery.createTimeEnd = newVal[1]
+  }
+})
+// 重置
+const reset = () => {
+  datetimerange.value = []
+  listQuery.createTimeEnd = ''
+  listQuery.createTimeStart = ''
+  listQuery.createUserName = ''
+  listQuery.reviewNo = ''
+  listQuery.subcontractorCompanyName = ''
+  listQuery.offset = 1
+  listQuery.limit = 20
+  search()
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size: number; page: number }) => {
+  if (val && val.size) {
+    listQuery.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.offset = val.page
+  }
+  fetchData()
+}
+
+const $router = useRouter()
+// 新建编辑操作
+const handler = (row: any, type: string) => {
+  $router.push({
+    path: `/reviewpage/${type}`,
+    query: {
+      row: JSON.stringify(row),
+      id: row.id,
+      statusName: $props.statusName,
+    },
+  })
+}
+// 详情
+const detail = (row: any) => {
+  if ($props.statusName === '草稿箱' || $props.statusName === '未通过' || $props.statusName === '已取消') {
+    handler(row, 'update')
+  }
+  else {
+    $router.push({
+      path: `/reviewpage/${'detail'}`,
+      query: {
+        row: JSON.stringify(row),
+        id: row.id,
+        statusName: $props.statusName,
+      },
+    })
+  }
+}
+// 删除
+const delHandler = (row: any) => {
+  ElMessageBox.confirm(
+    '确认删除此名录吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    deleteReview({ id: row.id }).then((res) => {
+      ElMessage.success('操作成功')
+      search()
+    })
+  })
+}
+// 取消
+const canHandler = (row: any) => {
+  ElMessageBox.confirm(
+    '确认取消此申请吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    cancelReview({ id: row.id, processInstanceId: row.processId, comments: '' }).then((res) => {
+      ElMessage.success('操作成功')
+      search()
+    })
+  })
+}
+// 提交
+const submit = (row: any) => {
+  ElMessageBox.confirm(
+    '确认提交吗？',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then((res) => {
+    submitReview({ id: row.id, formId: SCHEDULE.SUBCONTRACT_REVIEW_APPROVAL }).then((res) => {
+      ElMessage.success('已提交')
+      search()
+    })
+  })
+}
+// 同意拒绝
+const approvalDialogRef = ref()
+const approveHandler = (row: any, type: string) => {
+  approvalDialogRef.value.initDialog(type, row.taskId, row.processId, row.id)
+}
+
+// 审批状态发生变化
+watch(() => $props.statusName, (newVal) => {
+  listQuery.approvalStatus = applyDict.value[newVal] as string
+  fetchData()
+},
+{
+  deep: true,
+  // immediate: true,
+})
+const permUrl = ref({
+  edit: '/tested/device/info/edit',
+  del: '/tested/device/info/delete',
+  submit: '/tested/device/info/submit',
+  cancel: '/tested/device/info/cancel',
+  agree: '/tested/device/info/agree',
+  reject: '/tested/device/info/reject',
+})
+</script>
+
+<template>
+  <app-container>
+    <!-- 审批弹窗 -->
+    <approval-dialog ref="approvalDialogRef" @on-success="search" />
+    <!-- 筛选条件 -->
+    <search-area :need-clear="true" @search="search" @clear="reset">
+      <search-item>
+        <el-input v-model.trim="listQuery.reviewNo" placeholder="评审表编号" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.subcontractorCompanyName" placeholder="分包机构名称" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.createUserName" placeholder="申请人" clearable />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="datetimerange" type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss"
+          format="YYYY-MM-DD HH:mm:ss" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间"
+        />
+      </search-item>
+    </search-area>
+    <table-container>
+      <template v-if="$props.statusName === '全部'" #btns-right>
+        <icon-button icon="icon-add" title="新增" @click="handler({}, 'create')" />
+        <icon-button icon="icon-export" title="导出" />
+      </template>
+      <!-- 普通表格 -->
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="listLoading" :is-showmulti-select="false" @change="changePage"
+      >
+        <template #columns>
+          <el-table-column label="操作" width="160" align="center">
+            <template #default=" scope ">
+              <el-button link type="primary" size="small" @click="detail(scope.row)">
+                查看
+              </el-button>
+              <el-button
+                v-if="proxy.buttonPerm.edit.if({ approvalStatusName: $props.statusName }, permUrl.edit)" link type="primary" size="small"
+                @click="handler(scope.row, 'update')"
+              >
+                编辑
+              </el-button>
+              <el-button
+                v-if="proxy.buttonPerm.agree.if({ approvalStatusName: $props.statusName }, permUrl.agree)" link type="primary" size="small"
+                @click="approveHandler(scope.row, 'agree')"
+              >
+                同意
+              </el-button>
+              <el-button
+                v-if="proxy.buttonPerm.reject.if({ approvalStatusName: $props.statusName }, permUrl.reject)" link type="primary" size="small"
+                @click="approveHandler(scope.row, 'refuse')"
+              >
+                拒绝
+              </el-button>
+              <el-button
+                v-if="proxy.buttonPerm.submit.if({ approvalStatusName: $props.statusName }, permUrl.submit)" link type="primary" size="small"
+                @click="submit(scope.row)"
+              >
+                提交
+              </el-button>
+              <el-button
+                v-if="proxy.buttonPerm.cancel.if({ approvalStatusName: $props.statusName }, permUrl.cancel)" link type="primary" size="small"
+                @click="canHandler(scope.row)"
+              >
+                取消
+              </el-button>
+              <el-button
+                v-if="proxy.buttonPerm.delete.if({ approvalStatusName: $props.statusName }, permUrl.del)" link type="danger" size="small"
+                @click="delHandler(scope.row)"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+.nortable-header {
+  ::v-deep(.el-table__body-wrapper) {
+    display: none;
+  }
+}
+</style>
+
diff --git a/src/views/tested/subpackage/review/components/subpackageDialog.vue b/src/views/tested/subpackage/review/components/subpackageDialog.vue
new file mode 100644
index 0000000..c824f9b
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/subpackageDialog.vue
@@ -0,0 +1,190 @@
+<!-- 分包方弹窗 -->
+<script lang="ts" setup name="selectPerson">
+import { ElMessage } from 'element-plus'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { getDictByCode } from '@/api/system/dict'
+import { getListPage } from '@/api/eqpt/subpackage/directory'
+import { SCHEDULE } from '@/utils/scheduleDict'
+const emits = defineEmits(['add'])
+const dialogFormVisible = ref(false)
+// 查询条件
+const listQuery = ref({
+  createTimeEnd: '',
+  createTimeStart: '',
+  createUserName: '',
+  reviewNo: '',
+  subcontractorCompanyName: '',
+  offset: 1,
+  limit: 5,
+  approvalStatus: '',
+  formId: SCHEDULE.SUBCONTRACT_REVIEW_APPROVAL,
+})
+const loadingTable = ref<boolean>(false)
+const list = ref([]) // 表格数据
+const total = ref(0)
+const select = ref(-1)
+// 证书有效期开始结束时间
+const datetimerange = ref()
+watch(() => datetimerange.value, (newVal) => {
+  if (newVal.length === 2) {
+    listQuery.value.certificateValidStart = newVal[0]
+    listQuery.value.certificateValidEnd = newVal[1]
+  }
+})
+// 表头
+const columns = ref([
+  {
+    text: '分包方编号',
+    value: 'subcontractorNo',
+    align: 'center',
+  },
+  {
+    text: '单位名称',
+    value: 'companyName',
+    align: 'center',
+  },
+  {
+    text: '联系人',
+    value: 'directorName',
+    align: 'center',
+  },
+  {
+    text: '联系电话',
+    value: 'contactNumber',
+    align: 'center',
+  },
+  {
+    text: '测试能力',
+    value: 'testAbility',
+    align: 'center',
+  },
+  {
+    text: '地址',
+    value: 'address',
+    align: 'center',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+    align: 'center',
+  },
+])
+
+// 获取数据列表
+const fetchData = () => {
+  select.value = -1
+  loadingTable.value = true
+  getListPage(listQuery.value, '全部').then((response) => {
+    list.value = response.data.rows
+    total.value = parseInt(response.data.total)
+    loadingTable.value = false
+  })
+}
+// 搜索
+const search = () => {
+  fetchData()
+}
+const selectTreeRef = ref()
+// 重置
+const reset = () => {
+  datetimerange.value = []
+  listQuery.createTimeEnd = ''
+  listQuery.createTimeStart = ''
+  listQuery.createUserName = ''
+  listQuery.reviewNo = ''
+  listQuery.subcontractorCompanyName = ''
+  listQuery.offset = 1
+  listQuery.limit = 20
+  search()
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number;page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  search()
+}
+// 点击保存
+const submitForm = () => {
+  if (select.value >= 0) {
+    const device = list.value.filter((item, index) => index == select.value)[0]
+    emits('add', device)
+    dialogFormVisible.value = false
+    reset()
+  }
+  else {
+    ElMessage.warning('请先选择分包方')
+  }
+}
+// 取消
+const resetForm = () => {
+  dialogFormVisible.value = false
+  reset()
+}
+// 初始化
+const initDialog = () => {
+  dialogFormVisible.value = true
+  fetchData()
+}
+defineExpose({ initDialog })
+</script>
+
+<template>
+  <el-dialog v-model="dialogFormVisible" title="选择分包方" width="65%">
+    <!-- 筛选条件 -->
+    <search-area :need-clear="true" @search="search" @clear="reset">
+      <search-item>
+        <el-input v-model.trim="listQuery.reviewNo" placeholder="评审表编号" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.subcontractorCompanyName" placeholder="分包机构名称" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.createUserName" placeholder="申请人" clearable />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="datetimerange" type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss"
+          format="YYYY-MM-DD HH:mm:ss" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间"
+        />
+      </search-item>
+    </search-area>
+    <!-- 查询结果Table显示 -->
+    <div style="padding: 12px;">
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery" :page-sizes="[5]"
+        :list-loading="loadingTable" @change="changePage"
+      >
+        <template #preColumns>
+          <el-table-column label="" width="55" align="center">
+            <template #default="scope">
+              <el-radio v-model="select" :label="scope.$index" :disabled="scope.row.isRadioDisabled" class="radio" />
+            </template>
+          </el-table-column>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确认</el-button>
+        <el-button @click="resetForm">
+          取消
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+:deep(.el-radio__label) {
+  display: none;
+}
+</style>

diff --git a/src/api/eqpt/subpackage/review.ts b/src/api/eqpt/subpackage/review.ts
new file mode 100644
index 0000000..d5bb694
--- /dev/null
+++ b/src/api/eqpt/subpackage/review.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包评审表管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontract/review/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontract/review/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontract/review/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontract/review/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontract/review/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteReview(data: object) {
+  return request({
+    url: `/subcontract/review/approval/delete?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelReview(data: object) {
+  return request({
+    url: '/subcontract/review/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontract/review/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/tested.ts b/src/router/modules/tested.ts
index 1b8de9c..bf750fb 100644
--- a/src/router/modules/tested.ts
+++ b/src/router/modules/tested.ts
@@ -998,7 +998,19 @@
               auth: '/tested/subpackage/review',
               sidebar: false,
               breadcrumb: false,
-              activeMenu: '/reviewpage',
+              activeMenu: '/reviewlist',
+            },
+          },
+          {
+            path: '/reviewpage/:type',
+            name: 'ReviewPageEdit',
+            component: () => import('@/views/tested/subpackage/review/components/edit.vue'),
+            meta: {
+              title: '测试、校准或检定工作分包评审表',
+              auth: '/tested/subpackage/review',
+              sidebar: false,
+              breadcrumb: false,
+              activeMenu: '/reviewlist',
             },
           },
         ],
diff --git a/src/views/tested/subpackage/directory/components/certificateTable.vue b/src/views/tested/subpackage/directory/components/certificateTable.vue
new file mode 100644
index 0000000..66c85b1
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/certificateTable.vue
@@ -0,0 +1,162 @@
+<!-- 分包证书表格 -->
+<script lang="ts" setup name="EditPlatform">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useCheckList } from '@/utils/useCheckList'
+const $props = defineProps({
+  data: {
+    type: Array,
+    default: () => ([]),
+  },
+  status: {
+    type: String,
+    required: true,
+  },
+})
+const $route = useRoute()
+const dialogStatus = ref('update') // 对话框类型：create,update
+// 表头显示标题
+const columns = ref([
+  {
+    text: '证书编号',
+    value: 'certificateNo',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '证书名称',
+    value: 'certificateName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '出具单位',
+    value: 'subcontractorName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '证书出具日期',
+    value: 'checkDate',
+    required: true,
+    isDate: true,
+  },
+  {
+    text: '证书有效期',
+    value: 'certificateValid',
+    required: true,
+    isDate: true,
+  },
+])
+const list = ref<any[]>([])
+// 检查数据列表
+function checkCertificateList() {
+  return useCheckList(list.value, columns.value, '分包证书')
+}
+// 将列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of list.value) {
+    item.editable = false
+  }
+}
+// 双击行显示输入框
+const dblclickRow = (row: any) => {
+  if ($route.path.includes('detail')) {
+    return
+  }
+  setAllRowReadable()
+  row.editable = true
+}
+const SelectionList = ref()
+// 表格选中
+const handleSelectionChange = (e: any[]) => {
+  SelectionList.value = e
+}
+// 添加行
+const addRow = () => {
+  if (checkCertificateList()) {
+    setAllRowReadable()
+    list.value.push({
+      duty: '',
+      department: '',
+      staffName: '',
+      staffPhone: '',
+      editable: true,
+    })
+  }
+}
+// 删除行
+const removeRow = () => {
+  list.value = list.value.filter((item) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+watch(() => $props.data, (newVal) => {
+  if (newVal) {
+    list.value = newVal
+  }
+})
+const initDialog = () => {
+  list.value = $props.data
+  dialogStatus.value = $props.status
+}
+initDialog()
+defineExpose({
+  list,
+  checkCertificateList,
+})
+</script>
+
+<template>
+  <detail-block-switch title="分包方人员">
+    <template v-if="!$route.path.includes('detail')" #btns>
+      <el-button type="primary" @click="addRow">
+        增加行
+      </el-button>
+      <el-button type="info" @click="removeRow">
+        删除行
+      </el-button>
+    </template>
+    <el-table
+      ref="multipleTableRef" :data="list" style="width: 100%;" border @selection-change="handleSelectionChange"
+      @row-dblclick="dblclickRow"
+    >
+      <el-table-column v-if="!$route.path.includes('detail')" type="selection" width="38" />
+      <el-table-column align="center" label="序号" width="80" type="index" />
+      <el-table-column
+        v-for="item in columns" :key="item.id" :width="item.width" :prop="item.value" :label="item.text"
+        align="center"
+      >
+        <template #header>
+          <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
+        </template>
+        <template #default="scope">
+          <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+          <el-input
+            v-if="scope.row.editable && !item.isDate" v-model="scope.row[item.value]" :autofocus="true"
+            :placeholder="`${item.text}`" class="input"
+          />
+          <el-date-picker
+            v-if="scope.row.editable && item.isDate" v-model="scope.row[item.value]" type="date"
+            format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="`${item.text}`"
+          />
+          <!-- <el-select
+            v-if="scope.row.editable && item.isSelect" v-model="scope.row[item.value]"
+            :placeholder="`${item.text}`"
+          >
+            <el-option v-for="item in platformListBak" :key="item.id" :label="item.name" :value="item.name" />
+          </el-select> -->
+        </template>
+      </el-table-column>
+    </el-table>
+  </detail-block-switch>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
diff --git a/src/views/tested/subpackage/directory/components/edit.vue b/src/views/tested/subpackage/directory/components/edit.vue
index 45752c6..418818f 100644
--- a/src/views/tested/subpackage/directory/components/edit.vue
+++ b/src/views/tested/subpackage/directory/components/edit.vue
@@ -9,6 +9,7 @@
 import { routeLocationKey } from 'vue-router'
 import personTable from './personTable.vue'
 import capacityTable from './capacityTable.vue'
+import certificateTable from './certificateTable.vue'
 import ApprovalDialog from './ApprovalDialog.vue'
 import showPhoto from '@/views/tested/device/info/components/showPhotoSinge.vue'
 import { editBtn, submitBtn } from '@/utils/applyBtns'
@@ -78,6 +79,9 @@
 // 能力列表
 const capacityList = ref()
 const capacityRef = ref()
+// 证书列表
+const certificateRef = ref()
+const certificateList = ref()
 const radio = ref('基本信息')
 // 表单1验证规则
 const rules = ref<FormRules>({
@@ -139,6 +143,7 @@
       ruleForm.value = data.subcontractor
       personList.value = data.staffList
       capacityList.value = data.abilityList
+      certificateList.value = data.certificateList
     })
   }
   if ($route.path.includes('create') || $route.path.includes('update')) {
@@ -232,7 +237,7 @@
 // 删除
 const delForm = () => {
   ElMessageBox.confirm(
-    '确认删除设备信息吗?',
+    '确认删除吗?',
     '确认',
     {
       confirmButtonText: '确认',
@@ -240,10 +245,10 @@
       type: 'warning',
     },
   ).then(() => {
-    // deleteInfo({ id: ruleForm.value.id }).then((res) => {
-    //   ElMessage.success('操作成功')
-    //   close()
-    // })
+    deleteDirectory({ id: ruleForm.value.id }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
   })
 }
 // 取消
@@ -257,10 +262,10 @@
       type: 'warning',
     },
   ).then(() => {
-    // cancelInfo({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
-    //   ElMessage.success('操作成功')
-    //   close()
-    // })
+    cancelDirectory({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
   })
 }
 // 审批
@@ -282,8 +287,6 @@
     uploadApi(fd).then((res) => {
       if (res.code === 200) {
         ruleForm.value.attachments = res.data[0]
-        // 重置当前验证
-        ruleFormRef.value?.clearValidate('minioFileName')
         ElMessage.success('文件上传成功')
         loading.close()
       }
@@ -308,12 +311,12 @@
     <approval-dialog ref="approvalDialogRef" @on-success="() => { $router.back() }" />
     <detail-page class="base-info-device" :title="`测试、校准或检定合格分包方名录-${textMap[dialogStatus]}`">
       <template #btns>
-        <!-- <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
+        <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
           同意
         </el-button>
         <el-button v-if="statusName === '待审批'" type="primary" @click="apply('refuse')">
           拒绝
-        </el-button> -->
+        </el-button>
         <el-button v-if="editBtn(statusName, dialogStatus)" type="primary" @click="editForm()">
           编辑
         </el-button>
@@ -326,12 +329,12 @@
         <el-button v-if="statusName === '已通过'" type="primary" @click="print">
           打印
         </el-button>
-        <!-- <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
+        <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
           删除
         </el-button>
         <el-button v-if="statusName === '审批中'" type="info" @click="cancelForm()">
           取消
-        </el-button> -->
+        </el-button>
         <el-button type="info" @click="resetForm(ruleFormRef)">
           关闭
         </el-button>
@@ -342,6 +345,7 @@
         <el-radio-button label="基本信息" />
         <el-radio-button label="分包方人员" />
         <el-radio-button label="业务能力" />
+        <el-radio-button v-if="$route.path.includes('detail')" label="分包证书" />
       </el-radio-group>
     </detail-block-com>
     <!-- 基本信息 -->
@@ -525,6 +529,9 @@
     <div v-show="radio === '业务能力'">
       <capacity-table ref="capacityRef" :data="capacityList" :status="dialogStatus" />
     </div>
+    <div v-show="radio === '分包证书'">
+      <certificate-table ref="certificateRef" :data="certificateList" :status="dialogStatus" />
+    </div>
   </app-container>
 </template>
 
diff --git a/src/views/tested/subpackage/directory/components/list.vue b/src/views/tested/subpackage/directory/components/list.vue
index 98716af..2bae678 100644
--- a/src/views/tested/subpackage/directory/components/list.vue
+++ b/src/views/tested/subpackage/directory/components/list.vue
@@ -2,8 +2,7 @@
 <script lang="ts" setup name="LoginLog">
 import { reactive, ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { delTextBtn, editTextBtn } from './applyBtns'
-import type { IlistObjType, IlistQueryType } from './interface'
+import { delTextBtn, editTextBtn } from '@/utils/applyBtns'
 import ApprovalDialog from './ApprovalDialog.vue'
 import { cancelDirectory, editDirectory, getDetail, getListPage, submitDirectory, deleteDirectory } from '@/api/eqpt/subpackage/directory'
 import { getDictByCode } from '@/api/system/dict'
@@ -23,7 +22,7 @@
   已取消: '6',
 })
 const { proxy } = getCurrentInstance() as any
-const listQuery = reactive<IlistQueryType>({
+const listQuery = reactive<any>({
   companyName: '',
   createTimeEnd: '',
   createTimeStart: '',
@@ -127,7 +126,7 @@
 
 const $router = useRouter()
 // 新建编辑操作
-const handler = (row: IlistObjType, type: string) => {
+const handler = (row: any, type: string) => {
   $router.push({
     path: `/directorypage/${type}`,
     query: {
@@ -138,7 +137,7 @@
   })
 }
 // 详情
-const detail = (row: IlistObjType) => {
+const detail = (row: any) => {
   if ($props.statusName === '草稿箱' || $props.statusName === '未通过' || $props.statusName === '已取消') {
     handler(row, 'update')
   }
@@ -154,7 +153,7 @@
   }
 }
 // 删除
-const delHandler = (row: IlistObjType) => {
+const delHandler = (row: any) => {
   ElMessageBox.confirm(
     '确认删除此名录吗?',
     '确认',
@@ -171,7 +170,7 @@
   })
 }
 // 取消
-const canHandler = (row: IlistObjType) => {
+const canHandler = (row: any) => {
   ElMessageBox.confirm(
     '确认取消此申请吗?',
     '确认',
diff --git a/src/views/tested/subpackage/review/components/ApprovalDialog.vue b/src/views/tested/subpackage/review/components/ApprovalDialog.vue
new file mode 100644
index 0000000..890a64e
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/ApprovalDialog.vue
@@ -0,0 +1,172 @@
+<script lang="ts" setup name="ApprovalDialog">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import useUserStore from '@/store/modules/user'
+import { handlerApproval } from '@/api/eqpt/subpackage/review'
+/**
+ * 审批弹窗
+ */
+defineProps({
+  /**
+   * 提示文字
+   */
+  title: {
+    type: String,
+    default: '审批操作',
+  },
+})
+const emit = defineEmits(['onSuccess'])
+// 弹窗显示状态
+const dialogVisible = ref(false)
+// 默认表单
+const defaultFormData = {
+  type: '', // 审批类型
+  taskId: '', // 任务id
+  comments: '', // 备注
+  user: '', // 当前用户
+  approvalTime: '', // 当前时间
+  processInstanceId: '',
+  id: '',
+}
+// 弹窗类型 agree同意 refuse拒绝 reject驳回 revoke取消
+const type = ref('agree')
+// 表单数据对象
+const formData = reactive({ ...defaultFormData })
+
+// 保存按钮加载状态
+const btnLoading = ref(false)
+
+// agree同意 refuse拒绝 reject驳回 revoke取消
+const userInfo = useUserStore()
+
+// ---------------表单提交--------------------------------
+// 表单对象
+const dataFormRef = ref<FormInstance>()
+// 校验规则
+const rules: FormRules = reactive({
+  comments: [{ required: true, message: '审批结论必填', trigger: ['blur', 'change'] }],
+})
+/**
+ * 初始化审批弹窗
+ * @param type 审批类型
+ * @param taskId 任务id
+ */
+function initDialog(type: string, taskId: string, processInstanceId: string, id: string) {
+  formData.type = type
+  formData.taskId = taskId
+  formData.processInstanceId = processInstanceId
+  formData.id = id
+  formData.user = userInfo.name
+  formData.approvalTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+  formData.comments = ''
+  dialogVisible.value = true
+}
+// 提交表单
+function submitForm() {
+  if (dataFormRef) {
+    dataFormRef.value?.validate((valid: boolean) => {
+      if (valid) {
+        btnLoading.value = true
+        if (formData.type) {
+          handlerApproval(formData.type, { taskId: formData.taskId, comments: formData.comments, processInstanceId: formData.processInstanceId, id: formData.id }).then((res) => {
+            ElMessage.success('审批完成')
+            btnLoading.value = false
+            dialogVisible.value = false
+            emit('onSuccess')
+          }).catch((_) => {
+            btnLoading.value = false
+          })
+        }
+      }
+    })
+  }
+}
+// 关闭弹窗
+function handleClose() {
+  dialogVisible.value = false
+}
+
+// ----------------------- 以下是暴露的方法内容 ----------------------------
+defineExpose({ initDialog })
+</script>
+
+<template>
+  <el-dialog
+    v-model="dialogVisible"
+    title="审批操作"
+    width="600"
+    :before-close="handleClose"
+  >
+    <el-form
+      ref="dataFormRef"
+      label-position="left"
+      label-width="80px"
+      :model="formData"
+      :rules="rules"
+    >
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="审批意见:">
+            <el-radio-group v-model="formData.type" disabled>
+              <el-radio label="agree" size="large">
+                同意
+              </el-radio>
+              <!-- <el-radio label="reject" size="large">
+                驳回
+              </el-radio> -->
+              <el-radio label="refuse" size="large">
+                拒绝
+              </el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="审批结论:" props="comments">
+            <el-input
+              v-model="formData.comments"
+              :rows="4"
+              show-word-limit
+              type="textarea"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <el-form-item label="审批人:">
+            <el-input
+              v-model="formData.user"
+              placeholder="审批人"
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="审批时间:">
+            <el-input
+              v-model="formData.approvalTime"
+              style="width: 100%;"
+              placeholder="审批时间"
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <el-button type="primary" :loading="btnLoading" @click="submitForm">
+        提交
+      </el-button>
+      <el-button type="info" @click="handleClose">
+        取消
+      </el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/tested/subpackage/review/components/deviceTable.vue b/src/views/tested/subpackage/review/components/deviceTable.vue
new file mode 100644
index 0000000..5065b78
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/deviceTable.vue
@@ -0,0 +1,162 @@
+<!-- 受检设备信息列表 -->
+<script lang="ts" setup name="EditPlatform">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useCheckList } from '@/utils/useCheckList'
+import selectDevice from '@/views/tested/MeasurementPlan/plan/components/selectDevice.vue'
+const $props = defineProps({
+  data: {
+    type: Array,
+    default: () => ([]),
+  },
+  status: {
+    type: String,
+    required: true,
+  },
+})
+const $route = useRoute()
+const dialogStatus = ref('update') // 对话框类型：create,update
+// 表头显示标题
+const columns = ref([
+  {
+    text: '受检设备编号',
+    value: 'equipmentNo',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '受检设备名称',
+    value: 'equipmentName',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '型号',
+    value: 'model',
+    required: true,
+    isDate: false,
+  },
+  {
+    text: '出厂编号',
+    value: 'manufactureNo',
+    required: true,
+    isDate: true,
+  },
+])
+const list = ref<any[]>([])
+// 检查数据列表
+function checkCertificateList() {
+  return useCheckList(list.value, columns.value, '受检设备信息')
+}
+// 将列表置为不可编辑状态
+function setAllRowReadable() {
+  for (const item of list.value) {
+    item.editable = false
+  }
+}
+// 双击行显示输入框
+const dblclickRow = (row: any) => {
+  if ($route.path.includes('detail')) {
+    return
+  }
+  setAllRowReadable()
+  row.editable = true
+}
+const SelectionList = ref()
+// 表格选中
+const handleSelectionChange = (e: any[]) => {
+  SelectionList.value = e
+}
+watch(() => $props.data, (newVal) => {
+  if (newVal) {
+    list.value = newVal
+  }
+})
+const initDialog = () => {
+  list.value = $props.data
+  dialogStatus.value = $props.status
+}
+initDialog()
+defineExpose({
+  list,
+  checkCertificateList,
+})
+// 选择设备
+const deviceRef = ref()
+const confirm = (device: any) => {
+  // 多选
+  device.forEach((item) => {
+    list.value.push({
+      ...item,
+      equipmentId: item.id,
+      id: null,
+      groupId: null,
+    })
+  })
+}
+// 批量添加行
+const addRow = () => {
+  deviceRef.value.initDialog(true)
+}
+// 删除行
+const removeRow = () => {
+  list.value = list.value.filter((item) => {
+    return !SelectionList.value.includes(item)
+  })
+}
+</script>
+
+<template>
+  <detail-block-switch title="受检设备信息">
+    <select-device ref="deviceRef" @add="confirm" />
+    <template v-if="!$route.path.includes('detail')" #btns>
+      <el-button type="primary" @click="addRow">
+        批量添加
+      </el-button>
+      <el-button type="info" @click="removeRow">
+        删除行
+      </el-button>
+    </template>
+    <el-table
+      ref="multipleTableRef" :data="list" style="width: 100%;" border @selection-change="handleSelectionChange"
+      @row-dblclick="dblclickRow"
+    >
+      <el-table-column v-if="!$route.path.includes('detail')" type="selection" width="38" />
+      <el-table-column align="center" label="序号" width="80" type="index" />
+      <el-table-column
+        v-for="item in columns" :key="item.id" :width="item.width" :prop="item.value" :label="item.text"
+        align="center"
+      >
+        <template #header>
+          <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
+        </template>
+        <template #default="scope">
+          <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+          <el-input
+            v-if="scope.row.editable && !item.isDate" v-model="scope.row[item.value]" :autofocus="true"
+            :placeholder="`${item.text}`" class="input"
+          />
+          <el-date-picker
+            v-if="scope.row.editable && item.isDate" v-model="scope.row[item.value]" type="date"
+            format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="`${item.text}`"
+          />
+          <!-- <el-select
+            v-if="scope.row.editable && item.isSelect" v-model="scope.row[item.value]"
+            :placeholder="`${item.text}`"
+          >
+            <el-option v-for="item in platformListBak" :key="item.id" :label="item.name" :value="item.name" />
+          </el-select> -->
+        </template>
+      </el-table-column>
+    </el-table>
+  </detail-block-switch>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
diff --git a/src/views/tested/subpackage/review/components/edit.vue b/src/views/tested/subpackage/review/components/edit.vue
new file mode 100644
index 0000000..65e8fce
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/edit.vue
@@ -0,0 +1,479 @@
+<!-- 测试、校准或检定合格分包方名录编辑 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules, UploadUserFile } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import dayjs from 'dayjs'
+import deviceTable from './deviceTable.vue'
+import ApprovalDialog from './ApprovalDialog.vue'
+import subpackageDialog from './subpackageDialog.vue'
+import showPhoto from '@/views/tested/device/info/components/showPhotoSinge.vue'
+import { editBtn, submitBtn } from '@/utils/applyBtns'
+import { toTreeList } from '@/utils/structure'
+import { getDictByCode } from '@/api/system/dict'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import { uploadApi } from '@/api/system/notice'
+import useUserStore from '@/store/modules/user'
+import { getUserDept } from '@/api/system/user'
+import { cancelReview, deleteReview, editReview, getDetail, submitReview } from '@/api/eqpt/subpackage/review'
+const $route = useRoute()
+const $router = useRouter()
+const userStore = useUserStore()
+const submitId = ref('') // 提交id-保存接口获取
+const ruleFormRef = ref<FormInstance>() // from组件
+const statusName = $route.query.statusName as string
+// 显示标题
+const textMap: { [key: string]: string } = {
+  update: '编辑',
+  create: '新增',
+  detail: '详情',
+}
+// 对话框类型：create,update
+const dialogStatus = ref('create')
+// 表单
+const ruleForm = ref({
+  address: '',
+  approvalStatus: '',
+  attachment: '',
+  contact: '',
+  contactNumber: '',
+  createDeptId: '',
+  createDeptName: '',
+  createTime: '',
+  createUserId: '',
+  createUserName: '',
+  decisionItem: '',
+  equipmentList: [],
+  fax: '',
+  id: '',
+  labAccreditation: '',
+  postcode: '',
+  predictEndTime: '',
+  predictPrice: '',
+  predictStartTime: '',
+  processId: '',
+  remark: '',
+  reviewName: '',
+  reviewNo: '',
+  subcontractReason: '',
+  subcontractorCompanyName: '',
+  subcontractorDirectorName: '',
+  subcontractorId: '',
+  subcontractorNo: '',
+  taskId: '',
+  technicalAbility: '',
+  testMethod: '',
+  traceability: '',
+  updateTime: '',
+})
+const deviceRef = ref()
+// 表单1验证规则
+const rules = ref<FormRules>({
+  subcontractorNo: [{ required: true, message: '分包方编号必选', trigger: ['blur', 'change'] }],
+  predictStartTime: [{ required: true, message: '预计开始时间必选', trigger: ['blur', 'change'] }],
+  predictEndTime: [{ required: true, message: '预计结束时间必选', trigger: ['blur', 'change'] }],
+  subcontractReason: [{ required: true, message: '分包原因必选', trigger: ['blur', 'change'] }],
+})
+
+// 获取下拉框数据
+const reasonList = ref<{ id: string; value: string; name: string }[]>() // 规模
+const fetchSelectData = () => {
+  // 分包原因
+  getDictByCode('eqptSubpackageReason').then((res) => {
+    reasonList.value = res.data
+  })
+}
+fetchSelectData()
+// 弹窗初始化
+const initDialog = () => {
+  dialogStatus.value = $route.params.type as string || 'detail'
+  ruleFormRef.value?.resetFields()
+  if (!$route.path.includes('create')) {
+    const data = JSON.parse($route.query.row as string)
+    getDetail({ id: data.id }).then((res) => {
+      const data = res.data
+      ruleForm.value = data
+    })
+  }
+  if ($route.path.includes('create') || $route.path.includes('update')) {
+    ruleForm.value.reviewName = '测试、校准或检定工作分包评审表'
+    ruleForm.value.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss') // 创建时间
+    ruleForm.value.createUserId = userStore.id
+    ruleForm.value.createUserName = userStore.name
+    getUserDept().then((res) => {
+      ruleForm.value.createDeptId = res.data.id
+      ruleForm.value.createDeptName = res.data.fullName
+    })
+  }
+}
+onMounted(() => {
+  initDialog()
+})
+// 关闭弹窗
+const close = () => {
+  $router.back()
+}
+
+// 保存
+const saveForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  Promise.all([formEl.validate()]).then(() => {
+    // 验证表格
+    if (deviceRef.value.checkCertificateList()) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then((res) => {
+        ruleForm.value.equipmentList = deviceRef.value.list
+        editReview(ruleForm.value).then((res) => {
+          submitId.value = res.data
+          if (statusName === '已取消' || statusName === '未通过') {
+            submitReview({ id: submitId.value, formId: SCHEDULE.SUBCONTRACT_REVIEW_APPROVAL }).then((res) => {
+              ElMessage.success('已提交')
+              close()
+            })
+          }
+          else {
+            ElMessage.success('保存成功')
+          }
+        })
+      })
+    }
+  })
+}
+// 提交
+const submitForm = () => {
+  if (submitId.value === '') {
+    ElMessage.warning('请先保存')
+    return false
+  }
+  ElMessageBox.confirm(
+    '确认提交吗？',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then((res) => {
+    submitReview({ id: submitId.value, formId: SCHEDULE.SUBCONTRACT_REVIEW_APPROVAL }).then((res) => {
+      ElMessage.success('已提交')
+      close()
+    })
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  close()
+}
+// 编辑
+const editForm = () => {
+  $router.push({
+    path: '/reviewpage/update',
+    query: { ...$route.query },
+  })
+}
+// 删除
+const delForm = () => {
+  ElMessageBox.confirm(
+    '确认删除吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    deleteReview({ id: ruleForm.value.id }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
+  })
+}
+// 取消
+const cancelForm = () => {
+  ElMessageBox.confirm(
+    '确认取消吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    cancelReview({ id: ruleForm.value.id, processInstanceId: ruleForm.value.processId, comments: '' }).then((res) => {
+      ElMessage.success('操作成功')
+      close()
+    })
+  })
+}
+// 审批
+const approvalDialogRef = ref()
+const apply = (type: string) => {
+  const data = JSON.parse($route.query.row as string)
+  approvalDialogRef.value.initDialog(type, data.taskId, data.processId, ruleForm.value.id)
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ruleForm.value.attachment = res.data[0]
+        // 重置当前验证
+        ruleFormRef.value?.clearValidate('minioFileName')
+        ElMessage.success('文件上传成功')
+        loading.close()
+      }
+      else {
+        ElMessage.error(res.message)
+        loading.close()
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+const print = () => {
+
+}
+// 选择分包方
+const subpackageRef = ref()
+const selectSubpackage = () => {
+  subpackageRef.value.initDialog()
+}
+// 确认分包方
+const confirm = (subpackage: any) => {
+  ruleForm.value.subcontractorNo = subpackage.subcontractorNo
+  ruleForm.value.subcontractorId = subpackage.id
+  ruleForm.value.subcontractorDirectorName = subpackage.directorName
+  ruleForm.value.address = subpackage.address
+  ruleForm.value.postcode = subpackage.postcode
+  ruleForm.value.fax = subpackage.fax
+  ruleForm.value.subcontractorCompanyName = subpackage.companyName
+}
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <!-- 审批弹窗 -->
+    <approval-dialog ref="approvalDialogRef" @on-success="() => { $router.back() }" />
+    <!-- 分包方弹窗 -->
+    <subpackage-dialog ref="subpackageRef" @add="confirm" />
+    <detail-page class="base-info-device" :title="`测试、校准或检定工作分包评审表-${textMap[dialogStatus]}`">
+      <template #btns>
+        <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
+          同意
+        </el-button>
+        <el-button v-if="statusName === '待审批'" type="primary" @click="apply('refuse')">
+          拒绝
+        </el-button>
+        <el-button v-if="editBtn(statusName, dialogStatus)" type="primary" @click="editForm()">
+          编辑
+        </el-button>
+        <el-button v-if="submitBtn(statusName, dialogStatus) && statusName !== '已取消' && statusName !== '未通过'" type="primary" @click="submitForm()">
+          提交
+        </el-button>
+        <el-button v-if="submitBtn(statusName, dialogStatus)" type="primary" @click="saveForm(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button v-if="statusName === '已通过'" type="primary" @click="print">
+          打印
+        </el-button>
+        <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
+          删除
+        </el-button>
+        <el-button v-if="statusName === '审批中'" type="info" @click="cancelForm()">
+          取消
+        </el-button>
+        <el-button type="info" @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
+      </template>
+    </detail-page>
+    <detail-block-com>
+      <el-form
+        ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="120px" class="form"
+        :class="[dialogStatus === 'detail' ? 'isDetail' : '']" :disabled="$route.path.includes('detail')"
+      >
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="评审表编号" prop="reviewNo">
+              <el-input v-model.trim="ruleForm.reviewNo" placeholder="系统自动生成" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="评审表名称" prop="reviewName">
+              <el-input v-model.trim="ruleForm.reviewName" placeholder="评审表名称" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请人" prop="createUserName">
+              <el-input v-model.trim="ruleForm.createUserName" placeholder="申请人" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请时间" prop="createTime">
+              <el-date-picker
+                v-model="ruleForm.createTime" type="date" format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD" placeholder="申请时间" class="normal-date" style="width: 100%;" disabled
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="分包方编号" prop="subcontractorNo">
+              <el-input v-model.trim="ruleForm.subcontractorNo" placeholder="分包方编号" @focus="selectSubpackage">
+                <template v-if="!$route.path.includes('detail')" #append>
+                  <span @click="selectSubpackage">选择</span>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包机构名称" prop="subcontractorCompanyName">
+              <el-input v-model.trim="ruleForm.subcontractorCompanyName" placeholder="分包机构名称" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="机构负责人" prop="subcontractorDirectorName">
+              <el-input v-model.trim="ruleForm.subcontractorDirectorName" placeholder="机构负责人" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="地址" prop="address">
+              <el-input v-model.trim="ruleForm.address" placeholder="地址" disabled />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="邮编" prop="postcode">
+              <el-input v-model.trim="ruleForm.postcode" placeholder="邮编" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="传真" prop="fax">
+              <el-input v-model.trim="ruleForm.fax" placeholder="传真" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系人" prop="contact">
+              <el-input v-model.trim="ruleForm.contact" placeholder="请输入联系人" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系电话" prop="contactNumber">
+              <el-input v-model.trim="ruleForm.contactNumber" placeholder="请输入联系电话" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="预计开始时间" prop="predictStartTime">
+              <el-date-picker
+                v-model="ruleForm.predictStartTime" type="date" format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD" placeholder="请选择开始时间" class="normal-date" style="width: 100%;"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计结束时间" prop="predictEndTime">
+              <el-date-picker
+                v-model="ruleForm.predictEndTime" type="date" format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD" placeholder="请选择结束时间" class="normal-date" style="width: 100%;"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因" prop="subcontractReason">
+              <el-select v-model="ruleForm.subcontractReason" placeholder="请选择分包原因" style="width: 100%;">
+                <el-option v-for="item in reasonList" :key="item.id" :label="item.name" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计费用" prop="predictPrice">
+              <el-input v-model.trim="ruleForm.predictPrice" placeholder="请输入预计费用" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="实验室认可情况" prop="labAccreditation">
+              <el-input v-model.trim="ruleForm.labAccreditation" placeholder="请输入实验室认可情况" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="溯源性" prop="traceability">
+              <el-input v-model.trim="ruleForm.traceability" placeholder="请输入溯源性" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="测试方法" prop="testMethod">
+              <el-input v-model.trim="ruleForm.testMethod" placeholder="请输入测试方法" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="技术能力" prop="technicalAbility">
+              <el-input v-model.trim="ruleForm.technicalAbility" placeholder="请输入技术能力" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="12">
+            <el-form-item label="备注" prop="remark">
+              <el-input v-model.trim="ruleForm.remark" placeholder="请输入备注" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" class="marg">
+          <el-col :span="24">
+            <el-form-item label="附件" prop="attachment">
+              <show-photo :minio-file-name="ruleForm.attachment" />
+              <input ref="fileRef" style="display: none;" type="file" @change="onFileChange">
+              <el-button v-if="!$route.path.includes('detail')" type="primary" @click="upload">
+                上传
+              </el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </detail-block-com>
+    <detail-block-com>
+      <device-table ref="deviceRef" :data="ruleForm.equipmentList" :status="dialogStatus" />
+    </detail-block-com>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.isDetail {
+  ::v-deep {
+    .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label::before,
+    .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label::before {
+      content: "";
+      display: none;
+    }
+  }
+}
+</style>
diff --git a/src/views/tested/subpackage/review/components/list.vue b/src/views/tested/subpackage/review/components/list.vue
new file mode 100644
index 0000000..1d84c6e
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/list.vue
@@ -0,0 +1,315 @@
+<!-- 测试、校准或检定合格分包方名录列表 -->
+<script lang="ts" setup name="LoginLog">
+import { reactive, ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import ApprovalDialog from './ApprovalDialog.vue'
+import { delTextBtn, editTextBtn } from '@/utils/applyBtns'
+import { cancelReview, deleteReview, editReview, getDetail, getListPage, submitReview } from '@/api/eqpt/subpackage/review'
+import { getDictByCode } from '@/api/system/dict'
+import { SCHEDULE } from '@/utils/scheduleDict'
+const $props = defineProps({
+  statusName: {
+    type: String,
+    default: '',
+  },
+})
+const applyDict = ref<{ [key: string]: string }>({
+  审批: '',
+  草稿箱: '1',
+  审批中: '3',
+  已通过: '4',
+  未通过: '5',
+  已取消: '6',
+})
+const { proxy } = getCurrentInstance() as any
+const listQuery = reactive({
+  createTimeEnd: '',
+  createTimeStart: '',
+  createUserName: '',
+  reviewNo: '',
+  subcontractorCompanyName: '',
+  offset: 1,
+  limit: 20,
+  approvalStatus: '',
+  formId: SCHEDULE.SUBCONTRACT_REVIEW_APPROVAL,
+})
+const columns = ref([
+  {
+    text: '评审表编号',
+    value: 'reviewNo',
+    align: 'center',
+  },
+  {
+    text: '评审表名称',
+    value: 'reviewName',
+    align: 'center',
+  },
+  {
+    text: '分包机构名称',
+    value: 'subcontractorCompanyName',
+    align: 'center',
+  },
+  {
+    text: '机构负责人',
+    value: 'subcontractorDirectorName',
+    align: 'center',
+  },
+  {
+    text: '申请人',
+    value: 'createUserName',
+    align: 'center',
+  },
+  {
+    text: '申请时间',
+    value: 'createTime',
+    align: 'center',
+  },
+])
+const list = ref([])
+const total = ref(0)
+const listLoading = ref(true)
+
+// 获取列表数据
+const fetchData = (isNowPage = true) => {
+  list.value = []
+  total.value = 0
+  listLoading.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.offset = 1
+  }
+  getListPage(listQuery, $props.statusName).then((response) => {
+    list.value = response.data.rows
+    total.value = parseInt(response.data.total)
+    listLoading.value = false
+  })
+}
+// 查询数据
+const search = () => {
+  fetchData(false)
+}
+// 开始结束时间
+const datetimerange = ref()
+watch(() => datetimerange.value, (newVal) => {
+  if (newVal.length === 2) {
+    listQuery.createTimeStart = newVal[0]
+    listQuery.createTimeEnd = newVal[1]
+  }
+})
+// 重置
+const reset = () => {
+  datetimerange.value = []
+  listQuery.createTimeEnd = ''
+  listQuery.createTimeStart = ''
+  listQuery.createUserName = ''
+  listQuery.reviewNo = ''
+  listQuery.subcontractorCompanyName = ''
+  listQuery.offset = 1
+  listQuery.limit = 20
+  search()
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size: number; page: number }) => {
+  if (val && val.size) {
+    listQuery.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.offset = val.page
+  }
+  fetchData()
+}
+
+const $router = useRouter()
+// 新建编辑操作
+const handler = (row: any, type: string) => {
+  $router.push({
+    path: `/reviewpage/${type}`,
+    query: {
+      row: JSON.stringify(row),
+      id: row.id,
+      statusName: $props.statusName,
+    },
+  })
+}
+// 详情
+const detail = (row: any) => {
+  if ($props.statusName === '草稿箱' || $props.statusName === '未通过' || $props.statusName === '已取消') {
+    handler(row, 'update')
+  }
+  else {
+    $router.push({
+      path: `/reviewpage/${'detail'}`,
+      query: {
+        row: JSON.stringify(row),
+        id: row.id,
+        statusName: $props.statusName,
+      },
+    })
+  }
+}
+// 删除
+const delHandler = (row: any) => {
+  ElMessageBox.confirm(
+    '确认删除此名录吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    deleteReview({ id: row.id }).then((res) => {
+      ElMessage.success('操作成功')
+      search()
+    })
+  })
+}
+// 取消
+const canHandler = (row: any) => {
+  ElMessageBox.confirm(
+    '确认取消此申请吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    cancelReview({ id: row.id, processInstanceId: row.processId, comments: '' }).then((res) => {
+      ElMessage.success('操作成功')
+      search()
+    })
+  })
+}
+// 提交
+const submit = (row: any) => {
+  ElMessageBox.confirm(
+    '确认提交吗？',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then((res) => {
+    submitReview({ id: row.id, formId: SCHEDULE.SUBCONTRACT_REVIEW_APPROVAL }).then((res) => {
+      ElMessage.success('已提交')
+      search()
+    })
+  })
+}
+// 同意拒绝
+const approvalDialogRef = ref()
+const approveHandler = (row: any, type: string) => {
+  approvalDialogRef.value.initDialog(type, row.taskId, row.processId, row.id)
+}
+
+// 审批状态发生变化
+watch(() => $props.statusName, (newVal) => {
+  listQuery.approvalStatus = applyDict.value[newVal] as string
+  fetchData()
+},
+{
+  deep: true,
+  // immediate: true,
+})
+const permUrl = ref({
+  edit: '/tested/device/info/edit',
+  del: '/tested/device/info/delete',
+  submit: '/tested/device/info/submit',
+  cancel: '/tested/device/info/cancel',
+  agree: '/tested/device/info/agree',
+  reject: '/tested/device/info/reject',
+})
+</script>
+
+<template>
+  <app-container>
+    <!-- 审批弹窗 -->
+    <approval-dialog ref="approvalDialogRef" @on-success="search" />
+    <!-- 筛选条件 -->
+    <search-area :need-clear="true" @search="search" @clear="reset">
+      <search-item>
+        <el-input v-model.trim="listQuery.reviewNo" placeholder="评审表编号" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.subcontractorCompanyName" placeholder="分包机构名称" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.createUserName" placeholder="申请人" clearable />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="datetimerange" type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss"
+          format="YYYY-MM-DD HH:mm:ss" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间"
+        />
+      </search-item>
+    </search-area>
+    <table-container>
+      <template v-if="$props.statusName === '全部'" #btns-right>
+        <icon-button icon="icon-add" title="新增" @click="handler({}, 'create')" />
+        <icon-button icon="icon-export" title="导出" />
+      </template>
+      <!-- 普通表格 -->
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="listLoading" :is-showmulti-select="false" @change="changePage"
+      >
+        <template #columns>
+          <el-table-column label="操作" width="160" align="center">
+            <template #default=" scope ">
+              <el-button link type="primary" size="small" @click="detail(scope.row)">
+                查看
+              </el-button>
+              <el-button
+                v-if="proxy.buttonPerm.edit.if({ approvalStatusName: $props.statusName }, permUrl.edit)" link type="primary" size="small"
+                @click="handler(scope.row, 'update')"
+              >
+                编辑
+              </el-button>
+              <el-button
+                v-if="proxy.buttonPerm.agree.if({ approvalStatusName: $props.statusName }, permUrl.agree)" link type="primary" size="small"
+                @click="approveHandler(scope.row, 'agree')"
+              >
+                同意
+              </el-button>
+              <el-button
+                v-if="proxy.buttonPerm.reject.if({ approvalStatusName: $props.statusName }, permUrl.reject)" link type="primary" size="small"
+                @click="approveHandler(scope.row, 'refuse')"
+              >
+                拒绝
+              </el-button>
+              <el-button
+                v-if="proxy.buttonPerm.submit.if({ approvalStatusName: $props.statusName }, permUrl.submit)" link type="primary" size="small"
+                @click="submit(scope.row)"
+              >
+                提交
+              </el-button>
+              <el-button
+                v-if="proxy.buttonPerm.cancel.if({ approvalStatusName: $props.statusName }, permUrl.cancel)" link type="primary" size="small"
+                @click="canHandler(scope.row)"
+              >
+                取消
+              </el-button>
+              <el-button
+                v-if="proxy.buttonPerm.delete.if({ approvalStatusName: $props.statusName }, permUrl.del)" link type="danger" size="small"
+                @click="delHandler(scope.row)"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+.nortable-header {
+  ::v-deep(.el-table__body-wrapper) {
+    display: none;
+  }
+}
+</style>
+
diff --git a/src/views/tested/subpackage/review/components/subpackageDialog.vue b/src/views/tested/subpackage/review/components/subpackageDialog.vue
new file mode 100644
index 0000000..c824f9b
--- /dev/null
+++ b/src/views/tested/subpackage/review/components/subpackageDialog.vue
@@ -0,0 +1,190 @@
+<!-- 分包方弹窗 -->
+<script lang="ts" setup name="selectPerson">
+import { ElMessage } from 'element-plus'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { getDictByCode } from '@/api/system/dict'
+import { getListPage } from '@/api/eqpt/subpackage/directory'
+import { SCHEDULE } from '@/utils/scheduleDict'
+const emits = defineEmits(['add'])
+const dialogFormVisible = ref(false)
+// 查询条件
+const listQuery = ref({
+  createTimeEnd: '',
+  createTimeStart: '',
+  createUserName: '',
+  reviewNo: '',
+  subcontractorCompanyName: '',
+  offset: 1,
+  limit: 5,
+  approvalStatus: '',
+  formId: SCHEDULE.SUBCONTRACT_REVIEW_APPROVAL,
+})
+const loadingTable = ref<boolean>(false)
+const list = ref([]) // 表格数据
+const total = ref(0)
+const select = ref(-1)
+// 证书有效期开始结束时间
+const datetimerange = ref()
+watch(() => datetimerange.value, (newVal) => {
+  if (newVal.length === 2) {
+    listQuery.value.certificateValidStart = newVal[0]
+    listQuery.value.certificateValidEnd = newVal[1]
+  }
+})
+// 表头
+const columns = ref([
+  {
+    text: '分包方编号',
+    value: 'subcontractorNo',
+    align: 'center',
+  },
+  {
+    text: '单位名称',
+    value: 'companyName',
+    align: 'center',
+  },
+  {
+    text: '联系人',
+    value: 'directorName',
+    align: 'center',
+  },
+  {
+    text: '联系电话',
+    value: 'contactNumber',
+    align: 'center',
+  },
+  {
+    text: '测试能力',
+    value: 'testAbility',
+    align: 'center',
+  },
+  {
+    text: '地址',
+    value: 'address',
+    align: 'center',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+    align: 'center',
+  },
+])
+
+// 获取数据列表
+const fetchData = () => {
+  select.value = -1
+  loadingTable.value = true
+  getListPage(listQuery.value, '全部').then((response) => {
+    list.value = response.data.rows
+    total.value = parseInt(response.data.total)
+    loadingTable.value = false
+  })
+}
+// 搜索
+const search = () => {
+  fetchData()
+}
+const selectTreeRef = ref()
+// 重置
+const reset = () => {
+  datetimerange.value = []
+  listQuery.createTimeEnd = ''
+  listQuery.createTimeStart = ''
+  listQuery.createUserName = ''
+  listQuery.reviewNo = ''
+  listQuery.subcontractorCompanyName = ''
+  listQuery.offset = 1
+  listQuery.limit = 20
+  search()
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number;page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  search()
+}
+// 点击保存
+const submitForm = () => {
+  if (select.value >= 0) {
+    const device = list.value.filter((item, index) => index == select.value)[0]
+    emits('add', device)
+    dialogFormVisible.value = false
+    reset()
+  }
+  else {
+    ElMessage.warning('请先选择分包方')
+  }
+}
+// 取消
+const resetForm = () => {
+  dialogFormVisible.value = false
+  reset()
+}
+// 初始化
+const initDialog = () => {
+  dialogFormVisible.value = true
+  fetchData()
+}
+defineExpose({ initDialog })
+</script>
+
+<template>
+  <el-dialog v-model="dialogFormVisible" title="选择分包方" width="65%">
+    <!-- 筛选条件 -->
+    <search-area :need-clear="true" @search="search" @clear="reset">
+      <search-item>
+        <el-input v-model.trim="listQuery.reviewNo" placeholder="评审表编号" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.subcontractorCompanyName" placeholder="分包机构名称" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.createUserName" placeholder="申请人" clearable />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="datetimerange" type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss"
+          format="YYYY-MM-DD HH:mm:ss" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间"
+        />
+      </search-item>
+    </search-area>
+    <!-- 查询结果Table显示 -->
+    <div style="padding: 12px;">
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery" :page-sizes="[5]"
+        :list-loading="loadingTable" @change="changePage"
+      >
+        <template #preColumns>
+          <el-table-column label="" width="55" align="center">
+            <template #default="scope">
+              <el-radio v-model="select" :label="scope.$index" :disabled="scope.row.isRadioDisabled" class="radio" />
+            </template>
+          </el-table-column>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确认</el-button>
+        <el-button @click="resetForm">
+          取消
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+:deep(.el-radio__label) {
+  display: none;
+}
+</style>
diff --git a/src/views/tested/subpackage/review/index.vue b/src/views/tested/subpackage/review/index.vue
index 4de19e6..68cc0a4 100644
--- a/src/views/tested/subpackage/review/index.vue
+++ b/src/views/tested/subpackage/review/index.vue
@@ -1,3 +1,79 @@
+<!-- 测试、校准或检定工作分包评审表 -->
+<script lang="ts" setup name="qualityFile">
+import infoList from './components/list.vue'
+import { getDictByCode } from '@/api/system/dict'
+export interface menuType {
+  name: string
+  comp: any
+}
+const menu = ref<any[]>([
+  { name: '全部', com: infoList, status: '0' },
+  { name: '已审批', com: infoList, status: '0' },
+  { name: '待审批', com: infoList, status: '1' },
+  { name: '审批', com: infoList, status: '2' },
+  { name: '草稿箱', com: infoList, status: '0' },
+  { name: '审批中', com: infoList, status: '0' },
+  { name: '已通过', com: infoList, status: '3' },
+  { name: '未通过', com: infoList, status: '4' },
+  { name: '已取消', com: infoList, status: '4' },
+])
+const current = ref('')
+const com = shallowRef(infoList)
+const currentApprovalStatus = ref('0')
+const approvalStatusMap = ref({}) as any
+const approvalStatusReserveMap = ref({}) as any
+// 获取菜单状态
+const getMenuStatus = () => {
+  getDictByCode('approvalStatus').then((res) => {
+    // 审批状态字典 {1：草稿箱}
+    res.data.forEach((item: any) => {
+      approvalStatusMap.value[`${item.value}`] = item.name
+    })
+    // 审批状态字典 {草稿箱: 1}
+    res.data.forEach((item: any) => {
+      approvalStatusReserveMap.value[item.name] = `${item.value}`
+    })
+    // console.log(approvalStatusReserveMap.value)
+  })
+}
+
+watch(current, (newValue) => {
+  window.sessionStorage.setItem('subpackge-review', newValue)
+  com.value = menu.value.filter(item => item.name === newValue)[0].com
+})
+
+onMounted(async () => {
+  await getMenuStatus()
+  current.value = window.sessionStorage.getItem('subpackge-review') || '全部'
+  com.value = menu.value.filter(item => item.name === current.value)[0].com
+})
+</script>
+
 <template>
-  测试、校准或检定工作分包评审表
+  <div class="container">
+    <div class="btns">
+      <!-- 三级菜单 -->
+      <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>
+    </div>
+    <!-- 展示区域 -->
+    <component :is="com" :status-name="current" />
+  </div>
 </template>
+
+<style lang="scss" scoped>
+.container {
+  position: relative;
+
+  .btns {
+    position: fixed;
+    top: 53px;
+    right: 15px;
+    z-index: 999;
+  }
+}
+</style>
+