diff --git a/src/router/modules/business.ts b/src/router/modules/business.ts
index 4de6ce2..db0b317 100644
--- a/src/router/modules/business.ts
+++ b/src/router/modules/business.ts
@@ -307,6 +307,18 @@
         },
       },
       {
+        path: 'subpackage/apply/detail/:id?',
+        name: 'subpackageApplyDetail',
+        component: () => import('@/views/business/subpackage/apply/edit.vue'),
+        meta: {
+          title: '分包项目申请',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemApply',
+        },
+      },
+      {
         path: 'itemCheck',
         name: 'ItemCheck',
         component: () => import('@/views/business/subpackage/check/list.vue'),
@@ -317,6 +329,18 @@
         },
       },
       {
+        path: 'subpackage/check/detail/:id?',
+        name: 'subpackageCheckDetail',
+        component: () => import('@/views/business/subpackage/check/edit.vue'),
+        meta: {
+          title: '分包项目验收',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemCheck',
+        },
+      },
+      {
         path: 'archives',
         name: 'Archives',
         component: () => import('@/views/business/subpackage/record/list.vue'),
@@ -327,6 +351,18 @@
         },
       },
       {
+        path: 'subpackage/archives/detail/:id?',
+        name: 'subpackageArchivesDetail',
+        component: () => import('@/views/business/subpackage/record/edit.vue'),
+        meta: {
+          title: '分包方档案',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/archives',
+        },
+      },
+      {
         path: 'qualificationApprove',
         name: 'QualificationApprove',
         component: () => import('@/views/business/subpackage/approve/list.vue'),
@@ -337,6 +373,18 @@
         },
       },
       {
+        path: 'subpackage/qualificationApprove/detail/:id?',
+        name: 'subpackageQualificationApproveDetail',
+        component: () => import('@/views/business/subpackage/approve/edit.vue'),
+        meta: {
+          title: '分包方资格审批',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/qualificationApprove',
+        },
+      },
+      {
         path: 'certificate',
         name: 'Certificate',
         component: () => import('@/views/business/subpackage/certificate/list.vue'),
@@ -347,6 +395,18 @@
         },
       },
       {
+        path: 'subpackage/certificate/detail/:id?',
+        name: 'subpackageCertificateDetail',
+        component: () => import('@/views/business/subpackage/certificate/edit.vue'),
+        meta: {
+          title: '分包证书管理',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/certificate',
+        },
+      },
+      {
         path: '/:type/:id?',
         name: 'taskDetail',
         component: () => import('@/views/business/subpackage/certificate/edit.vue'),

diff --git a/src/router/modules/business.ts b/src/router/modules/business.ts
index 4de6ce2..db0b317 100644
--- a/src/router/modules/business.ts
+++ b/src/router/modules/business.ts
@@ -307,6 +307,18 @@
         },
       },
       {
+        path: 'subpackage/apply/detail/:id?',
+        name: 'subpackageApplyDetail',
+        component: () => import('@/views/business/subpackage/apply/edit.vue'),
+        meta: {
+          title: '分包项目申请',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemApply',
+        },
+      },
+      {
         path: 'itemCheck',
         name: 'ItemCheck',
         component: () => import('@/views/business/subpackage/check/list.vue'),
@@ -317,6 +329,18 @@
         },
       },
       {
+        path: 'subpackage/check/detail/:id?',
+        name: 'subpackageCheckDetail',
+        component: () => import('@/views/business/subpackage/check/edit.vue'),
+        meta: {
+          title: '分包项目验收',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemCheck',
+        },
+      },
+      {
         path: 'archives',
         name: 'Archives',
         component: () => import('@/views/business/subpackage/record/list.vue'),
@@ -327,6 +351,18 @@
         },
       },
       {
+        path: 'subpackage/archives/detail/:id?',
+        name: 'subpackageArchivesDetail',
+        component: () => import('@/views/business/subpackage/record/edit.vue'),
+        meta: {
+          title: '分包方档案',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/archives',
+        },
+      },
+      {
         path: 'qualificationApprove',
         name: 'QualificationApprove',
         component: () => import('@/views/business/subpackage/approve/list.vue'),
@@ -337,6 +373,18 @@
         },
       },
       {
+        path: 'subpackage/qualificationApprove/detail/:id?',
+        name: 'subpackageQualificationApproveDetail',
+        component: () => import('@/views/business/subpackage/approve/edit.vue'),
+        meta: {
+          title: '分包方资格审批',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/qualificationApprove',
+        },
+      },
+      {
         path: 'certificate',
         name: 'Certificate',
         component: () => import('@/views/business/subpackage/certificate/list.vue'),
@@ -347,6 +395,18 @@
         },
       },
       {
+        path: 'subpackage/certificate/detail/:id?',
+        name: 'subpackageCertificateDetail',
+        component: () => import('@/views/business/subpackage/certificate/edit.vue'),
+        meta: {
+          title: '分包证书管理',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/certificate',
+        },
+      },
+      {
         path: '/:type/:id?',
         name: 'taskDetail',
         component: () => import('@/views/business/subpackage/certificate/edit.vue'),
diff --git a/src/views/business/schedule/task/taskEdit.vue b/src/views/business/schedule/task/taskEdit.vue
index 7c4a4b4..d64aa23 100644
--- a/src/views/business/schedule/task/taskEdit.vue
+++ b/src/views/business/schedule/task/taskEdit.vue
@@ -549,7 +549,7 @@
         </el-form>
       </div>
     </detail-page>
-    <detail-block title="检定流程">
+    <detail-block v-if="taskForm.measureProcessList && taskForm.measureProcessList.length >= 1" title="检定流程">
       <!-- <template #btns>
         <el-button type="primary" style="margin-bottom: 10px;" @click="batchProcessAdd">
           批量添加

diff --git a/src/router/modules/business.ts b/src/router/modules/business.ts
index 4de6ce2..db0b317 100644
--- a/src/router/modules/business.ts
+++ b/src/router/modules/business.ts
@@ -307,6 +307,18 @@
         },
       },
       {
+        path: 'subpackage/apply/detail/:id?',
+        name: 'subpackageApplyDetail',
+        component: () => import('@/views/business/subpackage/apply/edit.vue'),
+        meta: {
+          title: '分包项目申请',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemApply',
+        },
+      },
+      {
         path: 'itemCheck',
         name: 'ItemCheck',
         component: () => import('@/views/business/subpackage/check/list.vue'),
@@ -317,6 +329,18 @@
         },
       },
       {
+        path: 'subpackage/check/detail/:id?',
+        name: 'subpackageCheckDetail',
+        component: () => import('@/views/business/subpackage/check/edit.vue'),
+        meta: {
+          title: '分包项目验收',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemCheck',
+        },
+      },
+      {
         path: 'archives',
         name: 'Archives',
         component: () => import('@/views/business/subpackage/record/list.vue'),
@@ -327,6 +351,18 @@
         },
       },
       {
+        path: 'subpackage/archives/detail/:id?',
+        name: 'subpackageArchivesDetail',
+        component: () => import('@/views/business/subpackage/record/edit.vue'),
+        meta: {
+          title: '分包方档案',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/archives',
+        },
+      },
+      {
         path: 'qualificationApprove',
         name: 'QualificationApprove',
         component: () => import('@/views/business/subpackage/approve/list.vue'),
@@ -337,6 +373,18 @@
         },
       },
       {
+        path: 'subpackage/qualificationApprove/detail/:id?',
+        name: 'subpackageQualificationApproveDetail',
+        component: () => import('@/views/business/subpackage/approve/edit.vue'),
+        meta: {
+          title: '分包方资格审批',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/qualificationApprove',
+        },
+      },
+      {
         path: 'certificate',
         name: 'Certificate',
         component: () => import('@/views/business/subpackage/certificate/list.vue'),
@@ -347,6 +395,18 @@
         },
       },
       {
+        path: 'subpackage/certificate/detail/:id?',
+        name: 'subpackageCertificateDetail',
+        component: () => import('@/views/business/subpackage/certificate/edit.vue'),
+        meta: {
+          title: '分包证书管理',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/certificate',
+        },
+      },
+      {
         path: '/:type/:id?',
         name: 'taskDetail',
         component: () => import('@/views/business/subpackage/certificate/edit.vue'),
diff --git a/src/views/business/schedule/task/taskEdit.vue b/src/views/business/schedule/task/taskEdit.vue
index 7c4a4b4..d64aa23 100644
--- a/src/views/business/schedule/task/taskEdit.vue
+++ b/src/views/business/schedule/task/taskEdit.vue
@@ -549,7 +549,7 @@
         </el-form>
       </div>
     </detail-page>
-    <detail-block title="检定流程">
+    <detail-block v-if="taskForm.measureProcessList && taskForm.measureProcessList.length >= 1" title="检定流程">
       <!-- <template #btns>
         <el-button type="primary" style="margin-bottom: 10px;" @click="batchProcessAdd">
           批量添加
diff --git a/src/views/business/subpackage/apply/edit.vue b/src/views/business/subpackage/apply/edit.vue
new file mode 100644
index 0000000..74990a4
--- /dev/null
+++ b/src/views/business/subpackage/apply/edit.vue
@@ -0,0 +1,326 @@
+<!-- 分包申请详情 -->
+<script lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ref } from 'vue'
+import { filter } from 'lodash'
+import type { IApplyDetail, IDetailList } from '../subpackage-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { detail } from '@/api/business/subpackage/apply'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+
+const $route = useRoute()
+const $router = useRouter()
+const query = $route.query
+const detailForm = ref<IApplyDetail>({
+  applicantName: '', // 申请名称
+  applicantId: '', // 申请id
+  applicantTime: '', // 申请时间
+  applyApprovalStatus: '', // 申请状态
+  applyMinioFileName: '', // 申请文件名称
+  applyProcessId: '', // 申请流程id
+  applyRemark: '', // 申请备注
+  checkApprovalStatus: '', // 申请状态码
+  checkConclusion: '', // 审批结果
+  checkMinioFileName: '', // 审核文件名称
+  checkProcessId: '', // 审批流程id
+  checkRemark: '', // 审核备注
+  checkTime: '', // 检查时间
+  checkerId: '', // 检查id
+  checkerName: '', // 检查名称
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '',
+  orderSampleList: '', // 订单列表
+  outsourceReason: '', // 原因
+  outsourceReasonName: '', // 原因名称
+  outsourcerId: '', // 原因id
+  outsourcerName: '', // 资源名称
+  preCost: '', // 价值
+  preEndTime: '', // 过期时间
+  preStartTime: '', // 开始时间
+  projectName: '', // 项目名称
+  projectNo: '', // 项目编号
+  sampleList: [] as any, // 样品列表
+  updateTime: '', // 修改时间
+})
+// 校验规则
+const formRules = ref({
+  projectName: [{ required: true, message: '分包项目名称必填', trigger: 'blur' }],
+  outsourcerId: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  outsourcerName: [{ required: true, message: '公司名称必填', trigger: ['blur', 'change'] }],
+  outsourceReasonName: [{ required: true, message: '分包原因必填', trigger: ['blur', 'change'] }],
+  preCost: [{ required: true, message: '预计费用必填', trigger: ['blur', 'change'] }],
+  preStartTime: [{ required: true, message: '预计开始时间必填', trigger: ['blur', 'change'] }],
+  preEndTime: [{ required: true, message: '预计结束时间必填', trigger: ['blur', 'change'] }],
+})
+
+const list = ref<IDetailList[]>([])// 表格数据
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', align: 'center', width: '230' },
+  { text: '样品名称', value: 'sampleName', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'orderCode', align: 'center' },
+  { text: '委托书编号', value: 'manufacturingNo', align: 'center' },
+  { text: '委托单位', value: 'customerName', align: 'center' },
+])
+
+const getDetail = () => {
+  detail({ id: $route.params.id }).then((res) => {
+    // let interfaceStr = ''
+    // for (const key in res.data.sampleList[0]) {
+    //   const item = res.data[key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
+    detailForm.value = res.data
+    list.value = res.data.sampleList.filter((item: IDetailList) => {
+      return item !== null
+    })
+  })
+}
+const approvalRecordData = ref([]) // 审批流程数据
+const getApprovalRecord = (processId: string) => {
+  if (query.title !== '新建') {
+    if (processId) {
+      fetchApproval(processId).then((res) => {
+        approvalRecordData.value = res.data
+      })
+    }
+    else {
+      ElMessage.warning('流程实例id为空')
+    }
+  }
+}
+
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 文件上传
+const fileRef = ref()
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    detailForm.value.applyMinioFileName = event.target.files[0].name
+    // UploadFile(fd).then((res) => {
+    //   if (res.code === 200) {
+    //     sampleForm.value.minioFileName = res.data[0]
+    //     // 重置当前验证
+    //     ElMessage.success('文件上传成功')
+    //   }
+    //   else {
+    //     ElMessage.error(res.message)
+    //   }
+    // })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+onMounted(() => {
+  if (query.title !== '新建') {
+    getDetail()
+  }
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="分包项目申请">
+      <template #btns>
+        <template v-if="query.approvalStatusName === '待审批'">
+          <el-button type="primary">
+            同意
+          </el-button>
+          <el-button type="primary">
+            驳回
+          </el-button>
+          <el-button type="primary">
+            拒绝
+          </el-button>
+        </template>
+        <template v-if="['草稿箱', '已取消'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            提交
+          </el-button>
+          <el-button type="primary">
+            编辑
+          </el-button>
+          <el-button type="primary">
+            删除
+          </el-button>
+        </template>
+        <template v-if="['已通过', '未通过'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            打印
+          </el-button>
+        </template>
+        <template v-if="query.title === '新建'">
+          <el-button type="primary">
+            保存
+          </el-button>
+          <el-button type="primary">
+            提交
+          </el-button>
+        </template>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <el-form
+        ref="ruleFormRef"
+        :model="detailForm"
+        label-width="140"
+        label-position="right"
+        :rules="formRules"
+      >
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="分包项目编号:" prop="projectNo">
+              <el-input
+                v-model="detailForm.projectNo" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包项目名称:" prop="projectName">
+              <el-input
+                v-model="detailForm.projectName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请人:" prop="applicantName">
+              <el-input
+                v-model="detailForm.applicantName" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请时间:" prop="applicantTime">
+              <el-input
+                v-model="detailForm.applicantTime" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包方编号:" prop="outsourcerId">
+              <el-input
+                v-model="detailForm.outsourcerId"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司名称:" prop="outsourcerName">
+              <el-input
+                v-model="detailForm.outsourcerName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因:" prop="outsourceReasonName">
+              <el-input
+                v-model="detailForm.outsourceReasonName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计费用:" prop="preCost">
+              <el-input
+                v-model="detailForm.preCost"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计开始时间:" prop="preStartTime">
+              <el-date-picker
+                v-model="detailForm.preStartTime"
+                type="datetime"
+                placeholder="请选择预计开始时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计结束时间:" prop="preEndTime">
+              <el-date-picker
+                v-model="detailForm.preEndTime"
+                type="datetime"
+                placeholder="请选择预计结束时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+
+          <el-col :span="12">
+            <el-form-item label="备注:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="6">
+            <el-form-item label="附件:" prop="applyMinioFileName">
+              <input v-show="query.title === ''" ref="fileRef" multiple type="file" @change="onFileChange">
+              <span v-if="query.title === '详情' && !detailForm.applyMinioFileName">无</span>
+              <div v-else style="display: flex;">
+                <show-photo :minio-file-name="detailForm.applyMinioFileName || ''" style="display: inline-block;margin: 10px;" />
+              </div>
+              <el-button v-if="query.title !== '详情'" type="primary" :disabled="query.title === '详情'" @click="upload">
+                {{ detailForm.applyMinioFileName ? '更换' : '上传' }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18" />
+        </el-row>
+      </el-form>
+    </detail-page>
+    <detail-block title="样品详情">
+      <el-table
+        :data="list"
+        border
+        style="width: 100%;"
+        max-height="600"
+      >
+        <el-table-column type="selection" width="38" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        />
+      </el-table>
+    </detail-block>
+    <detail-block v-if="query.approvalStatusName !== '草稿箱' && query.title !== '新增'" title="审批流程">
+      <!-- 审批流程 -->
+      <approval-record ref="approvalRecord" :approval-record-data="approvalRecordData" />
+    </detail-block>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>

diff --git a/src/router/modules/business.ts b/src/router/modules/business.ts
index 4de6ce2..db0b317 100644
--- a/src/router/modules/business.ts
+++ b/src/router/modules/business.ts
@@ -307,6 +307,18 @@
         },
       },
       {
+        path: 'subpackage/apply/detail/:id?',
+        name: 'subpackageApplyDetail',
+        component: () => import('@/views/business/subpackage/apply/edit.vue'),
+        meta: {
+          title: '分包项目申请',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemApply',
+        },
+      },
+      {
         path: 'itemCheck',
         name: 'ItemCheck',
         component: () => import('@/views/business/subpackage/check/list.vue'),
@@ -317,6 +329,18 @@
         },
       },
       {
+        path: 'subpackage/check/detail/:id?',
+        name: 'subpackageCheckDetail',
+        component: () => import('@/views/business/subpackage/check/edit.vue'),
+        meta: {
+          title: '分包项目验收',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemCheck',
+        },
+      },
+      {
         path: 'archives',
         name: 'Archives',
         component: () => import('@/views/business/subpackage/record/list.vue'),
@@ -327,6 +351,18 @@
         },
       },
       {
+        path: 'subpackage/archives/detail/:id?',
+        name: 'subpackageArchivesDetail',
+        component: () => import('@/views/business/subpackage/record/edit.vue'),
+        meta: {
+          title: '分包方档案',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/archives',
+        },
+      },
+      {
         path: 'qualificationApprove',
         name: 'QualificationApprove',
         component: () => import('@/views/business/subpackage/approve/list.vue'),
@@ -337,6 +373,18 @@
         },
       },
       {
+        path: 'subpackage/qualificationApprove/detail/:id?',
+        name: 'subpackageQualificationApproveDetail',
+        component: () => import('@/views/business/subpackage/approve/edit.vue'),
+        meta: {
+          title: '分包方资格审批',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/qualificationApprove',
+        },
+      },
+      {
         path: 'certificate',
         name: 'Certificate',
         component: () => import('@/views/business/subpackage/certificate/list.vue'),
@@ -347,6 +395,18 @@
         },
       },
       {
+        path: 'subpackage/certificate/detail/:id?',
+        name: 'subpackageCertificateDetail',
+        component: () => import('@/views/business/subpackage/certificate/edit.vue'),
+        meta: {
+          title: '分包证书管理',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/certificate',
+        },
+      },
+      {
         path: '/:type/:id?',
         name: 'taskDetail',
         component: () => import('@/views/business/subpackage/certificate/edit.vue'),
diff --git a/src/views/business/schedule/task/taskEdit.vue b/src/views/business/schedule/task/taskEdit.vue
index 7c4a4b4..d64aa23 100644
--- a/src/views/business/schedule/task/taskEdit.vue
+++ b/src/views/business/schedule/task/taskEdit.vue
@@ -549,7 +549,7 @@
         </el-form>
       </div>
     </detail-page>
-    <detail-block title="检定流程">
+    <detail-block v-if="taskForm.measureProcessList && taskForm.measureProcessList.length >= 1" title="检定流程">
       <!-- <template #btns>
         <el-button type="primary" style="margin-bottom: 10px;" @click="batchProcessAdd">
           批量添加
diff --git a/src/views/business/subpackage/apply/edit.vue b/src/views/business/subpackage/apply/edit.vue
new file mode 100644
index 0000000..74990a4
--- /dev/null
+++ b/src/views/business/subpackage/apply/edit.vue
@@ -0,0 +1,326 @@
+<!-- 分包申请详情 -->
+<script lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ref } from 'vue'
+import { filter } from 'lodash'
+import type { IApplyDetail, IDetailList } from '../subpackage-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { detail } from '@/api/business/subpackage/apply'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+
+const $route = useRoute()
+const $router = useRouter()
+const query = $route.query
+const detailForm = ref<IApplyDetail>({
+  applicantName: '', // 申请名称
+  applicantId: '', // 申请id
+  applicantTime: '', // 申请时间
+  applyApprovalStatus: '', // 申请状态
+  applyMinioFileName: '', // 申请文件名称
+  applyProcessId: '', // 申请流程id
+  applyRemark: '', // 申请备注
+  checkApprovalStatus: '', // 申请状态码
+  checkConclusion: '', // 审批结果
+  checkMinioFileName: '', // 审核文件名称
+  checkProcessId: '', // 审批流程id
+  checkRemark: '', // 审核备注
+  checkTime: '', // 检查时间
+  checkerId: '', // 检查id
+  checkerName: '', // 检查名称
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '',
+  orderSampleList: '', // 订单列表
+  outsourceReason: '', // 原因
+  outsourceReasonName: '', // 原因名称
+  outsourcerId: '', // 原因id
+  outsourcerName: '', // 资源名称
+  preCost: '', // 价值
+  preEndTime: '', // 过期时间
+  preStartTime: '', // 开始时间
+  projectName: '', // 项目名称
+  projectNo: '', // 项目编号
+  sampleList: [] as any, // 样品列表
+  updateTime: '', // 修改时间
+})
+// 校验规则
+const formRules = ref({
+  projectName: [{ required: true, message: '分包项目名称必填', trigger: 'blur' }],
+  outsourcerId: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  outsourcerName: [{ required: true, message: '公司名称必填', trigger: ['blur', 'change'] }],
+  outsourceReasonName: [{ required: true, message: '分包原因必填', trigger: ['blur', 'change'] }],
+  preCost: [{ required: true, message: '预计费用必填', trigger: ['blur', 'change'] }],
+  preStartTime: [{ required: true, message: '预计开始时间必填', trigger: ['blur', 'change'] }],
+  preEndTime: [{ required: true, message: '预计结束时间必填', trigger: ['blur', 'change'] }],
+})
+
+const list = ref<IDetailList[]>([])// 表格数据
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', align: 'center', width: '230' },
+  { text: '样品名称', value: 'sampleName', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'orderCode', align: 'center' },
+  { text: '委托书编号', value: 'manufacturingNo', align: 'center' },
+  { text: '委托单位', value: 'customerName', align: 'center' },
+])
+
+const getDetail = () => {
+  detail({ id: $route.params.id }).then((res) => {
+    // let interfaceStr = ''
+    // for (const key in res.data.sampleList[0]) {
+    //   const item = res.data[key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
+    detailForm.value = res.data
+    list.value = res.data.sampleList.filter((item: IDetailList) => {
+      return item !== null
+    })
+  })
+}
+const approvalRecordData = ref([]) // 审批流程数据
+const getApprovalRecord = (processId: string) => {
+  if (query.title !== '新建') {
+    if (processId) {
+      fetchApproval(processId).then((res) => {
+        approvalRecordData.value = res.data
+      })
+    }
+    else {
+      ElMessage.warning('流程实例id为空')
+    }
+  }
+}
+
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 文件上传
+const fileRef = ref()
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    detailForm.value.applyMinioFileName = event.target.files[0].name
+    // UploadFile(fd).then((res) => {
+    //   if (res.code === 200) {
+    //     sampleForm.value.minioFileName = res.data[0]
+    //     // 重置当前验证
+    //     ElMessage.success('文件上传成功')
+    //   }
+    //   else {
+    //     ElMessage.error(res.message)
+    //   }
+    // })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+onMounted(() => {
+  if (query.title !== '新建') {
+    getDetail()
+  }
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="分包项目申请">
+      <template #btns>
+        <template v-if="query.approvalStatusName === '待审批'">
+          <el-button type="primary">
+            同意
+          </el-button>
+          <el-button type="primary">
+            驳回
+          </el-button>
+          <el-button type="primary">
+            拒绝
+          </el-button>
+        </template>
+        <template v-if="['草稿箱', '已取消'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            提交
+          </el-button>
+          <el-button type="primary">
+            编辑
+          </el-button>
+          <el-button type="primary">
+            删除
+          </el-button>
+        </template>
+        <template v-if="['已通过', '未通过'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            打印
+          </el-button>
+        </template>
+        <template v-if="query.title === '新建'">
+          <el-button type="primary">
+            保存
+          </el-button>
+          <el-button type="primary">
+            提交
+          </el-button>
+        </template>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <el-form
+        ref="ruleFormRef"
+        :model="detailForm"
+        label-width="140"
+        label-position="right"
+        :rules="formRules"
+      >
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="分包项目编号:" prop="projectNo">
+              <el-input
+                v-model="detailForm.projectNo" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包项目名称:" prop="projectName">
+              <el-input
+                v-model="detailForm.projectName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请人:" prop="applicantName">
+              <el-input
+                v-model="detailForm.applicantName" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请时间:" prop="applicantTime">
+              <el-input
+                v-model="detailForm.applicantTime" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包方编号:" prop="outsourcerId">
+              <el-input
+                v-model="detailForm.outsourcerId"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司名称:" prop="outsourcerName">
+              <el-input
+                v-model="detailForm.outsourcerName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因:" prop="outsourceReasonName">
+              <el-input
+                v-model="detailForm.outsourceReasonName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计费用:" prop="preCost">
+              <el-input
+                v-model="detailForm.preCost"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计开始时间:" prop="preStartTime">
+              <el-date-picker
+                v-model="detailForm.preStartTime"
+                type="datetime"
+                placeholder="请选择预计开始时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计结束时间:" prop="preEndTime">
+              <el-date-picker
+                v-model="detailForm.preEndTime"
+                type="datetime"
+                placeholder="请选择预计结束时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+
+          <el-col :span="12">
+            <el-form-item label="备注:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="6">
+            <el-form-item label="附件:" prop="applyMinioFileName">
+              <input v-show="query.title === ''" ref="fileRef" multiple type="file" @change="onFileChange">
+              <span v-if="query.title === '详情' && !detailForm.applyMinioFileName">无</span>
+              <div v-else style="display: flex;">
+                <show-photo :minio-file-name="detailForm.applyMinioFileName || ''" style="display: inline-block;margin: 10px;" />
+              </div>
+              <el-button v-if="query.title !== '详情'" type="primary" :disabled="query.title === '详情'" @click="upload">
+                {{ detailForm.applyMinioFileName ? '更换' : '上传' }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18" />
+        </el-row>
+      </el-form>
+    </detail-page>
+    <detail-block title="样品详情">
+      <el-table
+        :data="list"
+        border
+        style="width: 100%;"
+        max-height="600"
+      >
+        <el-table-column type="selection" width="38" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        />
+      </el-table>
+    </detail-block>
+    <detail-block v-if="query.approvalStatusName !== '草稿箱' && query.title !== '新增'" title="审批流程">
+      <!-- 审批流程 -->
+      <approval-record ref="approvalRecord" :approval-record-data="approvalRecordData" />
+    </detail-block>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/apply/list.vue b/src/views/business/subpackage/apply/list.vue
index 8fc0173..9cca21e 100644
--- a/src/views/business/subpackage/apply/list.vue
+++ b/src/views/business/subpackage/apply/list.vue
@@ -11,8 +11,9 @@
 import type { dictType } from '@/views/device/receive/receive'
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/apply'
+import { getListPage } from '@/api/business/subpackage/apply'
 import { SCHEDULE } from '@/utils/scheduleDict'
+const $route = useRoute()
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageApplyActive'
@@ -46,7 +47,13 @@
 ])
 const list = ref([])
 const total = ref(0)
-
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 时间变更
 watch(timeRange, (val) => {
   if (val) {
@@ -98,7 +105,15 @@
 
 // 新建
 const add = () => {
-
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'add',
+    },
+    query: {
+      title: '新建',
+    },
+  })
 }
 // 导出
 const exportAll = () => {
@@ -116,18 +131,66 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApplyList, status: string) => {
-  if (status !== 'edit') {
-    detail({ id: row.id }).then((res) => {
-      console.log(res)
-    })
-  }
+// 详情
+const detail = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'detail',
+      id: row.id,
+    },
+    query: {
+      title: '详情',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
 }
-// 取消
-const handleCancle = (row: IApplyList) => {
+
+// 编辑
+const update = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'edit',
+      id: row.id,
+    },
+    query: {
+      title: '编辑',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
+}
+
+// 提交
+const submit = (row: IApplyList) => {
 
 }
+
+// 同意
+const agree = (row: IApplyList) => {
+
+}
+
+// 驳回
+const reject = (row: IApplyList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApplyList) => {
+
+}
+
+// 取消
+const cancel = (row: IApplyList) => {
+
+}
+
+// 删除
+const remove = (row: IApplyList) => {
+
+}
+
 // 获取字典值
 const getDict = async () => {
   // 审批状态
@@ -189,18 +252,9 @@
       </search-area>
       <table-container>
         <template #btns-right>
-          <icon-button
-            icon="icon-add" title="新建" type="primary"
-            @click="add"
-          />
-          <icon-button
-            icon="icon-export" title="导出" type="primary"
-            @click="exportAll"
-          />
-          <icon-button
-            icon="icon-print" title="打印" type="primary"
-            @click="printList"
-          />
+          <icon-button icon="icon-add" title="新建" type="primary" @click="add" />
+          <icon-button icon="icon-export" title="导出" type="primary" @click="exportAll" />
+          <icon-button icon="icon-print" title="打印" type="primary" @click="printList" />
         </template>
         <normal-table
           :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
@@ -216,11 +270,48 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button size="small" type="primary" link @click="detail(row)">
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)" size="small" type="primary" link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button v-if="proxy.buttonPerm.submit.if(row)" size="small" type="primary" link @click="submit(row)">
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)" size="small" type="primary" link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)" @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)" size="small" type="primary" link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)" @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)" size="small" type="danger" link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)" @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)" size="small" type="info" link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)" @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)" :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small" type="danger" link @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>

diff --git a/src/router/modules/business.ts b/src/router/modules/business.ts
index 4de6ce2..db0b317 100644
--- a/src/router/modules/business.ts
+++ b/src/router/modules/business.ts
@@ -307,6 +307,18 @@
         },
       },
       {
+        path: 'subpackage/apply/detail/:id?',
+        name: 'subpackageApplyDetail',
+        component: () => import('@/views/business/subpackage/apply/edit.vue'),
+        meta: {
+          title: '分包项目申请',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemApply',
+        },
+      },
+      {
         path: 'itemCheck',
         name: 'ItemCheck',
         component: () => import('@/views/business/subpackage/check/list.vue'),
@@ -317,6 +329,18 @@
         },
       },
       {
+        path: 'subpackage/check/detail/:id?',
+        name: 'subpackageCheckDetail',
+        component: () => import('@/views/business/subpackage/check/edit.vue'),
+        meta: {
+          title: '分包项目验收',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemCheck',
+        },
+      },
+      {
         path: 'archives',
         name: 'Archives',
         component: () => import('@/views/business/subpackage/record/list.vue'),
@@ -327,6 +351,18 @@
         },
       },
       {
+        path: 'subpackage/archives/detail/:id?',
+        name: 'subpackageArchivesDetail',
+        component: () => import('@/views/business/subpackage/record/edit.vue'),
+        meta: {
+          title: '分包方档案',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/archives',
+        },
+      },
+      {
         path: 'qualificationApprove',
         name: 'QualificationApprove',
         component: () => import('@/views/business/subpackage/approve/list.vue'),
@@ -337,6 +373,18 @@
         },
       },
       {
+        path: 'subpackage/qualificationApprove/detail/:id?',
+        name: 'subpackageQualificationApproveDetail',
+        component: () => import('@/views/business/subpackage/approve/edit.vue'),
+        meta: {
+          title: '分包方资格审批',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/qualificationApprove',
+        },
+      },
+      {
         path: 'certificate',
         name: 'Certificate',
         component: () => import('@/views/business/subpackage/certificate/list.vue'),
@@ -347,6 +395,18 @@
         },
       },
       {
+        path: 'subpackage/certificate/detail/:id?',
+        name: 'subpackageCertificateDetail',
+        component: () => import('@/views/business/subpackage/certificate/edit.vue'),
+        meta: {
+          title: '分包证书管理',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/certificate',
+        },
+      },
+      {
         path: '/:type/:id?',
         name: 'taskDetail',
         component: () => import('@/views/business/subpackage/certificate/edit.vue'),
diff --git a/src/views/business/schedule/task/taskEdit.vue b/src/views/business/schedule/task/taskEdit.vue
index 7c4a4b4..d64aa23 100644
--- a/src/views/business/schedule/task/taskEdit.vue
+++ b/src/views/business/schedule/task/taskEdit.vue
@@ -549,7 +549,7 @@
         </el-form>
       </div>
     </detail-page>
-    <detail-block title="检定流程">
+    <detail-block v-if="taskForm.measureProcessList && taskForm.measureProcessList.length >= 1" title="检定流程">
       <!-- <template #btns>
         <el-button type="primary" style="margin-bottom: 10px;" @click="batchProcessAdd">
           批量添加
diff --git a/src/views/business/subpackage/apply/edit.vue b/src/views/business/subpackage/apply/edit.vue
new file mode 100644
index 0000000..74990a4
--- /dev/null
+++ b/src/views/business/subpackage/apply/edit.vue
@@ -0,0 +1,326 @@
+<!-- 分包申请详情 -->
+<script lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ref } from 'vue'
+import { filter } from 'lodash'
+import type { IApplyDetail, IDetailList } from '../subpackage-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { detail } from '@/api/business/subpackage/apply'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+
+const $route = useRoute()
+const $router = useRouter()
+const query = $route.query
+const detailForm = ref<IApplyDetail>({
+  applicantName: '', // 申请名称
+  applicantId: '', // 申请id
+  applicantTime: '', // 申请时间
+  applyApprovalStatus: '', // 申请状态
+  applyMinioFileName: '', // 申请文件名称
+  applyProcessId: '', // 申请流程id
+  applyRemark: '', // 申请备注
+  checkApprovalStatus: '', // 申请状态码
+  checkConclusion: '', // 审批结果
+  checkMinioFileName: '', // 审核文件名称
+  checkProcessId: '', // 审批流程id
+  checkRemark: '', // 审核备注
+  checkTime: '', // 检查时间
+  checkerId: '', // 检查id
+  checkerName: '', // 检查名称
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '',
+  orderSampleList: '', // 订单列表
+  outsourceReason: '', // 原因
+  outsourceReasonName: '', // 原因名称
+  outsourcerId: '', // 原因id
+  outsourcerName: '', // 资源名称
+  preCost: '', // 价值
+  preEndTime: '', // 过期时间
+  preStartTime: '', // 开始时间
+  projectName: '', // 项目名称
+  projectNo: '', // 项目编号
+  sampleList: [] as any, // 样品列表
+  updateTime: '', // 修改时间
+})
+// 校验规则
+const formRules = ref({
+  projectName: [{ required: true, message: '分包项目名称必填', trigger: 'blur' }],
+  outsourcerId: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  outsourcerName: [{ required: true, message: '公司名称必填', trigger: ['blur', 'change'] }],
+  outsourceReasonName: [{ required: true, message: '分包原因必填', trigger: ['blur', 'change'] }],
+  preCost: [{ required: true, message: '预计费用必填', trigger: ['blur', 'change'] }],
+  preStartTime: [{ required: true, message: '预计开始时间必填', trigger: ['blur', 'change'] }],
+  preEndTime: [{ required: true, message: '预计结束时间必填', trigger: ['blur', 'change'] }],
+})
+
+const list = ref<IDetailList[]>([])// 表格数据
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', align: 'center', width: '230' },
+  { text: '样品名称', value: 'sampleName', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'orderCode', align: 'center' },
+  { text: '委托书编号', value: 'manufacturingNo', align: 'center' },
+  { text: '委托单位', value: 'customerName', align: 'center' },
+])
+
+const getDetail = () => {
+  detail({ id: $route.params.id }).then((res) => {
+    // let interfaceStr = ''
+    // for (const key in res.data.sampleList[0]) {
+    //   const item = res.data[key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
+    detailForm.value = res.data
+    list.value = res.data.sampleList.filter((item: IDetailList) => {
+      return item !== null
+    })
+  })
+}
+const approvalRecordData = ref([]) // 审批流程数据
+const getApprovalRecord = (processId: string) => {
+  if (query.title !== '新建') {
+    if (processId) {
+      fetchApproval(processId).then((res) => {
+        approvalRecordData.value = res.data
+      })
+    }
+    else {
+      ElMessage.warning('流程实例id为空')
+    }
+  }
+}
+
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 文件上传
+const fileRef = ref()
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    detailForm.value.applyMinioFileName = event.target.files[0].name
+    // UploadFile(fd).then((res) => {
+    //   if (res.code === 200) {
+    //     sampleForm.value.minioFileName = res.data[0]
+    //     // 重置当前验证
+    //     ElMessage.success('文件上传成功')
+    //   }
+    //   else {
+    //     ElMessage.error(res.message)
+    //   }
+    // })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+onMounted(() => {
+  if (query.title !== '新建') {
+    getDetail()
+  }
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="分包项目申请">
+      <template #btns>
+        <template v-if="query.approvalStatusName === '待审批'">
+          <el-button type="primary">
+            同意
+          </el-button>
+          <el-button type="primary">
+            驳回
+          </el-button>
+          <el-button type="primary">
+            拒绝
+          </el-button>
+        </template>
+        <template v-if="['草稿箱', '已取消'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            提交
+          </el-button>
+          <el-button type="primary">
+            编辑
+          </el-button>
+          <el-button type="primary">
+            删除
+          </el-button>
+        </template>
+        <template v-if="['已通过', '未通过'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            打印
+          </el-button>
+        </template>
+        <template v-if="query.title === '新建'">
+          <el-button type="primary">
+            保存
+          </el-button>
+          <el-button type="primary">
+            提交
+          </el-button>
+        </template>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <el-form
+        ref="ruleFormRef"
+        :model="detailForm"
+        label-width="140"
+        label-position="right"
+        :rules="formRules"
+      >
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="分包项目编号:" prop="projectNo">
+              <el-input
+                v-model="detailForm.projectNo" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包项目名称:" prop="projectName">
+              <el-input
+                v-model="detailForm.projectName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请人:" prop="applicantName">
+              <el-input
+                v-model="detailForm.applicantName" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请时间:" prop="applicantTime">
+              <el-input
+                v-model="detailForm.applicantTime" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包方编号:" prop="outsourcerId">
+              <el-input
+                v-model="detailForm.outsourcerId"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司名称:" prop="outsourcerName">
+              <el-input
+                v-model="detailForm.outsourcerName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因:" prop="outsourceReasonName">
+              <el-input
+                v-model="detailForm.outsourceReasonName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计费用:" prop="preCost">
+              <el-input
+                v-model="detailForm.preCost"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计开始时间:" prop="preStartTime">
+              <el-date-picker
+                v-model="detailForm.preStartTime"
+                type="datetime"
+                placeholder="请选择预计开始时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计结束时间:" prop="preEndTime">
+              <el-date-picker
+                v-model="detailForm.preEndTime"
+                type="datetime"
+                placeholder="请选择预计结束时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+
+          <el-col :span="12">
+            <el-form-item label="备注:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="6">
+            <el-form-item label="附件:" prop="applyMinioFileName">
+              <input v-show="query.title === ''" ref="fileRef" multiple type="file" @change="onFileChange">
+              <span v-if="query.title === '详情' && !detailForm.applyMinioFileName">无</span>
+              <div v-else style="display: flex;">
+                <show-photo :minio-file-name="detailForm.applyMinioFileName || ''" style="display: inline-block;margin: 10px;" />
+              </div>
+              <el-button v-if="query.title !== '详情'" type="primary" :disabled="query.title === '详情'" @click="upload">
+                {{ detailForm.applyMinioFileName ? '更换' : '上传' }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18" />
+        </el-row>
+      </el-form>
+    </detail-page>
+    <detail-block title="样品详情">
+      <el-table
+        :data="list"
+        border
+        style="width: 100%;"
+        max-height="600"
+      >
+        <el-table-column type="selection" width="38" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        />
+      </el-table>
+    </detail-block>
+    <detail-block v-if="query.approvalStatusName !== '草稿箱' && query.title !== '新增'" title="审批流程">
+      <!-- 审批流程 -->
+      <approval-record ref="approvalRecord" :approval-record-data="approvalRecordData" />
+    </detail-block>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/apply/list.vue b/src/views/business/subpackage/apply/list.vue
index 8fc0173..9cca21e 100644
--- a/src/views/business/subpackage/apply/list.vue
+++ b/src/views/business/subpackage/apply/list.vue
@@ -11,8 +11,9 @@
 import type { dictType } from '@/views/device/receive/receive'
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/apply'
+import { getListPage } from '@/api/business/subpackage/apply'
 import { SCHEDULE } from '@/utils/scheduleDict'
+const $route = useRoute()
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageApplyActive'
@@ -46,7 +47,13 @@
 ])
 const list = ref([])
 const total = ref(0)
-
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 时间变更
 watch(timeRange, (val) => {
   if (val) {
@@ -98,7 +105,15 @@
 
 // 新建
 const add = () => {
-
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'add',
+    },
+    query: {
+      title: '新建',
+    },
+  })
 }
 // 导出
 const exportAll = () => {
@@ -116,18 +131,66 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApplyList, status: string) => {
-  if (status !== 'edit') {
-    detail({ id: row.id }).then((res) => {
-      console.log(res)
-    })
-  }
+// 详情
+const detail = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'detail',
+      id: row.id,
+    },
+    query: {
+      title: '详情',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
 }
-// 取消
-const handleCancle = (row: IApplyList) => {
+
+// 编辑
+const update = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'edit',
+      id: row.id,
+    },
+    query: {
+      title: '编辑',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
+}
+
+// 提交
+const submit = (row: IApplyList) => {
 
 }
+
+// 同意
+const agree = (row: IApplyList) => {
+
+}
+
+// 驳回
+const reject = (row: IApplyList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApplyList) => {
+
+}
+
+// 取消
+const cancel = (row: IApplyList) => {
+
+}
+
+// 删除
+const remove = (row: IApplyList) => {
+
+}
+
 // 获取字典值
 const getDict = async () => {
   // 审批状态
@@ -189,18 +252,9 @@
       </search-area>
       <table-container>
         <template #btns-right>
-          <icon-button
-            icon="icon-add" title="新建" type="primary"
-            @click="add"
-          />
-          <icon-button
-            icon="icon-export" title="导出" type="primary"
-            @click="exportAll"
-          />
-          <icon-button
-            icon="icon-print" title="打印" type="primary"
-            @click="printList"
-          />
+          <icon-button icon="icon-add" title="新建" type="primary" @click="add" />
+          <icon-button icon="icon-export" title="导出" type="primary" @click="exportAll" />
+          <icon-button icon="icon-print" title="打印" type="primary" @click="printList" />
         </template>
         <normal-table
           :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
@@ -216,11 +270,48 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button size="small" type="primary" link @click="detail(row)">
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)" size="small" type="primary" link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button v-if="proxy.buttonPerm.submit.if(row)" size="small" type="primary" link @click="submit(row)">
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)" size="small" type="primary" link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)" @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)" size="small" type="primary" link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)" @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)" size="small" type="danger" link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)" @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)" size="small" type="info" link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)" @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)" :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small" type="danger" link @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>
diff --git a/src/views/business/subpackage/approve/edit.vue b/src/views/business/subpackage/approve/edit.vue
new file mode 100644
index 0000000..6352f2e
--- /dev/null
+++ b/src/views/business/subpackage/approve/edit.vue
@@ -0,0 +1,14 @@
+<!-- 分包方资格审批详情 -->
+<script lang="ts" setup>
+
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <h1>详情</h1>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>

diff --git a/src/router/modules/business.ts b/src/router/modules/business.ts
index 4de6ce2..db0b317 100644
--- a/src/router/modules/business.ts
+++ b/src/router/modules/business.ts
@@ -307,6 +307,18 @@
         },
       },
       {
+        path: 'subpackage/apply/detail/:id?',
+        name: 'subpackageApplyDetail',
+        component: () => import('@/views/business/subpackage/apply/edit.vue'),
+        meta: {
+          title: '分包项目申请',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemApply',
+        },
+      },
+      {
         path: 'itemCheck',
         name: 'ItemCheck',
         component: () => import('@/views/business/subpackage/check/list.vue'),
@@ -317,6 +329,18 @@
         },
       },
       {
+        path: 'subpackage/check/detail/:id?',
+        name: 'subpackageCheckDetail',
+        component: () => import('@/views/business/subpackage/check/edit.vue'),
+        meta: {
+          title: '分包项目验收',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemCheck',
+        },
+      },
+      {
         path: 'archives',
         name: 'Archives',
         component: () => import('@/views/business/subpackage/record/list.vue'),
@@ -327,6 +351,18 @@
         },
       },
       {
+        path: 'subpackage/archives/detail/:id?',
+        name: 'subpackageArchivesDetail',
+        component: () => import('@/views/business/subpackage/record/edit.vue'),
+        meta: {
+          title: '分包方档案',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/archives',
+        },
+      },
+      {
         path: 'qualificationApprove',
         name: 'QualificationApprove',
         component: () => import('@/views/business/subpackage/approve/list.vue'),
@@ -337,6 +373,18 @@
         },
       },
       {
+        path: 'subpackage/qualificationApprove/detail/:id?',
+        name: 'subpackageQualificationApproveDetail',
+        component: () => import('@/views/business/subpackage/approve/edit.vue'),
+        meta: {
+          title: '分包方资格审批',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/qualificationApprove',
+        },
+      },
+      {
         path: 'certificate',
         name: 'Certificate',
         component: () => import('@/views/business/subpackage/certificate/list.vue'),
@@ -347,6 +395,18 @@
         },
       },
       {
+        path: 'subpackage/certificate/detail/:id?',
+        name: 'subpackageCertificateDetail',
+        component: () => import('@/views/business/subpackage/certificate/edit.vue'),
+        meta: {
+          title: '分包证书管理',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/certificate',
+        },
+      },
+      {
         path: '/:type/:id?',
         name: 'taskDetail',
         component: () => import('@/views/business/subpackage/certificate/edit.vue'),
diff --git a/src/views/business/schedule/task/taskEdit.vue b/src/views/business/schedule/task/taskEdit.vue
index 7c4a4b4..d64aa23 100644
--- a/src/views/business/schedule/task/taskEdit.vue
+++ b/src/views/business/schedule/task/taskEdit.vue
@@ -549,7 +549,7 @@
         </el-form>
       </div>
     </detail-page>
-    <detail-block title="检定流程">
+    <detail-block v-if="taskForm.measureProcessList && taskForm.measureProcessList.length >= 1" title="检定流程">
       <!-- <template #btns>
         <el-button type="primary" style="margin-bottom: 10px;" @click="batchProcessAdd">
           批量添加
diff --git a/src/views/business/subpackage/apply/edit.vue b/src/views/business/subpackage/apply/edit.vue
new file mode 100644
index 0000000..74990a4
--- /dev/null
+++ b/src/views/business/subpackage/apply/edit.vue
@@ -0,0 +1,326 @@
+<!-- 分包申请详情 -->
+<script lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ref } from 'vue'
+import { filter } from 'lodash'
+import type { IApplyDetail, IDetailList } from '../subpackage-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { detail } from '@/api/business/subpackage/apply'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+
+const $route = useRoute()
+const $router = useRouter()
+const query = $route.query
+const detailForm = ref<IApplyDetail>({
+  applicantName: '', // 申请名称
+  applicantId: '', // 申请id
+  applicantTime: '', // 申请时间
+  applyApprovalStatus: '', // 申请状态
+  applyMinioFileName: '', // 申请文件名称
+  applyProcessId: '', // 申请流程id
+  applyRemark: '', // 申请备注
+  checkApprovalStatus: '', // 申请状态码
+  checkConclusion: '', // 审批结果
+  checkMinioFileName: '', // 审核文件名称
+  checkProcessId: '', // 审批流程id
+  checkRemark: '', // 审核备注
+  checkTime: '', // 检查时间
+  checkerId: '', // 检查id
+  checkerName: '', // 检查名称
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '',
+  orderSampleList: '', // 订单列表
+  outsourceReason: '', // 原因
+  outsourceReasonName: '', // 原因名称
+  outsourcerId: '', // 原因id
+  outsourcerName: '', // 资源名称
+  preCost: '', // 价值
+  preEndTime: '', // 过期时间
+  preStartTime: '', // 开始时间
+  projectName: '', // 项目名称
+  projectNo: '', // 项目编号
+  sampleList: [] as any, // 样品列表
+  updateTime: '', // 修改时间
+})
+// 校验规则
+const formRules = ref({
+  projectName: [{ required: true, message: '分包项目名称必填', trigger: 'blur' }],
+  outsourcerId: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  outsourcerName: [{ required: true, message: '公司名称必填', trigger: ['blur', 'change'] }],
+  outsourceReasonName: [{ required: true, message: '分包原因必填', trigger: ['blur', 'change'] }],
+  preCost: [{ required: true, message: '预计费用必填', trigger: ['blur', 'change'] }],
+  preStartTime: [{ required: true, message: '预计开始时间必填', trigger: ['blur', 'change'] }],
+  preEndTime: [{ required: true, message: '预计结束时间必填', trigger: ['blur', 'change'] }],
+})
+
+const list = ref<IDetailList[]>([])// 表格数据
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', align: 'center', width: '230' },
+  { text: '样品名称', value: 'sampleName', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'orderCode', align: 'center' },
+  { text: '委托书编号', value: 'manufacturingNo', align: 'center' },
+  { text: '委托单位', value: 'customerName', align: 'center' },
+])
+
+const getDetail = () => {
+  detail({ id: $route.params.id }).then((res) => {
+    // let interfaceStr = ''
+    // for (const key in res.data.sampleList[0]) {
+    //   const item = res.data[key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
+    detailForm.value = res.data
+    list.value = res.data.sampleList.filter((item: IDetailList) => {
+      return item !== null
+    })
+  })
+}
+const approvalRecordData = ref([]) // 审批流程数据
+const getApprovalRecord = (processId: string) => {
+  if (query.title !== '新建') {
+    if (processId) {
+      fetchApproval(processId).then((res) => {
+        approvalRecordData.value = res.data
+      })
+    }
+    else {
+      ElMessage.warning('流程实例id为空')
+    }
+  }
+}
+
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 文件上传
+const fileRef = ref()
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    detailForm.value.applyMinioFileName = event.target.files[0].name
+    // UploadFile(fd).then((res) => {
+    //   if (res.code === 200) {
+    //     sampleForm.value.minioFileName = res.data[0]
+    //     // 重置当前验证
+    //     ElMessage.success('文件上传成功')
+    //   }
+    //   else {
+    //     ElMessage.error(res.message)
+    //   }
+    // })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+onMounted(() => {
+  if (query.title !== '新建') {
+    getDetail()
+  }
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="分包项目申请">
+      <template #btns>
+        <template v-if="query.approvalStatusName === '待审批'">
+          <el-button type="primary">
+            同意
+          </el-button>
+          <el-button type="primary">
+            驳回
+          </el-button>
+          <el-button type="primary">
+            拒绝
+          </el-button>
+        </template>
+        <template v-if="['草稿箱', '已取消'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            提交
+          </el-button>
+          <el-button type="primary">
+            编辑
+          </el-button>
+          <el-button type="primary">
+            删除
+          </el-button>
+        </template>
+        <template v-if="['已通过', '未通过'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            打印
+          </el-button>
+        </template>
+        <template v-if="query.title === '新建'">
+          <el-button type="primary">
+            保存
+          </el-button>
+          <el-button type="primary">
+            提交
+          </el-button>
+        </template>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <el-form
+        ref="ruleFormRef"
+        :model="detailForm"
+        label-width="140"
+        label-position="right"
+        :rules="formRules"
+      >
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="分包项目编号:" prop="projectNo">
+              <el-input
+                v-model="detailForm.projectNo" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包项目名称:" prop="projectName">
+              <el-input
+                v-model="detailForm.projectName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请人:" prop="applicantName">
+              <el-input
+                v-model="detailForm.applicantName" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请时间:" prop="applicantTime">
+              <el-input
+                v-model="detailForm.applicantTime" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包方编号:" prop="outsourcerId">
+              <el-input
+                v-model="detailForm.outsourcerId"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司名称:" prop="outsourcerName">
+              <el-input
+                v-model="detailForm.outsourcerName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因:" prop="outsourceReasonName">
+              <el-input
+                v-model="detailForm.outsourceReasonName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计费用:" prop="preCost">
+              <el-input
+                v-model="detailForm.preCost"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计开始时间:" prop="preStartTime">
+              <el-date-picker
+                v-model="detailForm.preStartTime"
+                type="datetime"
+                placeholder="请选择预计开始时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计结束时间:" prop="preEndTime">
+              <el-date-picker
+                v-model="detailForm.preEndTime"
+                type="datetime"
+                placeholder="请选择预计结束时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+
+          <el-col :span="12">
+            <el-form-item label="备注:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="6">
+            <el-form-item label="附件:" prop="applyMinioFileName">
+              <input v-show="query.title === ''" ref="fileRef" multiple type="file" @change="onFileChange">
+              <span v-if="query.title === '详情' && !detailForm.applyMinioFileName">无</span>
+              <div v-else style="display: flex;">
+                <show-photo :minio-file-name="detailForm.applyMinioFileName || ''" style="display: inline-block;margin: 10px;" />
+              </div>
+              <el-button v-if="query.title !== '详情'" type="primary" :disabled="query.title === '详情'" @click="upload">
+                {{ detailForm.applyMinioFileName ? '更换' : '上传' }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18" />
+        </el-row>
+      </el-form>
+    </detail-page>
+    <detail-block title="样品详情">
+      <el-table
+        :data="list"
+        border
+        style="width: 100%;"
+        max-height="600"
+      >
+        <el-table-column type="selection" width="38" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        />
+      </el-table>
+    </detail-block>
+    <detail-block v-if="query.approvalStatusName !== '草稿箱' && query.title !== '新增'" title="审批流程">
+      <!-- 审批流程 -->
+      <approval-record ref="approvalRecord" :approval-record-data="approvalRecordData" />
+    </detail-block>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/apply/list.vue b/src/views/business/subpackage/apply/list.vue
index 8fc0173..9cca21e 100644
--- a/src/views/business/subpackage/apply/list.vue
+++ b/src/views/business/subpackage/apply/list.vue
@@ -11,8 +11,9 @@
 import type { dictType } from '@/views/device/receive/receive'
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/apply'
+import { getListPage } from '@/api/business/subpackage/apply'
 import { SCHEDULE } from '@/utils/scheduleDict'
+const $route = useRoute()
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageApplyActive'
@@ -46,7 +47,13 @@
 ])
 const list = ref([])
 const total = ref(0)
-
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 时间变更
 watch(timeRange, (val) => {
   if (val) {
@@ -98,7 +105,15 @@
 
 // 新建
 const add = () => {
-
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'add',
+    },
+    query: {
+      title: '新建',
+    },
+  })
 }
 // 导出
 const exportAll = () => {
@@ -116,18 +131,66 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApplyList, status: string) => {
-  if (status !== 'edit') {
-    detail({ id: row.id }).then((res) => {
-      console.log(res)
-    })
-  }
+// 详情
+const detail = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'detail',
+      id: row.id,
+    },
+    query: {
+      title: '详情',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
 }
-// 取消
-const handleCancle = (row: IApplyList) => {
+
+// 编辑
+const update = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'edit',
+      id: row.id,
+    },
+    query: {
+      title: '编辑',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
+}
+
+// 提交
+const submit = (row: IApplyList) => {
 
 }
+
+// 同意
+const agree = (row: IApplyList) => {
+
+}
+
+// 驳回
+const reject = (row: IApplyList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApplyList) => {
+
+}
+
+// 取消
+const cancel = (row: IApplyList) => {
+
+}
+
+// 删除
+const remove = (row: IApplyList) => {
+
+}
+
 // 获取字典值
 const getDict = async () => {
   // 审批状态
@@ -189,18 +252,9 @@
       </search-area>
       <table-container>
         <template #btns-right>
-          <icon-button
-            icon="icon-add" title="新建" type="primary"
-            @click="add"
-          />
-          <icon-button
-            icon="icon-export" title="导出" type="primary"
-            @click="exportAll"
-          />
-          <icon-button
-            icon="icon-print" title="打印" type="primary"
-            @click="printList"
-          />
+          <icon-button icon="icon-add" title="新建" type="primary" @click="add" />
+          <icon-button icon="icon-export" title="导出" type="primary" @click="exportAll" />
+          <icon-button icon="icon-print" title="打印" type="primary" @click="printList" />
         </template>
         <normal-table
           :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
@@ -216,11 +270,48 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button size="small" type="primary" link @click="detail(row)">
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)" size="small" type="primary" link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button v-if="proxy.buttonPerm.submit.if(row)" size="small" type="primary" link @click="submit(row)">
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)" size="small" type="primary" link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)" @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)" size="small" type="primary" link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)" @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)" size="small" type="danger" link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)" @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)" size="small" type="info" link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)" @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)" :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small" type="danger" link @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>
diff --git a/src/views/business/subpackage/approve/edit.vue b/src/views/business/subpackage/approve/edit.vue
new file mode 100644
index 0000000..6352f2e
--- /dev/null
+++ b/src/views/business/subpackage/approve/edit.vue
@@ -0,0 +1,14 @@
+<!-- 分包方资格审批详情 -->
+<script lang="ts" setup>
+
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <h1>详情</h1>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/approve/list.vue b/src/views/business/subpackage/approve/list.vue
index 6755ede..0be983d 100644
--- a/src/views/business/subpackage/approve/list.vue
+++ b/src/views/business/subpackage/approve/list.vue
@@ -11,9 +11,10 @@
 import type { dictType } from '@/views/device/receive/receive'
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/approval'
+import { getListPage } from '@/api/business/subpackage/approval'
 import { SCHEDULE } from '@/utils/scheduleDict'
 const $router = useRouter()
+const $route = useRoute()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageApproveActive'
 const loadingTable = ref(false)
@@ -54,6 +55,13 @@
 const list = ref([])
 const total = ref(0)
 
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 时间变更
 watch(timeRange, (val) => {
   if (val) {
@@ -134,13 +142,44 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApproveList, status: string) => {
-  // if (status !== 'edit') {
-  //   detail({ id: row.id }).then((res) => {
-  //     console.log(res)
-  //   })
-  // }
+// 详情
+const detail = (row: IApproveList) => {
+
+}
+
+// 编辑
+const update = (row: IApproveList) => {
+
+}
+
+// 提交
+const submit = (row: IApproveList) => {
+
+}
+
+// 同意
+const agree = (row: IApproveList) => {
+
+}
+
+// 驳回
+const reject = (row: IApproveList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApproveList) => {
+
+}
+
+// 取消
+const cancel = (row: IApproveList) => {
+
+}
+
+// 删除
+const remove = (row: IApproveList) => {
+
 }
 
 // 获取字典值
@@ -219,11 +258,82 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="detail(row)"
+                >
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button
+                  v-if="proxy.buttonPerm.submit.if(row)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="submit(row)"
+                >
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)"
+                  @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)"
+                  @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)"
+                  size="small"
+                  type="danger"
+                  link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)"
+                  @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)"
+                  size="small"
+                  type="info"
+                  link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)"
+                  @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)"
+                  :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small"
+                  type="danger"
+                  link
+                  @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>

diff --git a/src/router/modules/business.ts b/src/router/modules/business.ts
index 4de6ce2..db0b317 100644
--- a/src/router/modules/business.ts
+++ b/src/router/modules/business.ts
@@ -307,6 +307,18 @@
         },
       },
       {
+        path: 'subpackage/apply/detail/:id?',
+        name: 'subpackageApplyDetail',
+        component: () => import('@/views/business/subpackage/apply/edit.vue'),
+        meta: {
+          title: '分包项目申请',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemApply',
+        },
+      },
+      {
         path: 'itemCheck',
         name: 'ItemCheck',
         component: () => import('@/views/business/subpackage/check/list.vue'),
@@ -317,6 +329,18 @@
         },
       },
       {
+        path: 'subpackage/check/detail/:id?',
+        name: 'subpackageCheckDetail',
+        component: () => import('@/views/business/subpackage/check/edit.vue'),
+        meta: {
+          title: '分包项目验收',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemCheck',
+        },
+      },
+      {
         path: 'archives',
         name: 'Archives',
         component: () => import('@/views/business/subpackage/record/list.vue'),
@@ -327,6 +351,18 @@
         },
       },
       {
+        path: 'subpackage/archives/detail/:id?',
+        name: 'subpackageArchivesDetail',
+        component: () => import('@/views/business/subpackage/record/edit.vue'),
+        meta: {
+          title: '分包方档案',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/archives',
+        },
+      },
+      {
         path: 'qualificationApprove',
         name: 'QualificationApprove',
         component: () => import('@/views/business/subpackage/approve/list.vue'),
@@ -337,6 +373,18 @@
         },
       },
       {
+        path: 'subpackage/qualificationApprove/detail/:id?',
+        name: 'subpackageQualificationApproveDetail',
+        component: () => import('@/views/business/subpackage/approve/edit.vue'),
+        meta: {
+          title: '分包方资格审批',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/qualificationApprove',
+        },
+      },
+      {
         path: 'certificate',
         name: 'Certificate',
         component: () => import('@/views/business/subpackage/certificate/list.vue'),
@@ -347,6 +395,18 @@
         },
       },
       {
+        path: 'subpackage/certificate/detail/:id?',
+        name: 'subpackageCertificateDetail',
+        component: () => import('@/views/business/subpackage/certificate/edit.vue'),
+        meta: {
+          title: '分包证书管理',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/certificate',
+        },
+      },
+      {
         path: '/:type/:id?',
         name: 'taskDetail',
         component: () => import('@/views/business/subpackage/certificate/edit.vue'),
diff --git a/src/views/business/schedule/task/taskEdit.vue b/src/views/business/schedule/task/taskEdit.vue
index 7c4a4b4..d64aa23 100644
--- a/src/views/business/schedule/task/taskEdit.vue
+++ b/src/views/business/schedule/task/taskEdit.vue
@@ -549,7 +549,7 @@
         </el-form>
       </div>
     </detail-page>
-    <detail-block title="检定流程">
+    <detail-block v-if="taskForm.measureProcessList && taskForm.measureProcessList.length >= 1" title="检定流程">
       <!-- <template #btns>
         <el-button type="primary" style="margin-bottom: 10px;" @click="batchProcessAdd">
           批量添加
diff --git a/src/views/business/subpackage/apply/edit.vue b/src/views/business/subpackage/apply/edit.vue
new file mode 100644
index 0000000..74990a4
--- /dev/null
+++ b/src/views/business/subpackage/apply/edit.vue
@@ -0,0 +1,326 @@
+<!-- 分包申请详情 -->
+<script lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ref } from 'vue'
+import { filter } from 'lodash'
+import type { IApplyDetail, IDetailList } from '../subpackage-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { detail } from '@/api/business/subpackage/apply'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+
+const $route = useRoute()
+const $router = useRouter()
+const query = $route.query
+const detailForm = ref<IApplyDetail>({
+  applicantName: '', // 申请名称
+  applicantId: '', // 申请id
+  applicantTime: '', // 申请时间
+  applyApprovalStatus: '', // 申请状态
+  applyMinioFileName: '', // 申请文件名称
+  applyProcessId: '', // 申请流程id
+  applyRemark: '', // 申请备注
+  checkApprovalStatus: '', // 申请状态码
+  checkConclusion: '', // 审批结果
+  checkMinioFileName: '', // 审核文件名称
+  checkProcessId: '', // 审批流程id
+  checkRemark: '', // 审核备注
+  checkTime: '', // 检查时间
+  checkerId: '', // 检查id
+  checkerName: '', // 检查名称
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '',
+  orderSampleList: '', // 订单列表
+  outsourceReason: '', // 原因
+  outsourceReasonName: '', // 原因名称
+  outsourcerId: '', // 原因id
+  outsourcerName: '', // 资源名称
+  preCost: '', // 价值
+  preEndTime: '', // 过期时间
+  preStartTime: '', // 开始时间
+  projectName: '', // 项目名称
+  projectNo: '', // 项目编号
+  sampleList: [] as any, // 样品列表
+  updateTime: '', // 修改时间
+})
+// 校验规则
+const formRules = ref({
+  projectName: [{ required: true, message: '分包项目名称必填', trigger: 'blur' }],
+  outsourcerId: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  outsourcerName: [{ required: true, message: '公司名称必填', trigger: ['blur', 'change'] }],
+  outsourceReasonName: [{ required: true, message: '分包原因必填', trigger: ['blur', 'change'] }],
+  preCost: [{ required: true, message: '预计费用必填', trigger: ['blur', 'change'] }],
+  preStartTime: [{ required: true, message: '预计开始时间必填', trigger: ['blur', 'change'] }],
+  preEndTime: [{ required: true, message: '预计结束时间必填', trigger: ['blur', 'change'] }],
+})
+
+const list = ref<IDetailList[]>([])// 表格数据
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', align: 'center', width: '230' },
+  { text: '样品名称', value: 'sampleName', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'orderCode', align: 'center' },
+  { text: '委托书编号', value: 'manufacturingNo', align: 'center' },
+  { text: '委托单位', value: 'customerName', align: 'center' },
+])
+
+const getDetail = () => {
+  detail({ id: $route.params.id }).then((res) => {
+    // let interfaceStr = ''
+    // for (const key in res.data.sampleList[0]) {
+    //   const item = res.data[key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
+    detailForm.value = res.data
+    list.value = res.data.sampleList.filter((item: IDetailList) => {
+      return item !== null
+    })
+  })
+}
+const approvalRecordData = ref([]) // 审批流程数据
+const getApprovalRecord = (processId: string) => {
+  if (query.title !== '新建') {
+    if (processId) {
+      fetchApproval(processId).then((res) => {
+        approvalRecordData.value = res.data
+      })
+    }
+    else {
+      ElMessage.warning('流程实例id为空')
+    }
+  }
+}
+
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 文件上传
+const fileRef = ref()
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    detailForm.value.applyMinioFileName = event.target.files[0].name
+    // UploadFile(fd).then((res) => {
+    //   if (res.code === 200) {
+    //     sampleForm.value.minioFileName = res.data[0]
+    //     // 重置当前验证
+    //     ElMessage.success('文件上传成功')
+    //   }
+    //   else {
+    //     ElMessage.error(res.message)
+    //   }
+    // })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+onMounted(() => {
+  if (query.title !== '新建') {
+    getDetail()
+  }
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="分包项目申请">
+      <template #btns>
+        <template v-if="query.approvalStatusName === '待审批'">
+          <el-button type="primary">
+            同意
+          </el-button>
+          <el-button type="primary">
+            驳回
+          </el-button>
+          <el-button type="primary">
+            拒绝
+          </el-button>
+        </template>
+        <template v-if="['草稿箱', '已取消'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            提交
+          </el-button>
+          <el-button type="primary">
+            编辑
+          </el-button>
+          <el-button type="primary">
+            删除
+          </el-button>
+        </template>
+        <template v-if="['已通过', '未通过'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            打印
+          </el-button>
+        </template>
+        <template v-if="query.title === '新建'">
+          <el-button type="primary">
+            保存
+          </el-button>
+          <el-button type="primary">
+            提交
+          </el-button>
+        </template>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <el-form
+        ref="ruleFormRef"
+        :model="detailForm"
+        label-width="140"
+        label-position="right"
+        :rules="formRules"
+      >
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="分包项目编号:" prop="projectNo">
+              <el-input
+                v-model="detailForm.projectNo" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包项目名称:" prop="projectName">
+              <el-input
+                v-model="detailForm.projectName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请人:" prop="applicantName">
+              <el-input
+                v-model="detailForm.applicantName" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请时间:" prop="applicantTime">
+              <el-input
+                v-model="detailForm.applicantTime" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包方编号:" prop="outsourcerId">
+              <el-input
+                v-model="detailForm.outsourcerId"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司名称:" prop="outsourcerName">
+              <el-input
+                v-model="detailForm.outsourcerName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因:" prop="outsourceReasonName">
+              <el-input
+                v-model="detailForm.outsourceReasonName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计费用:" prop="preCost">
+              <el-input
+                v-model="detailForm.preCost"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计开始时间:" prop="preStartTime">
+              <el-date-picker
+                v-model="detailForm.preStartTime"
+                type="datetime"
+                placeholder="请选择预计开始时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计结束时间:" prop="preEndTime">
+              <el-date-picker
+                v-model="detailForm.preEndTime"
+                type="datetime"
+                placeholder="请选择预计结束时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+
+          <el-col :span="12">
+            <el-form-item label="备注:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="6">
+            <el-form-item label="附件:" prop="applyMinioFileName">
+              <input v-show="query.title === ''" ref="fileRef" multiple type="file" @change="onFileChange">
+              <span v-if="query.title === '详情' && !detailForm.applyMinioFileName">无</span>
+              <div v-else style="display: flex;">
+                <show-photo :minio-file-name="detailForm.applyMinioFileName || ''" style="display: inline-block;margin: 10px;" />
+              </div>
+              <el-button v-if="query.title !== '详情'" type="primary" :disabled="query.title === '详情'" @click="upload">
+                {{ detailForm.applyMinioFileName ? '更换' : '上传' }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18" />
+        </el-row>
+      </el-form>
+    </detail-page>
+    <detail-block title="样品详情">
+      <el-table
+        :data="list"
+        border
+        style="width: 100%;"
+        max-height="600"
+      >
+        <el-table-column type="selection" width="38" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        />
+      </el-table>
+    </detail-block>
+    <detail-block v-if="query.approvalStatusName !== '草稿箱' && query.title !== '新增'" title="审批流程">
+      <!-- 审批流程 -->
+      <approval-record ref="approvalRecord" :approval-record-data="approvalRecordData" />
+    </detail-block>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/apply/list.vue b/src/views/business/subpackage/apply/list.vue
index 8fc0173..9cca21e 100644
--- a/src/views/business/subpackage/apply/list.vue
+++ b/src/views/business/subpackage/apply/list.vue
@@ -11,8 +11,9 @@
 import type { dictType } from '@/views/device/receive/receive'
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/apply'
+import { getListPage } from '@/api/business/subpackage/apply'
 import { SCHEDULE } from '@/utils/scheduleDict'
+const $route = useRoute()
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageApplyActive'
@@ -46,7 +47,13 @@
 ])
 const list = ref([])
 const total = ref(0)
-
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 时间变更
 watch(timeRange, (val) => {
   if (val) {
@@ -98,7 +105,15 @@
 
 // 新建
 const add = () => {
-
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'add',
+    },
+    query: {
+      title: '新建',
+    },
+  })
 }
 // 导出
 const exportAll = () => {
@@ -116,18 +131,66 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApplyList, status: string) => {
-  if (status !== 'edit') {
-    detail({ id: row.id }).then((res) => {
-      console.log(res)
-    })
-  }
+// 详情
+const detail = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'detail',
+      id: row.id,
+    },
+    query: {
+      title: '详情',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
 }
-// 取消
-const handleCancle = (row: IApplyList) => {
+
+// 编辑
+const update = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'edit',
+      id: row.id,
+    },
+    query: {
+      title: '编辑',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
+}
+
+// 提交
+const submit = (row: IApplyList) => {
 
 }
+
+// 同意
+const agree = (row: IApplyList) => {
+
+}
+
+// 驳回
+const reject = (row: IApplyList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApplyList) => {
+
+}
+
+// 取消
+const cancel = (row: IApplyList) => {
+
+}
+
+// 删除
+const remove = (row: IApplyList) => {
+
+}
+
 // 获取字典值
 const getDict = async () => {
   // 审批状态
@@ -189,18 +252,9 @@
       </search-area>
       <table-container>
         <template #btns-right>
-          <icon-button
-            icon="icon-add" title="新建" type="primary"
-            @click="add"
-          />
-          <icon-button
-            icon="icon-export" title="导出" type="primary"
-            @click="exportAll"
-          />
-          <icon-button
-            icon="icon-print" title="打印" type="primary"
-            @click="printList"
-          />
+          <icon-button icon="icon-add" title="新建" type="primary" @click="add" />
+          <icon-button icon="icon-export" title="导出" type="primary" @click="exportAll" />
+          <icon-button icon="icon-print" title="打印" type="primary" @click="printList" />
         </template>
         <normal-table
           :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
@@ -216,11 +270,48 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button size="small" type="primary" link @click="detail(row)">
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)" size="small" type="primary" link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button v-if="proxy.buttonPerm.submit.if(row)" size="small" type="primary" link @click="submit(row)">
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)" size="small" type="primary" link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)" @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)" size="small" type="primary" link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)" @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)" size="small" type="danger" link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)" @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)" size="small" type="info" link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)" @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)" :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small" type="danger" link @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>
diff --git a/src/views/business/subpackage/approve/edit.vue b/src/views/business/subpackage/approve/edit.vue
new file mode 100644
index 0000000..6352f2e
--- /dev/null
+++ b/src/views/business/subpackage/approve/edit.vue
@@ -0,0 +1,14 @@
+<!-- 分包方资格审批详情 -->
+<script lang="ts" setup>
+
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <h1>详情</h1>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/approve/list.vue b/src/views/business/subpackage/approve/list.vue
index 6755ede..0be983d 100644
--- a/src/views/business/subpackage/approve/list.vue
+++ b/src/views/business/subpackage/approve/list.vue
@@ -11,9 +11,10 @@
 import type { dictType } from '@/views/device/receive/receive'
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/approval'
+import { getListPage } from '@/api/business/subpackage/approval'
 import { SCHEDULE } from '@/utils/scheduleDict'
 const $router = useRouter()
+const $route = useRoute()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageApproveActive'
 const loadingTable = ref(false)
@@ -54,6 +55,13 @@
 const list = ref([])
 const total = ref(0)
 
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 时间变更
 watch(timeRange, (val) => {
   if (val) {
@@ -134,13 +142,44 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApproveList, status: string) => {
-  // if (status !== 'edit') {
-  //   detail({ id: row.id }).then((res) => {
-  //     console.log(res)
-  //   })
-  // }
+// 详情
+const detail = (row: IApproveList) => {
+
+}
+
+// 编辑
+const update = (row: IApproveList) => {
+
+}
+
+// 提交
+const submit = (row: IApproveList) => {
+
+}
+
+// 同意
+const agree = (row: IApproveList) => {
+
+}
+
+// 驳回
+const reject = (row: IApproveList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApproveList) => {
+
+}
+
+// 取消
+const cancel = (row: IApproveList) => {
+
+}
+
+// 删除
+const remove = (row: IApproveList) => {
+
 }
 
 // 获取字典值
@@ -219,11 +258,82 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="detail(row)"
+                >
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button
+                  v-if="proxy.buttonPerm.submit.if(row)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="submit(row)"
+                >
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)"
+                  @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)"
+                  @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)"
+                  size="small"
+                  type="danger"
+                  link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)"
+                  @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)"
+                  size="small"
+                  type="info"
+                  link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)"
+                  @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)"
+                  :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small"
+                  type="danger"
+                  link
+                  @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>
diff --git a/src/views/business/subpackage/certificate/edit.vue b/src/views/business/subpackage/certificate/edit.vue
index 6476179..7eedf38 100644
--- a/src/views/business/subpackage/certificate/edit.vue
+++ b/src/views/business/subpackage/certificate/edit.vue
@@ -6,6 +6,8 @@
 <template>
   <div>
     <!-- 布局 -->
-    <app-container />
+    <app-container>
+      555
+    </app-container>
   </div>
 </template>

diff --git a/src/router/modules/business.ts b/src/router/modules/business.ts
index 4de6ce2..db0b317 100644
--- a/src/router/modules/business.ts
+++ b/src/router/modules/business.ts
@@ -307,6 +307,18 @@
         },
       },
       {
+        path: 'subpackage/apply/detail/:id?',
+        name: 'subpackageApplyDetail',
+        component: () => import('@/views/business/subpackage/apply/edit.vue'),
+        meta: {
+          title: '分包项目申请',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemApply',
+        },
+      },
+      {
         path: 'itemCheck',
         name: 'ItemCheck',
         component: () => import('@/views/business/subpackage/check/list.vue'),
@@ -317,6 +329,18 @@
         },
       },
       {
+        path: 'subpackage/check/detail/:id?',
+        name: 'subpackageCheckDetail',
+        component: () => import('@/views/business/subpackage/check/edit.vue'),
+        meta: {
+          title: '分包项目验收',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemCheck',
+        },
+      },
+      {
         path: 'archives',
         name: 'Archives',
         component: () => import('@/views/business/subpackage/record/list.vue'),
@@ -327,6 +351,18 @@
         },
       },
       {
+        path: 'subpackage/archives/detail/:id?',
+        name: 'subpackageArchivesDetail',
+        component: () => import('@/views/business/subpackage/record/edit.vue'),
+        meta: {
+          title: '分包方档案',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/archives',
+        },
+      },
+      {
         path: 'qualificationApprove',
         name: 'QualificationApprove',
         component: () => import('@/views/business/subpackage/approve/list.vue'),
@@ -337,6 +373,18 @@
         },
       },
       {
+        path: 'subpackage/qualificationApprove/detail/:id?',
+        name: 'subpackageQualificationApproveDetail',
+        component: () => import('@/views/business/subpackage/approve/edit.vue'),
+        meta: {
+          title: '分包方资格审批',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/qualificationApprove',
+        },
+      },
+      {
         path: 'certificate',
         name: 'Certificate',
         component: () => import('@/views/business/subpackage/certificate/list.vue'),
@@ -347,6 +395,18 @@
         },
       },
       {
+        path: 'subpackage/certificate/detail/:id?',
+        name: 'subpackageCertificateDetail',
+        component: () => import('@/views/business/subpackage/certificate/edit.vue'),
+        meta: {
+          title: '分包证书管理',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/certificate',
+        },
+      },
+      {
         path: '/:type/:id?',
         name: 'taskDetail',
         component: () => import('@/views/business/subpackage/certificate/edit.vue'),
diff --git a/src/views/business/schedule/task/taskEdit.vue b/src/views/business/schedule/task/taskEdit.vue
index 7c4a4b4..d64aa23 100644
--- a/src/views/business/schedule/task/taskEdit.vue
+++ b/src/views/business/schedule/task/taskEdit.vue
@@ -549,7 +549,7 @@
         </el-form>
       </div>
     </detail-page>
-    <detail-block title="检定流程">
+    <detail-block v-if="taskForm.measureProcessList && taskForm.measureProcessList.length >= 1" title="检定流程">
       <!-- <template #btns>
         <el-button type="primary" style="margin-bottom: 10px;" @click="batchProcessAdd">
           批量添加
diff --git a/src/views/business/subpackage/apply/edit.vue b/src/views/business/subpackage/apply/edit.vue
new file mode 100644
index 0000000..74990a4
--- /dev/null
+++ b/src/views/business/subpackage/apply/edit.vue
@@ -0,0 +1,326 @@
+<!-- 分包申请详情 -->
+<script lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ref } from 'vue'
+import { filter } from 'lodash'
+import type { IApplyDetail, IDetailList } from '../subpackage-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { detail } from '@/api/business/subpackage/apply'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+
+const $route = useRoute()
+const $router = useRouter()
+const query = $route.query
+const detailForm = ref<IApplyDetail>({
+  applicantName: '', // 申请名称
+  applicantId: '', // 申请id
+  applicantTime: '', // 申请时间
+  applyApprovalStatus: '', // 申请状态
+  applyMinioFileName: '', // 申请文件名称
+  applyProcessId: '', // 申请流程id
+  applyRemark: '', // 申请备注
+  checkApprovalStatus: '', // 申请状态码
+  checkConclusion: '', // 审批结果
+  checkMinioFileName: '', // 审核文件名称
+  checkProcessId: '', // 审批流程id
+  checkRemark: '', // 审核备注
+  checkTime: '', // 检查时间
+  checkerId: '', // 检查id
+  checkerName: '', // 检查名称
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '',
+  orderSampleList: '', // 订单列表
+  outsourceReason: '', // 原因
+  outsourceReasonName: '', // 原因名称
+  outsourcerId: '', // 原因id
+  outsourcerName: '', // 资源名称
+  preCost: '', // 价值
+  preEndTime: '', // 过期时间
+  preStartTime: '', // 开始时间
+  projectName: '', // 项目名称
+  projectNo: '', // 项目编号
+  sampleList: [] as any, // 样品列表
+  updateTime: '', // 修改时间
+})
+// 校验规则
+const formRules = ref({
+  projectName: [{ required: true, message: '分包项目名称必填', trigger: 'blur' }],
+  outsourcerId: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  outsourcerName: [{ required: true, message: '公司名称必填', trigger: ['blur', 'change'] }],
+  outsourceReasonName: [{ required: true, message: '分包原因必填', trigger: ['blur', 'change'] }],
+  preCost: [{ required: true, message: '预计费用必填', trigger: ['blur', 'change'] }],
+  preStartTime: [{ required: true, message: '预计开始时间必填', trigger: ['blur', 'change'] }],
+  preEndTime: [{ required: true, message: '预计结束时间必填', trigger: ['blur', 'change'] }],
+})
+
+const list = ref<IDetailList[]>([])// 表格数据
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', align: 'center', width: '230' },
+  { text: '样品名称', value: 'sampleName', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'orderCode', align: 'center' },
+  { text: '委托书编号', value: 'manufacturingNo', align: 'center' },
+  { text: '委托单位', value: 'customerName', align: 'center' },
+])
+
+const getDetail = () => {
+  detail({ id: $route.params.id }).then((res) => {
+    // let interfaceStr = ''
+    // for (const key in res.data.sampleList[0]) {
+    //   const item = res.data[key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
+    detailForm.value = res.data
+    list.value = res.data.sampleList.filter((item: IDetailList) => {
+      return item !== null
+    })
+  })
+}
+const approvalRecordData = ref([]) // 审批流程数据
+const getApprovalRecord = (processId: string) => {
+  if (query.title !== '新建') {
+    if (processId) {
+      fetchApproval(processId).then((res) => {
+        approvalRecordData.value = res.data
+      })
+    }
+    else {
+      ElMessage.warning('流程实例id为空')
+    }
+  }
+}
+
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 文件上传
+const fileRef = ref()
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    detailForm.value.applyMinioFileName = event.target.files[0].name
+    // UploadFile(fd).then((res) => {
+    //   if (res.code === 200) {
+    //     sampleForm.value.minioFileName = res.data[0]
+    //     // 重置当前验证
+    //     ElMessage.success('文件上传成功')
+    //   }
+    //   else {
+    //     ElMessage.error(res.message)
+    //   }
+    // })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+onMounted(() => {
+  if (query.title !== '新建') {
+    getDetail()
+  }
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="分包项目申请">
+      <template #btns>
+        <template v-if="query.approvalStatusName === '待审批'">
+          <el-button type="primary">
+            同意
+          </el-button>
+          <el-button type="primary">
+            驳回
+          </el-button>
+          <el-button type="primary">
+            拒绝
+          </el-button>
+        </template>
+        <template v-if="['草稿箱', '已取消'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            提交
+          </el-button>
+          <el-button type="primary">
+            编辑
+          </el-button>
+          <el-button type="primary">
+            删除
+          </el-button>
+        </template>
+        <template v-if="['已通过', '未通过'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            打印
+          </el-button>
+        </template>
+        <template v-if="query.title === '新建'">
+          <el-button type="primary">
+            保存
+          </el-button>
+          <el-button type="primary">
+            提交
+          </el-button>
+        </template>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <el-form
+        ref="ruleFormRef"
+        :model="detailForm"
+        label-width="140"
+        label-position="right"
+        :rules="formRules"
+      >
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="分包项目编号:" prop="projectNo">
+              <el-input
+                v-model="detailForm.projectNo" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包项目名称:" prop="projectName">
+              <el-input
+                v-model="detailForm.projectName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请人:" prop="applicantName">
+              <el-input
+                v-model="detailForm.applicantName" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请时间:" prop="applicantTime">
+              <el-input
+                v-model="detailForm.applicantTime" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包方编号:" prop="outsourcerId">
+              <el-input
+                v-model="detailForm.outsourcerId"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司名称:" prop="outsourcerName">
+              <el-input
+                v-model="detailForm.outsourcerName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因:" prop="outsourceReasonName">
+              <el-input
+                v-model="detailForm.outsourceReasonName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计费用:" prop="preCost">
+              <el-input
+                v-model="detailForm.preCost"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计开始时间:" prop="preStartTime">
+              <el-date-picker
+                v-model="detailForm.preStartTime"
+                type="datetime"
+                placeholder="请选择预计开始时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计结束时间:" prop="preEndTime">
+              <el-date-picker
+                v-model="detailForm.preEndTime"
+                type="datetime"
+                placeholder="请选择预计结束时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+
+          <el-col :span="12">
+            <el-form-item label="备注:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="6">
+            <el-form-item label="附件:" prop="applyMinioFileName">
+              <input v-show="query.title === ''" ref="fileRef" multiple type="file" @change="onFileChange">
+              <span v-if="query.title === '详情' && !detailForm.applyMinioFileName">无</span>
+              <div v-else style="display: flex;">
+                <show-photo :minio-file-name="detailForm.applyMinioFileName || ''" style="display: inline-block;margin: 10px;" />
+              </div>
+              <el-button v-if="query.title !== '详情'" type="primary" :disabled="query.title === '详情'" @click="upload">
+                {{ detailForm.applyMinioFileName ? '更换' : '上传' }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18" />
+        </el-row>
+      </el-form>
+    </detail-page>
+    <detail-block title="样品详情">
+      <el-table
+        :data="list"
+        border
+        style="width: 100%;"
+        max-height="600"
+      >
+        <el-table-column type="selection" width="38" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        />
+      </el-table>
+    </detail-block>
+    <detail-block v-if="query.approvalStatusName !== '草稿箱' && query.title !== '新增'" title="审批流程">
+      <!-- 审批流程 -->
+      <approval-record ref="approvalRecord" :approval-record-data="approvalRecordData" />
+    </detail-block>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/apply/list.vue b/src/views/business/subpackage/apply/list.vue
index 8fc0173..9cca21e 100644
--- a/src/views/business/subpackage/apply/list.vue
+++ b/src/views/business/subpackage/apply/list.vue
@@ -11,8 +11,9 @@
 import type { dictType } from '@/views/device/receive/receive'
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/apply'
+import { getListPage } from '@/api/business/subpackage/apply'
 import { SCHEDULE } from '@/utils/scheduleDict'
+const $route = useRoute()
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageApplyActive'
@@ -46,7 +47,13 @@
 ])
 const list = ref([])
 const total = ref(0)
-
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 时间变更
 watch(timeRange, (val) => {
   if (val) {
@@ -98,7 +105,15 @@
 
 // 新建
 const add = () => {
-
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'add',
+    },
+    query: {
+      title: '新建',
+    },
+  })
 }
 // 导出
 const exportAll = () => {
@@ -116,18 +131,66 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApplyList, status: string) => {
-  if (status !== 'edit') {
-    detail({ id: row.id }).then((res) => {
-      console.log(res)
-    })
-  }
+// 详情
+const detail = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'detail',
+      id: row.id,
+    },
+    query: {
+      title: '详情',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
 }
-// 取消
-const handleCancle = (row: IApplyList) => {
+
+// 编辑
+const update = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'edit',
+      id: row.id,
+    },
+    query: {
+      title: '编辑',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
+}
+
+// 提交
+const submit = (row: IApplyList) => {
 
 }
+
+// 同意
+const agree = (row: IApplyList) => {
+
+}
+
+// 驳回
+const reject = (row: IApplyList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApplyList) => {
+
+}
+
+// 取消
+const cancel = (row: IApplyList) => {
+
+}
+
+// 删除
+const remove = (row: IApplyList) => {
+
+}
+
 // 获取字典值
 const getDict = async () => {
   // 审批状态
@@ -189,18 +252,9 @@
       </search-area>
       <table-container>
         <template #btns-right>
-          <icon-button
-            icon="icon-add" title="新建" type="primary"
-            @click="add"
-          />
-          <icon-button
-            icon="icon-export" title="导出" type="primary"
-            @click="exportAll"
-          />
-          <icon-button
-            icon="icon-print" title="打印" type="primary"
-            @click="printList"
-          />
+          <icon-button icon="icon-add" title="新建" type="primary" @click="add" />
+          <icon-button icon="icon-export" title="导出" type="primary" @click="exportAll" />
+          <icon-button icon="icon-print" title="打印" type="primary" @click="printList" />
         </template>
         <normal-table
           :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
@@ -216,11 +270,48 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button size="small" type="primary" link @click="detail(row)">
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)" size="small" type="primary" link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button v-if="proxy.buttonPerm.submit.if(row)" size="small" type="primary" link @click="submit(row)">
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)" size="small" type="primary" link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)" @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)" size="small" type="primary" link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)" @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)" size="small" type="danger" link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)" @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)" size="small" type="info" link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)" @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)" :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small" type="danger" link @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>
diff --git a/src/views/business/subpackage/approve/edit.vue b/src/views/business/subpackage/approve/edit.vue
new file mode 100644
index 0000000..6352f2e
--- /dev/null
+++ b/src/views/business/subpackage/approve/edit.vue
@@ -0,0 +1,14 @@
+<!-- 分包方资格审批详情 -->
+<script lang="ts" setup>
+
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <h1>详情</h1>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/approve/list.vue b/src/views/business/subpackage/approve/list.vue
index 6755ede..0be983d 100644
--- a/src/views/business/subpackage/approve/list.vue
+++ b/src/views/business/subpackage/approve/list.vue
@@ -11,9 +11,10 @@
 import type { dictType } from '@/views/device/receive/receive'
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/approval'
+import { getListPage } from '@/api/business/subpackage/approval'
 import { SCHEDULE } from '@/utils/scheduleDict'
 const $router = useRouter()
+const $route = useRoute()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageApproveActive'
 const loadingTable = ref(false)
@@ -54,6 +55,13 @@
 const list = ref([])
 const total = ref(0)
 
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 时间变更
 watch(timeRange, (val) => {
   if (val) {
@@ -134,13 +142,44 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApproveList, status: string) => {
-  // if (status !== 'edit') {
-  //   detail({ id: row.id }).then((res) => {
-  //     console.log(res)
-  //   })
-  // }
+// 详情
+const detail = (row: IApproveList) => {
+
+}
+
+// 编辑
+const update = (row: IApproveList) => {
+
+}
+
+// 提交
+const submit = (row: IApproveList) => {
+
+}
+
+// 同意
+const agree = (row: IApproveList) => {
+
+}
+
+// 驳回
+const reject = (row: IApproveList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApproveList) => {
+
+}
+
+// 取消
+const cancel = (row: IApproveList) => {
+
+}
+
+// 删除
+const remove = (row: IApproveList) => {
+
 }
 
 // 获取字典值
@@ -219,11 +258,82 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="detail(row)"
+                >
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button
+                  v-if="proxy.buttonPerm.submit.if(row)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="submit(row)"
+                >
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)"
+                  @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)"
+                  @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)"
+                  size="small"
+                  type="danger"
+                  link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)"
+                  @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)"
+                  size="small"
+                  type="info"
+                  link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)"
+                  @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)"
+                  :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small"
+                  type="danger"
+                  link
+                  @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>
diff --git a/src/views/business/subpackage/certificate/edit.vue b/src/views/business/subpackage/certificate/edit.vue
index 6476179..7eedf38 100644
--- a/src/views/business/subpackage/certificate/edit.vue
+++ b/src/views/business/subpackage/certificate/edit.vue
@@ -6,6 +6,8 @@
 <template>
   <div>
     <!-- 布局 -->
-    <app-container />
+    <app-container>
+      555
+    </app-container>
   </div>
 </template>
diff --git a/src/views/business/subpackage/check/edit.vue b/src/views/business/subpackage/check/edit.vue
new file mode 100644
index 0000000..c7730a1
--- /dev/null
+++ b/src/views/business/subpackage/check/edit.vue
@@ -0,0 +1,302 @@
+<!-- 分包验收详情 -->
+<script lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ref } from 'vue'
+import { filter } from 'lodash'
+import type { IApplyDetail, IDetailList } from '../subpackage-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { detail } from '@/api/business/subpackage/check'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+
+const $route = useRoute()
+const $router = useRouter()
+const query = $route.query
+const detailForm = ref<IApplyDetail>({
+  applicantName: '', // 申请名称
+  applicantId: '', // 申请id
+  applicantTime: '', // 申请时间
+  applyApprovalStatus: '', // 申请状态
+  applyMinioFileName: '', // 申请文件名称
+  applyProcessId: '', // 申请流程id
+  applyRemark: '', // 申请备注
+  checkApprovalStatus: '', // 申请状态码
+  checkConclusion: '', // 审批结果
+  checkMinioFileName: '', // 审核文件名称
+  checkProcessId: '', // 审批流程id
+  checkRemark: '', // 审核备注
+  checkTime: '', // 检查时间
+  checkerId: '', // 检查id
+  checkerName: '', // 检查名称
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '',
+  orderSampleList: '', // 订单列表
+  outsourceReason: '', // 原因
+  outsourceReasonName: '', // 原因名称
+  outsourcerId: '', // 原因id
+  outsourcerName: '', // 资源名称
+  preCost: '', // 价值
+  preEndTime: '', // 过期时间
+  preStartTime: '', // 开始时间
+  projectName: '', // 项目名称
+  projectNo: '', // 项目编号
+  sampleList: [] as any, // 样品列表
+  updateTime: '', // 修改时间
+})
+// 校验规则
+const formRules = ref({
+  projectName: [{ required: true, message: '分包项目名称必填', trigger: 'blur' }],
+  outsourcerId: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  outsourcerName: [{ required: true, message: '公司名称必填', trigger: ['blur', 'change'] }],
+  outsourceReasonName: [{ required: true, message: '分包原因必填', trigger: ['blur', 'change'] }],
+  preCost: [{ required: true, message: '预计费用必填', trigger: ['blur', 'change'] }],
+  preStartTime: [{ required: true, message: '预计开始时间必填', trigger: ['blur', 'change'] }],
+  preEndTime: [{ required: true, message: '预计结束时间必填', trigger: ['blur', 'change'] }],
+})
+
+const list = ref<IDetailList[]>([])// 表格数据
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', align: 'center', width: '230' },
+  { text: '样品名称', value: 'sampleName', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'orderCode', align: 'center' },
+  { text: '委托书编号', value: 'manufacturingNo', align: 'center' },
+  { text: '委托单位', value: 'customerName', align: 'center' },
+])
+
+const getDetail = () => {
+  detail({ id: $route.params.id }).then((res) => {
+    // let interfaceStr = ''
+    // for (const key in res.data.sampleList[0]) {
+    //   const item = res.data[key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
+    detailForm.value = res.data
+    list.value = res.data.sampleList.filter((item: IDetailList) => {
+      return item !== null
+    })
+  })
+}
+const approvalRecordData = ref([]) // 审批流程数据
+const getApprovalRecord = (processId: string) => {
+  if (query.title !== '新建') {
+    if (processId) {
+      fetchApproval(processId).then((res) => {
+        approvalRecordData.value = res.data
+      })
+    }
+    else {
+      ElMessage.warning('流程实例id为空')
+    }
+  }
+}
+
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 文件上传
+const fileRef = ref()
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    detailForm.value.applyMinioFileName = event.target.files[0].name
+    // UploadFile(fd).then((res) => {
+    //   if (res.code === 200) {
+    //     sampleForm.value.minioFileName = res.data[0]
+    //     // 重置当前验证
+    //     ElMessage.success('文件上传成功')
+    //   }
+    //   else {
+    //     ElMessage.error(res.message)
+    //   }
+    // })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+onMounted(() => {
+  if (query.title !== '新建') {
+    getDetail()
+  }
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="分包项目验收">
+      <template #btns>
+        <template v-if="query.approvalStatusName === '待审批'">
+          <el-button type="primary">
+            同意
+          </el-button>
+          <el-button type="primary">
+            驳回
+          </el-button>
+          <el-button type="primary">
+            拒绝
+          </el-button>
+        </template>
+        <template v-if="['草稿箱', '已取消'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            提交
+          </el-button>
+          <el-button type="primary">
+            编辑
+          </el-button>
+          <el-button type="primary">
+            删除
+          </el-button>
+        </template>
+        <template v-if="['已通过', '未通过'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            打印
+          </el-button>
+        </template>
+        <template v-if="query.title === '新建'">
+          <el-button type="primary">
+            保存
+          </el-button>
+          <el-button type="primary">
+            提交
+          </el-button>
+        </template>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <el-form
+        ref="ruleFormRef"
+        :model="detailForm"
+        label-width="140"
+        label-position="right"
+        :rules="formRules"
+      >
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="分包项目编号:" prop="projectNo">
+              <el-input
+                v-model="detailForm.projectNo" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包项目名称:" prop="projectName">
+              <el-input
+                v-model="detailForm.projectName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="验收人:" prop="applicantName">
+              <el-input
+                v-model="detailForm.applicantName" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="验收时间:" prop="applicantTime">
+              <el-input
+                v-model="detailForm.applicantTime" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包方编号:" prop="outsourcerId">
+              <el-input
+                v-model="detailForm.outsourcerId"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司名称:" prop="outsourcerName">
+              <el-input
+                v-model="detailForm.outsourcerName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因:" prop="outsourceReasonName">
+              <el-input
+                v-model="detailForm.outsourceReasonName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" />
+          <el-col :span="12">
+            <el-form-item label="结论:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="12">
+            <el-form-item label="备注:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="6">
+            <el-form-item label="附件:" prop="applyMinioFileName">
+              <input v-show="query.title === ''" ref="fileRef" multiple type="file" @change="onFileChange">
+              <span v-if="query.title === '详情' && !detailForm.applyMinioFileName">无</span>
+              <div v-else style="display: flex;">
+                <show-photo :minio-file-name="detailForm.applyMinioFileName || ''" style="display: inline-block;margin: 10px;" />
+              </div>
+              <el-button v-if="query.title !== '详情'" type="primary" :disabled="query.title === '详情'" @click="upload">
+                {{ detailForm.applyMinioFileName ? '更换' : '上传' }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18" />
+        </el-row>
+      </el-form>
+    </detail-page>
+    <detail-block title="样品详情">
+      <el-table
+        :data="list"
+        border
+        style="width: 100%;"
+        max-height="600"
+      >
+        <el-table-column type="selection" width="38" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        />
+      </el-table>
+    </detail-block>
+    <detail-block v-if="query.approvalStatusName !== '草稿箱' && query.title !== '新增'" title="审批流程">
+      <!-- 审批流程 -->
+      <approval-record ref="approvalRecord" :approval-record-data="approvalRecordData" />
+    </detail-block>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>

diff --git a/src/router/modules/business.ts b/src/router/modules/business.ts
index 4de6ce2..db0b317 100644
--- a/src/router/modules/business.ts
+++ b/src/router/modules/business.ts
@@ -307,6 +307,18 @@
         },
       },
       {
+        path: 'subpackage/apply/detail/:id?',
+        name: 'subpackageApplyDetail',
+        component: () => import('@/views/business/subpackage/apply/edit.vue'),
+        meta: {
+          title: '分包项目申请',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemApply',
+        },
+      },
+      {
         path: 'itemCheck',
         name: 'ItemCheck',
         component: () => import('@/views/business/subpackage/check/list.vue'),
@@ -317,6 +329,18 @@
         },
       },
       {
+        path: 'subpackage/check/detail/:id?',
+        name: 'subpackageCheckDetail',
+        component: () => import('@/views/business/subpackage/check/edit.vue'),
+        meta: {
+          title: '分包项目验收',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemCheck',
+        },
+      },
+      {
         path: 'archives',
         name: 'Archives',
         component: () => import('@/views/business/subpackage/record/list.vue'),
@@ -327,6 +351,18 @@
         },
       },
       {
+        path: 'subpackage/archives/detail/:id?',
+        name: 'subpackageArchivesDetail',
+        component: () => import('@/views/business/subpackage/record/edit.vue'),
+        meta: {
+          title: '分包方档案',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/archives',
+        },
+      },
+      {
         path: 'qualificationApprove',
         name: 'QualificationApprove',
         component: () => import('@/views/business/subpackage/approve/list.vue'),
@@ -337,6 +373,18 @@
         },
       },
       {
+        path: 'subpackage/qualificationApprove/detail/:id?',
+        name: 'subpackageQualificationApproveDetail',
+        component: () => import('@/views/business/subpackage/approve/edit.vue'),
+        meta: {
+          title: '分包方资格审批',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/qualificationApprove',
+        },
+      },
+      {
         path: 'certificate',
         name: 'Certificate',
         component: () => import('@/views/business/subpackage/certificate/list.vue'),
@@ -347,6 +395,18 @@
         },
       },
       {
+        path: 'subpackage/certificate/detail/:id?',
+        name: 'subpackageCertificateDetail',
+        component: () => import('@/views/business/subpackage/certificate/edit.vue'),
+        meta: {
+          title: '分包证书管理',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/certificate',
+        },
+      },
+      {
         path: '/:type/:id?',
         name: 'taskDetail',
         component: () => import('@/views/business/subpackage/certificate/edit.vue'),
diff --git a/src/views/business/schedule/task/taskEdit.vue b/src/views/business/schedule/task/taskEdit.vue
index 7c4a4b4..d64aa23 100644
--- a/src/views/business/schedule/task/taskEdit.vue
+++ b/src/views/business/schedule/task/taskEdit.vue
@@ -549,7 +549,7 @@
         </el-form>
       </div>
     </detail-page>
-    <detail-block title="检定流程">
+    <detail-block v-if="taskForm.measureProcessList && taskForm.measureProcessList.length >= 1" title="检定流程">
       <!-- <template #btns>
         <el-button type="primary" style="margin-bottom: 10px;" @click="batchProcessAdd">
           批量添加
diff --git a/src/views/business/subpackage/apply/edit.vue b/src/views/business/subpackage/apply/edit.vue
new file mode 100644
index 0000000..74990a4
--- /dev/null
+++ b/src/views/business/subpackage/apply/edit.vue
@@ -0,0 +1,326 @@
+<!-- 分包申请详情 -->
+<script lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ref } from 'vue'
+import { filter } from 'lodash'
+import type { IApplyDetail, IDetailList } from '../subpackage-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { detail } from '@/api/business/subpackage/apply'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+
+const $route = useRoute()
+const $router = useRouter()
+const query = $route.query
+const detailForm = ref<IApplyDetail>({
+  applicantName: '', // 申请名称
+  applicantId: '', // 申请id
+  applicantTime: '', // 申请时间
+  applyApprovalStatus: '', // 申请状态
+  applyMinioFileName: '', // 申请文件名称
+  applyProcessId: '', // 申请流程id
+  applyRemark: '', // 申请备注
+  checkApprovalStatus: '', // 申请状态码
+  checkConclusion: '', // 审批结果
+  checkMinioFileName: '', // 审核文件名称
+  checkProcessId: '', // 审批流程id
+  checkRemark: '', // 审核备注
+  checkTime: '', // 检查时间
+  checkerId: '', // 检查id
+  checkerName: '', // 检查名称
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '',
+  orderSampleList: '', // 订单列表
+  outsourceReason: '', // 原因
+  outsourceReasonName: '', // 原因名称
+  outsourcerId: '', // 原因id
+  outsourcerName: '', // 资源名称
+  preCost: '', // 价值
+  preEndTime: '', // 过期时间
+  preStartTime: '', // 开始时间
+  projectName: '', // 项目名称
+  projectNo: '', // 项目编号
+  sampleList: [] as any, // 样品列表
+  updateTime: '', // 修改时间
+})
+// 校验规则
+const formRules = ref({
+  projectName: [{ required: true, message: '分包项目名称必填', trigger: 'blur' }],
+  outsourcerId: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  outsourcerName: [{ required: true, message: '公司名称必填', trigger: ['blur', 'change'] }],
+  outsourceReasonName: [{ required: true, message: '分包原因必填', trigger: ['blur', 'change'] }],
+  preCost: [{ required: true, message: '预计费用必填', trigger: ['blur', 'change'] }],
+  preStartTime: [{ required: true, message: '预计开始时间必填', trigger: ['blur', 'change'] }],
+  preEndTime: [{ required: true, message: '预计结束时间必填', trigger: ['blur', 'change'] }],
+})
+
+const list = ref<IDetailList[]>([])// 表格数据
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', align: 'center', width: '230' },
+  { text: '样品名称', value: 'sampleName', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'orderCode', align: 'center' },
+  { text: '委托书编号', value: 'manufacturingNo', align: 'center' },
+  { text: '委托单位', value: 'customerName', align: 'center' },
+])
+
+const getDetail = () => {
+  detail({ id: $route.params.id }).then((res) => {
+    // let interfaceStr = ''
+    // for (const key in res.data.sampleList[0]) {
+    //   const item = res.data[key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
+    detailForm.value = res.data
+    list.value = res.data.sampleList.filter((item: IDetailList) => {
+      return item !== null
+    })
+  })
+}
+const approvalRecordData = ref([]) // 审批流程数据
+const getApprovalRecord = (processId: string) => {
+  if (query.title !== '新建') {
+    if (processId) {
+      fetchApproval(processId).then((res) => {
+        approvalRecordData.value = res.data
+      })
+    }
+    else {
+      ElMessage.warning('流程实例id为空')
+    }
+  }
+}
+
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 文件上传
+const fileRef = ref()
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    detailForm.value.applyMinioFileName = event.target.files[0].name
+    // UploadFile(fd).then((res) => {
+    //   if (res.code === 200) {
+    //     sampleForm.value.minioFileName = res.data[0]
+    //     // 重置当前验证
+    //     ElMessage.success('文件上传成功')
+    //   }
+    //   else {
+    //     ElMessage.error(res.message)
+    //   }
+    // })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+onMounted(() => {
+  if (query.title !== '新建') {
+    getDetail()
+  }
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="分包项目申请">
+      <template #btns>
+        <template v-if="query.approvalStatusName === '待审批'">
+          <el-button type="primary">
+            同意
+          </el-button>
+          <el-button type="primary">
+            驳回
+          </el-button>
+          <el-button type="primary">
+            拒绝
+          </el-button>
+        </template>
+        <template v-if="['草稿箱', '已取消'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            提交
+          </el-button>
+          <el-button type="primary">
+            编辑
+          </el-button>
+          <el-button type="primary">
+            删除
+          </el-button>
+        </template>
+        <template v-if="['已通过', '未通过'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            打印
+          </el-button>
+        </template>
+        <template v-if="query.title === '新建'">
+          <el-button type="primary">
+            保存
+          </el-button>
+          <el-button type="primary">
+            提交
+          </el-button>
+        </template>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <el-form
+        ref="ruleFormRef"
+        :model="detailForm"
+        label-width="140"
+        label-position="right"
+        :rules="formRules"
+      >
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="分包项目编号:" prop="projectNo">
+              <el-input
+                v-model="detailForm.projectNo" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包项目名称:" prop="projectName">
+              <el-input
+                v-model="detailForm.projectName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请人:" prop="applicantName">
+              <el-input
+                v-model="detailForm.applicantName" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请时间:" prop="applicantTime">
+              <el-input
+                v-model="detailForm.applicantTime" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包方编号:" prop="outsourcerId">
+              <el-input
+                v-model="detailForm.outsourcerId"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司名称:" prop="outsourcerName">
+              <el-input
+                v-model="detailForm.outsourcerName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因:" prop="outsourceReasonName">
+              <el-input
+                v-model="detailForm.outsourceReasonName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计费用:" prop="preCost">
+              <el-input
+                v-model="detailForm.preCost"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计开始时间:" prop="preStartTime">
+              <el-date-picker
+                v-model="detailForm.preStartTime"
+                type="datetime"
+                placeholder="请选择预计开始时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计结束时间:" prop="preEndTime">
+              <el-date-picker
+                v-model="detailForm.preEndTime"
+                type="datetime"
+                placeholder="请选择预计结束时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+
+          <el-col :span="12">
+            <el-form-item label="备注:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="6">
+            <el-form-item label="附件:" prop="applyMinioFileName">
+              <input v-show="query.title === ''" ref="fileRef" multiple type="file" @change="onFileChange">
+              <span v-if="query.title === '详情' && !detailForm.applyMinioFileName">无</span>
+              <div v-else style="display: flex;">
+                <show-photo :minio-file-name="detailForm.applyMinioFileName || ''" style="display: inline-block;margin: 10px;" />
+              </div>
+              <el-button v-if="query.title !== '详情'" type="primary" :disabled="query.title === '详情'" @click="upload">
+                {{ detailForm.applyMinioFileName ? '更换' : '上传' }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18" />
+        </el-row>
+      </el-form>
+    </detail-page>
+    <detail-block title="样品详情">
+      <el-table
+        :data="list"
+        border
+        style="width: 100%;"
+        max-height="600"
+      >
+        <el-table-column type="selection" width="38" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        />
+      </el-table>
+    </detail-block>
+    <detail-block v-if="query.approvalStatusName !== '草稿箱' && query.title !== '新增'" title="审批流程">
+      <!-- 审批流程 -->
+      <approval-record ref="approvalRecord" :approval-record-data="approvalRecordData" />
+    </detail-block>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/apply/list.vue b/src/views/business/subpackage/apply/list.vue
index 8fc0173..9cca21e 100644
--- a/src/views/business/subpackage/apply/list.vue
+++ b/src/views/business/subpackage/apply/list.vue
@@ -11,8 +11,9 @@
 import type { dictType } from '@/views/device/receive/receive'
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/apply'
+import { getListPage } from '@/api/business/subpackage/apply'
 import { SCHEDULE } from '@/utils/scheduleDict'
+const $route = useRoute()
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageApplyActive'
@@ -46,7 +47,13 @@
 ])
 const list = ref([])
 const total = ref(0)
-
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 时间变更
 watch(timeRange, (val) => {
   if (val) {
@@ -98,7 +105,15 @@
 
 // 新建
 const add = () => {
-
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'add',
+    },
+    query: {
+      title: '新建',
+    },
+  })
 }
 // 导出
 const exportAll = () => {
@@ -116,18 +131,66 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApplyList, status: string) => {
-  if (status !== 'edit') {
-    detail({ id: row.id }).then((res) => {
-      console.log(res)
-    })
-  }
+// 详情
+const detail = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'detail',
+      id: row.id,
+    },
+    query: {
+      title: '详情',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
 }
-// 取消
-const handleCancle = (row: IApplyList) => {
+
+// 编辑
+const update = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'edit',
+      id: row.id,
+    },
+    query: {
+      title: '编辑',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
+}
+
+// 提交
+const submit = (row: IApplyList) => {
 
 }
+
+// 同意
+const agree = (row: IApplyList) => {
+
+}
+
+// 驳回
+const reject = (row: IApplyList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApplyList) => {
+
+}
+
+// 取消
+const cancel = (row: IApplyList) => {
+
+}
+
+// 删除
+const remove = (row: IApplyList) => {
+
+}
+
 // 获取字典值
 const getDict = async () => {
   // 审批状态
@@ -189,18 +252,9 @@
       </search-area>
       <table-container>
         <template #btns-right>
-          <icon-button
-            icon="icon-add" title="新建" type="primary"
-            @click="add"
-          />
-          <icon-button
-            icon="icon-export" title="导出" type="primary"
-            @click="exportAll"
-          />
-          <icon-button
-            icon="icon-print" title="打印" type="primary"
-            @click="printList"
-          />
+          <icon-button icon="icon-add" title="新建" type="primary" @click="add" />
+          <icon-button icon="icon-export" title="导出" type="primary" @click="exportAll" />
+          <icon-button icon="icon-print" title="打印" type="primary" @click="printList" />
         </template>
         <normal-table
           :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
@@ -216,11 +270,48 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button size="small" type="primary" link @click="detail(row)">
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)" size="small" type="primary" link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button v-if="proxy.buttonPerm.submit.if(row)" size="small" type="primary" link @click="submit(row)">
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)" size="small" type="primary" link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)" @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)" size="small" type="primary" link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)" @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)" size="small" type="danger" link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)" @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)" size="small" type="info" link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)" @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)" :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small" type="danger" link @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>
diff --git a/src/views/business/subpackage/approve/edit.vue b/src/views/business/subpackage/approve/edit.vue
new file mode 100644
index 0000000..6352f2e
--- /dev/null
+++ b/src/views/business/subpackage/approve/edit.vue
@@ -0,0 +1,14 @@
+<!-- 分包方资格审批详情 -->
+<script lang="ts" setup>
+
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <h1>详情</h1>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/approve/list.vue b/src/views/business/subpackage/approve/list.vue
index 6755ede..0be983d 100644
--- a/src/views/business/subpackage/approve/list.vue
+++ b/src/views/business/subpackage/approve/list.vue
@@ -11,9 +11,10 @@
 import type { dictType } from '@/views/device/receive/receive'
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/approval'
+import { getListPage } from '@/api/business/subpackage/approval'
 import { SCHEDULE } from '@/utils/scheduleDict'
 const $router = useRouter()
+const $route = useRoute()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageApproveActive'
 const loadingTable = ref(false)
@@ -54,6 +55,13 @@
 const list = ref([])
 const total = ref(0)
 
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 时间变更
 watch(timeRange, (val) => {
   if (val) {
@@ -134,13 +142,44 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApproveList, status: string) => {
-  // if (status !== 'edit') {
-  //   detail({ id: row.id }).then((res) => {
-  //     console.log(res)
-  //   })
-  // }
+// 详情
+const detail = (row: IApproveList) => {
+
+}
+
+// 编辑
+const update = (row: IApproveList) => {
+
+}
+
+// 提交
+const submit = (row: IApproveList) => {
+
+}
+
+// 同意
+const agree = (row: IApproveList) => {
+
+}
+
+// 驳回
+const reject = (row: IApproveList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApproveList) => {
+
+}
+
+// 取消
+const cancel = (row: IApproveList) => {
+
+}
+
+// 删除
+const remove = (row: IApproveList) => {
+
 }
 
 // 获取字典值
@@ -219,11 +258,82 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="detail(row)"
+                >
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button
+                  v-if="proxy.buttonPerm.submit.if(row)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="submit(row)"
+                >
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)"
+                  @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)"
+                  @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)"
+                  size="small"
+                  type="danger"
+                  link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)"
+                  @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)"
+                  size="small"
+                  type="info"
+                  link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)"
+                  @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)"
+                  :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small"
+                  type="danger"
+                  link
+                  @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>
diff --git a/src/views/business/subpackage/certificate/edit.vue b/src/views/business/subpackage/certificate/edit.vue
index 6476179..7eedf38 100644
--- a/src/views/business/subpackage/certificate/edit.vue
+++ b/src/views/business/subpackage/certificate/edit.vue
@@ -6,6 +6,8 @@
 <template>
   <div>
     <!-- 布局 -->
-    <app-container />
+    <app-container>
+      555
+    </app-container>
   </div>
 </template>
diff --git a/src/views/business/subpackage/check/edit.vue b/src/views/business/subpackage/check/edit.vue
new file mode 100644
index 0000000..c7730a1
--- /dev/null
+++ b/src/views/business/subpackage/check/edit.vue
@@ -0,0 +1,302 @@
+<!-- 分包验收详情 -->
+<script lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ref } from 'vue'
+import { filter } from 'lodash'
+import type { IApplyDetail, IDetailList } from '../subpackage-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { detail } from '@/api/business/subpackage/check'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+
+const $route = useRoute()
+const $router = useRouter()
+const query = $route.query
+const detailForm = ref<IApplyDetail>({
+  applicantName: '', // 申请名称
+  applicantId: '', // 申请id
+  applicantTime: '', // 申请时间
+  applyApprovalStatus: '', // 申请状态
+  applyMinioFileName: '', // 申请文件名称
+  applyProcessId: '', // 申请流程id
+  applyRemark: '', // 申请备注
+  checkApprovalStatus: '', // 申请状态码
+  checkConclusion: '', // 审批结果
+  checkMinioFileName: '', // 审核文件名称
+  checkProcessId: '', // 审批流程id
+  checkRemark: '', // 审核备注
+  checkTime: '', // 检查时间
+  checkerId: '', // 检查id
+  checkerName: '', // 检查名称
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '',
+  orderSampleList: '', // 订单列表
+  outsourceReason: '', // 原因
+  outsourceReasonName: '', // 原因名称
+  outsourcerId: '', // 原因id
+  outsourcerName: '', // 资源名称
+  preCost: '', // 价值
+  preEndTime: '', // 过期时间
+  preStartTime: '', // 开始时间
+  projectName: '', // 项目名称
+  projectNo: '', // 项目编号
+  sampleList: [] as any, // 样品列表
+  updateTime: '', // 修改时间
+})
+// 校验规则
+const formRules = ref({
+  projectName: [{ required: true, message: '分包项目名称必填', trigger: 'blur' }],
+  outsourcerId: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  outsourcerName: [{ required: true, message: '公司名称必填', trigger: ['blur', 'change'] }],
+  outsourceReasonName: [{ required: true, message: '分包原因必填', trigger: ['blur', 'change'] }],
+  preCost: [{ required: true, message: '预计费用必填', trigger: ['blur', 'change'] }],
+  preStartTime: [{ required: true, message: '预计开始时间必填', trigger: ['blur', 'change'] }],
+  preEndTime: [{ required: true, message: '预计结束时间必填', trigger: ['blur', 'change'] }],
+})
+
+const list = ref<IDetailList[]>([])// 表格数据
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', align: 'center', width: '230' },
+  { text: '样品名称', value: 'sampleName', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'orderCode', align: 'center' },
+  { text: '委托书编号', value: 'manufacturingNo', align: 'center' },
+  { text: '委托单位', value: 'customerName', align: 'center' },
+])
+
+const getDetail = () => {
+  detail({ id: $route.params.id }).then((res) => {
+    // let interfaceStr = ''
+    // for (const key in res.data.sampleList[0]) {
+    //   const item = res.data[key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
+    detailForm.value = res.data
+    list.value = res.data.sampleList.filter((item: IDetailList) => {
+      return item !== null
+    })
+  })
+}
+const approvalRecordData = ref([]) // 审批流程数据
+const getApprovalRecord = (processId: string) => {
+  if (query.title !== '新建') {
+    if (processId) {
+      fetchApproval(processId).then((res) => {
+        approvalRecordData.value = res.data
+      })
+    }
+    else {
+      ElMessage.warning('流程实例id为空')
+    }
+  }
+}
+
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 文件上传
+const fileRef = ref()
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    detailForm.value.applyMinioFileName = event.target.files[0].name
+    // UploadFile(fd).then((res) => {
+    //   if (res.code === 200) {
+    //     sampleForm.value.minioFileName = res.data[0]
+    //     // 重置当前验证
+    //     ElMessage.success('文件上传成功')
+    //   }
+    //   else {
+    //     ElMessage.error(res.message)
+    //   }
+    // })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+onMounted(() => {
+  if (query.title !== '新建') {
+    getDetail()
+  }
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="分包项目验收">
+      <template #btns>
+        <template v-if="query.approvalStatusName === '待审批'">
+          <el-button type="primary">
+            同意
+          </el-button>
+          <el-button type="primary">
+            驳回
+          </el-button>
+          <el-button type="primary">
+            拒绝
+          </el-button>
+        </template>
+        <template v-if="['草稿箱', '已取消'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            提交
+          </el-button>
+          <el-button type="primary">
+            编辑
+          </el-button>
+          <el-button type="primary">
+            删除
+          </el-button>
+        </template>
+        <template v-if="['已通过', '未通过'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            打印
+          </el-button>
+        </template>
+        <template v-if="query.title === '新建'">
+          <el-button type="primary">
+            保存
+          </el-button>
+          <el-button type="primary">
+            提交
+          </el-button>
+        </template>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <el-form
+        ref="ruleFormRef"
+        :model="detailForm"
+        label-width="140"
+        label-position="right"
+        :rules="formRules"
+      >
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="分包项目编号:" prop="projectNo">
+              <el-input
+                v-model="detailForm.projectNo" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包项目名称:" prop="projectName">
+              <el-input
+                v-model="detailForm.projectName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="验收人:" prop="applicantName">
+              <el-input
+                v-model="detailForm.applicantName" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="验收时间:" prop="applicantTime">
+              <el-input
+                v-model="detailForm.applicantTime" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包方编号:" prop="outsourcerId">
+              <el-input
+                v-model="detailForm.outsourcerId"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司名称:" prop="outsourcerName">
+              <el-input
+                v-model="detailForm.outsourcerName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因:" prop="outsourceReasonName">
+              <el-input
+                v-model="detailForm.outsourceReasonName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" />
+          <el-col :span="12">
+            <el-form-item label="结论:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="12">
+            <el-form-item label="备注:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="6">
+            <el-form-item label="附件:" prop="applyMinioFileName">
+              <input v-show="query.title === ''" ref="fileRef" multiple type="file" @change="onFileChange">
+              <span v-if="query.title === '详情' && !detailForm.applyMinioFileName">无</span>
+              <div v-else style="display: flex;">
+                <show-photo :minio-file-name="detailForm.applyMinioFileName || ''" style="display: inline-block;margin: 10px;" />
+              </div>
+              <el-button v-if="query.title !== '详情'" type="primary" :disabled="query.title === '详情'" @click="upload">
+                {{ detailForm.applyMinioFileName ? '更换' : '上传' }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18" />
+        </el-row>
+      </el-form>
+    </detail-page>
+    <detail-block title="样品详情">
+      <el-table
+        :data="list"
+        border
+        style="width: 100%;"
+        max-height="600"
+      >
+        <el-table-column type="selection" width="38" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        />
+      </el-table>
+    </detail-block>
+    <detail-block v-if="query.approvalStatusName !== '草稿箱' && query.title !== '新增'" title="审批流程">
+      <!-- 审批流程 -->
+      <approval-record ref="approvalRecord" :approval-record-data="approvalRecordData" />
+    </detail-block>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/check/list.vue b/src/views/business/subpackage/check/list.vue
index 16c1f13..a759976 100644
--- a/src/views/business/subpackage/check/list.vue
+++ b/src/views/business/subpackage/check/list.vue
@@ -12,8 +12,9 @@
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/check'
+import { getListPage } from '@/api/business/subpackage/check'
 
+const $route = useRoute()
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageCheckActive'
@@ -41,13 +42,19 @@
   { text: '分包项目名称', value: 'projectName', align: 'center', width: '160px' },
   { text: '验收人', value: 'checkerName', align: 'center', width: '160px' },
   { text: '分包方名称', value: 'outsourcerName', align: 'center', width: '160px' },
-  { text: '验收结论', value: 'checkerName', align: 'center', width: '160px' },
+  { text: '验收结论', value: 'checkerName', align: 'center' },
   { text: '验收时间', value: 'checkTime', align: 'center', width: '180px' },
   { text: '审批状态', value: 'applyApprovalStatusName', align: 'center', width: '180px' },
 ])
 const list = ref([])
 const total = ref(0)
-
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 数据查询
 function fetchData(isNowPage = false) {
   loadingTable.value = true
@@ -106,7 +113,15 @@
 })
 // 新建
 const add = () => {
-
+  $router.push({
+    name: 'subpackageCheckDetail',
+    params: {
+      type: 'add',
+    },
+    query: {
+      title: '新建',
+    },
+  })
 }
 // 导出
 const exportAll = () => {
@@ -124,18 +139,66 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApplyList, status: string) => {
-  if (status !== 'edit') {
-    detail({ id: row.id }).then((res) => {
-      console.log(res)
-    })
-  }
+// 详情
+const detail = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageCheckDetail',
+    params: {
+      type: 'detail',
+      id: row.id,
+    },
+    query: {
+      title: '详情',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
 }
-// 取消
-const handleCancle = (row: IApplyList) => {
+
+// 编辑
+const update = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageCheckDetail',
+    params: {
+      type: 'edit',
+      id: row.id,
+    },
+    query: {
+      title: '编辑',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
+}
+
+// 提交
+const submit = (row: IApplyList) => {
 
 }
+
+// 同意
+const agree = (row: IApplyList) => {
+
+}
+
+// 驳回
+const reject = (row: IApplyList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApplyList) => {
+
+}
+
+// 取消
+const cancel = (row: IApplyList) => {
+
+}
+
+// 删除
+const remove = (row: IApplyList) => {
+
+}
+
 // 获取字典值
 const getDict = async () => {
   // 审批状态
@@ -224,11 +287,82 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="detail(row)"
+                >
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button
+                  v-if="proxy.buttonPerm.submit.if(row)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="submit(row)"
+                >
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)"
+                  @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)"
+                  @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)"
+                  size="small"
+                  type="danger"
+                  link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)"
+                  @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)"
+                  size="small"
+                  type="info"
+                  link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)"
+                  @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)"
+                  :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small"
+                  type="danger"
+                  link
+                  @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>

diff --git a/src/router/modules/business.ts b/src/router/modules/business.ts
index 4de6ce2..db0b317 100644
--- a/src/router/modules/business.ts
+++ b/src/router/modules/business.ts
@@ -307,6 +307,18 @@
         },
       },
       {
+        path: 'subpackage/apply/detail/:id?',
+        name: 'subpackageApplyDetail',
+        component: () => import('@/views/business/subpackage/apply/edit.vue'),
+        meta: {
+          title: '分包项目申请',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemApply',
+        },
+      },
+      {
         path: 'itemCheck',
         name: 'ItemCheck',
         component: () => import('@/views/business/subpackage/check/list.vue'),
@@ -317,6 +329,18 @@
         },
       },
       {
+        path: 'subpackage/check/detail/:id?',
+        name: 'subpackageCheckDetail',
+        component: () => import('@/views/business/subpackage/check/edit.vue'),
+        meta: {
+          title: '分包项目验收',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemCheck',
+        },
+      },
+      {
         path: 'archives',
         name: 'Archives',
         component: () => import('@/views/business/subpackage/record/list.vue'),
@@ -327,6 +351,18 @@
         },
       },
       {
+        path: 'subpackage/archives/detail/:id?',
+        name: 'subpackageArchivesDetail',
+        component: () => import('@/views/business/subpackage/record/edit.vue'),
+        meta: {
+          title: '分包方档案',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/archives',
+        },
+      },
+      {
         path: 'qualificationApprove',
         name: 'QualificationApprove',
         component: () => import('@/views/business/subpackage/approve/list.vue'),
@@ -337,6 +373,18 @@
         },
       },
       {
+        path: 'subpackage/qualificationApprove/detail/:id?',
+        name: 'subpackageQualificationApproveDetail',
+        component: () => import('@/views/business/subpackage/approve/edit.vue'),
+        meta: {
+          title: '分包方资格审批',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/qualificationApprove',
+        },
+      },
+      {
         path: 'certificate',
         name: 'Certificate',
         component: () => import('@/views/business/subpackage/certificate/list.vue'),
@@ -347,6 +395,18 @@
         },
       },
       {
+        path: 'subpackage/certificate/detail/:id?',
+        name: 'subpackageCertificateDetail',
+        component: () => import('@/views/business/subpackage/certificate/edit.vue'),
+        meta: {
+          title: '分包证书管理',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/certificate',
+        },
+      },
+      {
         path: '/:type/:id?',
         name: 'taskDetail',
         component: () => import('@/views/business/subpackage/certificate/edit.vue'),
diff --git a/src/views/business/schedule/task/taskEdit.vue b/src/views/business/schedule/task/taskEdit.vue
index 7c4a4b4..d64aa23 100644
--- a/src/views/business/schedule/task/taskEdit.vue
+++ b/src/views/business/schedule/task/taskEdit.vue
@@ -549,7 +549,7 @@
         </el-form>
       </div>
     </detail-page>
-    <detail-block title="检定流程">
+    <detail-block v-if="taskForm.measureProcessList && taskForm.measureProcessList.length >= 1" title="检定流程">
       <!-- <template #btns>
         <el-button type="primary" style="margin-bottom: 10px;" @click="batchProcessAdd">
           批量添加
diff --git a/src/views/business/subpackage/apply/edit.vue b/src/views/business/subpackage/apply/edit.vue
new file mode 100644
index 0000000..74990a4
--- /dev/null
+++ b/src/views/business/subpackage/apply/edit.vue
@@ -0,0 +1,326 @@
+<!-- 分包申请详情 -->
+<script lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ref } from 'vue'
+import { filter } from 'lodash'
+import type { IApplyDetail, IDetailList } from '../subpackage-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { detail } from '@/api/business/subpackage/apply'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+
+const $route = useRoute()
+const $router = useRouter()
+const query = $route.query
+const detailForm = ref<IApplyDetail>({
+  applicantName: '', // 申请名称
+  applicantId: '', // 申请id
+  applicantTime: '', // 申请时间
+  applyApprovalStatus: '', // 申请状态
+  applyMinioFileName: '', // 申请文件名称
+  applyProcessId: '', // 申请流程id
+  applyRemark: '', // 申请备注
+  checkApprovalStatus: '', // 申请状态码
+  checkConclusion: '', // 审批结果
+  checkMinioFileName: '', // 审核文件名称
+  checkProcessId: '', // 审批流程id
+  checkRemark: '', // 审核备注
+  checkTime: '', // 检查时间
+  checkerId: '', // 检查id
+  checkerName: '', // 检查名称
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '',
+  orderSampleList: '', // 订单列表
+  outsourceReason: '', // 原因
+  outsourceReasonName: '', // 原因名称
+  outsourcerId: '', // 原因id
+  outsourcerName: '', // 资源名称
+  preCost: '', // 价值
+  preEndTime: '', // 过期时间
+  preStartTime: '', // 开始时间
+  projectName: '', // 项目名称
+  projectNo: '', // 项目编号
+  sampleList: [] as any, // 样品列表
+  updateTime: '', // 修改时间
+})
+// 校验规则
+const formRules = ref({
+  projectName: [{ required: true, message: '分包项目名称必填', trigger: 'blur' }],
+  outsourcerId: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  outsourcerName: [{ required: true, message: '公司名称必填', trigger: ['blur', 'change'] }],
+  outsourceReasonName: [{ required: true, message: '分包原因必填', trigger: ['blur', 'change'] }],
+  preCost: [{ required: true, message: '预计费用必填', trigger: ['blur', 'change'] }],
+  preStartTime: [{ required: true, message: '预计开始时间必填', trigger: ['blur', 'change'] }],
+  preEndTime: [{ required: true, message: '预计结束时间必填', trigger: ['blur', 'change'] }],
+})
+
+const list = ref<IDetailList[]>([])// 表格数据
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', align: 'center', width: '230' },
+  { text: '样品名称', value: 'sampleName', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'orderCode', align: 'center' },
+  { text: '委托书编号', value: 'manufacturingNo', align: 'center' },
+  { text: '委托单位', value: 'customerName', align: 'center' },
+])
+
+const getDetail = () => {
+  detail({ id: $route.params.id }).then((res) => {
+    // let interfaceStr = ''
+    // for (const key in res.data.sampleList[0]) {
+    //   const item = res.data[key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
+    detailForm.value = res.data
+    list.value = res.data.sampleList.filter((item: IDetailList) => {
+      return item !== null
+    })
+  })
+}
+const approvalRecordData = ref([]) // 审批流程数据
+const getApprovalRecord = (processId: string) => {
+  if (query.title !== '新建') {
+    if (processId) {
+      fetchApproval(processId).then((res) => {
+        approvalRecordData.value = res.data
+      })
+    }
+    else {
+      ElMessage.warning('流程实例id为空')
+    }
+  }
+}
+
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 文件上传
+const fileRef = ref()
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    detailForm.value.applyMinioFileName = event.target.files[0].name
+    // UploadFile(fd).then((res) => {
+    //   if (res.code === 200) {
+    //     sampleForm.value.minioFileName = res.data[0]
+    //     // 重置当前验证
+    //     ElMessage.success('文件上传成功')
+    //   }
+    //   else {
+    //     ElMessage.error(res.message)
+    //   }
+    // })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+onMounted(() => {
+  if (query.title !== '新建') {
+    getDetail()
+  }
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="分包项目申请">
+      <template #btns>
+        <template v-if="query.approvalStatusName === '待审批'">
+          <el-button type="primary">
+            同意
+          </el-button>
+          <el-button type="primary">
+            驳回
+          </el-button>
+          <el-button type="primary">
+            拒绝
+          </el-button>
+        </template>
+        <template v-if="['草稿箱', '已取消'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            提交
+          </el-button>
+          <el-button type="primary">
+            编辑
+          </el-button>
+          <el-button type="primary">
+            删除
+          </el-button>
+        </template>
+        <template v-if="['已通过', '未通过'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            打印
+          </el-button>
+        </template>
+        <template v-if="query.title === '新建'">
+          <el-button type="primary">
+            保存
+          </el-button>
+          <el-button type="primary">
+            提交
+          </el-button>
+        </template>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <el-form
+        ref="ruleFormRef"
+        :model="detailForm"
+        label-width="140"
+        label-position="right"
+        :rules="formRules"
+      >
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="分包项目编号:" prop="projectNo">
+              <el-input
+                v-model="detailForm.projectNo" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包项目名称:" prop="projectName">
+              <el-input
+                v-model="detailForm.projectName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请人:" prop="applicantName">
+              <el-input
+                v-model="detailForm.applicantName" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请时间:" prop="applicantTime">
+              <el-input
+                v-model="detailForm.applicantTime" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包方编号:" prop="outsourcerId">
+              <el-input
+                v-model="detailForm.outsourcerId"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司名称:" prop="outsourcerName">
+              <el-input
+                v-model="detailForm.outsourcerName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因:" prop="outsourceReasonName">
+              <el-input
+                v-model="detailForm.outsourceReasonName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计费用:" prop="preCost">
+              <el-input
+                v-model="detailForm.preCost"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计开始时间:" prop="preStartTime">
+              <el-date-picker
+                v-model="detailForm.preStartTime"
+                type="datetime"
+                placeholder="请选择预计开始时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计结束时间:" prop="preEndTime">
+              <el-date-picker
+                v-model="detailForm.preEndTime"
+                type="datetime"
+                placeholder="请选择预计结束时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+
+          <el-col :span="12">
+            <el-form-item label="备注:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="6">
+            <el-form-item label="附件:" prop="applyMinioFileName">
+              <input v-show="query.title === ''" ref="fileRef" multiple type="file" @change="onFileChange">
+              <span v-if="query.title === '详情' && !detailForm.applyMinioFileName">无</span>
+              <div v-else style="display: flex;">
+                <show-photo :minio-file-name="detailForm.applyMinioFileName || ''" style="display: inline-block;margin: 10px;" />
+              </div>
+              <el-button v-if="query.title !== '详情'" type="primary" :disabled="query.title === '详情'" @click="upload">
+                {{ detailForm.applyMinioFileName ? '更换' : '上传' }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18" />
+        </el-row>
+      </el-form>
+    </detail-page>
+    <detail-block title="样品详情">
+      <el-table
+        :data="list"
+        border
+        style="width: 100%;"
+        max-height="600"
+      >
+        <el-table-column type="selection" width="38" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        />
+      </el-table>
+    </detail-block>
+    <detail-block v-if="query.approvalStatusName !== '草稿箱' && query.title !== '新增'" title="审批流程">
+      <!-- 审批流程 -->
+      <approval-record ref="approvalRecord" :approval-record-data="approvalRecordData" />
+    </detail-block>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/apply/list.vue b/src/views/business/subpackage/apply/list.vue
index 8fc0173..9cca21e 100644
--- a/src/views/business/subpackage/apply/list.vue
+++ b/src/views/business/subpackage/apply/list.vue
@@ -11,8 +11,9 @@
 import type { dictType } from '@/views/device/receive/receive'
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/apply'
+import { getListPage } from '@/api/business/subpackage/apply'
 import { SCHEDULE } from '@/utils/scheduleDict'
+const $route = useRoute()
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageApplyActive'
@@ -46,7 +47,13 @@
 ])
 const list = ref([])
 const total = ref(0)
-
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 时间变更
 watch(timeRange, (val) => {
   if (val) {
@@ -98,7 +105,15 @@
 
 // 新建
 const add = () => {
-
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'add',
+    },
+    query: {
+      title: '新建',
+    },
+  })
 }
 // 导出
 const exportAll = () => {
@@ -116,18 +131,66 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApplyList, status: string) => {
-  if (status !== 'edit') {
-    detail({ id: row.id }).then((res) => {
-      console.log(res)
-    })
-  }
+// 详情
+const detail = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'detail',
+      id: row.id,
+    },
+    query: {
+      title: '详情',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
 }
-// 取消
-const handleCancle = (row: IApplyList) => {
+
+// 编辑
+const update = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'edit',
+      id: row.id,
+    },
+    query: {
+      title: '编辑',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
+}
+
+// 提交
+const submit = (row: IApplyList) => {
 
 }
+
+// 同意
+const agree = (row: IApplyList) => {
+
+}
+
+// 驳回
+const reject = (row: IApplyList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApplyList) => {
+
+}
+
+// 取消
+const cancel = (row: IApplyList) => {
+
+}
+
+// 删除
+const remove = (row: IApplyList) => {
+
+}
+
 // 获取字典值
 const getDict = async () => {
   // 审批状态
@@ -189,18 +252,9 @@
       </search-area>
       <table-container>
         <template #btns-right>
-          <icon-button
-            icon="icon-add" title="新建" type="primary"
-            @click="add"
-          />
-          <icon-button
-            icon="icon-export" title="导出" type="primary"
-            @click="exportAll"
-          />
-          <icon-button
-            icon="icon-print" title="打印" type="primary"
-            @click="printList"
-          />
+          <icon-button icon="icon-add" title="新建" type="primary" @click="add" />
+          <icon-button icon="icon-export" title="导出" type="primary" @click="exportAll" />
+          <icon-button icon="icon-print" title="打印" type="primary" @click="printList" />
         </template>
         <normal-table
           :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
@@ -216,11 +270,48 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button size="small" type="primary" link @click="detail(row)">
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)" size="small" type="primary" link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button v-if="proxy.buttonPerm.submit.if(row)" size="small" type="primary" link @click="submit(row)">
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)" size="small" type="primary" link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)" @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)" size="small" type="primary" link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)" @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)" size="small" type="danger" link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)" @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)" size="small" type="info" link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)" @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)" :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small" type="danger" link @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>
diff --git a/src/views/business/subpackage/approve/edit.vue b/src/views/business/subpackage/approve/edit.vue
new file mode 100644
index 0000000..6352f2e
--- /dev/null
+++ b/src/views/business/subpackage/approve/edit.vue
@@ -0,0 +1,14 @@
+<!-- 分包方资格审批详情 -->
+<script lang="ts" setup>
+
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <h1>详情</h1>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/approve/list.vue b/src/views/business/subpackage/approve/list.vue
index 6755ede..0be983d 100644
--- a/src/views/business/subpackage/approve/list.vue
+++ b/src/views/business/subpackage/approve/list.vue
@@ -11,9 +11,10 @@
 import type { dictType } from '@/views/device/receive/receive'
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/approval'
+import { getListPage } from '@/api/business/subpackage/approval'
 import { SCHEDULE } from '@/utils/scheduleDict'
 const $router = useRouter()
+const $route = useRoute()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageApproveActive'
 const loadingTable = ref(false)
@@ -54,6 +55,13 @@
 const list = ref([])
 const total = ref(0)
 
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 时间变更
 watch(timeRange, (val) => {
   if (val) {
@@ -134,13 +142,44 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApproveList, status: string) => {
-  // if (status !== 'edit') {
-  //   detail({ id: row.id }).then((res) => {
-  //     console.log(res)
-  //   })
-  // }
+// 详情
+const detail = (row: IApproveList) => {
+
+}
+
+// 编辑
+const update = (row: IApproveList) => {
+
+}
+
+// 提交
+const submit = (row: IApproveList) => {
+
+}
+
+// 同意
+const agree = (row: IApproveList) => {
+
+}
+
+// 驳回
+const reject = (row: IApproveList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApproveList) => {
+
+}
+
+// 取消
+const cancel = (row: IApproveList) => {
+
+}
+
+// 删除
+const remove = (row: IApproveList) => {
+
 }
 
 // 获取字典值
@@ -219,11 +258,82 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="detail(row)"
+                >
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button
+                  v-if="proxy.buttonPerm.submit.if(row)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="submit(row)"
+                >
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)"
+                  @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)"
+                  @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)"
+                  size="small"
+                  type="danger"
+                  link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)"
+                  @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)"
+                  size="small"
+                  type="info"
+                  link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)"
+                  @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)"
+                  :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small"
+                  type="danger"
+                  link
+                  @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>
diff --git a/src/views/business/subpackage/certificate/edit.vue b/src/views/business/subpackage/certificate/edit.vue
index 6476179..7eedf38 100644
--- a/src/views/business/subpackage/certificate/edit.vue
+++ b/src/views/business/subpackage/certificate/edit.vue
@@ -6,6 +6,8 @@
 <template>
   <div>
     <!-- 布局 -->
-    <app-container />
+    <app-container>
+      555
+    </app-container>
   </div>
 </template>
diff --git a/src/views/business/subpackage/check/edit.vue b/src/views/business/subpackage/check/edit.vue
new file mode 100644
index 0000000..c7730a1
--- /dev/null
+++ b/src/views/business/subpackage/check/edit.vue
@@ -0,0 +1,302 @@
+<!-- 分包验收详情 -->
+<script lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ref } from 'vue'
+import { filter } from 'lodash'
+import type { IApplyDetail, IDetailList } from '../subpackage-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { detail } from '@/api/business/subpackage/check'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+
+const $route = useRoute()
+const $router = useRouter()
+const query = $route.query
+const detailForm = ref<IApplyDetail>({
+  applicantName: '', // 申请名称
+  applicantId: '', // 申请id
+  applicantTime: '', // 申请时间
+  applyApprovalStatus: '', // 申请状态
+  applyMinioFileName: '', // 申请文件名称
+  applyProcessId: '', // 申请流程id
+  applyRemark: '', // 申请备注
+  checkApprovalStatus: '', // 申请状态码
+  checkConclusion: '', // 审批结果
+  checkMinioFileName: '', // 审核文件名称
+  checkProcessId: '', // 审批流程id
+  checkRemark: '', // 审核备注
+  checkTime: '', // 检查时间
+  checkerId: '', // 检查id
+  checkerName: '', // 检查名称
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '',
+  orderSampleList: '', // 订单列表
+  outsourceReason: '', // 原因
+  outsourceReasonName: '', // 原因名称
+  outsourcerId: '', // 原因id
+  outsourcerName: '', // 资源名称
+  preCost: '', // 价值
+  preEndTime: '', // 过期时间
+  preStartTime: '', // 开始时间
+  projectName: '', // 项目名称
+  projectNo: '', // 项目编号
+  sampleList: [] as any, // 样品列表
+  updateTime: '', // 修改时间
+})
+// 校验规则
+const formRules = ref({
+  projectName: [{ required: true, message: '分包项目名称必填', trigger: 'blur' }],
+  outsourcerId: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  outsourcerName: [{ required: true, message: '公司名称必填', trigger: ['blur', 'change'] }],
+  outsourceReasonName: [{ required: true, message: '分包原因必填', trigger: ['blur', 'change'] }],
+  preCost: [{ required: true, message: '预计费用必填', trigger: ['blur', 'change'] }],
+  preStartTime: [{ required: true, message: '预计开始时间必填', trigger: ['blur', 'change'] }],
+  preEndTime: [{ required: true, message: '预计结束时间必填', trigger: ['blur', 'change'] }],
+})
+
+const list = ref<IDetailList[]>([])// 表格数据
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', align: 'center', width: '230' },
+  { text: '样品名称', value: 'sampleName', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'orderCode', align: 'center' },
+  { text: '委托书编号', value: 'manufacturingNo', align: 'center' },
+  { text: '委托单位', value: 'customerName', align: 'center' },
+])
+
+const getDetail = () => {
+  detail({ id: $route.params.id }).then((res) => {
+    // let interfaceStr = ''
+    // for (const key in res.data.sampleList[0]) {
+    //   const item = res.data[key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
+    detailForm.value = res.data
+    list.value = res.data.sampleList.filter((item: IDetailList) => {
+      return item !== null
+    })
+  })
+}
+const approvalRecordData = ref([]) // 审批流程数据
+const getApprovalRecord = (processId: string) => {
+  if (query.title !== '新建') {
+    if (processId) {
+      fetchApproval(processId).then((res) => {
+        approvalRecordData.value = res.data
+      })
+    }
+    else {
+      ElMessage.warning('流程实例id为空')
+    }
+  }
+}
+
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 文件上传
+const fileRef = ref()
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    detailForm.value.applyMinioFileName = event.target.files[0].name
+    // UploadFile(fd).then((res) => {
+    //   if (res.code === 200) {
+    //     sampleForm.value.minioFileName = res.data[0]
+    //     // 重置当前验证
+    //     ElMessage.success('文件上传成功')
+    //   }
+    //   else {
+    //     ElMessage.error(res.message)
+    //   }
+    // })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+onMounted(() => {
+  if (query.title !== '新建') {
+    getDetail()
+  }
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="分包项目验收">
+      <template #btns>
+        <template v-if="query.approvalStatusName === '待审批'">
+          <el-button type="primary">
+            同意
+          </el-button>
+          <el-button type="primary">
+            驳回
+          </el-button>
+          <el-button type="primary">
+            拒绝
+          </el-button>
+        </template>
+        <template v-if="['草稿箱', '已取消'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            提交
+          </el-button>
+          <el-button type="primary">
+            编辑
+          </el-button>
+          <el-button type="primary">
+            删除
+          </el-button>
+        </template>
+        <template v-if="['已通过', '未通过'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            打印
+          </el-button>
+        </template>
+        <template v-if="query.title === '新建'">
+          <el-button type="primary">
+            保存
+          </el-button>
+          <el-button type="primary">
+            提交
+          </el-button>
+        </template>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <el-form
+        ref="ruleFormRef"
+        :model="detailForm"
+        label-width="140"
+        label-position="right"
+        :rules="formRules"
+      >
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="分包项目编号:" prop="projectNo">
+              <el-input
+                v-model="detailForm.projectNo" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包项目名称:" prop="projectName">
+              <el-input
+                v-model="detailForm.projectName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="验收人:" prop="applicantName">
+              <el-input
+                v-model="detailForm.applicantName" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="验收时间:" prop="applicantTime">
+              <el-input
+                v-model="detailForm.applicantTime" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包方编号:" prop="outsourcerId">
+              <el-input
+                v-model="detailForm.outsourcerId"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司名称:" prop="outsourcerName">
+              <el-input
+                v-model="detailForm.outsourcerName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因:" prop="outsourceReasonName">
+              <el-input
+                v-model="detailForm.outsourceReasonName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" />
+          <el-col :span="12">
+            <el-form-item label="结论:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="12">
+            <el-form-item label="备注:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="6">
+            <el-form-item label="附件:" prop="applyMinioFileName">
+              <input v-show="query.title === ''" ref="fileRef" multiple type="file" @change="onFileChange">
+              <span v-if="query.title === '详情' && !detailForm.applyMinioFileName">无</span>
+              <div v-else style="display: flex;">
+                <show-photo :minio-file-name="detailForm.applyMinioFileName || ''" style="display: inline-block;margin: 10px;" />
+              </div>
+              <el-button v-if="query.title !== '详情'" type="primary" :disabled="query.title === '详情'" @click="upload">
+                {{ detailForm.applyMinioFileName ? '更换' : '上传' }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18" />
+        </el-row>
+      </el-form>
+    </detail-page>
+    <detail-block title="样品详情">
+      <el-table
+        :data="list"
+        border
+        style="width: 100%;"
+        max-height="600"
+      >
+        <el-table-column type="selection" width="38" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        />
+      </el-table>
+    </detail-block>
+    <detail-block v-if="query.approvalStatusName !== '草稿箱' && query.title !== '新增'" title="审批流程">
+      <!-- 审批流程 -->
+      <approval-record ref="approvalRecord" :approval-record-data="approvalRecordData" />
+    </detail-block>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/check/list.vue b/src/views/business/subpackage/check/list.vue
index 16c1f13..a759976 100644
--- a/src/views/business/subpackage/check/list.vue
+++ b/src/views/business/subpackage/check/list.vue
@@ -12,8 +12,9 @@
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/check'
+import { getListPage } from '@/api/business/subpackage/check'
 
+const $route = useRoute()
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageCheckActive'
@@ -41,13 +42,19 @@
   { text: '分包项目名称', value: 'projectName', align: 'center', width: '160px' },
   { text: '验收人', value: 'checkerName', align: 'center', width: '160px' },
   { text: '分包方名称', value: 'outsourcerName', align: 'center', width: '160px' },
-  { text: '验收结论', value: 'checkerName', align: 'center', width: '160px' },
+  { text: '验收结论', value: 'checkerName', align: 'center' },
   { text: '验收时间', value: 'checkTime', align: 'center', width: '180px' },
   { text: '审批状态', value: 'applyApprovalStatusName', align: 'center', width: '180px' },
 ])
 const list = ref([])
 const total = ref(0)
-
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 数据查询
 function fetchData(isNowPage = false) {
   loadingTable.value = true
@@ -106,7 +113,15 @@
 })
 // 新建
 const add = () => {
-
+  $router.push({
+    name: 'subpackageCheckDetail',
+    params: {
+      type: 'add',
+    },
+    query: {
+      title: '新建',
+    },
+  })
 }
 // 导出
 const exportAll = () => {
@@ -124,18 +139,66 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApplyList, status: string) => {
-  if (status !== 'edit') {
-    detail({ id: row.id }).then((res) => {
-      console.log(res)
-    })
-  }
+// 详情
+const detail = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageCheckDetail',
+    params: {
+      type: 'detail',
+      id: row.id,
+    },
+    query: {
+      title: '详情',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
 }
-// 取消
-const handleCancle = (row: IApplyList) => {
+
+// 编辑
+const update = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageCheckDetail',
+    params: {
+      type: 'edit',
+      id: row.id,
+    },
+    query: {
+      title: '编辑',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
+}
+
+// 提交
+const submit = (row: IApplyList) => {
 
 }
+
+// 同意
+const agree = (row: IApplyList) => {
+
+}
+
+// 驳回
+const reject = (row: IApplyList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApplyList) => {
+
+}
+
+// 取消
+const cancel = (row: IApplyList) => {
+
+}
+
+// 删除
+const remove = (row: IApplyList) => {
+
+}
+
 // 获取字典值
 const getDict = async () => {
   // 审批状态
@@ -224,11 +287,82 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="detail(row)"
+                >
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button
+                  v-if="proxy.buttonPerm.submit.if(row)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="submit(row)"
+                >
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)"
+                  @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)"
+                  @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)"
+                  size="small"
+                  type="danger"
+                  link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)"
+                  @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)"
+                  size="small"
+                  type="info"
+                  link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)"
+                  @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)"
+                  :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small"
+                  type="danger"
+                  link
+                  @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>
diff --git a/src/views/business/subpackage/record/edit.vue b/src/views/business/subpackage/record/edit.vue
new file mode 100644
index 0000000..be7703f
--- /dev/null
+++ b/src/views/business/subpackage/record/edit.vue
@@ -0,0 +1,350 @@
+<!-- 分包方档案详情 -->
+<script lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ref } from 'vue'
+import type { IRecordDetail } from '../subpackage-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { detail } from '@/api/business/subpackage/record'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+const $route = useRoute()
+const $router = useRouter()
+const query = $route.query
+const detailForm = ref<IRecordDetail>({
+  addressArea: '', // 公司地址-区编码
+  addressAreaName: '', // 公司地址-区
+  addressCity: '', // 公司地址-市编码
+  addressCityName: '', // 公司地址-市
+  addressCountry: '', // 公司地址-国家编码
+  addressCountryName: '', // 公司地址-国家
+  addressProvince: '', // 公司地址-省编码
+  addressProvinceName: '', // 公司地址-省
+  bankAccount: '', // 银行账户名
+  bankAccountNumber: '', // 银行账号
+  bankName: '', // 银行名称
+  businessContent: '', // 业务内容
+  businessScope: '', // 公司业务范围
+  businessSize: '', // 业务规模-字典code
+  businessSizeName: '', // 业务规模-字典value
+  createTime: '', // 创建时间（列表接口返回参数）
+  director: '', // 负责人
+  email: '', // 邮箱
+  evaluation: '', // 整体评价-字典code
+  evaluationName: '', // 整体评价-字典value
+  fullAddress: '', // 公司地址-详细地址
+  grade: '', // 履约评级-字典code
+  gradeName: '', // 履约评级-字典value
+  id: '', // 主键id（列表、更新、详情接口参数）
+  invoiceArea: '', // 开票地址-区编码
+  invoiceAreaName: '', // 开票地址-区
+  invoiceCity: '', // 开票地址-市编码
+  invoiceCityName: '', // 开票地址-市
+  invoiceCountry: '', // 开票地址-国家编码
+  invoiceCountryName: '', // 开票地址-国家
+  invoiceFullAddress: '', // 开票地址-详细地址
+  invoiceProvince: '', // 开票地址-省编码
+  invoiceProvinceName: '', // 开票地址-省
+  minioFileName: '', // minio存储文件名
+  mobile: '', // 手机
+  outsourcerBriefName: '', // 公司简称
+  outsourcerName: '', // 公司名称
+  outsourcerNo: '', // 分包方编号
+  outsourcerSize: '', // 公司规模-字典code
+  outsourcerSizeName: '', // 公司规模-字典value
+  phone: '', // 电话
+  postalCode: '', // 邮编
+  processId: '', // 流程实例id（未通过编辑接口必传参数）
+  remark: '', // 备注
+  taxNumber: '', // 税号
+  website: '', // 网址
+})
+
+// 校验规则
+const formRules = ref({
+  projectName: [{ required: true, message: '分包项目名称必填', trigger: 'blur' }],
+  outsourcerId: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  outsourcerName: [{ required: true, message: '公司名称必填', trigger: ['blur', 'change'] }],
+  website: [{ required: true, message: '分包原因必填', trigger: ['blur', 'change'] }],
+  preCost: [{ required: true, message: '预计费用必填', trigger: ['blur', 'change'] }],
+  preStartTime: [{ required: true, message: '预计开始时间必填', trigger: ['blur', 'change'] }],
+  preEndTime: [{ required: true, message: '预计结束时间必填', trigger: ['blur', 'change'] }],
+})
+
+const getDetail = () => {
+  detail({ id: $route.params.id }).then((res) => {
+    // let interfaceStr = ''
+    // for (const key in res.data.sampleList[0]) {
+    //   const item = res.data[key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
+    detailForm.value = res.data
+  })
+}
+
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 文件上传
+const fileRef = ref()
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    detailForm.value.minioFileName = event.target.files[0].name
+    // UploadFile(fd).then((res) => {
+    //   if (res.code === 200) {
+    //     sampleForm.value.minioFileName = res.data[0]
+    //     // 重置当前验证
+    //     ElMessage.success('文件上传成功')
+    //   }
+    //   else {
+    //     ElMessage.error(res.message)
+    //   }
+    // })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+onMounted(() => {
+  if (query.title !== '新建') {
+    getDetail()
+  }
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="分包方档案">
+      <template #btns>
+        <el-button type="primary">
+          打印
+        </el-button>
+        <el-button type="primary">
+          编辑/保存
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <el-form
+        ref="ruleFormRef"
+        :model="detailForm"
+        label-width="140"
+        label-position="right"
+        :rules="formRules"
+      >
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="分包方编号:" prop="projectNo">
+              <el-input
+                v-model="detailForm.website" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司名称:" prop="projectName">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司简称:" prop="applicantName">
+              <el-input
+                v-model="detailForm.website" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="业务内容:" prop="website">
+              <el-input
+                v-model="detailForm.website" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司规模:" prop="outsourcerId">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="业务规模:" prop="outsourcerName">
+              <el-input
+                v-model="detailForm.outsourcerName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="履约评级:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="整体评价:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="税号:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="银行账户名:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="银行名称:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="银行名称:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="邮编:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="负责人:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="电话:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="传真:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="手机:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="邮箱:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="网址:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="公司地址:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" />
+          <el-col :span="12">
+            <el-form-item label="开票用地址:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" />
+          <el-col :span="12">
+            <el-form-item label="公司业务范围:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" />
+          <el-col :span="12">
+            <el-form-item label="备注:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="6">
+            <el-form-item label="附件:" prop="minioFileName">
+              <input v-show="query.title === ''" ref="fileRef" multiple type="file" @change="onFileChange">
+              <span v-if="query.title === '详情' && !detailForm.minioFileName">无</span>
+              <div v-else style="display: flex;">
+                <show-photo :minio-file-name="detailForm.minioFileName || ''" style="display: inline-block;margin: 10px;" />
+              </div>
+              <el-button v-if="query.title !== '详情'" type="primary" :disabled="query.title === '详情'" @click="upload">
+                {{ detailForm.minioFileName ? '更换' : '上传' }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18" />
+        </el-row>
+      </el-form>
+    </detail-page>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>

diff --git a/src/router/modules/business.ts b/src/router/modules/business.ts
index 4de6ce2..db0b317 100644
--- a/src/router/modules/business.ts
+++ b/src/router/modules/business.ts
@@ -307,6 +307,18 @@
         },
       },
       {
+        path: 'subpackage/apply/detail/:id?',
+        name: 'subpackageApplyDetail',
+        component: () => import('@/views/business/subpackage/apply/edit.vue'),
+        meta: {
+          title: '分包项目申请',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemApply',
+        },
+      },
+      {
         path: 'itemCheck',
         name: 'ItemCheck',
         component: () => import('@/views/business/subpackage/check/list.vue'),
@@ -317,6 +329,18 @@
         },
       },
       {
+        path: 'subpackage/check/detail/:id?',
+        name: 'subpackageCheckDetail',
+        component: () => import('@/views/business/subpackage/check/edit.vue'),
+        meta: {
+          title: '分包项目验收',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemCheck',
+        },
+      },
+      {
         path: 'archives',
         name: 'Archives',
         component: () => import('@/views/business/subpackage/record/list.vue'),
@@ -327,6 +351,18 @@
         },
       },
       {
+        path: 'subpackage/archives/detail/:id?',
+        name: 'subpackageArchivesDetail',
+        component: () => import('@/views/business/subpackage/record/edit.vue'),
+        meta: {
+          title: '分包方档案',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/archives',
+        },
+      },
+      {
         path: 'qualificationApprove',
         name: 'QualificationApprove',
         component: () => import('@/views/business/subpackage/approve/list.vue'),
@@ -337,6 +373,18 @@
         },
       },
       {
+        path: 'subpackage/qualificationApprove/detail/:id?',
+        name: 'subpackageQualificationApproveDetail',
+        component: () => import('@/views/business/subpackage/approve/edit.vue'),
+        meta: {
+          title: '分包方资格审批',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/qualificationApprove',
+        },
+      },
+      {
         path: 'certificate',
         name: 'Certificate',
         component: () => import('@/views/business/subpackage/certificate/list.vue'),
@@ -347,6 +395,18 @@
         },
       },
       {
+        path: 'subpackage/certificate/detail/:id?',
+        name: 'subpackageCertificateDetail',
+        component: () => import('@/views/business/subpackage/certificate/edit.vue'),
+        meta: {
+          title: '分包证书管理',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/certificate',
+        },
+      },
+      {
         path: '/:type/:id?',
         name: 'taskDetail',
         component: () => import('@/views/business/subpackage/certificate/edit.vue'),
diff --git a/src/views/business/schedule/task/taskEdit.vue b/src/views/business/schedule/task/taskEdit.vue
index 7c4a4b4..d64aa23 100644
--- a/src/views/business/schedule/task/taskEdit.vue
+++ b/src/views/business/schedule/task/taskEdit.vue
@@ -549,7 +549,7 @@
         </el-form>
       </div>
     </detail-page>
-    <detail-block title="检定流程">
+    <detail-block v-if="taskForm.measureProcessList && taskForm.measureProcessList.length >= 1" title="检定流程">
       <!-- <template #btns>
         <el-button type="primary" style="margin-bottom: 10px;" @click="batchProcessAdd">
           批量添加
diff --git a/src/views/business/subpackage/apply/edit.vue b/src/views/business/subpackage/apply/edit.vue
new file mode 100644
index 0000000..74990a4
--- /dev/null
+++ b/src/views/business/subpackage/apply/edit.vue
@@ -0,0 +1,326 @@
+<!-- 分包申请详情 -->
+<script lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ref } from 'vue'
+import { filter } from 'lodash'
+import type { IApplyDetail, IDetailList } from '../subpackage-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { detail } from '@/api/business/subpackage/apply'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+
+const $route = useRoute()
+const $router = useRouter()
+const query = $route.query
+const detailForm = ref<IApplyDetail>({
+  applicantName: '', // 申请名称
+  applicantId: '', // 申请id
+  applicantTime: '', // 申请时间
+  applyApprovalStatus: '', // 申请状态
+  applyMinioFileName: '', // 申请文件名称
+  applyProcessId: '', // 申请流程id
+  applyRemark: '', // 申请备注
+  checkApprovalStatus: '', // 申请状态码
+  checkConclusion: '', // 审批结果
+  checkMinioFileName: '', // 审核文件名称
+  checkProcessId: '', // 审批流程id
+  checkRemark: '', // 审核备注
+  checkTime: '', // 检查时间
+  checkerId: '', // 检查id
+  checkerName: '', // 检查名称
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '',
+  orderSampleList: '', // 订单列表
+  outsourceReason: '', // 原因
+  outsourceReasonName: '', // 原因名称
+  outsourcerId: '', // 原因id
+  outsourcerName: '', // 资源名称
+  preCost: '', // 价值
+  preEndTime: '', // 过期时间
+  preStartTime: '', // 开始时间
+  projectName: '', // 项目名称
+  projectNo: '', // 项目编号
+  sampleList: [] as any, // 样品列表
+  updateTime: '', // 修改时间
+})
+// 校验规则
+const formRules = ref({
+  projectName: [{ required: true, message: '分包项目名称必填', trigger: 'blur' }],
+  outsourcerId: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  outsourcerName: [{ required: true, message: '公司名称必填', trigger: ['blur', 'change'] }],
+  outsourceReasonName: [{ required: true, message: '分包原因必填', trigger: ['blur', 'change'] }],
+  preCost: [{ required: true, message: '预计费用必填', trigger: ['blur', 'change'] }],
+  preStartTime: [{ required: true, message: '预计开始时间必填', trigger: ['blur', 'change'] }],
+  preEndTime: [{ required: true, message: '预计结束时间必填', trigger: ['blur', 'change'] }],
+})
+
+const list = ref<IDetailList[]>([])// 表格数据
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', align: 'center', width: '230' },
+  { text: '样品名称', value: 'sampleName', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'orderCode', align: 'center' },
+  { text: '委托书编号', value: 'manufacturingNo', align: 'center' },
+  { text: '委托单位', value: 'customerName', align: 'center' },
+])
+
+const getDetail = () => {
+  detail({ id: $route.params.id }).then((res) => {
+    // let interfaceStr = ''
+    // for (const key in res.data.sampleList[0]) {
+    //   const item = res.data[key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
+    detailForm.value = res.data
+    list.value = res.data.sampleList.filter((item: IDetailList) => {
+      return item !== null
+    })
+  })
+}
+const approvalRecordData = ref([]) // 审批流程数据
+const getApprovalRecord = (processId: string) => {
+  if (query.title !== '新建') {
+    if (processId) {
+      fetchApproval(processId).then((res) => {
+        approvalRecordData.value = res.data
+      })
+    }
+    else {
+      ElMessage.warning('流程实例id为空')
+    }
+  }
+}
+
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 文件上传
+const fileRef = ref()
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    detailForm.value.applyMinioFileName = event.target.files[0].name
+    // UploadFile(fd).then((res) => {
+    //   if (res.code === 200) {
+    //     sampleForm.value.minioFileName = res.data[0]
+    //     // 重置当前验证
+    //     ElMessage.success('文件上传成功')
+    //   }
+    //   else {
+    //     ElMessage.error(res.message)
+    //   }
+    // })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+onMounted(() => {
+  if (query.title !== '新建') {
+    getDetail()
+  }
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="分包项目申请">
+      <template #btns>
+        <template v-if="query.approvalStatusName === '待审批'">
+          <el-button type="primary">
+            同意
+          </el-button>
+          <el-button type="primary">
+            驳回
+          </el-button>
+          <el-button type="primary">
+            拒绝
+          </el-button>
+        </template>
+        <template v-if="['草稿箱', '已取消'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            提交
+          </el-button>
+          <el-button type="primary">
+            编辑
+          </el-button>
+          <el-button type="primary">
+            删除
+          </el-button>
+        </template>
+        <template v-if="['已通过', '未通过'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            打印
+          </el-button>
+        </template>
+        <template v-if="query.title === '新建'">
+          <el-button type="primary">
+            保存
+          </el-button>
+          <el-button type="primary">
+            提交
+          </el-button>
+        </template>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <el-form
+        ref="ruleFormRef"
+        :model="detailForm"
+        label-width="140"
+        label-position="right"
+        :rules="formRules"
+      >
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="分包项目编号:" prop="projectNo">
+              <el-input
+                v-model="detailForm.projectNo" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包项目名称:" prop="projectName">
+              <el-input
+                v-model="detailForm.projectName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请人:" prop="applicantName">
+              <el-input
+                v-model="detailForm.applicantName" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请时间:" prop="applicantTime">
+              <el-input
+                v-model="detailForm.applicantTime" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包方编号:" prop="outsourcerId">
+              <el-input
+                v-model="detailForm.outsourcerId"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司名称:" prop="outsourcerName">
+              <el-input
+                v-model="detailForm.outsourcerName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因:" prop="outsourceReasonName">
+              <el-input
+                v-model="detailForm.outsourceReasonName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计费用:" prop="preCost">
+              <el-input
+                v-model="detailForm.preCost"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计开始时间:" prop="preStartTime">
+              <el-date-picker
+                v-model="detailForm.preStartTime"
+                type="datetime"
+                placeholder="请选择预计开始时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计结束时间:" prop="preEndTime">
+              <el-date-picker
+                v-model="detailForm.preEndTime"
+                type="datetime"
+                placeholder="请选择预计结束时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+
+          <el-col :span="12">
+            <el-form-item label="备注:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="6">
+            <el-form-item label="附件:" prop="applyMinioFileName">
+              <input v-show="query.title === ''" ref="fileRef" multiple type="file" @change="onFileChange">
+              <span v-if="query.title === '详情' && !detailForm.applyMinioFileName">无</span>
+              <div v-else style="display: flex;">
+                <show-photo :minio-file-name="detailForm.applyMinioFileName || ''" style="display: inline-block;margin: 10px;" />
+              </div>
+              <el-button v-if="query.title !== '详情'" type="primary" :disabled="query.title === '详情'" @click="upload">
+                {{ detailForm.applyMinioFileName ? '更换' : '上传' }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18" />
+        </el-row>
+      </el-form>
+    </detail-page>
+    <detail-block title="样品详情">
+      <el-table
+        :data="list"
+        border
+        style="width: 100%;"
+        max-height="600"
+      >
+        <el-table-column type="selection" width="38" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        />
+      </el-table>
+    </detail-block>
+    <detail-block v-if="query.approvalStatusName !== '草稿箱' && query.title !== '新增'" title="审批流程">
+      <!-- 审批流程 -->
+      <approval-record ref="approvalRecord" :approval-record-data="approvalRecordData" />
+    </detail-block>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/apply/list.vue b/src/views/business/subpackage/apply/list.vue
index 8fc0173..9cca21e 100644
--- a/src/views/business/subpackage/apply/list.vue
+++ b/src/views/business/subpackage/apply/list.vue
@@ -11,8 +11,9 @@
 import type { dictType } from '@/views/device/receive/receive'
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/apply'
+import { getListPage } from '@/api/business/subpackage/apply'
 import { SCHEDULE } from '@/utils/scheduleDict'
+const $route = useRoute()
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageApplyActive'
@@ -46,7 +47,13 @@
 ])
 const list = ref([])
 const total = ref(0)
-
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 时间变更
 watch(timeRange, (val) => {
   if (val) {
@@ -98,7 +105,15 @@
 
 // 新建
 const add = () => {
-
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'add',
+    },
+    query: {
+      title: '新建',
+    },
+  })
 }
 // 导出
 const exportAll = () => {
@@ -116,18 +131,66 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApplyList, status: string) => {
-  if (status !== 'edit') {
-    detail({ id: row.id }).then((res) => {
-      console.log(res)
-    })
-  }
+// 详情
+const detail = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'detail',
+      id: row.id,
+    },
+    query: {
+      title: '详情',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
 }
-// 取消
-const handleCancle = (row: IApplyList) => {
+
+// 编辑
+const update = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'edit',
+      id: row.id,
+    },
+    query: {
+      title: '编辑',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
+}
+
+// 提交
+const submit = (row: IApplyList) => {
 
 }
+
+// 同意
+const agree = (row: IApplyList) => {
+
+}
+
+// 驳回
+const reject = (row: IApplyList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApplyList) => {
+
+}
+
+// 取消
+const cancel = (row: IApplyList) => {
+
+}
+
+// 删除
+const remove = (row: IApplyList) => {
+
+}
+
 // 获取字典值
 const getDict = async () => {
   // 审批状态
@@ -189,18 +252,9 @@
       </search-area>
       <table-container>
         <template #btns-right>
-          <icon-button
-            icon="icon-add" title="新建" type="primary"
-            @click="add"
-          />
-          <icon-button
-            icon="icon-export" title="导出" type="primary"
-            @click="exportAll"
-          />
-          <icon-button
-            icon="icon-print" title="打印" type="primary"
-            @click="printList"
-          />
+          <icon-button icon="icon-add" title="新建" type="primary" @click="add" />
+          <icon-button icon="icon-export" title="导出" type="primary" @click="exportAll" />
+          <icon-button icon="icon-print" title="打印" type="primary" @click="printList" />
         </template>
         <normal-table
           :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
@@ -216,11 +270,48 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button size="small" type="primary" link @click="detail(row)">
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)" size="small" type="primary" link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button v-if="proxy.buttonPerm.submit.if(row)" size="small" type="primary" link @click="submit(row)">
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)" size="small" type="primary" link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)" @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)" size="small" type="primary" link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)" @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)" size="small" type="danger" link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)" @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)" size="small" type="info" link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)" @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)" :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small" type="danger" link @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>
diff --git a/src/views/business/subpackage/approve/edit.vue b/src/views/business/subpackage/approve/edit.vue
new file mode 100644
index 0000000..6352f2e
--- /dev/null
+++ b/src/views/business/subpackage/approve/edit.vue
@@ -0,0 +1,14 @@
+<!-- 分包方资格审批详情 -->
+<script lang="ts" setup>
+
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <h1>详情</h1>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/approve/list.vue b/src/views/business/subpackage/approve/list.vue
index 6755ede..0be983d 100644
--- a/src/views/business/subpackage/approve/list.vue
+++ b/src/views/business/subpackage/approve/list.vue
@@ -11,9 +11,10 @@
 import type { dictType } from '@/views/device/receive/receive'
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/approval'
+import { getListPage } from '@/api/business/subpackage/approval'
 import { SCHEDULE } from '@/utils/scheduleDict'
 const $router = useRouter()
+const $route = useRoute()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageApproveActive'
 const loadingTable = ref(false)
@@ -54,6 +55,13 @@
 const list = ref([])
 const total = ref(0)
 
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 时间变更
 watch(timeRange, (val) => {
   if (val) {
@@ -134,13 +142,44 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApproveList, status: string) => {
-  // if (status !== 'edit') {
-  //   detail({ id: row.id }).then((res) => {
-  //     console.log(res)
-  //   })
-  // }
+// 详情
+const detail = (row: IApproveList) => {
+
+}
+
+// 编辑
+const update = (row: IApproveList) => {
+
+}
+
+// 提交
+const submit = (row: IApproveList) => {
+
+}
+
+// 同意
+const agree = (row: IApproveList) => {
+
+}
+
+// 驳回
+const reject = (row: IApproveList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApproveList) => {
+
+}
+
+// 取消
+const cancel = (row: IApproveList) => {
+
+}
+
+// 删除
+const remove = (row: IApproveList) => {
+
 }
 
 // 获取字典值
@@ -219,11 +258,82 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="detail(row)"
+                >
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button
+                  v-if="proxy.buttonPerm.submit.if(row)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="submit(row)"
+                >
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)"
+                  @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)"
+                  @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)"
+                  size="small"
+                  type="danger"
+                  link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)"
+                  @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)"
+                  size="small"
+                  type="info"
+                  link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)"
+                  @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)"
+                  :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small"
+                  type="danger"
+                  link
+                  @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>
diff --git a/src/views/business/subpackage/certificate/edit.vue b/src/views/business/subpackage/certificate/edit.vue
index 6476179..7eedf38 100644
--- a/src/views/business/subpackage/certificate/edit.vue
+++ b/src/views/business/subpackage/certificate/edit.vue
@@ -6,6 +6,8 @@
 <template>
   <div>
     <!-- 布局 -->
-    <app-container />
+    <app-container>
+      555
+    </app-container>
   </div>
 </template>
diff --git a/src/views/business/subpackage/check/edit.vue b/src/views/business/subpackage/check/edit.vue
new file mode 100644
index 0000000..c7730a1
--- /dev/null
+++ b/src/views/business/subpackage/check/edit.vue
@@ -0,0 +1,302 @@
+<!-- 分包验收详情 -->
+<script lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ref } from 'vue'
+import { filter } from 'lodash'
+import type { IApplyDetail, IDetailList } from '../subpackage-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { detail } from '@/api/business/subpackage/check'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+
+const $route = useRoute()
+const $router = useRouter()
+const query = $route.query
+const detailForm = ref<IApplyDetail>({
+  applicantName: '', // 申请名称
+  applicantId: '', // 申请id
+  applicantTime: '', // 申请时间
+  applyApprovalStatus: '', // 申请状态
+  applyMinioFileName: '', // 申请文件名称
+  applyProcessId: '', // 申请流程id
+  applyRemark: '', // 申请备注
+  checkApprovalStatus: '', // 申请状态码
+  checkConclusion: '', // 审批结果
+  checkMinioFileName: '', // 审核文件名称
+  checkProcessId: '', // 审批流程id
+  checkRemark: '', // 审核备注
+  checkTime: '', // 检查时间
+  checkerId: '', // 检查id
+  checkerName: '', // 检查名称
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '',
+  orderSampleList: '', // 订单列表
+  outsourceReason: '', // 原因
+  outsourceReasonName: '', // 原因名称
+  outsourcerId: '', // 原因id
+  outsourcerName: '', // 资源名称
+  preCost: '', // 价值
+  preEndTime: '', // 过期时间
+  preStartTime: '', // 开始时间
+  projectName: '', // 项目名称
+  projectNo: '', // 项目编号
+  sampleList: [] as any, // 样品列表
+  updateTime: '', // 修改时间
+})
+// 校验规则
+const formRules = ref({
+  projectName: [{ required: true, message: '分包项目名称必填', trigger: 'blur' }],
+  outsourcerId: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  outsourcerName: [{ required: true, message: '公司名称必填', trigger: ['blur', 'change'] }],
+  outsourceReasonName: [{ required: true, message: '分包原因必填', trigger: ['blur', 'change'] }],
+  preCost: [{ required: true, message: '预计费用必填', trigger: ['blur', 'change'] }],
+  preStartTime: [{ required: true, message: '预计开始时间必填', trigger: ['blur', 'change'] }],
+  preEndTime: [{ required: true, message: '预计结束时间必填', trigger: ['blur', 'change'] }],
+})
+
+const list = ref<IDetailList[]>([])// 表格数据
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', align: 'center', width: '230' },
+  { text: '样品名称', value: 'sampleName', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'orderCode', align: 'center' },
+  { text: '委托书编号', value: 'manufacturingNo', align: 'center' },
+  { text: '委托单位', value: 'customerName', align: 'center' },
+])
+
+const getDetail = () => {
+  detail({ id: $route.params.id }).then((res) => {
+    // let interfaceStr = ''
+    // for (const key in res.data.sampleList[0]) {
+    //   const item = res.data[key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
+    detailForm.value = res.data
+    list.value = res.data.sampleList.filter((item: IDetailList) => {
+      return item !== null
+    })
+  })
+}
+const approvalRecordData = ref([]) // 审批流程数据
+const getApprovalRecord = (processId: string) => {
+  if (query.title !== '新建') {
+    if (processId) {
+      fetchApproval(processId).then((res) => {
+        approvalRecordData.value = res.data
+      })
+    }
+    else {
+      ElMessage.warning('流程实例id为空')
+    }
+  }
+}
+
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 文件上传
+const fileRef = ref()
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    detailForm.value.applyMinioFileName = event.target.files[0].name
+    // UploadFile(fd).then((res) => {
+    //   if (res.code === 200) {
+    //     sampleForm.value.minioFileName = res.data[0]
+    //     // 重置当前验证
+    //     ElMessage.success('文件上传成功')
+    //   }
+    //   else {
+    //     ElMessage.error(res.message)
+    //   }
+    // })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+onMounted(() => {
+  if (query.title !== '新建') {
+    getDetail()
+  }
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="分包项目验收">
+      <template #btns>
+        <template v-if="query.approvalStatusName === '待审批'">
+          <el-button type="primary">
+            同意
+          </el-button>
+          <el-button type="primary">
+            驳回
+          </el-button>
+          <el-button type="primary">
+            拒绝
+          </el-button>
+        </template>
+        <template v-if="['草稿箱', '已取消'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            提交
+          </el-button>
+          <el-button type="primary">
+            编辑
+          </el-button>
+          <el-button type="primary">
+            删除
+          </el-button>
+        </template>
+        <template v-if="['已通过', '未通过'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            打印
+          </el-button>
+        </template>
+        <template v-if="query.title === '新建'">
+          <el-button type="primary">
+            保存
+          </el-button>
+          <el-button type="primary">
+            提交
+          </el-button>
+        </template>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <el-form
+        ref="ruleFormRef"
+        :model="detailForm"
+        label-width="140"
+        label-position="right"
+        :rules="formRules"
+      >
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="分包项目编号:" prop="projectNo">
+              <el-input
+                v-model="detailForm.projectNo" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包项目名称:" prop="projectName">
+              <el-input
+                v-model="detailForm.projectName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="验收人:" prop="applicantName">
+              <el-input
+                v-model="detailForm.applicantName" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="验收时间:" prop="applicantTime">
+              <el-input
+                v-model="detailForm.applicantTime" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包方编号:" prop="outsourcerId">
+              <el-input
+                v-model="detailForm.outsourcerId"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司名称:" prop="outsourcerName">
+              <el-input
+                v-model="detailForm.outsourcerName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因:" prop="outsourceReasonName">
+              <el-input
+                v-model="detailForm.outsourceReasonName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" />
+          <el-col :span="12">
+            <el-form-item label="结论:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="12">
+            <el-form-item label="备注:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="6">
+            <el-form-item label="附件:" prop="applyMinioFileName">
+              <input v-show="query.title === ''" ref="fileRef" multiple type="file" @change="onFileChange">
+              <span v-if="query.title === '详情' && !detailForm.applyMinioFileName">无</span>
+              <div v-else style="display: flex;">
+                <show-photo :minio-file-name="detailForm.applyMinioFileName || ''" style="display: inline-block;margin: 10px;" />
+              </div>
+              <el-button v-if="query.title !== '详情'" type="primary" :disabled="query.title === '详情'" @click="upload">
+                {{ detailForm.applyMinioFileName ? '更换' : '上传' }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18" />
+        </el-row>
+      </el-form>
+    </detail-page>
+    <detail-block title="样品详情">
+      <el-table
+        :data="list"
+        border
+        style="width: 100%;"
+        max-height="600"
+      >
+        <el-table-column type="selection" width="38" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        />
+      </el-table>
+    </detail-block>
+    <detail-block v-if="query.approvalStatusName !== '草稿箱' && query.title !== '新增'" title="审批流程">
+      <!-- 审批流程 -->
+      <approval-record ref="approvalRecord" :approval-record-data="approvalRecordData" />
+    </detail-block>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/check/list.vue b/src/views/business/subpackage/check/list.vue
index 16c1f13..a759976 100644
--- a/src/views/business/subpackage/check/list.vue
+++ b/src/views/business/subpackage/check/list.vue
@@ -12,8 +12,9 @@
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/check'
+import { getListPage } from '@/api/business/subpackage/check'
 
+const $route = useRoute()
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageCheckActive'
@@ -41,13 +42,19 @@
   { text: '分包项目名称', value: 'projectName', align: 'center', width: '160px' },
   { text: '验收人', value: 'checkerName', align: 'center', width: '160px' },
   { text: '分包方名称', value: 'outsourcerName', align: 'center', width: '160px' },
-  { text: '验收结论', value: 'checkerName', align: 'center', width: '160px' },
+  { text: '验收结论', value: 'checkerName', align: 'center' },
   { text: '验收时间', value: 'checkTime', align: 'center', width: '180px' },
   { text: '审批状态', value: 'applyApprovalStatusName', align: 'center', width: '180px' },
 ])
 const list = ref([])
 const total = ref(0)
-
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 数据查询
 function fetchData(isNowPage = false) {
   loadingTable.value = true
@@ -106,7 +113,15 @@
 })
 // 新建
 const add = () => {
-
+  $router.push({
+    name: 'subpackageCheckDetail',
+    params: {
+      type: 'add',
+    },
+    query: {
+      title: '新建',
+    },
+  })
 }
 // 导出
 const exportAll = () => {
@@ -124,18 +139,66 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApplyList, status: string) => {
-  if (status !== 'edit') {
-    detail({ id: row.id }).then((res) => {
-      console.log(res)
-    })
-  }
+// 详情
+const detail = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageCheckDetail',
+    params: {
+      type: 'detail',
+      id: row.id,
+    },
+    query: {
+      title: '详情',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
 }
-// 取消
-const handleCancle = (row: IApplyList) => {
+
+// 编辑
+const update = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageCheckDetail',
+    params: {
+      type: 'edit',
+      id: row.id,
+    },
+    query: {
+      title: '编辑',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
+}
+
+// 提交
+const submit = (row: IApplyList) => {
 
 }
+
+// 同意
+const agree = (row: IApplyList) => {
+
+}
+
+// 驳回
+const reject = (row: IApplyList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApplyList) => {
+
+}
+
+// 取消
+const cancel = (row: IApplyList) => {
+
+}
+
+// 删除
+const remove = (row: IApplyList) => {
+
+}
+
 // 获取字典值
 const getDict = async () => {
   // 审批状态
@@ -224,11 +287,82 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="detail(row)"
+                >
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button
+                  v-if="proxy.buttonPerm.submit.if(row)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="submit(row)"
+                >
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)"
+                  @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)"
+                  @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)"
+                  size="small"
+                  type="danger"
+                  link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)"
+                  @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)"
+                  size="small"
+                  type="info"
+                  link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)"
+                  @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)"
+                  :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small"
+                  type="danger"
+                  link
+                  @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>
diff --git a/src/views/business/subpackage/record/edit.vue b/src/views/business/subpackage/record/edit.vue
new file mode 100644
index 0000000..be7703f
--- /dev/null
+++ b/src/views/business/subpackage/record/edit.vue
@@ -0,0 +1,350 @@
+<!-- 分包方档案详情 -->
+<script lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ref } from 'vue'
+import type { IRecordDetail } from '../subpackage-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { detail } from '@/api/business/subpackage/record'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+const $route = useRoute()
+const $router = useRouter()
+const query = $route.query
+const detailForm = ref<IRecordDetail>({
+  addressArea: '', // 公司地址-区编码
+  addressAreaName: '', // 公司地址-区
+  addressCity: '', // 公司地址-市编码
+  addressCityName: '', // 公司地址-市
+  addressCountry: '', // 公司地址-国家编码
+  addressCountryName: '', // 公司地址-国家
+  addressProvince: '', // 公司地址-省编码
+  addressProvinceName: '', // 公司地址-省
+  bankAccount: '', // 银行账户名
+  bankAccountNumber: '', // 银行账号
+  bankName: '', // 银行名称
+  businessContent: '', // 业务内容
+  businessScope: '', // 公司业务范围
+  businessSize: '', // 业务规模-字典code
+  businessSizeName: '', // 业务规模-字典value
+  createTime: '', // 创建时间（列表接口返回参数）
+  director: '', // 负责人
+  email: '', // 邮箱
+  evaluation: '', // 整体评价-字典code
+  evaluationName: '', // 整体评价-字典value
+  fullAddress: '', // 公司地址-详细地址
+  grade: '', // 履约评级-字典code
+  gradeName: '', // 履约评级-字典value
+  id: '', // 主键id（列表、更新、详情接口参数）
+  invoiceArea: '', // 开票地址-区编码
+  invoiceAreaName: '', // 开票地址-区
+  invoiceCity: '', // 开票地址-市编码
+  invoiceCityName: '', // 开票地址-市
+  invoiceCountry: '', // 开票地址-国家编码
+  invoiceCountryName: '', // 开票地址-国家
+  invoiceFullAddress: '', // 开票地址-详细地址
+  invoiceProvince: '', // 开票地址-省编码
+  invoiceProvinceName: '', // 开票地址-省
+  minioFileName: '', // minio存储文件名
+  mobile: '', // 手机
+  outsourcerBriefName: '', // 公司简称
+  outsourcerName: '', // 公司名称
+  outsourcerNo: '', // 分包方编号
+  outsourcerSize: '', // 公司规模-字典code
+  outsourcerSizeName: '', // 公司规模-字典value
+  phone: '', // 电话
+  postalCode: '', // 邮编
+  processId: '', // 流程实例id（未通过编辑接口必传参数）
+  remark: '', // 备注
+  taxNumber: '', // 税号
+  website: '', // 网址
+})
+
+// 校验规则
+const formRules = ref({
+  projectName: [{ required: true, message: '分包项目名称必填', trigger: 'blur' }],
+  outsourcerId: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  outsourcerName: [{ required: true, message: '公司名称必填', trigger: ['blur', 'change'] }],
+  website: [{ required: true, message: '分包原因必填', trigger: ['blur', 'change'] }],
+  preCost: [{ required: true, message: '预计费用必填', trigger: ['blur', 'change'] }],
+  preStartTime: [{ required: true, message: '预计开始时间必填', trigger: ['blur', 'change'] }],
+  preEndTime: [{ required: true, message: '预计结束时间必填', trigger: ['blur', 'change'] }],
+})
+
+const getDetail = () => {
+  detail({ id: $route.params.id }).then((res) => {
+    // let interfaceStr = ''
+    // for (const key in res.data.sampleList[0]) {
+    //   const item = res.data[key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
+    detailForm.value = res.data
+  })
+}
+
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 文件上传
+const fileRef = ref()
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    detailForm.value.minioFileName = event.target.files[0].name
+    // UploadFile(fd).then((res) => {
+    //   if (res.code === 200) {
+    //     sampleForm.value.minioFileName = res.data[0]
+    //     // 重置当前验证
+    //     ElMessage.success('文件上传成功')
+    //   }
+    //   else {
+    //     ElMessage.error(res.message)
+    //   }
+    // })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+onMounted(() => {
+  if (query.title !== '新建') {
+    getDetail()
+  }
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="分包方档案">
+      <template #btns>
+        <el-button type="primary">
+          打印
+        </el-button>
+        <el-button type="primary">
+          编辑/保存
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <el-form
+        ref="ruleFormRef"
+        :model="detailForm"
+        label-width="140"
+        label-position="right"
+        :rules="formRules"
+      >
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="分包方编号:" prop="projectNo">
+              <el-input
+                v-model="detailForm.website" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司名称:" prop="projectName">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司简称:" prop="applicantName">
+              <el-input
+                v-model="detailForm.website" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="业务内容:" prop="website">
+              <el-input
+                v-model="detailForm.website" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司规模:" prop="outsourcerId">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="业务规模:" prop="outsourcerName">
+              <el-input
+                v-model="detailForm.outsourcerName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="履约评级:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="整体评价:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="税号:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="银行账户名:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="银行名称:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="银行名称:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="邮编:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="负责人:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="电话:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="传真:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="手机:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="邮箱:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="网址:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="公司地址:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" />
+          <el-col :span="12">
+            <el-form-item label="开票用地址:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" />
+          <el-col :span="12">
+            <el-form-item label="公司业务范围:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" />
+          <el-col :span="12">
+            <el-form-item label="备注:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="6">
+            <el-form-item label="附件:" prop="minioFileName">
+              <input v-show="query.title === ''" ref="fileRef" multiple type="file" @change="onFileChange">
+              <span v-if="query.title === '详情' && !detailForm.minioFileName">无</span>
+              <div v-else style="display: flex;">
+                <show-photo :minio-file-name="detailForm.minioFileName || ''" style="display: inline-block;margin: 10px;" />
+              </div>
+              <el-button v-if="query.title !== '详情'" type="primary" :disabled="query.title === '详情'" @click="upload">
+                {{ detailForm.minioFileName ? '更换' : '上传' }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18" />
+        </el-row>
+      </el-form>
+    </detail-page>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/record/list.vue b/src/views/business/subpackage/record/list.vue
index 209a440..126ad4e 100644
--- a/src/views/business/subpackage/record/list.vue
+++ b/src/views/business/subpackage/record/list.vue
@@ -3,7 +3,7 @@
 import type { Ref } from 'vue'
 import { ElLoading, ElMessage } from 'element-plus'
 import type { DateModelType } from 'element-plus'
-import type { IListQueryRecord } from '../subpackage-interface'
+import type { IListQueryRecord, IRecordList } from '../subpackage-interface'
 import { printJSON } from '@/utils/printUtils'
 import { exportFile } from '@/utils/exportUtils'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
@@ -50,12 +50,12 @@
   loadingTable.value = false
   getListPage(listQuery.value).then((response) => {
     list.value = response.data.rows
-    let interfaceStr = ''
-    for (const key in response.data.rows[0]) {
-      const item = response.data.rows[0][key]
-      interfaceStr += `${key}:${typeof (item)}\n`
-    }
-    console.log(interfaceStr)
+    // let interfaceStr = ''
+    // for (const key in response.data.rows[0]) {
+    //   const item = response.data.rows[0][key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
     total.value = parseInt(response.data.total)
     loadingTable.value = false
   })
@@ -70,7 +70,7 @@
   listQuery.value = {
     businessSize: '',
     // evaluation: '',
-    formId: '',
+    formId: SCHEDULE.BUSINESS_SUBPACKAGE_RECORD, // 表单id
     grade: '',
     outsourcerName: '',
     outsourcerNo: '',
@@ -96,8 +96,17 @@
 
 }
 // 详情
-const handleDetail = (row) => {
-
+const handleDetail = (row: IRecordList) => {
+  $router.push({
+    name: 'subpackageArchivesDetail',
+    params: {
+      type: 'detail',
+      id: row.id,
+    },
+    query: {
+      title: '详情',
+    },
+  })
 }
 
 onMounted(async () => {

diff --git a/src/router/modules/business.ts b/src/router/modules/business.ts
index 4de6ce2..db0b317 100644
--- a/src/router/modules/business.ts
+++ b/src/router/modules/business.ts
@@ -307,6 +307,18 @@
         },
       },
       {
+        path: 'subpackage/apply/detail/:id?',
+        name: 'subpackageApplyDetail',
+        component: () => import('@/views/business/subpackage/apply/edit.vue'),
+        meta: {
+          title: '分包项目申请',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemApply',
+        },
+      },
+      {
         path: 'itemCheck',
         name: 'ItemCheck',
         component: () => import('@/views/business/subpackage/check/list.vue'),
@@ -317,6 +329,18 @@
         },
       },
       {
+        path: 'subpackage/check/detail/:id?',
+        name: 'subpackageCheckDetail',
+        component: () => import('@/views/business/subpackage/check/edit.vue'),
+        meta: {
+          title: '分包项目验收',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/itemCheck',
+        },
+      },
+      {
         path: 'archives',
         name: 'Archives',
         component: () => import('@/views/business/subpackage/record/list.vue'),
@@ -327,6 +351,18 @@
         },
       },
       {
+        path: 'subpackage/archives/detail/:id?',
+        name: 'subpackageArchivesDetail',
+        component: () => import('@/views/business/subpackage/record/edit.vue'),
+        meta: {
+          title: '分包方档案',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/archives',
+        },
+      },
+      {
         path: 'qualificationApprove',
         name: 'QualificationApprove',
         component: () => import('@/views/business/subpackage/approve/list.vue'),
@@ -337,6 +373,18 @@
         },
       },
       {
+        path: 'subpackage/qualificationApprove/detail/:id?',
+        name: 'subpackageQualificationApproveDetail',
+        component: () => import('@/views/business/subpackage/approve/edit.vue'),
+        meta: {
+          title: '分包方资格审批',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/qualificationApprove',
+        },
+      },
+      {
         path: 'certificate',
         name: 'Certificate',
         component: () => import('@/views/business/subpackage/certificate/list.vue'),
@@ -347,6 +395,18 @@
         },
       },
       {
+        path: 'subpackage/certificate/detail/:id?',
+        name: 'subpackageCertificateDetail',
+        component: () => import('@/views/business/subpackage/certificate/edit.vue'),
+        meta: {
+          title: '分包证书管理',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/subpackage/certificate',
+        },
+      },
+      {
         path: '/:type/:id?',
         name: 'taskDetail',
         component: () => import('@/views/business/subpackage/certificate/edit.vue'),
diff --git a/src/views/business/schedule/task/taskEdit.vue b/src/views/business/schedule/task/taskEdit.vue
index 7c4a4b4..d64aa23 100644
--- a/src/views/business/schedule/task/taskEdit.vue
+++ b/src/views/business/schedule/task/taskEdit.vue
@@ -549,7 +549,7 @@
         </el-form>
       </div>
     </detail-page>
-    <detail-block title="检定流程">
+    <detail-block v-if="taskForm.measureProcessList && taskForm.measureProcessList.length >= 1" title="检定流程">
       <!-- <template #btns>
         <el-button type="primary" style="margin-bottom: 10px;" @click="batchProcessAdd">
           批量添加
diff --git a/src/views/business/subpackage/apply/edit.vue b/src/views/business/subpackage/apply/edit.vue
new file mode 100644
index 0000000..74990a4
--- /dev/null
+++ b/src/views/business/subpackage/apply/edit.vue
@@ -0,0 +1,326 @@
+<!-- 分包申请详情 -->
+<script lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ref } from 'vue'
+import { filter } from 'lodash'
+import type { IApplyDetail, IDetailList } from '../subpackage-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { detail } from '@/api/business/subpackage/apply'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+
+const $route = useRoute()
+const $router = useRouter()
+const query = $route.query
+const detailForm = ref<IApplyDetail>({
+  applicantName: '', // 申请名称
+  applicantId: '', // 申请id
+  applicantTime: '', // 申请时间
+  applyApprovalStatus: '', // 申请状态
+  applyMinioFileName: '', // 申请文件名称
+  applyProcessId: '', // 申请流程id
+  applyRemark: '', // 申请备注
+  checkApprovalStatus: '', // 申请状态码
+  checkConclusion: '', // 审批结果
+  checkMinioFileName: '', // 审核文件名称
+  checkProcessId: '', // 审批流程id
+  checkRemark: '', // 审核备注
+  checkTime: '', // 检查时间
+  checkerId: '', // 检查id
+  checkerName: '', // 检查名称
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '',
+  orderSampleList: '', // 订单列表
+  outsourceReason: '', // 原因
+  outsourceReasonName: '', // 原因名称
+  outsourcerId: '', // 原因id
+  outsourcerName: '', // 资源名称
+  preCost: '', // 价值
+  preEndTime: '', // 过期时间
+  preStartTime: '', // 开始时间
+  projectName: '', // 项目名称
+  projectNo: '', // 项目编号
+  sampleList: [] as any, // 样品列表
+  updateTime: '', // 修改时间
+})
+// 校验规则
+const formRules = ref({
+  projectName: [{ required: true, message: '分包项目名称必填', trigger: 'blur' }],
+  outsourcerId: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  outsourcerName: [{ required: true, message: '公司名称必填', trigger: ['blur', 'change'] }],
+  outsourceReasonName: [{ required: true, message: '分包原因必填', trigger: ['blur', 'change'] }],
+  preCost: [{ required: true, message: '预计费用必填', trigger: ['blur', 'change'] }],
+  preStartTime: [{ required: true, message: '预计开始时间必填', trigger: ['blur', 'change'] }],
+  preEndTime: [{ required: true, message: '预计结束时间必填', trigger: ['blur', 'change'] }],
+})
+
+const list = ref<IDetailList[]>([])// 表格数据
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', align: 'center', width: '230' },
+  { text: '样品名称', value: 'sampleName', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'orderCode', align: 'center' },
+  { text: '委托书编号', value: 'manufacturingNo', align: 'center' },
+  { text: '委托单位', value: 'customerName', align: 'center' },
+])
+
+const getDetail = () => {
+  detail({ id: $route.params.id }).then((res) => {
+    // let interfaceStr = ''
+    // for (const key in res.data.sampleList[0]) {
+    //   const item = res.data[key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
+    detailForm.value = res.data
+    list.value = res.data.sampleList.filter((item: IDetailList) => {
+      return item !== null
+    })
+  })
+}
+const approvalRecordData = ref([]) // 审批流程数据
+const getApprovalRecord = (processId: string) => {
+  if (query.title !== '新建') {
+    if (processId) {
+      fetchApproval(processId).then((res) => {
+        approvalRecordData.value = res.data
+      })
+    }
+    else {
+      ElMessage.warning('流程实例id为空')
+    }
+  }
+}
+
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 文件上传
+const fileRef = ref()
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    detailForm.value.applyMinioFileName = event.target.files[0].name
+    // UploadFile(fd).then((res) => {
+    //   if (res.code === 200) {
+    //     sampleForm.value.minioFileName = res.data[0]
+    //     // 重置当前验证
+    //     ElMessage.success('文件上传成功')
+    //   }
+    //   else {
+    //     ElMessage.error(res.message)
+    //   }
+    // })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+onMounted(() => {
+  if (query.title !== '新建') {
+    getDetail()
+  }
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="分包项目申请">
+      <template #btns>
+        <template v-if="query.approvalStatusName === '待审批'">
+          <el-button type="primary">
+            同意
+          </el-button>
+          <el-button type="primary">
+            驳回
+          </el-button>
+          <el-button type="primary">
+            拒绝
+          </el-button>
+        </template>
+        <template v-if="['草稿箱', '已取消'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            提交
+          </el-button>
+          <el-button type="primary">
+            编辑
+          </el-button>
+          <el-button type="primary">
+            删除
+          </el-button>
+        </template>
+        <template v-if="['已通过', '未通过'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            打印
+          </el-button>
+        </template>
+        <template v-if="query.title === '新建'">
+          <el-button type="primary">
+            保存
+          </el-button>
+          <el-button type="primary">
+            提交
+          </el-button>
+        </template>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <el-form
+        ref="ruleFormRef"
+        :model="detailForm"
+        label-width="140"
+        label-position="right"
+        :rules="formRules"
+      >
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="分包项目编号:" prop="projectNo">
+              <el-input
+                v-model="detailForm.projectNo" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包项目名称:" prop="projectName">
+              <el-input
+                v-model="detailForm.projectName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请人:" prop="applicantName">
+              <el-input
+                v-model="detailForm.applicantName" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="申请时间:" prop="applicantTime">
+              <el-input
+                v-model="detailForm.applicantTime" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包方编号:" prop="outsourcerId">
+              <el-input
+                v-model="detailForm.outsourcerId"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司名称:" prop="outsourcerName">
+              <el-input
+                v-model="detailForm.outsourcerName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因:" prop="outsourceReasonName">
+              <el-input
+                v-model="detailForm.outsourceReasonName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计费用:" prop="preCost">
+              <el-input
+                v-model="detailForm.preCost"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计开始时间:" prop="preStartTime">
+              <el-date-picker
+                v-model="detailForm.preStartTime"
+                type="datetime"
+                placeholder="请选择预计开始时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计结束时间:" prop="preEndTime">
+              <el-date-picker
+                v-model="detailForm.preEndTime"
+                type="datetime"
+                placeholder="请选择预计结束时间"
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+
+          <el-col :span="12">
+            <el-form-item label="备注:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="6">
+            <el-form-item label="附件:" prop="applyMinioFileName">
+              <input v-show="query.title === ''" ref="fileRef" multiple type="file" @change="onFileChange">
+              <span v-if="query.title === '详情' && !detailForm.applyMinioFileName">无</span>
+              <div v-else style="display: flex;">
+                <show-photo :minio-file-name="detailForm.applyMinioFileName || ''" style="display: inline-block;margin: 10px;" />
+              </div>
+              <el-button v-if="query.title !== '详情'" type="primary" :disabled="query.title === '详情'" @click="upload">
+                {{ detailForm.applyMinioFileName ? '更换' : '上传' }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18" />
+        </el-row>
+      </el-form>
+    </detail-page>
+    <detail-block title="样品详情">
+      <el-table
+        :data="list"
+        border
+        style="width: 100%;"
+        max-height="600"
+      >
+        <el-table-column type="selection" width="38" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        />
+      </el-table>
+    </detail-block>
+    <detail-block v-if="query.approvalStatusName !== '草稿箱' && query.title !== '新增'" title="审批流程">
+      <!-- 审批流程 -->
+      <approval-record ref="approvalRecord" :approval-record-data="approvalRecordData" />
+    </detail-block>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/apply/list.vue b/src/views/business/subpackage/apply/list.vue
index 8fc0173..9cca21e 100644
--- a/src/views/business/subpackage/apply/list.vue
+++ b/src/views/business/subpackage/apply/list.vue
@@ -11,8 +11,9 @@
 import type { dictType } from '@/views/device/receive/receive'
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/apply'
+import { getListPage } from '@/api/business/subpackage/apply'
 import { SCHEDULE } from '@/utils/scheduleDict'
+const $route = useRoute()
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageApplyActive'
@@ -46,7 +47,13 @@
 ])
 const list = ref([])
 const total = ref(0)
-
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 时间变更
 watch(timeRange, (val) => {
   if (val) {
@@ -98,7 +105,15 @@
 
 // 新建
 const add = () => {
-
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'add',
+    },
+    query: {
+      title: '新建',
+    },
+  })
 }
 // 导出
 const exportAll = () => {
@@ -116,18 +131,66 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApplyList, status: string) => {
-  if (status !== 'edit') {
-    detail({ id: row.id }).then((res) => {
-      console.log(res)
-    })
-  }
+// 详情
+const detail = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'detail',
+      id: row.id,
+    },
+    query: {
+      title: '详情',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
 }
-// 取消
-const handleCancle = (row: IApplyList) => {
+
+// 编辑
+const update = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageApplyDetail',
+    params: {
+      type: 'edit',
+      id: row.id,
+    },
+    query: {
+      title: '编辑',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
+}
+
+// 提交
+const submit = (row: IApplyList) => {
 
 }
+
+// 同意
+const agree = (row: IApplyList) => {
+
+}
+
+// 驳回
+const reject = (row: IApplyList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApplyList) => {
+
+}
+
+// 取消
+const cancel = (row: IApplyList) => {
+
+}
+
+// 删除
+const remove = (row: IApplyList) => {
+
+}
+
 // 获取字典值
 const getDict = async () => {
   // 审批状态
@@ -189,18 +252,9 @@
       </search-area>
       <table-container>
         <template #btns-right>
-          <icon-button
-            icon="icon-add" title="新建" type="primary"
-            @click="add"
-          />
-          <icon-button
-            icon="icon-export" title="导出" type="primary"
-            @click="exportAll"
-          />
-          <icon-button
-            icon="icon-print" title="打印" type="primary"
-            @click="printList"
-          />
+          <icon-button icon="icon-add" title="新建" type="primary" @click="add" />
+          <icon-button icon="icon-export" title="导出" type="primary" @click="exportAll" />
+          <icon-button icon="icon-print" title="打印" type="primary" @click="printList" />
         </template>
         <normal-table
           :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
@@ -216,11 +270,48 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button size="small" type="primary" link @click="detail(row)">
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)" size="small" type="primary" link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button v-if="proxy.buttonPerm.submit.if(row)" size="small" type="primary" link @click="submit(row)">
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)" size="small" type="primary" link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)" @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)" size="small" type="primary" link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)" @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)" size="small" type="danger" link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)" @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)" size="small" type="info" link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)" @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)" :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small" type="danger" link @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>
diff --git a/src/views/business/subpackage/approve/edit.vue b/src/views/business/subpackage/approve/edit.vue
new file mode 100644
index 0000000..6352f2e
--- /dev/null
+++ b/src/views/business/subpackage/approve/edit.vue
@@ -0,0 +1,14 @@
+<!-- 分包方资格审批详情 -->
+<script lang="ts" setup>
+
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <h1>详情</h1>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/approve/list.vue b/src/views/business/subpackage/approve/list.vue
index 6755ede..0be983d 100644
--- a/src/views/business/subpackage/approve/list.vue
+++ b/src/views/business/subpackage/approve/list.vue
@@ -11,9 +11,10 @@
 import type { dictType } from '@/views/device/receive/receive'
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/approval'
+import { getListPage } from '@/api/business/subpackage/approval'
 import { SCHEDULE } from '@/utils/scheduleDict'
 const $router = useRouter()
+const $route = useRoute()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageApproveActive'
 const loadingTable = ref(false)
@@ -54,6 +55,13 @@
 const list = ref([])
 const total = ref(0)
 
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 时间变更
 watch(timeRange, (val) => {
   if (val) {
@@ -134,13 +142,44 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApproveList, status: string) => {
-  // if (status !== 'edit') {
-  //   detail({ id: row.id }).then((res) => {
-  //     console.log(res)
-  //   })
-  // }
+// 详情
+const detail = (row: IApproveList) => {
+
+}
+
+// 编辑
+const update = (row: IApproveList) => {
+
+}
+
+// 提交
+const submit = (row: IApproveList) => {
+
+}
+
+// 同意
+const agree = (row: IApproveList) => {
+
+}
+
+// 驳回
+const reject = (row: IApproveList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApproveList) => {
+
+}
+
+// 取消
+const cancel = (row: IApproveList) => {
+
+}
+
+// 删除
+const remove = (row: IApproveList) => {
+
 }
 
 // 获取字典值
@@ -219,11 +258,82 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="detail(row)"
+                >
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button
+                  v-if="proxy.buttonPerm.submit.if(row)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="submit(row)"
+                >
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)"
+                  @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)"
+                  @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)"
+                  size="small"
+                  type="danger"
+                  link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)"
+                  @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)"
+                  size="small"
+                  type="info"
+                  link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)"
+                  @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)"
+                  :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small"
+                  type="danger"
+                  link
+                  @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>
diff --git a/src/views/business/subpackage/certificate/edit.vue b/src/views/business/subpackage/certificate/edit.vue
index 6476179..7eedf38 100644
--- a/src/views/business/subpackage/certificate/edit.vue
+++ b/src/views/business/subpackage/certificate/edit.vue
@@ -6,6 +6,8 @@
 <template>
   <div>
     <!-- 布局 -->
-    <app-container />
+    <app-container>
+      555
+    </app-container>
   </div>
 </template>
diff --git a/src/views/business/subpackage/check/edit.vue b/src/views/business/subpackage/check/edit.vue
new file mode 100644
index 0000000..c7730a1
--- /dev/null
+++ b/src/views/business/subpackage/check/edit.vue
@@ -0,0 +1,302 @@
+<!-- 分包验收详情 -->
+<script lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ref } from 'vue'
+import { filter } from 'lodash'
+import type { IApplyDetail, IDetailList } from '../subpackage-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { detail } from '@/api/business/subpackage/check'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+
+const $route = useRoute()
+const $router = useRouter()
+const query = $route.query
+const detailForm = ref<IApplyDetail>({
+  applicantName: '', // 申请名称
+  applicantId: '', // 申请id
+  applicantTime: '', // 申请时间
+  applyApprovalStatus: '', // 申请状态
+  applyMinioFileName: '', // 申请文件名称
+  applyProcessId: '', // 申请流程id
+  applyRemark: '', // 申请备注
+  checkApprovalStatus: '', // 申请状态码
+  checkConclusion: '', // 审批结果
+  checkMinioFileName: '', // 审核文件名称
+  checkProcessId: '', // 审批流程id
+  checkRemark: '', // 审核备注
+  checkTime: '', // 检查时间
+  checkerId: '', // 检查id
+  checkerName: '', // 检查名称
+  createTime: '', // 创建时间
+  createUser: '', // 创建人
+  id: '',
+  orderSampleList: '', // 订单列表
+  outsourceReason: '', // 原因
+  outsourceReasonName: '', // 原因名称
+  outsourcerId: '', // 原因id
+  outsourcerName: '', // 资源名称
+  preCost: '', // 价值
+  preEndTime: '', // 过期时间
+  preStartTime: '', // 开始时间
+  projectName: '', // 项目名称
+  projectNo: '', // 项目编号
+  sampleList: [] as any, // 样品列表
+  updateTime: '', // 修改时间
+})
+// 校验规则
+const formRules = ref({
+  projectName: [{ required: true, message: '分包项目名称必填', trigger: 'blur' }],
+  outsourcerId: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  outsourcerName: [{ required: true, message: '公司名称必填', trigger: ['blur', 'change'] }],
+  outsourceReasonName: [{ required: true, message: '分包原因必填', trigger: ['blur', 'change'] }],
+  preCost: [{ required: true, message: '预计费用必填', trigger: ['blur', 'change'] }],
+  preStartTime: [{ required: true, message: '预计开始时间必填', trigger: ['blur', 'change'] }],
+  preEndTime: [{ required: true, message: '预计结束时间必填', trigger: ['blur', 'change'] }],
+})
+
+const list = ref<IDetailList[]>([])// 表格数据
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', align: 'center', width: '230' },
+  { text: '样品名称', value: 'sampleName', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'orderCode', align: 'center' },
+  { text: '委托书编号', value: 'manufacturingNo', align: 'center' },
+  { text: '委托单位', value: 'customerName', align: 'center' },
+])
+
+const getDetail = () => {
+  detail({ id: $route.params.id }).then((res) => {
+    // let interfaceStr = ''
+    // for (const key in res.data.sampleList[0]) {
+    //   const item = res.data[key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
+    detailForm.value = res.data
+    list.value = res.data.sampleList.filter((item: IDetailList) => {
+      return item !== null
+    })
+  })
+}
+const approvalRecordData = ref([]) // 审批流程数据
+const getApprovalRecord = (processId: string) => {
+  if (query.title !== '新建') {
+    if (processId) {
+      fetchApproval(processId).then((res) => {
+        approvalRecordData.value = res.data
+      })
+    }
+    else {
+      ElMessage.warning('流程实例id为空')
+    }
+  }
+}
+
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 文件上传
+const fileRef = ref()
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    detailForm.value.applyMinioFileName = event.target.files[0].name
+    // UploadFile(fd).then((res) => {
+    //   if (res.code === 200) {
+    //     sampleForm.value.minioFileName = res.data[0]
+    //     // 重置当前验证
+    //     ElMessage.success('文件上传成功')
+    //   }
+    //   else {
+    //     ElMessage.error(res.message)
+    //   }
+    // })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+onMounted(() => {
+  if (query.title !== '新建') {
+    getDetail()
+  }
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="分包项目验收">
+      <template #btns>
+        <template v-if="query.approvalStatusName === '待审批'">
+          <el-button type="primary">
+            同意
+          </el-button>
+          <el-button type="primary">
+            驳回
+          </el-button>
+          <el-button type="primary">
+            拒绝
+          </el-button>
+        </template>
+        <template v-if="['草稿箱', '已取消'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            提交
+          </el-button>
+          <el-button type="primary">
+            编辑
+          </el-button>
+          <el-button type="primary">
+            删除
+          </el-button>
+        </template>
+        <template v-if="['已通过', '未通过'].includes(query.approvalStatusName as string)">
+          <el-button type="primary">
+            打印
+          </el-button>
+        </template>
+        <template v-if="query.title === '新建'">
+          <el-button type="primary">
+            保存
+          </el-button>
+          <el-button type="primary">
+            提交
+          </el-button>
+        </template>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <el-form
+        ref="ruleFormRef"
+        :model="detailForm"
+        label-width="140"
+        label-position="right"
+        :rules="formRules"
+      >
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="分包项目编号:" prop="projectNo">
+              <el-input
+                v-model="detailForm.projectNo" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包项目名称:" prop="projectName">
+              <el-input
+                v-model="detailForm.projectName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="验收人:" prop="applicantName">
+              <el-input
+                v-model="detailForm.applicantName" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="验收时间:" prop="applicantTime">
+              <el-input
+                v-model="detailForm.applicantTime" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包方编号:" prop="outsourcerId">
+              <el-input
+                v-model="detailForm.outsourcerId"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司名称:" prop="outsourcerName">
+              <el-input
+                v-model="detailForm.outsourcerName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="分包原因:" prop="outsourceReasonName">
+              <el-input
+                v-model="detailForm.outsourceReasonName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" />
+          <el-col :span="12">
+            <el-form-item label="结论:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="12">
+            <el-form-item label="备注:" prop="applyRemark">
+              <el-input
+                v-model="detailForm.applyRemark"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="6">
+            <el-form-item label="附件:" prop="applyMinioFileName">
+              <input v-show="query.title === ''" ref="fileRef" multiple type="file" @change="onFileChange">
+              <span v-if="query.title === '详情' && !detailForm.applyMinioFileName">无</span>
+              <div v-else style="display: flex;">
+                <show-photo :minio-file-name="detailForm.applyMinioFileName || ''" style="display: inline-block;margin: 10px;" />
+              </div>
+              <el-button v-if="query.title !== '详情'" type="primary" :disabled="query.title === '详情'" @click="upload">
+                {{ detailForm.applyMinioFileName ? '更换' : '上传' }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18" />
+        </el-row>
+      </el-form>
+    </detail-page>
+    <detail-block title="样品详情">
+      <el-table
+        :data="list"
+        border
+        style="width: 100%;"
+        max-height="600"
+      >
+        <el-table-column type="selection" width="38" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        />
+      </el-table>
+    </detail-block>
+    <detail-block v-if="query.approvalStatusName !== '草稿箱' && query.title !== '新增'" title="审批流程">
+      <!-- 审批流程 -->
+      <approval-record ref="approvalRecord" :approval-record-data="approvalRecordData" />
+    </detail-block>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/check/list.vue b/src/views/business/subpackage/check/list.vue
index 16c1f13..a759976 100644
--- a/src/views/business/subpackage/check/list.vue
+++ b/src/views/business/subpackage/check/list.vue
@@ -12,8 +12,9 @@
 import type { IMenu } from '@/components/buttonBox/buttonBox'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import ButtonBox from '@/components/buttonBox/buttonBox.vue'
-import { detail, getListPage } from '@/api/business/subpackage/check'
+import { getListPage } from '@/api/business/subpackage/check'
 
+const $route = useRoute()
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const TabActiveButton = 'SubpackageCheckActive'
@@ -41,13 +42,19 @@
   { text: '分包项目名称', value: 'projectName', align: 'center', width: '160px' },
   { text: '验收人', value: 'checkerName', align: 'center', width: '160px' },
   { text: '分包方名称', value: 'outsourcerName', align: 'center', width: '160px' },
-  { text: '验收结论', value: 'checkerName', align: 'center', width: '160px' },
+  { text: '验收结论', value: 'checkerName', align: 'center' },
   { text: '验收时间', value: 'checkTime', align: 'center', width: '180px' },
   { text: '审批状态', value: 'applyApprovalStatusName', align: 'center', width: '180px' },
 ])
 const list = ref([])
 const total = ref(0)
-
+const permUrl = {
+  edit: `${$route.path}/edit`, // 编辑
+  agree: `${$route.path}/agree`, // 同意
+  reject: `${$route.path}/reject`, // 驳回 拒绝
+  cancel: `${$route.path}/cancle`, // 取消
+  delete: `${$route.path}/delete`, // 删除
+}
 // 数据查询
 function fetchData(isNowPage = false) {
   loadingTable.value = true
@@ -106,7 +113,15 @@
 })
 // 新建
 const add = () => {
-
+  $router.push({
+    name: 'subpackageCheckDetail',
+    params: {
+      type: 'add',
+    },
+    query: {
+      title: '新建',
+    },
+  })
 }
 // 导出
 const exportAll = () => {
@@ -124,18 +139,66 @@
 const handleSelectionChange = () => {
 
 }
-// 详情或者编辑
-const handleEdit = (row: IApplyList, status: string) => {
-  if (status !== 'edit') {
-    detail({ id: row.id }).then((res) => {
-      console.log(res)
-    })
-  }
+// 详情
+const detail = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageCheckDetail',
+    params: {
+      type: 'detail',
+      id: row.id,
+    },
+    query: {
+      title: '详情',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
 }
-// 取消
-const handleCancle = (row: IApplyList) => {
+
+// 编辑
+const update = (row: IApplyList) => {
+  $router.push({
+    name: 'subpackageCheckDetail',
+    params: {
+      type: 'edit',
+      id: row.id,
+    },
+    query: {
+      title: '编辑',
+      approvalStatusName: menu.value.find(item => item.id === active.value)!.name as string,
+    },
+  })
+}
+
+// 提交
+const submit = (row: IApplyList) => {
 
 }
+
+// 同意
+const agree = (row: IApplyList) => {
+
+}
+
+// 驳回
+const reject = (row: IApplyList) => {
+
+}
+
+// 拒绝
+const refuse = (row: IApplyList) => {
+
+}
+
+// 取消
+const cancel = (row: IApplyList) => {
+
+}
+
+// 删除
+const remove = (row: IApplyList) => {
+
+}
+
 // 获取字典值
 const getDict = async () => {
   // 审批状态
@@ -224,11 +287,82 @@
           <template #columns>
             <el-table-column label="操作" align="center" fixed="right" width="120">
               <template #default="{ row }">
-                <el-button size="small" type="primary" link @click="handleEdit(row, 'edit')">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="detail(row)"
+                >
+                  查看
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.edit.if(row, permUrl.edit)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="update(row)"
+                >
                   编辑
                 </el-button>
-                <el-button size="small" link type="primary" @click="handleEdit(row, 'detail')">
-                  详情
+                <el-button
+                  v-if="proxy.buttonPerm.submit.if(row)"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="submit(row)"
+                >
+                  提交
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.agree.if(row, permUrl.agree)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.agree.disabled(row)"
+                  @click="agree(row)"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.reject.if(row, permUrl.reject)"
+                  size="small"
+                  type="primary"
+                  link
+                  :disabled="proxy.buttonPerm.reject.disabled(row)"
+                  @click="reject(row)"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.refuse.if(row, permUrl.reject)"
+                  size="small"
+                  type="danger"
+                  link
+                  :disabled="proxy.buttonPerm.refuse.disabled(row)"
+                  @click="refuse(row)"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="proxy.buttonPerm.cancel.if(row, permUrl.cancel)"
+                  size="small"
+                  type="info"
+                  link
+                  :disabled="proxy.buttonPerm.cancel.disabled(row)"
+                  @click="cancel(row)"
+                >
+                  取消
+                </el-button>
+                <el-button
+                  v-show="menu.find(item => item.id === active)!.name as string === '草稿箱' ? true : false"
+                  v-if="proxy.buttonPerm.delete.if(row, permUrl.delete)"
+                  :disabled="proxy.buttonPerm.delete.disabled(row)"
+                  size="small"
+                  type="danger"
+                  link
+                  @click="remove(row)"
+                >
+                  删除
                 </el-button>
               </template>
             </el-table-column>
diff --git a/src/views/business/subpackage/record/edit.vue b/src/views/business/subpackage/record/edit.vue
new file mode 100644
index 0000000..be7703f
--- /dev/null
+++ b/src/views/business/subpackage/record/edit.vue
@@ -0,0 +1,350 @@
+<!-- 分包方档案详情 -->
+<script lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ref } from 'vue'
+import type { IRecordDetail } from '../subpackage-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { detail } from '@/api/business/subpackage/record'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+const $route = useRoute()
+const $router = useRouter()
+const query = $route.query
+const detailForm = ref<IRecordDetail>({
+  addressArea: '', // 公司地址-区编码
+  addressAreaName: '', // 公司地址-区
+  addressCity: '', // 公司地址-市编码
+  addressCityName: '', // 公司地址-市
+  addressCountry: '', // 公司地址-国家编码
+  addressCountryName: '', // 公司地址-国家
+  addressProvince: '', // 公司地址-省编码
+  addressProvinceName: '', // 公司地址-省
+  bankAccount: '', // 银行账户名
+  bankAccountNumber: '', // 银行账号
+  bankName: '', // 银行名称
+  businessContent: '', // 业务内容
+  businessScope: '', // 公司业务范围
+  businessSize: '', // 业务规模-字典code
+  businessSizeName: '', // 业务规模-字典value
+  createTime: '', // 创建时间（列表接口返回参数）
+  director: '', // 负责人
+  email: '', // 邮箱
+  evaluation: '', // 整体评价-字典code
+  evaluationName: '', // 整体评价-字典value
+  fullAddress: '', // 公司地址-详细地址
+  grade: '', // 履约评级-字典code
+  gradeName: '', // 履约评级-字典value
+  id: '', // 主键id（列表、更新、详情接口参数）
+  invoiceArea: '', // 开票地址-区编码
+  invoiceAreaName: '', // 开票地址-区
+  invoiceCity: '', // 开票地址-市编码
+  invoiceCityName: '', // 开票地址-市
+  invoiceCountry: '', // 开票地址-国家编码
+  invoiceCountryName: '', // 开票地址-国家
+  invoiceFullAddress: '', // 开票地址-详细地址
+  invoiceProvince: '', // 开票地址-省编码
+  invoiceProvinceName: '', // 开票地址-省
+  minioFileName: '', // minio存储文件名
+  mobile: '', // 手机
+  outsourcerBriefName: '', // 公司简称
+  outsourcerName: '', // 公司名称
+  outsourcerNo: '', // 分包方编号
+  outsourcerSize: '', // 公司规模-字典code
+  outsourcerSizeName: '', // 公司规模-字典value
+  phone: '', // 电话
+  postalCode: '', // 邮编
+  processId: '', // 流程实例id（未通过编辑接口必传参数）
+  remark: '', // 备注
+  taxNumber: '', // 税号
+  website: '', // 网址
+})
+
+// 校验规则
+const formRules = ref({
+  projectName: [{ required: true, message: '分包项目名称必填', trigger: 'blur' }],
+  outsourcerId: [{ required: true, message: '分包方编号必填', trigger: ['blur', 'change'] }],
+  outsourcerName: [{ required: true, message: '公司名称必填', trigger: ['blur', 'change'] }],
+  website: [{ required: true, message: '分包原因必填', trigger: ['blur', 'change'] }],
+  preCost: [{ required: true, message: '预计费用必填', trigger: ['blur', 'change'] }],
+  preStartTime: [{ required: true, message: '预计开始时间必填', trigger: ['blur', 'change'] }],
+  preEndTime: [{ required: true, message: '预计结束时间必填', trigger: ['blur', 'change'] }],
+})
+
+const getDetail = () => {
+  detail({ id: $route.params.id }).then((res) => {
+    // let interfaceStr = ''
+    // for (const key in res.data.sampleList[0]) {
+    //   const item = res.data[key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
+    detailForm.value = res.data
+  })
+}
+
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 文件上传
+const fileRef = ref()
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    detailForm.value.minioFileName = event.target.files[0].name
+    // UploadFile(fd).then((res) => {
+    //   if (res.code === 200) {
+    //     sampleForm.value.minioFileName = res.data[0]
+    //     // 重置当前验证
+    //     ElMessage.success('文件上传成功')
+    //   }
+    //   else {
+    //     ElMessage.error(res.message)
+    //   }
+    // })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+onMounted(() => {
+  if (query.title !== '新建') {
+    getDetail()
+  }
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="分包方档案">
+      <template #btns>
+        <el-button type="primary">
+          打印
+        </el-button>
+        <el-button type="primary">
+          编辑/保存
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <el-form
+        ref="ruleFormRef"
+        :model="detailForm"
+        label-width="140"
+        label-position="right"
+        :rules="formRules"
+      >
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="分包方编号:" prop="projectNo">
+              <el-input
+                v-model="detailForm.website" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司名称:" prop="projectName">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司简称:" prop="applicantName">
+              <el-input
+                v-model="detailForm.website" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="业务内容:" prop="website">
+              <el-input
+                v-model="detailForm.website" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司规模:" prop="outsourcerId">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="业务规模:" prop="outsourcerName">
+              <el-input
+                v-model="detailForm.outsourcerName"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="履约评级:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="整体评价:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="税号:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="银行账户名:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="银行名称:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="银行名称:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="邮编:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="负责人:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="电话:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="传真:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="手机:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="邮箱:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="网址:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="公司地址:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" />
+          <el-col :span="12">
+            <el-form-item label="开票用地址:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" />
+          <el-col :span="12">
+            <el-form-item label="公司业务范围:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" />
+          <el-col :span="12">
+            <el-form-item label="备注:" prop="website">
+              <el-input
+                v-model="detailForm.website"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" />
+          <el-col :span="6">
+            <el-form-item label="附件:" prop="minioFileName">
+              <input v-show="query.title === ''" ref="fileRef" multiple type="file" @change="onFileChange">
+              <span v-if="query.title === '详情' && !detailForm.minioFileName">无</span>
+              <div v-else style="display: flex;">
+                <show-photo :minio-file-name="detailForm.minioFileName || ''" style="display: inline-block;margin: 10px;" />
+              </div>
+              <el-button v-if="query.title !== '详情'" type="primary" :disabled="query.title === '详情'" @click="upload">
+                {{ detailForm.minioFileName ? '更换' : '上传' }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18" />
+        </el-row>
+      </el-form>
+    </detail-page>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/views/business/subpackage/record/list.vue b/src/views/business/subpackage/record/list.vue
index 209a440..126ad4e 100644
--- a/src/views/business/subpackage/record/list.vue
+++ b/src/views/business/subpackage/record/list.vue
@@ -3,7 +3,7 @@
 import type { Ref } from 'vue'
 import { ElLoading, ElMessage } from 'element-plus'
 import type { DateModelType } from 'element-plus'
-import type { IListQueryRecord } from '../subpackage-interface'
+import type { IListQueryRecord, IRecordList } from '../subpackage-interface'
 import { printJSON } from '@/utils/printUtils'
 import { exportFile } from '@/utils/exportUtils'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
@@ -50,12 +50,12 @@
   loadingTable.value = false
   getListPage(listQuery.value).then((response) => {
     list.value = response.data.rows
-    let interfaceStr = ''
-    for (const key in response.data.rows[0]) {
-      const item = response.data.rows[0][key]
-      interfaceStr += `${key}:${typeof (item)}\n`
-    }
-    console.log(interfaceStr)
+    // let interfaceStr = ''
+    // for (const key in response.data.rows[0]) {
+    //   const item = response.data.rows[0][key]
+    //   interfaceStr += `${key}:${typeof (item)}\n`
+    // }
+    // console.log(interfaceStr)
     total.value = parseInt(response.data.total)
     loadingTable.value = false
   })
@@ -70,7 +70,7 @@
   listQuery.value = {
     businessSize: '',
     // evaluation: '',
-    formId: '',
+    formId: SCHEDULE.BUSINESS_SUBPACKAGE_RECORD, // 表单id
     grade: '',
     outsourcerName: '',
     outsourcerNo: '',
@@ -96,8 +96,17 @@
 
 }
 // 详情
-const handleDetail = (row) => {
-
+const handleDetail = (row: IRecordList) => {
+  $router.push({
+    name: 'subpackageArchivesDetail',
+    params: {
+      type: 'detail',
+      id: row.id,
+    },
+    query: {
+      title: '详情',
+    },
+  })
 }
 
 onMounted(async () => {
diff --git a/src/views/business/subpackage/subpackage-interface.ts b/src/views/business/subpackage/subpackage-interface.ts
index 366c571..5d8eb91 100644
--- a/src/views/business/subpackage/subpackage-interface.ts
+++ b/src/views/business/subpackage/subpackage-interface.ts
@@ -33,6 +33,51 @@
   projectNo: string // 分包项目编号
   taskId: string // 任务id（同意、驳回等操作使用）
 }
+
+// 申请列表详情参数
+export interface IApplyDetail {
+  applicantName: string // 申请名称
+  applicantId: string // 申请id
+  applicantTime: string // 申请时间
+  applyApprovalStatus: string // 申请状态
+  applyMinioFileName: string // 申请文件名称
+  applyProcessId: string // 申请流程id
+  applyRemark: string // 申请备注
+  checkApprovalStatus: string // 申请状态码
+  checkConclusion: string // 审批结果
+  checkMinioFileName: string // 审核文件名称
+  checkProcessId: string // 审批流程id
+  checkRemark: string // 审核备注
+  checkTime: string // 检查时间
+  checkerId: string // 检查id
+  checkerName: string // 检查名称
+  createTime: string // 创建时间
+  createUser: string // 创建人
+  id: string
+  orderSampleList: string // 订单列表
+  outsourceReason: string // 原因
+  outsourceReasonName: string // 原因名称
+  outsourcerId: string // 原因id
+  outsourcerName: string // 资源名称
+  preCost: string // 价值
+  preEndTime: string // 过期时间
+  preStartTime: string // 开始时间
+  projectName: string // 项目名称
+  projectNo: string // 项目编号
+  sampleList: object // 样品列表
+  updateTime: string // 修改时间
+}
+
+// 申请列表详情列表参数
+export interface IDetailList {
+  customerName: string
+  manufacturingNo: string
+  orderCode: string
+  sampleModel: string
+  sampleName: string
+  sampleNo: string
+}
+
 // 分包方审批查询参数
 export interface IListQueryApprove {
   projectName: string // 分包项目名称
@@ -87,3 +132,79 @@
   offset: number
   limit: number
 }
+
+// 分包方档案row参数
+export interface IRecordList {
+  addressAreaName: string // 公司地址-区
+  addressCityName: string // 公司地址-市
+  addressCountryName: string // 公司地址-国家
+  addressProvinceName: string // 公司地址-省
+  approvalStatus: string // 审批状态类型-字典code
+  approvalStatusName: string // 审批状态类型-字典value
+  businessContent: string // 业务内容
+  businessSize: string // 业务规模-字典code
+  businessSizeName: string // 业务规模-字典value
+  createTime: string // 创建时间
+  decisionItem: string | number // 可选决策项（1同意驳回拒绝 2同意驳回 3同意拒绝，用于待审批列表同意/驳回/拒绝按钮展示）
+  evaluation: string // 整体评价-字典code
+  evaluationName: string // 整体评价-字典value
+  fullAddress: string // 公司地址-详细地址
+  grade: string // 履约评级-字典code
+  gradeName: string // 履约评级-字典value
+  id: string | number // 主键id
+  outsourcerName: string // 分包方公司名字
+  outsourcerNo: string // 分包方编号
+  outsourcerSize: string // 分包方公司规模
+  processId: string // 流程实例id
+  taskId: string // 任务id（同意、驳回等操作使用）
+}
+
+// 分包方档案详情参数
+export interface IRecordDetail {
+  addressArea: string // 公司地址-区编码
+  addressAreaName: string // 公司地址-区
+  addressCity: string // 公司地址-市编码
+  addressCityName: string // 公司地址-市
+  addressCountry: string // 公司地址-国家编码
+  addressCountryName: string // 公司地址-国家
+  addressProvince: string // 公司地址-省编码
+  addressProvinceName: string // 公司地址-省
+  bankAccount: string // 银行账户名
+  bankAccountNumber: string // 银行账号
+  bankName: string // 银行名称
+  businessContent: string // 业务内容
+  businessScope: string // 公司业务范围
+  businessSize: string // 业务规模-字典code
+  businessSizeName: string // 业务规模-字典value
+  createTime: string // 创建时间（列表接口返回参数）
+  director: string // 负责人
+  email: string // 邮箱
+  evaluation: string // 整体评价-字典code
+  evaluationName: string // 整体评价-字典value
+  fullAddress: string // 公司地址-详细地址
+  grade: string // 履约评级-字典code
+  gradeName: string // 履约评级-字典value
+  id: string | number // 主键id（列表、更新、详情接口参数）
+  invoiceArea: string // 开票地址-区编码
+  invoiceAreaName: string // 开票地址-区
+  invoiceCity: string // 开票地址-市编码
+  invoiceCityName: string // 开票地址-市
+  invoiceCountry: string // 开票地址-国家编码
+  invoiceCountryName: string // 开票地址-国家
+  invoiceFullAddress: string // 开票地址-详细地址
+  invoiceProvince: string // 开票地址-省编码
+  invoiceProvinceName: string // 开票地址-省
+  minioFileName: string // minio存储文件名
+  mobile: string // 手机
+  outsourcerBriefName: string // 公司简称
+  outsourcerName: string // 公司名称
+  outsourcerNo: string // 分包方编号
+  outsourcerSize: string // 公司规模-字典code
+  outsourcerSizeName: string // 公司规模-字典value
+  phone: string // 电话
+  postalCode: string // 邮编
+  processId: string // 流程实例id（未通过编辑接口必传参数）
+  remark: string // 备注
+  taxNumber: string // 税号
+  website: string // 网址
+}