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

diff --git a/src/api/eqpt/subpackage/directory.ts b/src/api/eqpt/subpackage/directory.ts
new file mode 100644
index 0000000..e1bbc12
--- /dev/null
+++ b/src/api/eqpt/subpackage/directory.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包名录管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontractor/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontractor/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontractor/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontractor/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontractor/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteDirectory(data: object) {
+  return request({
+    url: `/subcontractor/remove?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontractor/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/tested.ts b/src/router/modules/tested.ts
index 6405f58..1b8de9c 100644
--- a/src/router/modules/tested.ts
+++ b/src/router/modules/tested.ts
@@ -964,6 +964,18 @@
               activeMenu: '/directorylist',
             },
           },
+          {
+            path: '/directorypage/:type',
+            name: 'DirectoryEdit',
+            component: () => import('@/views/tested/subpackage/directory/components/edit.vue'),
+            meta: {
+              title: '测试、校准或检定合格分包方名录',
+              auth: '/tested/subpackage/directory',
+              sidebar: false,
+              breadcrumb: false,
+              activeMenu: '/directorylist',
+            },
+          },
         ],
       },
       {

diff --git a/src/api/eqpt/subpackage/directory.ts b/src/api/eqpt/subpackage/directory.ts
new file mode 100644
index 0000000..e1bbc12
--- /dev/null
+++ b/src/api/eqpt/subpackage/directory.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包名录管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontractor/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontractor/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontractor/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontractor/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontractor/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteDirectory(data: object) {
+  return request({
+    url: `/subcontractor/remove?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontractor/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/tested.ts b/src/router/modules/tested.ts
index 6405f58..1b8de9c 100644
--- a/src/router/modules/tested.ts
+++ b/src/router/modules/tested.ts
@@ -964,6 +964,18 @@
               activeMenu: '/directorylist',
             },
           },
+          {
+            path: '/directorypage/:type',
+            name: 'DirectoryEdit',
+            component: () => import('@/views/tested/subpackage/directory/components/edit.vue'),
+            meta: {
+              title: '测试、校准或检定合格分包方名录',
+              auth: '/tested/subpackage/directory',
+              sidebar: false,
+              breadcrumb: false,
+              activeMenu: '/directorylist',
+            },
+          },
         ],
       },
       {
diff --git a/src/views/tested/document/list/index.vue b/src/views/tested/document/list/index.vue
index db652ec..aac3426 100644
--- a/src/views/tested/document/list/index.vue
+++ b/src/views/tested/document/list/index.vue
@@ -106,7 +106,8 @@
   ).then(() => {
     delDocument(row.id).then((res) => {
       ElMessage.success('操作成功')
-      close()
+      // close()
+      search()
     })
   })
 }

diff --git a/src/api/eqpt/subpackage/directory.ts b/src/api/eqpt/subpackage/directory.ts
new file mode 100644
index 0000000..e1bbc12
--- /dev/null
+++ b/src/api/eqpt/subpackage/directory.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包名录管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontractor/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontractor/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontractor/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontractor/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontractor/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteDirectory(data: object) {
+  return request({
+    url: `/subcontractor/remove?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontractor/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/tested.ts b/src/router/modules/tested.ts
index 6405f58..1b8de9c 100644
--- a/src/router/modules/tested.ts
+++ b/src/router/modules/tested.ts
@@ -964,6 +964,18 @@
               activeMenu: '/directorylist',
             },
           },
+          {
+            path: '/directorypage/:type',
+            name: 'DirectoryEdit',
+            component: () => import('@/views/tested/subpackage/directory/components/edit.vue'),
+            meta: {
+              title: '测试、校准或检定合格分包方名录',
+              auth: '/tested/subpackage/directory',
+              sidebar: false,
+              breadcrumb: false,
+              activeMenu: '/directorylist',
+            },
+          },
         ],
       },
       {
diff --git a/src/views/tested/document/list/index.vue b/src/views/tested/document/list/index.vue
index db652ec..aac3426 100644
--- a/src/views/tested/document/list/index.vue
+++ b/src/views/tested/document/list/index.vue
@@ -106,7 +106,8 @@
   ).then(() => {
     delDocument(row.id).then((res) => {
       ElMessage.success('操作成功')
-      close()
+      // close()
+      search()
     })
   })
 }
diff --git a/src/views/tested/subpackage/directory/components/ApprovalDialog.vue b/src/views/tested/subpackage/directory/components/ApprovalDialog.vue
new file mode 100644
index 0000000..13a2122
--- /dev/null
+++ b/src/views/tested/subpackage/directory/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/directory'
+/**
+ * 审批弹窗
+ */
+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/directory.ts b/src/api/eqpt/subpackage/directory.ts
new file mode 100644
index 0000000..e1bbc12
--- /dev/null
+++ b/src/api/eqpt/subpackage/directory.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包名录管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontractor/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontractor/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontractor/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontractor/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontractor/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteDirectory(data: object) {
+  return request({
+    url: `/subcontractor/remove?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontractor/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/tested.ts b/src/router/modules/tested.ts
index 6405f58..1b8de9c 100644
--- a/src/router/modules/tested.ts
+++ b/src/router/modules/tested.ts
@@ -964,6 +964,18 @@
               activeMenu: '/directorylist',
             },
           },
+          {
+            path: '/directorypage/:type',
+            name: 'DirectoryEdit',
+            component: () => import('@/views/tested/subpackage/directory/components/edit.vue'),
+            meta: {
+              title: '测试、校准或检定合格分包方名录',
+              auth: '/tested/subpackage/directory',
+              sidebar: false,
+              breadcrumb: false,
+              activeMenu: '/directorylist',
+            },
+          },
         ],
       },
       {
diff --git a/src/views/tested/document/list/index.vue b/src/views/tested/document/list/index.vue
index db652ec..aac3426 100644
--- a/src/views/tested/document/list/index.vue
+++ b/src/views/tested/document/list/index.vue
@@ -106,7 +106,8 @@
   ).then(() => {
     delDocument(row.id).then((res) => {
       ElMessage.success('操作成功')
-      close()
+      // close()
+      search()
     })
   })
 }
diff --git a/src/views/tested/subpackage/directory/components/ApprovalDialog.vue b/src/views/tested/subpackage/directory/components/ApprovalDialog.vue
new file mode 100644
index 0000000..13a2122
--- /dev/null
+++ b/src/views/tested/subpackage/directory/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/directory'
+/**
+ * 审批弹窗
+ */
+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/directory/components/capacityTable.vue b/src/views/tested/subpackage/directory/components/capacityTable.vue
new file mode 100644
index 0000000..bde4861
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/capacityTable.vue
@@ -0,0 +1,147 @@
+<!-- 业务能力表格 -->
+<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: 'abilityName',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+  {
+    text: '能力描述',
+    value: 'abilityDescription',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+  {
+    text: '报价',
+    value: 'price',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+])
+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({
+      abilityDescription: '',
+      abilityName: '',
+      price: '',
+      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.isSelect" 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/directory.ts b/src/api/eqpt/subpackage/directory.ts
new file mode 100644
index 0000000..e1bbc12
--- /dev/null
+++ b/src/api/eqpt/subpackage/directory.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包名录管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontractor/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontractor/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontractor/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontractor/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontractor/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteDirectory(data: object) {
+  return request({
+    url: `/subcontractor/remove?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontractor/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/tested.ts b/src/router/modules/tested.ts
index 6405f58..1b8de9c 100644
--- a/src/router/modules/tested.ts
+++ b/src/router/modules/tested.ts
@@ -964,6 +964,18 @@
               activeMenu: '/directorylist',
             },
           },
+          {
+            path: '/directorypage/:type',
+            name: 'DirectoryEdit',
+            component: () => import('@/views/tested/subpackage/directory/components/edit.vue'),
+            meta: {
+              title: '测试、校准或检定合格分包方名录',
+              auth: '/tested/subpackage/directory',
+              sidebar: false,
+              breadcrumb: false,
+              activeMenu: '/directorylist',
+            },
+          },
         ],
       },
       {
diff --git a/src/views/tested/document/list/index.vue b/src/views/tested/document/list/index.vue
index db652ec..aac3426 100644
--- a/src/views/tested/document/list/index.vue
+++ b/src/views/tested/document/list/index.vue
@@ -106,7 +106,8 @@
   ).then(() => {
     delDocument(row.id).then((res) => {
       ElMessage.success('操作成功')
-      close()
+      // close()
+      search()
     })
   })
 }
diff --git a/src/views/tested/subpackage/directory/components/ApprovalDialog.vue b/src/views/tested/subpackage/directory/components/ApprovalDialog.vue
new file mode 100644
index 0000000..13a2122
--- /dev/null
+++ b/src/views/tested/subpackage/directory/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/directory'
+/**
+ * 审批弹窗
+ */
+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/directory/components/capacityTable.vue b/src/views/tested/subpackage/directory/components/capacityTable.vue
new file mode 100644
index 0000000..bde4861
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/capacityTable.vue
@@ -0,0 +1,147 @@
+<!-- 业务能力表格 -->
+<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: 'abilityName',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+  {
+    text: '能力描述',
+    value: 'abilityDescription',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+  {
+    text: '报价',
+    value: 'price',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+])
+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({
+      abilityDescription: '',
+      abilityName: '',
+      price: '',
+      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.isSelect" 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
new file mode 100644
index 0000000..45752c6
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/edit.vue
@@ -0,0 +1,542 @@
+<!-- 设备基本信息 -->
+<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 { includes } from 'lodash-es'
+import path from 'path-browserify'
+import QueryString from 'qs'
+import { routeLocationKey } from 'vue-router'
+import personTable from './personTable.vue'
+import capacityTable from './capacityTable.vue'
+import ApprovalDialog from './ApprovalDialog.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 { cancelDirectory, editDirectory, getDetail, submitDirectory } from '@/api/eqpt/subpackage/directory'
+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: '',
+  attachments: '',
+  bankAccount: '',
+  bankName: '',
+  bankNumber: '',
+  businessContent: '',
+  businessScale: '',
+  companyName: '',
+  companySimpleName: '',
+  contactNumber: '',
+  createDeptId: '',
+  createDeptName: '',
+  createTime: '',
+  createUserId: '',
+  createUserName: '',
+  decisionItem: '',
+  directorName: '',
+  email: '',
+  fax: '',
+  id: '',
+  invoiceAddress: '',
+  overallEvaluation: '',
+  performanceRating: '',
+  postcode: '',
+  processId: '',
+  remark: '',
+  scale: '',
+  subcontractorNo: '',
+  taskId: '',
+  taxNumber: '',
+  telephone: '',
+  testAbility: '',
+  updateTime: '',
+  webAddress: '',
+})
+// 人员列表
+
+const personRef = ref()
+const personList = ref()
+// 能力列表
+const capacityList = ref()
+const capacityRef = ref()
+const radio = ref('基本信息')
+// 表单1验证规则
+const rules = ref<FormRules>({
+  subcontractorNo: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  companyName: [{ required: true, message: '单位名称必填', trigger: ['blur', 'change'] }],
+  companySimpleName: [{ required: true, message: '单位简称必填', trigger: ['blur', 'change'] }],
+  businessContent: [{ required: true, message: '业务内容必填', trigger: ['blur', 'change'] }],
+  scale: [{ required: true, message: '规模必选', trigger: ['blur', 'change'] }],
+  businessScale: [{ required: true, message: '业务规模必选', trigger: ['blur', 'change'] }],
+  performanceRating: [{ required: true, message: '履约评级必选', trigger: ['blur', 'change'] }],
+  overallEvaluation: [{ required: true, message: '整体评价必选', trigger: ['blur', 'change'] }],
+  taxNumber: [{ required: true, message: '税号必填', trigger: ['blur', 'change'] }],
+  bankAccount: [{ required: true, message: '银行账户名必填', trigger: ['blur', 'change'] }],
+  bankNumber: [{ required: true, message: '银行账号必填', trigger: ['blur', 'change'] }],
+  postcode: [{ required: true, message: '邮编必填', trigger: ['blur', 'change'] }],
+  directorName: [{ required: true, message: '联系人必填', trigger: ['blur', 'change'] }],
+  contactNumber: [{ required: true, message: '联系电话必填', trigger: ['blur', 'change'] }],
+  fax: [{ required: true, message: '传真必填', trigger: ['blur', 'change'] }],
+  telephone: [{ required: true, message: '手机号必填', trigger: ['blur', 'change'] }],
+  email: [{ required: true, message: '邮箱必填', trigger: ['blur', 'change'] }],
+  address: [{ required: true, message: '地址必填', trigger: ['blur', 'change'] }],
+  invoiceAddress: [{ required: true, message: '开票用地址必填', trigger: ['blur', 'change'] }],
+  testAbility: [{ required: true, message: '测试能力必填', trigger: ['blur', 'change'] }],
+})
+
+// 获取下拉框数据
+const companySize = ref<{ id: string; value: string; name: string }[]>() // 规模
+const businessSize = ref<{ id: string; value: string; name: string }[]>() // 业务规模
+const performance = ref<{ id: string; value: string; name: string }[]>() // 履约评级
+const evaluation = ref<{ id: string; value: string; name: string }[]>() // 整体评价
+const fetchSelectData = () => {
+  // 规模
+  getDictByCode('eqptCompanySize').then((res) => {
+    companySize.value = res.data
+  })
+  // 业务规模
+  getDictByCode('eqptBusinessSize').then((res) => {
+    businessSize.value = res.data
+  })
+  // 履约评级
+  getDictByCode('eqptPerformanceRating').then((res) => {
+    performance.value = res.data
+  })
+  // 整体评价
+  getDictByCode('eqptOverallEvaluation').then((res) => {
+    evaluation.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.subcontractor
+      personList.value = data.staffList
+      capacityList.value = data.abilityList
+    })
+  }
+  if ($route.path.includes('create') || $route.path.includes('update')) {
+    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 (capacityRef.value.checkCertificateList() && personRef.value.checkCertificateList()) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then((res) => {
+        const data = {
+          subcontractor: ruleForm.value,
+          abilityList: capacityRef.value.list, // 业务能力
+          certificateList: [], // 分包证书
+          staffList: personRef.value.list, // 分包人员
+        }
+        editDirectory(data).then((res) => {
+          submitId.value = res.data
+          if (statusName === '已取消' || statusName === '未通过') {
+            submitDirectory({ id: submitId.value, formId: SCHEDULE.SUBCONTRACTOR_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) => {
+    submitDirectory({ id: submitId.value, formId: SCHEDULE.SUBCONTRACTOR_APPROVAL }).then((res) => {
+      ElMessage.success('已提交')
+      close()
+    })
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  close()
+}
+// 编辑
+const editForm = () => {
+  $router.push({
+    path: '/directorypage/update',
+    query: { ...$route.query },
+  })
+}
+// 删除
+const delForm = () => {
+  ElMessageBox.confirm(
+    '确认删除设备信息吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    // deleteInfo({ id: ruleForm.value.id }).then((res) => {
+    //   ElMessage.success('操作成功')
+    //   close()
+    // })
+  })
+}
+// 取消
+const cancelForm = () => {
+  ElMessageBox.confirm(
+    '确认取消吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    // cancelInfo({ 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.attachments = 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 = () => {
+
+}
+defineExpose({ ruleForm, apply, editForm, submitForm, saveForm, delForm, print, cancelForm })
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <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>
+        <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-radio-group v-model="radio">
+        <el-radio-button label="基本信息" />
+        <el-radio-button label="分包方人员" />
+        <el-radio-button label="业务能力" />
+      </el-radio-group>
+    </detail-block-com>
+    <!-- 基本信息 -->
+    <div v-show="radio === '基本信息'">
+      <detail-block-com>
+        <el-form
+          ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px" 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="subcontractorNo">
+                <el-input v-model.trim="ruleForm.subcontractorNo" placeholder="分包方编号" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="单位名称" prop="companyName">
+                <el-input v-model.trim="ruleForm.companyName" placeholder="单位名称" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="单位简称" prop="companySimpleName">
+                <el-input v-model.trim="ruleForm.companySimpleName" placeholder="单位简称" />
+              </el-form-item>
+              <!-- <el-form-item label="单位简称" prop="usageStatus">
+                <el-select v-model="ruleForm.usageStatus" placeholder="选择使用状态" style="width: 100%;">
+                  <el-option v-for="item in useStatusList" :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="businessContent">
+                <el-input v-model.trim="ruleForm.businessContent" placeholder="业务内容" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="6">
+              <el-form-item label="规模" prop="scale">
+                <el-select v-model="ruleForm.scale" placeholder="选择规模" style="width: 100%;">
+                  <el-option v-for="item in companySize" :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="businessScale">
+                <el-select v-model="ruleForm.businessScale" placeholder="选择业务规模" style="width: 100%;">
+                  <el-option v-for="item in businessSize" :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="performanceRating">
+                <el-select v-model="ruleForm.performanceRating" placeholder="选择评级" style="width: 100%;">
+                  <el-option v-for="item in performance" :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="overallEvaluation">
+                <el-select v-model="ruleForm.overallEvaluation" placeholder="选择评价" style="width: 100%;">
+                  <el-option v-for="item in evaluation" :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="productDate">
+                <el-date-picker
+                  v-model="ruleForm.productDate" type="date" format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD" placeholder="请选择生产日期" class="normal-date" style="width: 100%;"
+                />
+              </el-form-item>
+            </el-col> -->
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="6">
+              <el-form-item label="税号" prop="taxNumber">
+                <el-input v-model.trim="ruleForm.taxNumber" placeholder="请输入税号" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="银行账户名" prop="bankAccount">
+                <el-input v-model.trim="ruleForm.bankAccount" placeholder="请输入银行账户名" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="银行名称" prop="bankName">
+                <el-input v-model.trim="ruleForm.bankName" placeholder="请输入银行名称" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="银行账号" prop="bankNumber">
+                <el-input v-model.trim="ruleForm.bankNumber" placeholder="请输入银行账号" />
+              </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="请输入邮编" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="联系人" prop="directorName">
+                <el-input v-model.trim="ruleForm.directorName" 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-col :span="6">
+              <el-form-item label="传真" prop="fax">
+                <el-input v-model.trim="ruleForm.fax" placeholder="请输入传真" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="6">
+              <el-form-item label="手机" prop="telephone">
+                <el-input v-model.trim="ruleForm.telephone" placeholder="请输入手机" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="邮箱" prop="email">
+                <el-input v-model.trim="ruleForm.email" placeholder="请输入邮箱" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="网址" prop="webAddress">
+                <el-input v-model.trim="ruleForm.webAddress" placeholder="请输入网址" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="地址" prop="address">
+                <el-input v-model.trim="ruleForm.address" placeholder="请输入地址" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="开票用地址" prop="invoiceAddress">
+                <el-input v-model.trim="ruleForm.invoiceAddress" placeholder="请输入开票用地址" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="测试能力" prop="testAbility">
+                <el-input v-model.trim="ruleForm.testAbility" 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="attachments">
+                <show-photo :minio-file-name="ruleForm.attachments" />
+                <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>
+    </div>
+    <div v-show="radio === '分包方人员'">
+      <person-table ref="personRef" :data="personList" :status="dialogStatus" />
+    </div>
+    <div v-show="radio === '业务能力'">
+      <capacity-table ref="capacityRef" :data="capacityList" :status="dialogStatus" />
+    </div>
+  </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/directory.ts b/src/api/eqpt/subpackage/directory.ts
new file mode 100644
index 0000000..e1bbc12
--- /dev/null
+++ b/src/api/eqpt/subpackage/directory.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包名录管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontractor/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontractor/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontractor/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontractor/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontractor/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteDirectory(data: object) {
+  return request({
+    url: `/subcontractor/remove?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontractor/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/tested.ts b/src/router/modules/tested.ts
index 6405f58..1b8de9c 100644
--- a/src/router/modules/tested.ts
+++ b/src/router/modules/tested.ts
@@ -964,6 +964,18 @@
               activeMenu: '/directorylist',
             },
           },
+          {
+            path: '/directorypage/:type',
+            name: 'DirectoryEdit',
+            component: () => import('@/views/tested/subpackage/directory/components/edit.vue'),
+            meta: {
+              title: '测试、校准或检定合格分包方名录',
+              auth: '/tested/subpackage/directory',
+              sidebar: false,
+              breadcrumb: false,
+              activeMenu: '/directorylist',
+            },
+          },
         ],
       },
       {
diff --git a/src/views/tested/document/list/index.vue b/src/views/tested/document/list/index.vue
index db652ec..aac3426 100644
--- a/src/views/tested/document/list/index.vue
+++ b/src/views/tested/document/list/index.vue
@@ -106,7 +106,8 @@
   ).then(() => {
     delDocument(row.id).then((res) => {
       ElMessage.success('操作成功')
-      close()
+      // close()
+      search()
     })
   })
 }
diff --git a/src/views/tested/subpackage/directory/components/ApprovalDialog.vue b/src/views/tested/subpackage/directory/components/ApprovalDialog.vue
new file mode 100644
index 0000000..13a2122
--- /dev/null
+++ b/src/views/tested/subpackage/directory/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/directory'
+/**
+ * 审批弹窗
+ */
+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/directory/components/capacityTable.vue b/src/views/tested/subpackage/directory/components/capacityTable.vue
new file mode 100644
index 0000000..bde4861
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/capacityTable.vue
@@ -0,0 +1,147 @@
+<!-- 业务能力表格 -->
+<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: 'abilityName',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+  {
+    text: '能力描述',
+    value: 'abilityDescription',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+  {
+    text: '报价',
+    value: 'price',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+])
+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({
+      abilityDescription: '',
+      abilityName: '',
+      price: '',
+      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.isSelect" 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
new file mode 100644
index 0000000..45752c6
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/edit.vue
@@ -0,0 +1,542 @@
+<!-- 设备基本信息 -->
+<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 { includes } from 'lodash-es'
+import path from 'path-browserify'
+import QueryString from 'qs'
+import { routeLocationKey } from 'vue-router'
+import personTable from './personTable.vue'
+import capacityTable from './capacityTable.vue'
+import ApprovalDialog from './ApprovalDialog.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 { cancelDirectory, editDirectory, getDetail, submitDirectory } from '@/api/eqpt/subpackage/directory'
+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: '',
+  attachments: '',
+  bankAccount: '',
+  bankName: '',
+  bankNumber: '',
+  businessContent: '',
+  businessScale: '',
+  companyName: '',
+  companySimpleName: '',
+  contactNumber: '',
+  createDeptId: '',
+  createDeptName: '',
+  createTime: '',
+  createUserId: '',
+  createUserName: '',
+  decisionItem: '',
+  directorName: '',
+  email: '',
+  fax: '',
+  id: '',
+  invoiceAddress: '',
+  overallEvaluation: '',
+  performanceRating: '',
+  postcode: '',
+  processId: '',
+  remark: '',
+  scale: '',
+  subcontractorNo: '',
+  taskId: '',
+  taxNumber: '',
+  telephone: '',
+  testAbility: '',
+  updateTime: '',
+  webAddress: '',
+})
+// 人员列表
+
+const personRef = ref()
+const personList = ref()
+// 能力列表
+const capacityList = ref()
+const capacityRef = ref()
+const radio = ref('基本信息')
+// 表单1验证规则
+const rules = ref<FormRules>({
+  subcontractorNo: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  companyName: [{ required: true, message: '单位名称必填', trigger: ['blur', 'change'] }],
+  companySimpleName: [{ required: true, message: '单位简称必填', trigger: ['blur', 'change'] }],
+  businessContent: [{ required: true, message: '业务内容必填', trigger: ['blur', 'change'] }],
+  scale: [{ required: true, message: '规模必选', trigger: ['blur', 'change'] }],
+  businessScale: [{ required: true, message: '业务规模必选', trigger: ['blur', 'change'] }],
+  performanceRating: [{ required: true, message: '履约评级必选', trigger: ['blur', 'change'] }],
+  overallEvaluation: [{ required: true, message: '整体评价必选', trigger: ['blur', 'change'] }],
+  taxNumber: [{ required: true, message: '税号必填', trigger: ['blur', 'change'] }],
+  bankAccount: [{ required: true, message: '银行账户名必填', trigger: ['blur', 'change'] }],
+  bankNumber: [{ required: true, message: '银行账号必填', trigger: ['blur', 'change'] }],
+  postcode: [{ required: true, message: '邮编必填', trigger: ['blur', 'change'] }],
+  directorName: [{ required: true, message: '联系人必填', trigger: ['blur', 'change'] }],
+  contactNumber: [{ required: true, message: '联系电话必填', trigger: ['blur', 'change'] }],
+  fax: [{ required: true, message: '传真必填', trigger: ['blur', 'change'] }],
+  telephone: [{ required: true, message: '手机号必填', trigger: ['blur', 'change'] }],
+  email: [{ required: true, message: '邮箱必填', trigger: ['blur', 'change'] }],
+  address: [{ required: true, message: '地址必填', trigger: ['blur', 'change'] }],
+  invoiceAddress: [{ required: true, message: '开票用地址必填', trigger: ['blur', 'change'] }],
+  testAbility: [{ required: true, message: '测试能力必填', trigger: ['blur', 'change'] }],
+})
+
+// 获取下拉框数据
+const companySize = ref<{ id: string; value: string; name: string }[]>() // 规模
+const businessSize = ref<{ id: string; value: string; name: string }[]>() // 业务规模
+const performance = ref<{ id: string; value: string; name: string }[]>() // 履约评级
+const evaluation = ref<{ id: string; value: string; name: string }[]>() // 整体评价
+const fetchSelectData = () => {
+  // 规模
+  getDictByCode('eqptCompanySize').then((res) => {
+    companySize.value = res.data
+  })
+  // 业务规模
+  getDictByCode('eqptBusinessSize').then((res) => {
+    businessSize.value = res.data
+  })
+  // 履约评级
+  getDictByCode('eqptPerformanceRating').then((res) => {
+    performance.value = res.data
+  })
+  // 整体评价
+  getDictByCode('eqptOverallEvaluation').then((res) => {
+    evaluation.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.subcontractor
+      personList.value = data.staffList
+      capacityList.value = data.abilityList
+    })
+  }
+  if ($route.path.includes('create') || $route.path.includes('update')) {
+    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 (capacityRef.value.checkCertificateList() && personRef.value.checkCertificateList()) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then((res) => {
+        const data = {
+          subcontractor: ruleForm.value,
+          abilityList: capacityRef.value.list, // 业务能力
+          certificateList: [], // 分包证书
+          staffList: personRef.value.list, // 分包人员
+        }
+        editDirectory(data).then((res) => {
+          submitId.value = res.data
+          if (statusName === '已取消' || statusName === '未通过') {
+            submitDirectory({ id: submitId.value, formId: SCHEDULE.SUBCONTRACTOR_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) => {
+    submitDirectory({ id: submitId.value, formId: SCHEDULE.SUBCONTRACTOR_APPROVAL }).then((res) => {
+      ElMessage.success('已提交')
+      close()
+    })
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  close()
+}
+// 编辑
+const editForm = () => {
+  $router.push({
+    path: '/directorypage/update',
+    query: { ...$route.query },
+  })
+}
+// 删除
+const delForm = () => {
+  ElMessageBox.confirm(
+    '确认删除设备信息吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    // deleteInfo({ id: ruleForm.value.id }).then((res) => {
+    //   ElMessage.success('操作成功')
+    //   close()
+    // })
+  })
+}
+// 取消
+const cancelForm = () => {
+  ElMessageBox.confirm(
+    '确认取消吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    // cancelInfo({ 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.attachments = 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 = () => {
+
+}
+defineExpose({ ruleForm, apply, editForm, submitForm, saveForm, delForm, print, cancelForm })
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <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>
+        <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-radio-group v-model="radio">
+        <el-radio-button label="基本信息" />
+        <el-radio-button label="分包方人员" />
+        <el-radio-button label="业务能力" />
+      </el-radio-group>
+    </detail-block-com>
+    <!-- 基本信息 -->
+    <div v-show="radio === '基本信息'">
+      <detail-block-com>
+        <el-form
+          ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px" 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="subcontractorNo">
+                <el-input v-model.trim="ruleForm.subcontractorNo" placeholder="分包方编号" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="单位名称" prop="companyName">
+                <el-input v-model.trim="ruleForm.companyName" placeholder="单位名称" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="单位简称" prop="companySimpleName">
+                <el-input v-model.trim="ruleForm.companySimpleName" placeholder="单位简称" />
+              </el-form-item>
+              <!-- <el-form-item label="单位简称" prop="usageStatus">
+                <el-select v-model="ruleForm.usageStatus" placeholder="选择使用状态" style="width: 100%;">
+                  <el-option v-for="item in useStatusList" :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="businessContent">
+                <el-input v-model.trim="ruleForm.businessContent" placeholder="业务内容" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="6">
+              <el-form-item label="规模" prop="scale">
+                <el-select v-model="ruleForm.scale" placeholder="选择规模" style="width: 100%;">
+                  <el-option v-for="item in companySize" :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="businessScale">
+                <el-select v-model="ruleForm.businessScale" placeholder="选择业务规模" style="width: 100%;">
+                  <el-option v-for="item in businessSize" :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="performanceRating">
+                <el-select v-model="ruleForm.performanceRating" placeholder="选择评级" style="width: 100%;">
+                  <el-option v-for="item in performance" :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="overallEvaluation">
+                <el-select v-model="ruleForm.overallEvaluation" placeholder="选择评价" style="width: 100%;">
+                  <el-option v-for="item in evaluation" :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="productDate">
+                <el-date-picker
+                  v-model="ruleForm.productDate" type="date" format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD" placeholder="请选择生产日期" class="normal-date" style="width: 100%;"
+                />
+              </el-form-item>
+            </el-col> -->
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="6">
+              <el-form-item label="税号" prop="taxNumber">
+                <el-input v-model.trim="ruleForm.taxNumber" placeholder="请输入税号" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="银行账户名" prop="bankAccount">
+                <el-input v-model.trim="ruleForm.bankAccount" placeholder="请输入银行账户名" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="银行名称" prop="bankName">
+                <el-input v-model.trim="ruleForm.bankName" placeholder="请输入银行名称" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="银行账号" prop="bankNumber">
+                <el-input v-model.trim="ruleForm.bankNumber" placeholder="请输入银行账号" />
+              </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="请输入邮编" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="联系人" prop="directorName">
+                <el-input v-model.trim="ruleForm.directorName" 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-col :span="6">
+              <el-form-item label="传真" prop="fax">
+                <el-input v-model.trim="ruleForm.fax" placeholder="请输入传真" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="6">
+              <el-form-item label="手机" prop="telephone">
+                <el-input v-model.trim="ruleForm.telephone" placeholder="请输入手机" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="邮箱" prop="email">
+                <el-input v-model.trim="ruleForm.email" placeholder="请输入邮箱" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="网址" prop="webAddress">
+                <el-input v-model.trim="ruleForm.webAddress" placeholder="请输入网址" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="地址" prop="address">
+                <el-input v-model.trim="ruleForm.address" placeholder="请输入地址" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="开票用地址" prop="invoiceAddress">
+                <el-input v-model.trim="ruleForm.invoiceAddress" placeholder="请输入开票用地址" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="测试能力" prop="testAbility">
+                <el-input v-model.trim="ruleForm.testAbility" 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="attachments">
+                <show-photo :minio-file-name="ruleForm.attachments" />
+                <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>
+    </div>
+    <div v-show="radio === '分包方人员'">
+      <person-table ref="personRef" :data="personList" :status="dialogStatus" />
+    </div>
+    <div v-show="radio === '业务能力'">
+      <capacity-table ref="capacityRef" :data="capacityList" :status="dialogStatus" />
+    </div>
+  </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/directory/components/list.vue b/src/views/tested/subpackage/directory/components/list.vue
new file mode 100644
index 0000000..98716af
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/list.vue
@@ -0,0 +1,321 @@
+<!-- 测试、校准或检定合格分包方名录列表 -->
+<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 ApprovalDialog from './ApprovalDialog.vue'
+import { cancelDirectory, editDirectory, getDetail, getListPage, submitDirectory, deleteDirectory } from '@/api/eqpt/subpackage/directory'
+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<IlistQueryType>({
+  companyName: '',
+  createTimeEnd: '',
+  createTimeStart: '',
+  directorName: '',
+  subcontractorNo: '',
+  offset: 1,
+  limit: 20,
+  approvalStatus: '',
+  formId: SCHEDULE.SUBCONTRACTOR_APPROVAL,
+})
+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 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.companyName = ''
+  listQuery.createTimeEnd = ''
+  listQuery.createTimeStart = ''
+  listQuery.directorName = ''
+  listQuery.subcontractorNo = ''
+  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: IlistObjType, type: string) => {
+  $router.push({
+    path: `/directorypage/${type}`,
+    query: {
+      row: JSON.stringify(row),
+      id: row.id,
+      statusName: $props.statusName,
+    },
+  })
+}
+// 详情
+const detail = (row: IlistObjType) => {
+  if ($props.statusName === '草稿箱' || $props.statusName === '未通过' || $props.statusName === '已取消') {
+    handler(row, 'update')
+  }
+  else {
+    $router.push({
+      path: `/directorypage/${'detail'}`,
+      query: {
+        row: JSON.stringify(row),
+        id: row.id,
+        statusName: $props.statusName,
+      },
+    })
+  }
+}
+// 删除
+const delHandler = (row: IlistObjType) => {
+  ElMessageBox.confirm(
+    '确认删除此名录吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    deleteDirectory({ id: row.id }).then((res) => {
+      ElMessage.success('操作成功')
+      search()
+    })
+  })
+}
+// 取消
+const canHandler = (row: IlistObjType) => {
+  ElMessageBox.confirm(
+    '确认取消此申请吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    cancelDirectory({ id: row.id, processInstanceId: row.processId, comments: '' }).then((res) => {
+      ElMessage.success('操作成功')
+      search()
+    })
+  })
+}
+// 提交
+const submit = (row: any) => {
+  ElMessageBox.confirm(
+    '确认提交吗？',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then((res) => {
+    submitDirectory({ id: row.id, formId: SCHEDULE.DEVICE_INFO_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.subcontractorNo" placeholder="分包方编号" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.companyName" placeholder="单位名称" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.directorName" 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/directory.ts b/src/api/eqpt/subpackage/directory.ts
new file mode 100644
index 0000000..e1bbc12
--- /dev/null
+++ b/src/api/eqpt/subpackage/directory.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包名录管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontractor/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontractor/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontractor/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontractor/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontractor/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteDirectory(data: object) {
+  return request({
+    url: `/subcontractor/remove?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontractor/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/tested.ts b/src/router/modules/tested.ts
index 6405f58..1b8de9c 100644
--- a/src/router/modules/tested.ts
+++ b/src/router/modules/tested.ts
@@ -964,6 +964,18 @@
               activeMenu: '/directorylist',
             },
           },
+          {
+            path: '/directorypage/:type',
+            name: 'DirectoryEdit',
+            component: () => import('@/views/tested/subpackage/directory/components/edit.vue'),
+            meta: {
+              title: '测试、校准或检定合格分包方名录',
+              auth: '/tested/subpackage/directory',
+              sidebar: false,
+              breadcrumb: false,
+              activeMenu: '/directorylist',
+            },
+          },
         ],
       },
       {
diff --git a/src/views/tested/document/list/index.vue b/src/views/tested/document/list/index.vue
index db652ec..aac3426 100644
--- a/src/views/tested/document/list/index.vue
+++ b/src/views/tested/document/list/index.vue
@@ -106,7 +106,8 @@
   ).then(() => {
     delDocument(row.id).then((res) => {
       ElMessage.success('操作成功')
-      close()
+      // close()
+      search()
     })
   })
 }
diff --git a/src/views/tested/subpackage/directory/components/ApprovalDialog.vue b/src/views/tested/subpackage/directory/components/ApprovalDialog.vue
new file mode 100644
index 0000000..13a2122
--- /dev/null
+++ b/src/views/tested/subpackage/directory/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/directory'
+/**
+ * 审批弹窗
+ */
+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/directory/components/capacityTable.vue b/src/views/tested/subpackage/directory/components/capacityTable.vue
new file mode 100644
index 0000000..bde4861
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/capacityTable.vue
@@ -0,0 +1,147 @@
+<!-- 业务能力表格 -->
+<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: 'abilityName',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+  {
+    text: '能力描述',
+    value: 'abilityDescription',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+  {
+    text: '报价',
+    value: 'price',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+])
+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({
+      abilityDescription: '',
+      abilityName: '',
+      price: '',
+      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.isSelect" 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
new file mode 100644
index 0000000..45752c6
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/edit.vue
@@ -0,0 +1,542 @@
+<!-- 设备基本信息 -->
+<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 { includes } from 'lodash-es'
+import path from 'path-browserify'
+import QueryString from 'qs'
+import { routeLocationKey } from 'vue-router'
+import personTable from './personTable.vue'
+import capacityTable from './capacityTable.vue'
+import ApprovalDialog from './ApprovalDialog.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 { cancelDirectory, editDirectory, getDetail, submitDirectory } from '@/api/eqpt/subpackage/directory'
+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: '',
+  attachments: '',
+  bankAccount: '',
+  bankName: '',
+  bankNumber: '',
+  businessContent: '',
+  businessScale: '',
+  companyName: '',
+  companySimpleName: '',
+  contactNumber: '',
+  createDeptId: '',
+  createDeptName: '',
+  createTime: '',
+  createUserId: '',
+  createUserName: '',
+  decisionItem: '',
+  directorName: '',
+  email: '',
+  fax: '',
+  id: '',
+  invoiceAddress: '',
+  overallEvaluation: '',
+  performanceRating: '',
+  postcode: '',
+  processId: '',
+  remark: '',
+  scale: '',
+  subcontractorNo: '',
+  taskId: '',
+  taxNumber: '',
+  telephone: '',
+  testAbility: '',
+  updateTime: '',
+  webAddress: '',
+})
+// 人员列表
+
+const personRef = ref()
+const personList = ref()
+// 能力列表
+const capacityList = ref()
+const capacityRef = ref()
+const radio = ref('基本信息')
+// 表单1验证规则
+const rules = ref<FormRules>({
+  subcontractorNo: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  companyName: [{ required: true, message: '单位名称必填', trigger: ['blur', 'change'] }],
+  companySimpleName: [{ required: true, message: '单位简称必填', trigger: ['blur', 'change'] }],
+  businessContent: [{ required: true, message: '业务内容必填', trigger: ['blur', 'change'] }],
+  scale: [{ required: true, message: '规模必选', trigger: ['blur', 'change'] }],
+  businessScale: [{ required: true, message: '业务规模必选', trigger: ['blur', 'change'] }],
+  performanceRating: [{ required: true, message: '履约评级必选', trigger: ['blur', 'change'] }],
+  overallEvaluation: [{ required: true, message: '整体评价必选', trigger: ['blur', 'change'] }],
+  taxNumber: [{ required: true, message: '税号必填', trigger: ['blur', 'change'] }],
+  bankAccount: [{ required: true, message: '银行账户名必填', trigger: ['blur', 'change'] }],
+  bankNumber: [{ required: true, message: '银行账号必填', trigger: ['blur', 'change'] }],
+  postcode: [{ required: true, message: '邮编必填', trigger: ['blur', 'change'] }],
+  directorName: [{ required: true, message: '联系人必填', trigger: ['blur', 'change'] }],
+  contactNumber: [{ required: true, message: '联系电话必填', trigger: ['blur', 'change'] }],
+  fax: [{ required: true, message: '传真必填', trigger: ['blur', 'change'] }],
+  telephone: [{ required: true, message: '手机号必填', trigger: ['blur', 'change'] }],
+  email: [{ required: true, message: '邮箱必填', trigger: ['blur', 'change'] }],
+  address: [{ required: true, message: '地址必填', trigger: ['blur', 'change'] }],
+  invoiceAddress: [{ required: true, message: '开票用地址必填', trigger: ['blur', 'change'] }],
+  testAbility: [{ required: true, message: '测试能力必填', trigger: ['blur', 'change'] }],
+})
+
+// 获取下拉框数据
+const companySize = ref<{ id: string; value: string; name: string }[]>() // 规模
+const businessSize = ref<{ id: string; value: string; name: string }[]>() // 业务规模
+const performance = ref<{ id: string; value: string; name: string }[]>() // 履约评级
+const evaluation = ref<{ id: string; value: string; name: string }[]>() // 整体评价
+const fetchSelectData = () => {
+  // 规模
+  getDictByCode('eqptCompanySize').then((res) => {
+    companySize.value = res.data
+  })
+  // 业务规模
+  getDictByCode('eqptBusinessSize').then((res) => {
+    businessSize.value = res.data
+  })
+  // 履约评级
+  getDictByCode('eqptPerformanceRating').then((res) => {
+    performance.value = res.data
+  })
+  // 整体评价
+  getDictByCode('eqptOverallEvaluation').then((res) => {
+    evaluation.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.subcontractor
+      personList.value = data.staffList
+      capacityList.value = data.abilityList
+    })
+  }
+  if ($route.path.includes('create') || $route.path.includes('update')) {
+    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 (capacityRef.value.checkCertificateList() && personRef.value.checkCertificateList()) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then((res) => {
+        const data = {
+          subcontractor: ruleForm.value,
+          abilityList: capacityRef.value.list, // 业务能力
+          certificateList: [], // 分包证书
+          staffList: personRef.value.list, // 分包人员
+        }
+        editDirectory(data).then((res) => {
+          submitId.value = res.data
+          if (statusName === '已取消' || statusName === '未通过') {
+            submitDirectory({ id: submitId.value, formId: SCHEDULE.SUBCONTRACTOR_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) => {
+    submitDirectory({ id: submitId.value, formId: SCHEDULE.SUBCONTRACTOR_APPROVAL }).then((res) => {
+      ElMessage.success('已提交')
+      close()
+    })
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  close()
+}
+// 编辑
+const editForm = () => {
+  $router.push({
+    path: '/directorypage/update',
+    query: { ...$route.query },
+  })
+}
+// 删除
+const delForm = () => {
+  ElMessageBox.confirm(
+    '确认删除设备信息吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    // deleteInfo({ id: ruleForm.value.id }).then((res) => {
+    //   ElMessage.success('操作成功')
+    //   close()
+    // })
+  })
+}
+// 取消
+const cancelForm = () => {
+  ElMessageBox.confirm(
+    '确认取消吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    // cancelInfo({ 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.attachments = 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 = () => {
+
+}
+defineExpose({ ruleForm, apply, editForm, submitForm, saveForm, delForm, print, cancelForm })
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <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>
+        <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-radio-group v-model="radio">
+        <el-radio-button label="基本信息" />
+        <el-radio-button label="分包方人员" />
+        <el-radio-button label="业务能力" />
+      </el-radio-group>
+    </detail-block-com>
+    <!-- 基本信息 -->
+    <div v-show="radio === '基本信息'">
+      <detail-block-com>
+        <el-form
+          ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px" 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="subcontractorNo">
+                <el-input v-model.trim="ruleForm.subcontractorNo" placeholder="分包方编号" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="单位名称" prop="companyName">
+                <el-input v-model.trim="ruleForm.companyName" placeholder="单位名称" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="单位简称" prop="companySimpleName">
+                <el-input v-model.trim="ruleForm.companySimpleName" placeholder="单位简称" />
+              </el-form-item>
+              <!-- <el-form-item label="单位简称" prop="usageStatus">
+                <el-select v-model="ruleForm.usageStatus" placeholder="选择使用状态" style="width: 100%;">
+                  <el-option v-for="item in useStatusList" :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="businessContent">
+                <el-input v-model.trim="ruleForm.businessContent" placeholder="业务内容" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="6">
+              <el-form-item label="规模" prop="scale">
+                <el-select v-model="ruleForm.scale" placeholder="选择规模" style="width: 100%;">
+                  <el-option v-for="item in companySize" :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="businessScale">
+                <el-select v-model="ruleForm.businessScale" placeholder="选择业务规模" style="width: 100%;">
+                  <el-option v-for="item in businessSize" :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="performanceRating">
+                <el-select v-model="ruleForm.performanceRating" placeholder="选择评级" style="width: 100%;">
+                  <el-option v-for="item in performance" :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="overallEvaluation">
+                <el-select v-model="ruleForm.overallEvaluation" placeholder="选择评价" style="width: 100%;">
+                  <el-option v-for="item in evaluation" :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="productDate">
+                <el-date-picker
+                  v-model="ruleForm.productDate" type="date" format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD" placeholder="请选择生产日期" class="normal-date" style="width: 100%;"
+                />
+              </el-form-item>
+            </el-col> -->
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="6">
+              <el-form-item label="税号" prop="taxNumber">
+                <el-input v-model.trim="ruleForm.taxNumber" placeholder="请输入税号" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="银行账户名" prop="bankAccount">
+                <el-input v-model.trim="ruleForm.bankAccount" placeholder="请输入银行账户名" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="银行名称" prop="bankName">
+                <el-input v-model.trim="ruleForm.bankName" placeholder="请输入银行名称" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="银行账号" prop="bankNumber">
+                <el-input v-model.trim="ruleForm.bankNumber" placeholder="请输入银行账号" />
+              </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="请输入邮编" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="联系人" prop="directorName">
+                <el-input v-model.trim="ruleForm.directorName" 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-col :span="6">
+              <el-form-item label="传真" prop="fax">
+                <el-input v-model.trim="ruleForm.fax" placeholder="请输入传真" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="6">
+              <el-form-item label="手机" prop="telephone">
+                <el-input v-model.trim="ruleForm.telephone" placeholder="请输入手机" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="邮箱" prop="email">
+                <el-input v-model.trim="ruleForm.email" placeholder="请输入邮箱" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="网址" prop="webAddress">
+                <el-input v-model.trim="ruleForm.webAddress" placeholder="请输入网址" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="地址" prop="address">
+                <el-input v-model.trim="ruleForm.address" placeholder="请输入地址" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="开票用地址" prop="invoiceAddress">
+                <el-input v-model.trim="ruleForm.invoiceAddress" placeholder="请输入开票用地址" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="测试能力" prop="testAbility">
+                <el-input v-model.trim="ruleForm.testAbility" 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="attachments">
+                <show-photo :minio-file-name="ruleForm.attachments" />
+                <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>
+    </div>
+    <div v-show="radio === '分包方人员'">
+      <person-table ref="personRef" :data="personList" :status="dialogStatus" />
+    </div>
+    <div v-show="radio === '业务能力'">
+      <capacity-table ref="capacityRef" :data="capacityList" :status="dialogStatus" />
+    </div>
+  </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/directory/components/list.vue b/src/views/tested/subpackage/directory/components/list.vue
new file mode 100644
index 0000000..98716af
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/list.vue
@@ -0,0 +1,321 @@
+<!-- 测试、校准或检定合格分包方名录列表 -->
+<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 ApprovalDialog from './ApprovalDialog.vue'
+import { cancelDirectory, editDirectory, getDetail, getListPage, submitDirectory, deleteDirectory } from '@/api/eqpt/subpackage/directory'
+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<IlistQueryType>({
+  companyName: '',
+  createTimeEnd: '',
+  createTimeStart: '',
+  directorName: '',
+  subcontractorNo: '',
+  offset: 1,
+  limit: 20,
+  approvalStatus: '',
+  formId: SCHEDULE.SUBCONTRACTOR_APPROVAL,
+})
+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 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.companyName = ''
+  listQuery.createTimeEnd = ''
+  listQuery.createTimeStart = ''
+  listQuery.directorName = ''
+  listQuery.subcontractorNo = ''
+  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: IlistObjType, type: string) => {
+  $router.push({
+    path: `/directorypage/${type}`,
+    query: {
+      row: JSON.stringify(row),
+      id: row.id,
+      statusName: $props.statusName,
+    },
+  })
+}
+// 详情
+const detail = (row: IlistObjType) => {
+  if ($props.statusName === '草稿箱' || $props.statusName === '未通过' || $props.statusName === '已取消') {
+    handler(row, 'update')
+  }
+  else {
+    $router.push({
+      path: `/directorypage/${'detail'}`,
+      query: {
+        row: JSON.stringify(row),
+        id: row.id,
+        statusName: $props.statusName,
+      },
+    })
+  }
+}
+// 删除
+const delHandler = (row: IlistObjType) => {
+  ElMessageBox.confirm(
+    '确认删除此名录吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    deleteDirectory({ id: row.id }).then((res) => {
+      ElMessage.success('操作成功')
+      search()
+    })
+  })
+}
+// 取消
+const canHandler = (row: IlistObjType) => {
+  ElMessageBox.confirm(
+    '确认取消此申请吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    cancelDirectory({ id: row.id, processInstanceId: row.processId, comments: '' }).then((res) => {
+      ElMessage.success('操作成功')
+      search()
+    })
+  })
+}
+// 提交
+const submit = (row: any) => {
+  ElMessageBox.confirm(
+    '确认提交吗？',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then((res) => {
+    submitDirectory({ id: row.id, formId: SCHEDULE.DEVICE_INFO_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.subcontractorNo" placeholder="分包方编号" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.companyName" placeholder="单位名称" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.directorName" 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/directory/components/personTable.vue b/src/views/tested/subpackage/directory/components/personTable.vue
new file mode 100644
index 0000000..e9a2f4a
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/personTable.vue
@@ -0,0 +1,154 @@
+<!-- 分包方人员表格 -->
+<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: 'staffName',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+  {
+    text: '工作部门',
+    value: 'department',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+  {
+    text: '职务',
+    value: 'duty',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+  {
+    text: '联系方式',
+    value: 'staffPhone',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+])
+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.isSelect" 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/directory.ts b/src/api/eqpt/subpackage/directory.ts
new file mode 100644
index 0000000..e1bbc12
--- /dev/null
+++ b/src/api/eqpt/subpackage/directory.ts
@@ -0,0 +1,83 @@
+/**
+ * 分包名录管理接口
+ */
+import request from '@/api/index'
+
+// 不同状态列表分页
+export function getListPage(params: object, statusName: string) {
+  if (statusName === '全部') {
+    return request({
+      url: '/subcontractor/allPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '已审批') {
+    return request({
+      url: '/subcontractor/approval/approvedListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else if (statusName === '待审批') {
+    return request({
+      url: '/subcontractor/approval/toApprovalListPage',
+      method: 'post',
+      data: params,
+    })
+  }
+  else {
+    return request({
+      url: '/subcontractor/approval/listPage',
+      method: 'post',
+      data: params,
+    })
+  }
+}
+// 详情
+export function getDetail(params: object) {
+  return request({
+    url: '/subcontractor/detail',
+    method: 'get',
+    params,
+  })
+}
+// 保存编辑
+export function editDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 提交
+export function submitDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/submit',
+    method: 'post',
+    data,
+  })
+}
+// 删除记录
+export function deleteDirectory(data: object) {
+  return request({
+    url: `/subcontractor/remove?id=${data.id}`,
+    method: 'post',
+  })
+}
+// 取消
+export function cancelDirectory(data: object) {
+  return request({
+    url: '/subcontractor/approval/cancel',
+    method: 'post',
+    data,
+  })
+}
+// 审批操作
+export function handlerApproval(type: string, data: { processId?: string; taskId?: string; comments: string }) {
+  return request({
+    url: `/subcontractor/approval/${type}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/tested.ts b/src/router/modules/tested.ts
index 6405f58..1b8de9c 100644
--- a/src/router/modules/tested.ts
+++ b/src/router/modules/tested.ts
@@ -964,6 +964,18 @@
               activeMenu: '/directorylist',
             },
           },
+          {
+            path: '/directorypage/:type',
+            name: 'DirectoryEdit',
+            component: () => import('@/views/tested/subpackage/directory/components/edit.vue'),
+            meta: {
+              title: '测试、校准或检定合格分包方名录',
+              auth: '/tested/subpackage/directory',
+              sidebar: false,
+              breadcrumb: false,
+              activeMenu: '/directorylist',
+            },
+          },
         ],
       },
       {
diff --git a/src/views/tested/document/list/index.vue b/src/views/tested/document/list/index.vue
index db652ec..aac3426 100644
--- a/src/views/tested/document/list/index.vue
+++ b/src/views/tested/document/list/index.vue
@@ -106,7 +106,8 @@
   ).then(() => {
     delDocument(row.id).then((res) => {
       ElMessage.success('操作成功')
-      close()
+      // close()
+      search()
     })
   })
 }
diff --git a/src/views/tested/subpackage/directory/components/ApprovalDialog.vue b/src/views/tested/subpackage/directory/components/ApprovalDialog.vue
new file mode 100644
index 0000000..13a2122
--- /dev/null
+++ b/src/views/tested/subpackage/directory/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/directory'
+/**
+ * 审批弹窗
+ */
+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/directory/components/capacityTable.vue b/src/views/tested/subpackage/directory/components/capacityTable.vue
new file mode 100644
index 0000000..bde4861
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/capacityTable.vue
@@ -0,0 +1,147 @@
+<!-- 业务能力表格 -->
+<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: 'abilityName',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+  {
+    text: '能力描述',
+    value: 'abilityDescription',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+  {
+    text: '报价',
+    value: 'price',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+])
+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({
+      abilityDescription: '',
+      abilityName: '',
+      price: '',
+      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.isSelect" 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
new file mode 100644
index 0000000..45752c6
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/edit.vue
@@ -0,0 +1,542 @@
+<!-- 设备基本信息 -->
+<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 { includes } from 'lodash-es'
+import path from 'path-browserify'
+import QueryString from 'qs'
+import { routeLocationKey } from 'vue-router'
+import personTable from './personTable.vue'
+import capacityTable from './capacityTable.vue'
+import ApprovalDialog from './ApprovalDialog.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 { cancelDirectory, editDirectory, getDetail, submitDirectory } from '@/api/eqpt/subpackage/directory'
+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: '',
+  attachments: '',
+  bankAccount: '',
+  bankName: '',
+  bankNumber: '',
+  businessContent: '',
+  businessScale: '',
+  companyName: '',
+  companySimpleName: '',
+  contactNumber: '',
+  createDeptId: '',
+  createDeptName: '',
+  createTime: '',
+  createUserId: '',
+  createUserName: '',
+  decisionItem: '',
+  directorName: '',
+  email: '',
+  fax: '',
+  id: '',
+  invoiceAddress: '',
+  overallEvaluation: '',
+  performanceRating: '',
+  postcode: '',
+  processId: '',
+  remark: '',
+  scale: '',
+  subcontractorNo: '',
+  taskId: '',
+  taxNumber: '',
+  telephone: '',
+  testAbility: '',
+  updateTime: '',
+  webAddress: '',
+})
+// 人员列表
+
+const personRef = ref()
+const personList = ref()
+// 能力列表
+const capacityList = ref()
+const capacityRef = ref()
+const radio = ref('基本信息')
+// 表单1验证规则
+const rules = ref<FormRules>({
+  subcontractorNo: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  companyName: [{ required: true, message: '单位名称必填', trigger: ['blur', 'change'] }],
+  companySimpleName: [{ required: true, message: '单位简称必填', trigger: ['blur', 'change'] }],
+  businessContent: [{ required: true, message: '业务内容必填', trigger: ['blur', 'change'] }],
+  scale: [{ required: true, message: '规模必选', trigger: ['blur', 'change'] }],
+  businessScale: [{ required: true, message: '业务规模必选', trigger: ['blur', 'change'] }],
+  performanceRating: [{ required: true, message: '履约评级必选', trigger: ['blur', 'change'] }],
+  overallEvaluation: [{ required: true, message: '整体评价必选', trigger: ['blur', 'change'] }],
+  taxNumber: [{ required: true, message: '税号必填', trigger: ['blur', 'change'] }],
+  bankAccount: [{ required: true, message: '银行账户名必填', trigger: ['blur', 'change'] }],
+  bankNumber: [{ required: true, message: '银行账号必填', trigger: ['blur', 'change'] }],
+  postcode: [{ required: true, message: '邮编必填', trigger: ['blur', 'change'] }],
+  directorName: [{ required: true, message: '联系人必填', trigger: ['blur', 'change'] }],
+  contactNumber: [{ required: true, message: '联系电话必填', trigger: ['blur', 'change'] }],
+  fax: [{ required: true, message: '传真必填', trigger: ['blur', 'change'] }],
+  telephone: [{ required: true, message: '手机号必填', trigger: ['blur', 'change'] }],
+  email: [{ required: true, message: '邮箱必填', trigger: ['blur', 'change'] }],
+  address: [{ required: true, message: '地址必填', trigger: ['blur', 'change'] }],
+  invoiceAddress: [{ required: true, message: '开票用地址必填', trigger: ['blur', 'change'] }],
+  testAbility: [{ required: true, message: '测试能力必填', trigger: ['blur', 'change'] }],
+})
+
+// 获取下拉框数据
+const companySize = ref<{ id: string; value: string; name: string }[]>() // 规模
+const businessSize = ref<{ id: string; value: string; name: string }[]>() // 业务规模
+const performance = ref<{ id: string; value: string; name: string }[]>() // 履约评级
+const evaluation = ref<{ id: string; value: string; name: string }[]>() // 整体评价
+const fetchSelectData = () => {
+  // 规模
+  getDictByCode('eqptCompanySize').then((res) => {
+    companySize.value = res.data
+  })
+  // 业务规模
+  getDictByCode('eqptBusinessSize').then((res) => {
+    businessSize.value = res.data
+  })
+  // 履约评级
+  getDictByCode('eqptPerformanceRating').then((res) => {
+    performance.value = res.data
+  })
+  // 整体评价
+  getDictByCode('eqptOverallEvaluation').then((res) => {
+    evaluation.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.subcontractor
+      personList.value = data.staffList
+      capacityList.value = data.abilityList
+    })
+  }
+  if ($route.path.includes('create') || $route.path.includes('update')) {
+    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 (capacityRef.value.checkCertificateList() && personRef.value.checkCertificateList()) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then((res) => {
+        const data = {
+          subcontractor: ruleForm.value,
+          abilityList: capacityRef.value.list, // 业务能力
+          certificateList: [], // 分包证书
+          staffList: personRef.value.list, // 分包人员
+        }
+        editDirectory(data).then((res) => {
+          submitId.value = res.data
+          if (statusName === '已取消' || statusName === '未通过') {
+            submitDirectory({ id: submitId.value, formId: SCHEDULE.SUBCONTRACTOR_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) => {
+    submitDirectory({ id: submitId.value, formId: SCHEDULE.SUBCONTRACTOR_APPROVAL }).then((res) => {
+      ElMessage.success('已提交')
+      close()
+    })
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  close()
+}
+// 编辑
+const editForm = () => {
+  $router.push({
+    path: '/directorypage/update',
+    query: { ...$route.query },
+  })
+}
+// 删除
+const delForm = () => {
+  ElMessageBox.confirm(
+    '确认删除设备信息吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    // deleteInfo({ id: ruleForm.value.id }).then((res) => {
+    //   ElMessage.success('操作成功')
+    //   close()
+    // })
+  })
+}
+// 取消
+const cancelForm = () => {
+  ElMessageBox.confirm(
+    '确认取消吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    // cancelInfo({ 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.attachments = 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 = () => {
+
+}
+defineExpose({ ruleForm, apply, editForm, submitForm, saveForm, delForm, print, cancelForm })
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <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>
+        <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-radio-group v-model="radio">
+        <el-radio-button label="基本信息" />
+        <el-radio-button label="分包方人员" />
+        <el-radio-button label="业务能力" />
+      </el-radio-group>
+    </detail-block-com>
+    <!-- 基本信息 -->
+    <div v-show="radio === '基本信息'">
+      <detail-block-com>
+        <el-form
+          ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px" 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="subcontractorNo">
+                <el-input v-model.trim="ruleForm.subcontractorNo" placeholder="分包方编号" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="单位名称" prop="companyName">
+                <el-input v-model.trim="ruleForm.companyName" placeholder="单位名称" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="单位简称" prop="companySimpleName">
+                <el-input v-model.trim="ruleForm.companySimpleName" placeholder="单位简称" />
+              </el-form-item>
+              <!-- <el-form-item label="单位简称" prop="usageStatus">
+                <el-select v-model="ruleForm.usageStatus" placeholder="选择使用状态" style="width: 100%;">
+                  <el-option v-for="item in useStatusList" :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="businessContent">
+                <el-input v-model.trim="ruleForm.businessContent" placeholder="业务内容" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="6">
+              <el-form-item label="规模" prop="scale">
+                <el-select v-model="ruleForm.scale" placeholder="选择规模" style="width: 100%;">
+                  <el-option v-for="item in companySize" :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="businessScale">
+                <el-select v-model="ruleForm.businessScale" placeholder="选择业务规模" style="width: 100%;">
+                  <el-option v-for="item in businessSize" :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="performanceRating">
+                <el-select v-model="ruleForm.performanceRating" placeholder="选择评级" style="width: 100%;">
+                  <el-option v-for="item in performance" :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="overallEvaluation">
+                <el-select v-model="ruleForm.overallEvaluation" placeholder="选择评价" style="width: 100%;">
+                  <el-option v-for="item in evaluation" :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="productDate">
+                <el-date-picker
+                  v-model="ruleForm.productDate" type="date" format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD" placeholder="请选择生产日期" class="normal-date" style="width: 100%;"
+                />
+              </el-form-item>
+            </el-col> -->
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="6">
+              <el-form-item label="税号" prop="taxNumber">
+                <el-input v-model.trim="ruleForm.taxNumber" placeholder="请输入税号" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="银行账户名" prop="bankAccount">
+                <el-input v-model.trim="ruleForm.bankAccount" placeholder="请输入银行账户名" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="银行名称" prop="bankName">
+                <el-input v-model.trim="ruleForm.bankName" placeholder="请输入银行名称" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="银行账号" prop="bankNumber">
+                <el-input v-model.trim="ruleForm.bankNumber" placeholder="请输入银行账号" />
+              </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="请输入邮编" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="联系人" prop="directorName">
+                <el-input v-model.trim="ruleForm.directorName" 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-col :span="6">
+              <el-form-item label="传真" prop="fax">
+                <el-input v-model.trim="ruleForm.fax" placeholder="请输入传真" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="6">
+              <el-form-item label="手机" prop="telephone">
+                <el-input v-model.trim="ruleForm.telephone" placeholder="请输入手机" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="邮箱" prop="email">
+                <el-input v-model.trim="ruleForm.email" placeholder="请输入邮箱" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="网址" prop="webAddress">
+                <el-input v-model.trim="ruleForm.webAddress" placeholder="请输入网址" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="地址" prop="address">
+                <el-input v-model.trim="ruleForm.address" placeholder="请输入地址" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="开票用地址" prop="invoiceAddress">
+                <el-input v-model.trim="ruleForm.invoiceAddress" placeholder="请输入开票用地址" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="测试能力" prop="testAbility">
+                <el-input v-model.trim="ruleForm.testAbility" 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="attachments">
+                <show-photo :minio-file-name="ruleForm.attachments" />
+                <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>
+    </div>
+    <div v-show="radio === '分包方人员'">
+      <person-table ref="personRef" :data="personList" :status="dialogStatus" />
+    </div>
+    <div v-show="radio === '业务能力'">
+      <capacity-table ref="capacityRef" :data="capacityList" :status="dialogStatus" />
+    </div>
+  </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/directory/components/list.vue b/src/views/tested/subpackage/directory/components/list.vue
new file mode 100644
index 0000000..98716af
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/list.vue
@@ -0,0 +1,321 @@
+<!-- 测试、校准或检定合格分包方名录列表 -->
+<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 ApprovalDialog from './ApprovalDialog.vue'
+import { cancelDirectory, editDirectory, getDetail, getListPage, submitDirectory, deleteDirectory } from '@/api/eqpt/subpackage/directory'
+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<IlistQueryType>({
+  companyName: '',
+  createTimeEnd: '',
+  createTimeStart: '',
+  directorName: '',
+  subcontractorNo: '',
+  offset: 1,
+  limit: 20,
+  approvalStatus: '',
+  formId: SCHEDULE.SUBCONTRACTOR_APPROVAL,
+})
+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 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.companyName = ''
+  listQuery.createTimeEnd = ''
+  listQuery.createTimeStart = ''
+  listQuery.directorName = ''
+  listQuery.subcontractorNo = ''
+  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: IlistObjType, type: string) => {
+  $router.push({
+    path: `/directorypage/${type}`,
+    query: {
+      row: JSON.stringify(row),
+      id: row.id,
+      statusName: $props.statusName,
+    },
+  })
+}
+// 详情
+const detail = (row: IlistObjType) => {
+  if ($props.statusName === '草稿箱' || $props.statusName === '未通过' || $props.statusName === '已取消') {
+    handler(row, 'update')
+  }
+  else {
+    $router.push({
+      path: `/directorypage/${'detail'}`,
+      query: {
+        row: JSON.stringify(row),
+        id: row.id,
+        statusName: $props.statusName,
+      },
+    })
+  }
+}
+// 删除
+const delHandler = (row: IlistObjType) => {
+  ElMessageBox.confirm(
+    '确认删除此名录吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    deleteDirectory({ id: row.id }).then((res) => {
+      ElMessage.success('操作成功')
+      search()
+    })
+  })
+}
+// 取消
+const canHandler = (row: IlistObjType) => {
+  ElMessageBox.confirm(
+    '确认取消此申请吗?',
+    '确认',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    cancelDirectory({ id: row.id, processInstanceId: row.processId, comments: '' }).then((res) => {
+      ElMessage.success('操作成功')
+      search()
+    })
+  })
+}
+// 提交
+const submit = (row: any) => {
+  ElMessageBox.confirm(
+    '确认提交吗？',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then((res) => {
+    submitDirectory({ id: row.id, formId: SCHEDULE.DEVICE_INFO_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.subcontractorNo" placeholder="分包方编号" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.companyName" placeholder="单位名称" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.directorName" 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/directory/components/personTable.vue b/src/views/tested/subpackage/directory/components/personTable.vue
new file mode 100644
index 0000000..e9a2f4a
--- /dev/null
+++ b/src/views/tested/subpackage/directory/components/personTable.vue
@@ -0,0 +1,154 @@
+<!-- 分包方人员表格 -->
+<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: 'staffName',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+  {
+    text: '工作部门',
+    value: 'department',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+  {
+    text: '职务',
+    value: 'duty',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+  {
+    text: '联系方式',
+    value: 'staffPhone',
+    required: true,
+    isSelect: false, // 是否下拉框
+  },
+])
+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.isSelect" 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/index.vue b/src/views/tested/subpackage/directory/index.vue
index e98fbed..c280004 100644
--- a/src/views/tested/subpackage/directory/index.vue
+++ b/src/views/tested/subpackage/directory/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-directory', newValue)
+  com.value = menu.value.filter(item => item.name === newValue)[0].com
+})
+
+onMounted(async () => {
+  await getMenuStatus()
+  current.value = window.sessionStorage.getItem('subpackge-directory') || '全部'
+  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>
+