diff --git a/src/api/resource/supplierConsumable.ts b/src/api/resource/supplierConsumable.ts
index 953bbd8..90b9ba1 100644
--- a/src/api/resource/supplierConsumable.ts
+++ b/src/api/resource/supplierConsumable.ts
@@ -1,5 +1,6 @@
 import request from '../index'
 const prefix = 'resource/supplier/consumableGoods'
+const prefixGoods = 'resource/supplier/goods'
 
 /* --------------------------------  供方评价表 -------------------------------- */
 // 查询列表
@@ -273,3 +274,94 @@
     data,
   })
 }
+
+/* --------------------------------  验收记录单 -------------------------------- */
+// 查询列表
+export function getGoodsCheckList(data: any) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function detailGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 保存至草稿箱
+export function saveGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/save`,
+    method: 'post',
+    data,
+  })
+}
+
+// 提交流程
+export function submitGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/submit`,
+    method: 'post',
+    data,
+  })
+}
+
+// 草稿箱编辑（不走流程审批）
+export function updateGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/draftUpdate`,
+    method: 'post',
+    data,
+  })
+}
+
+// 未通过供方编辑（重走流程审批）
+export function failUpdateGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/failUpdate`,
+    method: 'post',
+    data,
+  })
+}
+
+// 删除草稿箱
+export function draftDeleteCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/draftDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 删除已取消
+export function canceledApprDeleteCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 发起者撤回，表单状态更改为已取消
+export function revokeApprovalCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/revoke`,
+    method: 'post',
+    data,
+  })
+}
+
+// 设备供方审批-拒绝
+export function refuseApprovalCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/refuse`,
+    method: 'post',
+    data,
+  })
+}

diff --git a/src/api/resource/supplierConsumable.ts b/src/api/resource/supplierConsumable.ts
index 953bbd8..90b9ba1 100644
--- a/src/api/resource/supplierConsumable.ts
+++ b/src/api/resource/supplierConsumable.ts
@@ -1,5 +1,6 @@
 import request from '../index'
 const prefix = 'resource/supplier/consumableGoods'
+const prefixGoods = 'resource/supplier/goods'
 
 /* --------------------------------  供方评价表 -------------------------------- */
 // 查询列表
@@ -273,3 +274,94 @@
     data,
   })
 }
+
+/* --------------------------------  验收记录单 -------------------------------- */
+// 查询列表
+export function getGoodsCheckList(data: any) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function detailGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 保存至草稿箱
+export function saveGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/save`,
+    method: 'post',
+    data,
+  })
+}
+
+// 提交流程
+export function submitGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/submit`,
+    method: 'post',
+    data,
+  })
+}
+
+// 草稿箱编辑（不走流程审批）
+export function updateGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/draftUpdate`,
+    method: 'post',
+    data,
+  })
+}
+
+// 未通过供方编辑（重走流程审批）
+export function failUpdateGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/failUpdate`,
+    method: 'post',
+    data,
+  })
+}
+
+// 删除草稿箱
+export function draftDeleteCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/draftDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 删除已取消
+export function canceledApprDeleteCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 发起者撤回，表单状态更改为已取消
+export function revokeApprovalCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/revoke`,
+    method: 'post',
+    data,
+  })
+}
+
+// 设备供方审批-拒绝
+export function refuseApprovalCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/refuse`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/resource.ts b/src/router/modules/resource.ts
index e4d804d..2208a60 100644
--- a/src/router/modules/resource.ts
+++ b/src/router/modules/resource.ts
@@ -689,6 +689,40 @@
         },
       },
       {
+        path: 'consumableCheckList',
+        name: 'ConsumableCheckList',
+        component: () => import('@/views/resource/outsideService/consumable/checkList.vue'),
+        meta: {
+          title: '物资验收记录',
+          auth: '/resource/outsideService/consumableCheck',
+          icon: 'ep:key',
+        },
+      },
+      {
+        path: 'consumableCheck/:type/:id?/:status?',
+        name: 'ConsumableCheckDetail',
+        component: () => import('@/views/resource/outsideService/consumable/checkDetail.vue'),
+        meta: {
+          title: '物资验收记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableCheckList',
+        },
+      },
+      {
+        path: 'consumableCheck/approved/:id?',
+        name: 'ConsumableCheckDetailApproved',
+        component: () => import('@/views/resource/outsideService/consumable/approvedDetail.vue'),
+        meta: {
+          title: '物资验收记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableCheckList',
+        },
+      },
+      {
         path: 'consumableUseList',
         name: 'ConsumableUseList',
         component: () => import('@/views/resource/outsideService/consumable/useList.vue'),

diff --git a/src/api/resource/supplierConsumable.ts b/src/api/resource/supplierConsumable.ts
index 953bbd8..90b9ba1 100644
--- a/src/api/resource/supplierConsumable.ts
+++ b/src/api/resource/supplierConsumable.ts
@@ -1,5 +1,6 @@
 import request from '../index'
 const prefix = 'resource/supplier/consumableGoods'
+const prefixGoods = 'resource/supplier/goods'
 
 /* --------------------------------  供方评价表 -------------------------------- */
 // 查询列表
@@ -273,3 +274,94 @@
     data,
   })
 }
+
+/* --------------------------------  验收记录单 -------------------------------- */
+// 查询列表
+export function getGoodsCheckList(data: any) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function detailGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 保存至草稿箱
+export function saveGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/save`,
+    method: 'post',
+    data,
+  })
+}
+
+// 提交流程
+export function submitGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/submit`,
+    method: 'post',
+    data,
+  })
+}
+
+// 草稿箱编辑（不走流程审批）
+export function updateGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/draftUpdate`,
+    method: 'post',
+    data,
+  })
+}
+
+// 未通过供方编辑（重走流程审批）
+export function failUpdateGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/failUpdate`,
+    method: 'post',
+    data,
+  })
+}
+
+// 删除草稿箱
+export function draftDeleteCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/draftDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 删除已取消
+export function canceledApprDeleteCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 发起者撤回，表单状态更改为已取消
+export function revokeApprovalCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/revoke`,
+    method: 'post',
+    data,
+  })
+}
+
+// 设备供方审批-拒绝
+export function refuseApprovalCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/refuse`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/resource.ts b/src/router/modules/resource.ts
index e4d804d..2208a60 100644
--- a/src/router/modules/resource.ts
+++ b/src/router/modules/resource.ts
@@ -689,6 +689,40 @@
         },
       },
       {
+        path: 'consumableCheckList',
+        name: 'ConsumableCheckList',
+        component: () => import('@/views/resource/outsideService/consumable/checkList.vue'),
+        meta: {
+          title: '物资验收记录',
+          auth: '/resource/outsideService/consumableCheck',
+          icon: 'ep:key',
+        },
+      },
+      {
+        path: 'consumableCheck/:type/:id?/:status?',
+        name: 'ConsumableCheckDetail',
+        component: () => import('@/views/resource/outsideService/consumable/checkDetail.vue'),
+        meta: {
+          title: '物资验收记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableCheckList',
+        },
+      },
+      {
+        path: 'consumableCheck/approved/:id?',
+        name: 'ConsumableCheckDetailApproved',
+        component: () => import('@/views/resource/outsideService/consumable/approvedDetail.vue'),
+        meta: {
+          title: '物资验收记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableCheckList',
+        },
+      },
+      {
         path: 'consumableUseList',
         name: 'ConsumableUseList',
         component: () => import('@/views/resource/outsideService/consumable/useList.vue'),
diff --git a/src/views/resource/common/common-interface.ts b/src/views/resource/common/common-interface.ts
index dfe7b52..c7c115f 100644
--- a/src/views/resource/common/common-interface.ts
+++ b/src/views/resource/common/common-interface.ts
@@ -21,3 +21,13 @@
   offset: number
   limit: number
 }
+
+export interface IConsumableApplyFilter {
+  applyNo: string
+  createUserName: string
+  createDept: string
+  approvalStatus: string
+  formId: string
+  offset: number
+  limit: number
+}

diff --git a/src/api/resource/supplierConsumable.ts b/src/api/resource/supplierConsumable.ts
index 953bbd8..90b9ba1 100644
--- a/src/api/resource/supplierConsumable.ts
+++ b/src/api/resource/supplierConsumable.ts
@@ -1,5 +1,6 @@
 import request from '../index'
 const prefix = 'resource/supplier/consumableGoods'
+const prefixGoods = 'resource/supplier/goods'
 
 /* --------------------------------  供方评价表 -------------------------------- */
 // 查询列表
@@ -273,3 +274,94 @@
     data,
   })
 }
+
+/* --------------------------------  验收记录单 -------------------------------- */
+// 查询列表
+export function getGoodsCheckList(data: any) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function detailGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 保存至草稿箱
+export function saveGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/save`,
+    method: 'post',
+    data,
+  })
+}
+
+// 提交流程
+export function submitGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/submit`,
+    method: 'post',
+    data,
+  })
+}
+
+// 草稿箱编辑（不走流程审批）
+export function updateGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/draftUpdate`,
+    method: 'post',
+    data,
+  })
+}
+
+// 未通过供方编辑（重走流程审批）
+export function failUpdateGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/failUpdate`,
+    method: 'post',
+    data,
+  })
+}
+
+// 删除草稿箱
+export function draftDeleteCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/draftDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 删除已取消
+export function canceledApprDeleteCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 发起者撤回，表单状态更改为已取消
+export function revokeApprovalCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/revoke`,
+    method: 'post',
+    data,
+  })
+}
+
+// 设备供方审批-拒绝
+export function refuseApprovalCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/refuse`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/resource.ts b/src/router/modules/resource.ts
index e4d804d..2208a60 100644
--- a/src/router/modules/resource.ts
+++ b/src/router/modules/resource.ts
@@ -689,6 +689,40 @@
         },
       },
       {
+        path: 'consumableCheckList',
+        name: 'ConsumableCheckList',
+        component: () => import('@/views/resource/outsideService/consumable/checkList.vue'),
+        meta: {
+          title: '物资验收记录',
+          auth: '/resource/outsideService/consumableCheck',
+          icon: 'ep:key',
+        },
+      },
+      {
+        path: 'consumableCheck/:type/:id?/:status?',
+        name: 'ConsumableCheckDetail',
+        component: () => import('@/views/resource/outsideService/consumable/checkDetail.vue'),
+        meta: {
+          title: '物资验收记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableCheckList',
+        },
+      },
+      {
+        path: 'consumableCheck/approved/:id?',
+        name: 'ConsumableCheckDetailApproved',
+        component: () => import('@/views/resource/outsideService/consumable/approvedDetail.vue'),
+        meta: {
+          title: '物资验收记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableCheckList',
+        },
+      },
+      {
         path: 'consumableUseList',
         name: 'ConsumableUseList',
         component: () => import('@/views/resource/outsideService/consumable/useList.vue'),
diff --git a/src/views/resource/common/common-interface.ts b/src/views/resource/common/common-interface.ts
index dfe7b52..c7c115f 100644
--- a/src/views/resource/common/common-interface.ts
+++ b/src/views/resource/common/common-interface.ts
@@ -21,3 +21,13 @@
   offset: number
   limit: number
 }
+
+export interface IConsumableApplyFilter {
+  applyNo: string
+  createUserName: string
+  createDept: string
+  approvalStatus: string
+  formId: string
+  offset: number
+  limit: number
+}
diff --git a/src/views/resource/common/filterConsumableApply.vue b/src/views/resource/common/filterConsumableApply.vue
new file mode 100644
index 0000000..0fd3ae7
--- /dev/null
+++ b/src/views/resource/common/filterConsumableApply.vue
@@ -0,0 +1,233 @@
+<!-- 筛选易耗物资申请单弹窗 -->
+<script name="FilterConsumableApply" lang="ts" setup>
+import type { IConsumableApplyFilter } from './common-interface'
+import type { IConsumableApply, IConsumableApplyGoods } from '@/views/resource/outsideService/consumable/consumable-interface'
+import { detailConsumableApply, getConsumableApplyList } from '@/api/resource/supplierConsumable'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { SCHEDULE } from '@/utils/scheduleDict'
+
+const emit = defineEmits(['recordSelected'])
+
+const showFilterDialog = ref(false)
+const listQuery = ref<IConsumableApplyFilter>({
+  applyNo: '',
+  createUserName: '',
+  createDept: '',
+  approvalStatus: '0', // 查询委托方名录
+  formId: SCHEDULE.CONSUMABLE_MATERIAL_APPROVAL, // 表单Id
+  offset: 1,
+  limit: 10,
+})
+const total = ref<number>(0) // 数据总条数
+const columns = ref <Array<TableColumn>>([
+  { text: '文件编号', value: 'applyNo', align: 'center', width: '180' },
+  { text: '易耗物资名称、规格型号及数量', value: 'goodsListStr', align: 'center' },
+  { text: '申请部门', value: 'createDept', align: 'center', width: '160' },
+  { text: '申请人', value: 'createUserName', align: 'center', width: '120' },
+]) // 表头
+
+const dataList = ref<Array<IConsumableApply>>([])
+const expandRowKey = ref<string>('')
+const goodsListExpand = ref<Array<IConsumableApplyGoods>>([])
+
+const expandRowKeys = computed(() => {
+  return [expandRowKey.value]
+})
+
+// 查询委托方名录列表
+const getList = () => {
+  getConsumableApplyList(listQuery.value).then((res) => {
+    if (res.code === 200) {
+      dataList.value = res.data.rows.map((item: IConsumableApply) => {
+        return {
+          ...item,
+          goodsListStr: `${item.goodsName}；${item.goodsModel}；${item.goodsQuantity}`,
+        }
+      })
+      total.value = res.data.total
+    }
+    else {
+      dataList.value = []
+    }
+  })
+}
+
+const getDetailGoodsList = (goods: IConsumableApply) => {
+  detailConsumableApply({ id: goods.id }).then((res) => {
+    if (res.code === 200) {
+      goodsListExpand.value = res.data.goodsDetailList
+    }
+  })
+}
+
+// 逻辑
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  getList()
+}
+
+// 改变页容量
+function handleSizeChange(val: number) {
+  changePage({ size: val })
+}
+// 改变当前页
+function handleCurrentChange(val: number) {
+  changePage({ page: val })
+}
+
+// 展开行 每次只能展开一行
+const expandCurrentRow = (row: IConsumableApply) => {
+  if (expandRowKey.value === '') {
+    // 全部收起的状态 展开当前点击的行
+    expandRowKey.value = row.applyNo
+  }
+  else if (expandRowKey.value !== row.applyNo) {
+    // 已经有展开的行 切换到当前打开的行
+    expandRowKey.value = row.applyNo
+  }
+  else {
+    // 点击的是当前已经展开的行 收起
+    expandRowKey.value = ''
+  }
+}
+
+// 点击行
+const expandClickedHandler = async (row: IConsumableApply, event: any) => {
+  expandCurrentRow(row)
+  if (expandRowKey.value !== '') {
+    getDetailGoodsList(row)
+  }
+}
+
+const tableRowExpandChange = (row: IConsumableApply) => {
+  expandCurrentRow(row)
+}
+
+// 选中用户
+const selectSingleRecord = (row: IConsumableApply) => {
+  emit('recordSelected', row)
+}
+
+const showOrHideFilterDialog = (show: boolean) => {
+  if (show === false) {
+    listQuery.value.applyNo = ''
+    listQuery.value.createUserName = ''
+    listQuery.value.createDept = ''
+    listQuery.value.offset = 1
+    listQuery.value.limit = 10
+  }
+  else {
+    getList()
+  }
+
+  showFilterDialog.value = show
+}
+
+defineExpose({
+  showOrHideFilterDialog,
+})
+</script>
+
+<template>
+  <el-dialog v-model="showFilterDialog" title="选择易耗物资申请单" :append-to-body="true" :close-on-click-modal="false" top="10vh" width="75%">
+    <search-area :need-clear="false" @search="getList">
+      <search-item>
+        <el-input v-model="listQuery.applyNo" placeholder="文件编号" clearable />
+      </search-item>
+
+      <search-item>
+        <el-input v-model="listQuery.createDept" placeholder="申请部门" clearable />
+      </search-item>
+
+      <search-item>
+        <el-input v-model="listQuery.createUserName" placeholder="申请人" clearable />
+      </search-item>
+    </search-area>
+
+    <!-- 表格数据展示 -->
+    <table-container :title-show="false">
+      <!-- 表格区域 -->
+      <el-table
+        ref="applyTableRef"
+        :data="dataList" style="width: 100%;" stripe
+        border row-key="applyNo"
+        :expand-row-keys="expandRowKeys"
+        @expand-change="tableRowExpandChange"
+      >
+        <el-table-column type="expand" width="1">
+          <el-table :show-header="false" :data="goodsListExpand" border style="margin-left: 235px; width: calc(100% - 635px);">
+            <el-table-column label="名称" prop="goodsName" align="center" />
+            <el-table-column label="规格型号" prop="goodsModel" align="center" />
+            <el-table-column label="数量" prop="goodsQuantity" align="center" />
+          </el-table>
+        </el-table-column>
+
+        <el-table-column align="center" label="序号" width="55" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          align="center"
+        />
+
+        <el-table-column fixed="right" label="操作" align="center" width="120">
+          <template #default="{ row }">
+            <el-button size="small" type="primary" link @click="expandClickedHandler(row, $event)">
+              <template v-if="expandRowKey !== row.applyNo">
+                展开物资
+              </template>
+              <template v-else>
+                收起展开
+              </template>
+            </el-button>
+            <el-button size="small" type="primary" link @click="selectSingleRecord(row)">
+              选定
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页 -->
+      <div style="width: 100%;margin-top: 10px;">
+        <el-pagination
+          :current-page="listQuery.offset"
+          :page-sizes="[10, 20, 30]"
+          :page-size="listQuery.limit"
+          :total="total"
+          layout="total, sizes, prev, pager, next"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
+      </div>
+    </table-container>
+  </el-dialog>
+</template>
+
+<style scoped lang="scss">
+:deep(.el-table__expand-icon) {
+  visibility: hidden !important;
+}
+
+:deep(.el-table__expanded-cell) {
+  padding-top: 0 !important;
+}
+
+/* 其他状态下的列表 */
+.expand-approval-with-status {
+  width: calc(100% - 885px);
+  margin-left: 255px;
+}
+
+/* 全部状态下的列表 */
+.expand-approval-all {
+  width: calc(100% - 785px);
+  margin-left: 255px;
+}
+</style>

diff --git a/src/api/resource/supplierConsumable.ts b/src/api/resource/supplierConsumable.ts
index 953bbd8..90b9ba1 100644
--- a/src/api/resource/supplierConsumable.ts
+++ b/src/api/resource/supplierConsumable.ts
@@ -1,5 +1,6 @@
 import request from '../index'
 const prefix = 'resource/supplier/consumableGoods'
+const prefixGoods = 'resource/supplier/goods'
 
 /* --------------------------------  供方评价表 -------------------------------- */
 // 查询列表
@@ -273,3 +274,94 @@
     data,
   })
 }
+
+/* --------------------------------  验收记录单 -------------------------------- */
+// 查询列表
+export function getGoodsCheckList(data: any) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function detailGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 保存至草稿箱
+export function saveGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/save`,
+    method: 'post',
+    data,
+  })
+}
+
+// 提交流程
+export function submitGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/submit`,
+    method: 'post',
+    data,
+  })
+}
+
+// 草稿箱编辑（不走流程审批）
+export function updateGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/draftUpdate`,
+    method: 'post',
+    data,
+  })
+}
+
+// 未通过供方编辑（重走流程审批）
+export function failUpdateGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/failUpdate`,
+    method: 'post',
+    data,
+  })
+}
+
+// 删除草稿箱
+export function draftDeleteCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/draftDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 删除已取消
+export function canceledApprDeleteCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 发起者撤回，表单状态更改为已取消
+export function revokeApprovalCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/revoke`,
+    method: 'post',
+    data,
+  })
+}
+
+// 设备供方审批-拒绝
+export function refuseApprovalCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/refuse`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/resource.ts b/src/router/modules/resource.ts
index e4d804d..2208a60 100644
--- a/src/router/modules/resource.ts
+++ b/src/router/modules/resource.ts
@@ -689,6 +689,40 @@
         },
       },
       {
+        path: 'consumableCheckList',
+        name: 'ConsumableCheckList',
+        component: () => import('@/views/resource/outsideService/consumable/checkList.vue'),
+        meta: {
+          title: '物资验收记录',
+          auth: '/resource/outsideService/consumableCheck',
+          icon: 'ep:key',
+        },
+      },
+      {
+        path: 'consumableCheck/:type/:id?/:status?',
+        name: 'ConsumableCheckDetail',
+        component: () => import('@/views/resource/outsideService/consumable/checkDetail.vue'),
+        meta: {
+          title: '物资验收记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableCheckList',
+        },
+      },
+      {
+        path: 'consumableCheck/approved/:id?',
+        name: 'ConsumableCheckDetailApproved',
+        component: () => import('@/views/resource/outsideService/consumable/approvedDetail.vue'),
+        meta: {
+          title: '物资验收记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableCheckList',
+        },
+      },
+      {
         path: 'consumableUseList',
         name: 'ConsumableUseList',
         component: () => import('@/views/resource/outsideService/consumable/useList.vue'),
diff --git a/src/views/resource/common/common-interface.ts b/src/views/resource/common/common-interface.ts
index dfe7b52..c7c115f 100644
--- a/src/views/resource/common/common-interface.ts
+++ b/src/views/resource/common/common-interface.ts
@@ -21,3 +21,13 @@
   offset: number
   limit: number
 }
+
+export interface IConsumableApplyFilter {
+  applyNo: string
+  createUserName: string
+  createDept: string
+  approvalStatus: string
+  formId: string
+  offset: number
+  limit: number
+}
diff --git a/src/views/resource/common/filterConsumableApply.vue b/src/views/resource/common/filterConsumableApply.vue
new file mode 100644
index 0000000..0fd3ae7
--- /dev/null
+++ b/src/views/resource/common/filterConsumableApply.vue
@@ -0,0 +1,233 @@
+<!-- 筛选易耗物资申请单弹窗 -->
+<script name="FilterConsumableApply" lang="ts" setup>
+import type { IConsumableApplyFilter } from './common-interface'
+import type { IConsumableApply, IConsumableApplyGoods } from '@/views/resource/outsideService/consumable/consumable-interface'
+import { detailConsumableApply, getConsumableApplyList } from '@/api/resource/supplierConsumable'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { SCHEDULE } from '@/utils/scheduleDict'
+
+const emit = defineEmits(['recordSelected'])
+
+const showFilterDialog = ref(false)
+const listQuery = ref<IConsumableApplyFilter>({
+  applyNo: '',
+  createUserName: '',
+  createDept: '',
+  approvalStatus: '0', // 查询委托方名录
+  formId: SCHEDULE.CONSUMABLE_MATERIAL_APPROVAL, // 表单Id
+  offset: 1,
+  limit: 10,
+})
+const total = ref<number>(0) // 数据总条数
+const columns = ref <Array<TableColumn>>([
+  { text: '文件编号', value: 'applyNo', align: 'center', width: '180' },
+  { text: '易耗物资名称、规格型号及数量', value: 'goodsListStr', align: 'center' },
+  { text: '申请部门', value: 'createDept', align: 'center', width: '160' },
+  { text: '申请人', value: 'createUserName', align: 'center', width: '120' },
+]) // 表头
+
+const dataList = ref<Array<IConsumableApply>>([])
+const expandRowKey = ref<string>('')
+const goodsListExpand = ref<Array<IConsumableApplyGoods>>([])
+
+const expandRowKeys = computed(() => {
+  return [expandRowKey.value]
+})
+
+// 查询委托方名录列表
+const getList = () => {
+  getConsumableApplyList(listQuery.value).then((res) => {
+    if (res.code === 200) {
+      dataList.value = res.data.rows.map((item: IConsumableApply) => {
+        return {
+          ...item,
+          goodsListStr: `${item.goodsName}；${item.goodsModel}；${item.goodsQuantity}`,
+        }
+      })
+      total.value = res.data.total
+    }
+    else {
+      dataList.value = []
+    }
+  })
+}
+
+const getDetailGoodsList = (goods: IConsumableApply) => {
+  detailConsumableApply({ id: goods.id }).then((res) => {
+    if (res.code === 200) {
+      goodsListExpand.value = res.data.goodsDetailList
+    }
+  })
+}
+
+// 逻辑
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  getList()
+}
+
+// 改变页容量
+function handleSizeChange(val: number) {
+  changePage({ size: val })
+}
+// 改变当前页
+function handleCurrentChange(val: number) {
+  changePage({ page: val })
+}
+
+// 展开行 每次只能展开一行
+const expandCurrentRow = (row: IConsumableApply) => {
+  if (expandRowKey.value === '') {
+    // 全部收起的状态 展开当前点击的行
+    expandRowKey.value = row.applyNo
+  }
+  else if (expandRowKey.value !== row.applyNo) {
+    // 已经有展开的行 切换到当前打开的行
+    expandRowKey.value = row.applyNo
+  }
+  else {
+    // 点击的是当前已经展开的行 收起
+    expandRowKey.value = ''
+  }
+}
+
+// 点击行
+const expandClickedHandler = async (row: IConsumableApply, event: any) => {
+  expandCurrentRow(row)
+  if (expandRowKey.value !== '') {
+    getDetailGoodsList(row)
+  }
+}
+
+const tableRowExpandChange = (row: IConsumableApply) => {
+  expandCurrentRow(row)
+}
+
+// 选中用户
+const selectSingleRecord = (row: IConsumableApply) => {
+  emit('recordSelected', row)
+}
+
+const showOrHideFilterDialog = (show: boolean) => {
+  if (show === false) {
+    listQuery.value.applyNo = ''
+    listQuery.value.createUserName = ''
+    listQuery.value.createDept = ''
+    listQuery.value.offset = 1
+    listQuery.value.limit = 10
+  }
+  else {
+    getList()
+  }
+
+  showFilterDialog.value = show
+}
+
+defineExpose({
+  showOrHideFilterDialog,
+})
+</script>
+
+<template>
+  <el-dialog v-model="showFilterDialog" title="选择易耗物资申请单" :append-to-body="true" :close-on-click-modal="false" top="10vh" width="75%">
+    <search-area :need-clear="false" @search="getList">
+      <search-item>
+        <el-input v-model="listQuery.applyNo" placeholder="文件编号" clearable />
+      </search-item>
+
+      <search-item>
+        <el-input v-model="listQuery.createDept" placeholder="申请部门" clearable />
+      </search-item>
+
+      <search-item>
+        <el-input v-model="listQuery.createUserName" placeholder="申请人" clearable />
+      </search-item>
+    </search-area>
+
+    <!-- 表格数据展示 -->
+    <table-container :title-show="false">
+      <!-- 表格区域 -->
+      <el-table
+        ref="applyTableRef"
+        :data="dataList" style="width: 100%;" stripe
+        border row-key="applyNo"
+        :expand-row-keys="expandRowKeys"
+        @expand-change="tableRowExpandChange"
+      >
+        <el-table-column type="expand" width="1">
+          <el-table :show-header="false" :data="goodsListExpand" border style="margin-left: 235px; width: calc(100% - 635px);">
+            <el-table-column label="名称" prop="goodsName" align="center" />
+            <el-table-column label="规格型号" prop="goodsModel" align="center" />
+            <el-table-column label="数量" prop="goodsQuantity" align="center" />
+          </el-table>
+        </el-table-column>
+
+        <el-table-column align="center" label="序号" width="55" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          align="center"
+        />
+
+        <el-table-column fixed="right" label="操作" align="center" width="120">
+          <template #default="{ row }">
+            <el-button size="small" type="primary" link @click="expandClickedHandler(row, $event)">
+              <template v-if="expandRowKey !== row.applyNo">
+                展开物资
+              </template>
+              <template v-else>
+                收起展开
+              </template>
+            </el-button>
+            <el-button size="small" type="primary" link @click="selectSingleRecord(row)">
+              选定
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页 -->
+      <div style="width: 100%;margin-top: 10px;">
+        <el-pagination
+          :current-page="listQuery.offset"
+          :page-sizes="[10, 20, 30]"
+          :page-size="listQuery.limit"
+          :total="total"
+          layout="total, sizes, prev, pager, next"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
+      </div>
+    </table-container>
+  </el-dialog>
+</template>
+
+<style scoped lang="scss">
+:deep(.el-table__expand-icon) {
+  visibility: hidden !important;
+}
+
+:deep(.el-table__expanded-cell) {
+  padding-top: 0 !important;
+}
+
+/* 其他状态下的列表 */
+.expand-approval-with-status {
+  width: calc(100% - 885px);
+  margin-left: 255px;
+}
+
+/* 全部状态下的列表 */
+.expand-approval-all {
+  width: calc(100% - 785px);
+  margin-left: 255px;
+}
+</style>
diff --git a/src/views/resource/outsideService/consumable/approvedDetail.vue b/src/views/resource/outsideService/consumable/approvedDetail.vue
index 4f5673c..603484d 100644
--- a/src/views/resource/outsideService/consumable/approvedDetail.vue
+++ b/src/views/resource/outsideService/consumable/approvedDetail.vue
@@ -49,6 +49,10 @@
     case 'use':
       title.value = '易耗物资使用记录'
       break
+
+    case 'check':
+      title.value = '物资验收记录'
+      break
   }
 }
 

diff --git a/src/api/resource/supplierConsumable.ts b/src/api/resource/supplierConsumable.ts
index 953bbd8..90b9ba1 100644
--- a/src/api/resource/supplierConsumable.ts
+++ b/src/api/resource/supplierConsumable.ts
@@ -1,5 +1,6 @@
 import request from '../index'
 const prefix = 'resource/supplier/consumableGoods'
+const prefixGoods = 'resource/supplier/goods'
 
 /* --------------------------------  供方评价表 -------------------------------- */
 // 查询列表
@@ -273,3 +274,94 @@
     data,
   })
 }
+
+/* --------------------------------  验收记录单 -------------------------------- */
+// 查询列表
+export function getGoodsCheckList(data: any) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function detailGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 保存至草稿箱
+export function saveGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/save`,
+    method: 'post',
+    data,
+  })
+}
+
+// 提交流程
+export function submitGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/submit`,
+    method: 'post',
+    data,
+  })
+}
+
+// 草稿箱编辑（不走流程审批）
+export function updateGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/draftUpdate`,
+    method: 'post',
+    data,
+  })
+}
+
+// 未通过供方编辑（重走流程审批）
+export function failUpdateGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/failUpdate`,
+    method: 'post',
+    data,
+  })
+}
+
+// 删除草稿箱
+export function draftDeleteCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/draftDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 删除已取消
+export function canceledApprDeleteCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 发起者撤回，表单状态更改为已取消
+export function revokeApprovalCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/revoke`,
+    method: 'post',
+    data,
+  })
+}
+
+// 设备供方审批-拒绝
+export function refuseApprovalCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/refuse`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/resource.ts b/src/router/modules/resource.ts
index e4d804d..2208a60 100644
--- a/src/router/modules/resource.ts
+++ b/src/router/modules/resource.ts
@@ -689,6 +689,40 @@
         },
       },
       {
+        path: 'consumableCheckList',
+        name: 'ConsumableCheckList',
+        component: () => import('@/views/resource/outsideService/consumable/checkList.vue'),
+        meta: {
+          title: '物资验收记录',
+          auth: '/resource/outsideService/consumableCheck',
+          icon: 'ep:key',
+        },
+      },
+      {
+        path: 'consumableCheck/:type/:id?/:status?',
+        name: 'ConsumableCheckDetail',
+        component: () => import('@/views/resource/outsideService/consumable/checkDetail.vue'),
+        meta: {
+          title: '物资验收记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableCheckList',
+        },
+      },
+      {
+        path: 'consumableCheck/approved/:id?',
+        name: 'ConsumableCheckDetailApproved',
+        component: () => import('@/views/resource/outsideService/consumable/approvedDetail.vue'),
+        meta: {
+          title: '物资验收记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableCheckList',
+        },
+      },
+      {
         path: 'consumableUseList',
         name: 'ConsumableUseList',
         component: () => import('@/views/resource/outsideService/consumable/useList.vue'),
diff --git a/src/views/resource/common/common-interface.ts b/src/views/resource/common/common-interface.ts
index dfe7b52..c7c115f 100644
--- a/src/views/resource/common/common-interface.ts
+++ b/src/views/resource/common/common-interface.ts
@@ -21,3 +21,13 @@
   offset: number
   limit: number
 }
+
+export interface IConsumableApplyFilter {
+  applyNo: string
+  createUserName: string
+  createDept: string
+  approvalStatus: string
+  formId: string
+  offset: number
+  limit: number
+}
diff --git a/src/views/resource/common/filterConsumableApply.vue b/src/views/resource/common/filterConsumableApply.vue
new file mode 100644
index 0000000..0fd3ae7
--- /dev/null
+++ b/src/views/resource/common/filterConsumableApply.vue
@@ -0,0 +1,233 @@
+<!-- 筛选易耗物资申请单弹窗 -->
+<script name="FilterConsumableApply" lang="ts" setup>
+import type { IConsumableApplyFilter } from './common-interface'
+import type { IConsumableApply, IConsumableApplyGoods } from '@/views/resource/outsideService/consumable/consumable-interface'
+import { detailConsumableApply, getConsumableApplyList } from '@/api/resource/supplierConsumable'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { SCHEDULE } from '@/utils/scheduleDict'
+
+const emit = defineEmits(['recordSelected'])
+
+const showFilterDialog = ref(false)
+const listQuery = ref<IConsumableApplyFilter>({
+  applyNo: '',
+  createUserName: '',
+  createDept: '',
+  approvalStatus: '0', // 查询委托方名录
+  formId: SCHEDULE.CONSUMABLE_MATERIAL_APPROVAL, // 表单Id
+  offset: 1,
+  limit: 10,
+})
+const total = ref<number>(0) // 数据总条数
+const columns = ref <Array<TableColumn>>([
+  { text: '文件编号', value: 'applyNo', align: 'center', width: '180' },
+  { text: '易耗物资名称、规格型号及数量', value: 'goodsListStr', align: 'center' },
+  { text: '申请部门', value: 'createDept', align: 'center', width: '160' },
+  { text: '申请人', value: 'createUserName', align: 'center', width: '120' },
+]) // 表头
+
+const dataList = ref<Array<IConsumableApply>>([])
+const expandRowKey = ref<string>('')
+const goodsListExpand = ref<Array<IConsumableApplyGoods>>([])
+
+const expandRowKeys = computed(() => {
+  return [expandRowKey.value]
+})
+
+// 查询委托方名录列表
+const getList = () => {
+  getConsumableApplyList(listQuery.value).then((res) => {
+    if (res.code === 200) {
+      dataList.value = res.data.rows.map((item: IConsumableApply) => {
+        return {
+          ...item,
+          goodsListStr: `${item.goodsName}；${item.goodsModel}；${item.goodsQuantity}`,
+        }
+      })
+      total.value = res.data.total
+    }
+    else {
+      dataList.value = []
+    }
+  })
+}
+
+const getDetailGoodsList = (goods: IConsumableApply) => {
+  detailConsumableApply({ id: goods.id }).then((res) => {
+    if (res.code === 200) {
+      goodsListExpand.value = res.data.goodsDetailList
+    }
+  })
+}
+
+// 逻辑
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  getList()
+}
+
+// 改变页容量
+function handleSizeChange(val: number) {
+  changePage({ size: val })
+}
+// 改变当前页
+function handleCurrentChange(val: number) {
+  changePage({ page: val })
+}
+
+// 展开行 每次只能展开一行
+const expandCurrentRow = (row: IConsumableApply) => {
+  if (expandRowKey.value === '') {
+    // 全部收起的状态 展开当前点击的行
+    expandRowKey.value = row.applyNo
+  }
+  else if (expandRowKey.value !== row.applyNo) {
+    // 已经有展开的行 切换到当前打开的行
+    expandRowKey.value = row.applyNo
+  }
+  else {
+    // 点击的是当前已经展开的行 收起
+    expandRowKey.value = ''
+  }
+}
+
+// 点击行
+const expandClickedHandler = async (row: IConsumableApply, event: any) => {
+  expandCurrentRow(row)
+  if (expandRowKey.value !== '') {
+    getDetailGoodsList(row)
+  }
+}
+
+const tableRowExpandChange = (row: IConsumableApply) => {
+  expandCurrentRow(row)
+}
+
+// 选中用户
+const selectSingleRecord = (row: IConsumableApply) => {
+  emit('recordSelected', row)
+}
+
+const showOrHideFilterDialog = (show: boolean) => {
+  if (show === false) {
+    listQuery.value.applyNo = ''
+    listQuery.value.createUserName = ''
+    listQuery.value.createDept = ''
+    listQuery.value.offset = 1
+    listQuery.value.limit = 10
+  }
+  else {
+    getList()
+  }
+
+  showFilterDialog.value = show
+}
+
+defineExpose({
+  showOrHideFilterDialog,
+})
+</script>
+
+<template>
+  <el-dialog v-model="showFilterDialog" title="选择易耗物资申请单" :append-to-body="true" :close-on-click-modal="false" top="10vh" width="75%">
+    <search-area :need-clear="false" @search="getList">
+      <search-item>
+        <el-input v-model="listQuery.applyNo" placeholder="文件编号" clearable />
+      </search-item>
+
+      <search-item>
+        <el-input v-model="listQuery.createDept" placeholder="申请部门" clearable />
+      </search-item>
+
+      <search-item>
+        <el-input v-model="listQuery.createUserName" placeholder="申请人" clearable />
+      </search-item>
+    </search-area>
+
+    <!-- 表格数据展示 -->
+    <table-container :title-show="false">
+      <!-- 表格区域 -->
+      <el-table
+        ref="applyTableRef"
+        :data="dataList" style="width: 100%;" stripe
+        border row-key="applyNo"
+        :expand-row-keys="expandRowKeys"
+        @expand-change="tableRowExpandChange"
+      >
+        <el-table-column type="expand" width="1">
+          <el-table :show-header="false" :data="goodsListExpand" border style="margin-left: 235px; width: calc(100% - 635px);">
+            <el-table-column label="名称" prop="goodsName" align="center" />
+            <el-table-column label="规格型号" prop="goodsModel" align="center" />
+            <el-table-column label="数量" prop="goodsQuantity" align="center" />
+          </el-table>
+        </el-table-column>
+
+        <el-table-column align="center" label="序号" width="55" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          align="center"
+        />
+
+        <el-table-column fixed="right" label="操作" align="center" width="120">
+          <template #default="{ row }">
+            <el-button size="small" type="primary" link @click="expandClickedHandler(row, $event)">
+              <template v-if="expandRowKey !== row.applyNo">
+                展开物资
+              </template>
+              <template v-else>
+                收起展开
+              </template>
+            </el-button>
+            <el-button size="small" type="primary" link @click="selectSingleRecord(row)">
+              选定
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页 -->
+      <div style="width: 100%;margin-top: 10px;">
+        <el-pagination
+          :current-page="listQuery.offset"
+          :page-sizes="[10, 20, 30]"
+          :page-size="listQuery.limit"
+          :total="total"
+          layout="total, sizes, prev, pager, next"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
+      </div>
+    </table-container>
+  </el-dialog>
+</template>
+
+<style scoped lang="scss">
+:deep(.el-table__expand-icon) {
+  visibility: hidden !important;
+}
+
+:deep(.el-table__expanded-cell) {
+  padding-top: 0 !important;
+}
+
+/* 其他状态下的列表 */
+.expand-approval-with-status {
+  width: calc(100% - 885px);
+  margin-left: 255px;
+}
+
+/* 全部状态下的列表 */
+.expand-approval-all {
+  width: calc(100% - 785px);
+  margin-left: 255px;
+}
+</style>
diff --git a/src/views/resource/outsideService/consumable/approvedDetail.vue b/src/views/resource/outsideService/consumable/approvedDetail.vue
index 4f5673c..603484d 100644
--- a/src/views/resource/outsideService/consumable/approvedDetail.vue
+++ b/src/views/resource/outsideService/consumable/approvedDetail.vue
@@ -49,6 +49,10 @@
     case 'use':
       title.value = '易耗物资使用记录'
       break
+
+    case 'check':
+      title.value = '物资验收记录'
+      break
   }
 }
 
diff --git a/src/views/resource/outsideService/consumable/checkDetail.vue b/src/views/resource/outsideService/consumable/checkDetail.vue
new file mode 100644
index 0000000..c2e67a9
--- /dev/null
+++ b/src/views/resource/outsideService/consumable/checkDetail.vue
@@ -0,0 +1,626 @@
+<!-- 物资验收记录单详情 -->
+<script name="ConsumableCheckDetail" lang="ts" setup>
+import { ElMessage, ElMessageBox, dayjs } from 'element-plus'
+import type { IConsumableApply, IGoodsCheckRecord } from './consumable-interface'
+import ApprovalDialog from '@/views/resource/common/approvalDialog.vue'
+import FilterConsumableApply from '@/views/resource/common/filterConsumableApply.vue'
+import type { IDictType } from '@/commonInterface/resource-interface'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import { detailConsumableApply, detailGoodsCheck, draftDeleteCheck, failUpdateGoodsCheck, refuseApprovalCheck, revokeApprovalCheck, saveGoodsCheck, submitGoodsCheck, updateGoodsCheck } from '@/api/resource/supplierConsumable'
+import ApprovalRecordTable from '@/components/ApprovalRecord/ApprovalRecordTable.vue'
+import useUserStore from '@/store/modules/user'
+import { getDictByCode } from '@/api/system/dict'
+
+// 变量
+// 从路由中传过来的参数
+const type = ref<string>('')
+const id = ref<string>('')
+const status = ref<string>('')
+
+// 关键字段是否可以编辑
+const keyFieldsDisable = ref<boolean>(true)
+
+const userInfo = useUserStore()
+const route = useRoute()
+const router = useRouter()
+const title = ref('')
+
+const radioItems = ref([
+  { name: '基本信息', value: 'consumable-check-basic' },
+  { name: '审批详情', value: 'consumable-check-approval' },
+])
+const current = ref('')
+const currentLabel = ref('')
+
+// 子组件
+const approvalDialog = ref()
+const goodsCheckRef = ref()
+const applyFilterRef = ref()
+
+const goodsCheckForm = ref<IGoodsCheckRecord>({
+  id: '',
+  labCode: '',
+  groupCode: '',
+  recordNo: '',
+  recordName: '物资验收记录单',
+  createDeptId: '',
+  createDept: '',
+  createUserId: '',
+  goodsName: '',
+  goodsModel: '',
+  goodsSupplier: '',
+  goodsWorth: '',
+  goodsApplyId: '',
+  goodsApplyNo: '',
+  acceptTime: '',
+  performance: '',
+  createTime: '',
+  approvalStatus: '',
+  approvalStatusName: '',
+  processId: '',
+  taskId: '',
+})
+
+const checkRules = ref({
+  labCode: [{ required: true, message: '实验室代码不能为空，请选择', trigger: ['change', 'blur'] }],
+  groupCode: [{ required: true, message: '组别代码不能为空，请选择', trigger: ['change', 'blur'] }],
+  acceptTime: [{ required: true, message: '验收时间不能为空，请选择', trigger: 'blur' }],
+  goodsApplyNo: [{ required: true, message: '易耗物资申请单不能为空，请选择', trigger: 'blur' }],
+  goodsName: [{ required: true, message: '物资名称不能为空', trigger: 'blur' }],
+  goodsModel: [{ required: true, message: '规格型号不能为空', trigger: 'blur' }],
+  goodsSupplier: [{ required: true, message: '生产厂家不能为空', trigger: 'blur' }],
+  goodsWorth: [{ required: true, message: '价值不能为空', trigger: 'blur' }],
+  performance: [{ required: true, message: '主要性能指标不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+
+// 是否显示相关按钮
+const saveButtVisable = ref<boolean>(false) // 是否显示 保存 按钮
+const submitButtVisable = ref<boolean>(false) // 是否显示 提交 按钮
+const flowButtsVisable = ref<boolean>(false) // 是否显示 同意和拒绝 按钮
+const cancelButtVisable = ref<boolean>(false) // 是否显示 取消 按钮
+const deleteButtVisable = ref<boolean>(false) // 是否显示 删除 按钮
+const editButtVisable = ref<boolean>(false) // 是否显示 编辑 按钮
+
+// 字典值
+const labCodeDict = ref<IDictType[]>([])
+const groupCodeDict = ref<IDictType[]>([])
+
+// 逻辑
+// 详情页的各个tab切换操作
+const radioChangeHandler = (newVal: string | number | boolean) => {
+  const radioTarget = radioItems.value.filter(item => item.name === newVal)
+  if (radioTarget.length > 0) {
+    currentLabel.value = radioTarget[0].name
+    current.value = radioTarget[0].value
+  }
+  else {
+    currentLabel.value = radioItems.value[0].name
+    current.value = radioItems.value[0].value
+  }
+}
+
+// 将所有流程操作的按钮隐藏
+const hideAllOpterationButtons = () => {
+  saveButtVisable.value = false
+  submitButtVisable.value = false
+  flowButtsVisable.value = false
+  cancelButtVisable.value = false
+  deleteButtVisable.value = false
+  editButtVisable.value = false
+}
+
+// 根据审批状态显示对应的流程操作按钮
+const showOperationButtonByStatus = () => {
+  switch (status.value) {
+    case '0':
+      // 全部：保存按钮可见
+      if (type.value === 'update') {
+        saveButtVisable.value = true
+      }
+      else {
+        saveButtVisable.value = false
+      }
+      break
+
+    case '1':
+      // 草稿箱：保存、提交按钮可见
+      saveButtVisable.value = true
+      submitButtVisable.value = true
+      break
+
+    case '2':
+      // 待审批：同意、拒绝按钮可见
+      flowButtsVisable.value = true
+      break
+
+    case '3':
+      // 审批中：取消按钮可见
+      cancelButtVisable.value = true
+      break
+
+    case '5':
+      // 未通过：编辑 按钮可见
+      editButtVisable.value = true
+      break
+
+    case '6':
+      // 已取消：编辑 删除按钮可见
+      editButtVisable.value = true
+      deleteButtVisable.value = true
+      break
+
+    default:
+      // 默认不显示所有的操作按钮
+      hideAllOpterationButtons()
+      break
+  }
+}
+
+// 关闭
+const resetForm = () => {
+  sessionStorage.removeItem('consumableCheckTaskId') // 返回列表时 将缓存中的数据删除
+  router.go(-1)
+}
+
+// 保存至草稿箱
+const saveDraftCheck = () => {
+  goodsCheckForm.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss') // 创建时间改为提交时间
+  saveGoodsCheck(goodsCheckForm.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+      // 设置返回的id和编号
+      goodsCheckForm.value.recordNo = res.data.recordNo
+      goodsCheckForm.value.id = res.data.id
+      id.value = res.data.id
+
+      type.value = 'update'
+      status.value = '1' // 保存成功后进入草稿箱 为了不显示审批详情
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+// 编辑草稿箱（不走流程审批）
+const updateDraftCheck = () => {
+  updateGoodsCheck(goodsCheckForm.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+
+// 编辑按钮点击事件处理函数
+const editClickedHandler = () => {
+  type.value = 'update'
+  title.value = '物资验收记录单（编辑）'
+
+  // 隐藏编辑按钮 显示提交按钮
+  editButtVisable.value = false
+  submitButtVisable.value = true
+}
+
+// 新建时保存后的处理 获取返回的id
+const saveButtonHandler = async () => {
+  if (!goodsCheckRef) { return }
+
+  await goodsCheckRef.value.validate((valid: boolean) => {
+    if (valid === true) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (type.value === 'create') {
+          saveDraftCheck()
+        }
+        else if (type.value === 'update') {
+          updateDraftCheck()
+        }
+      })
+    }
+  })
+}
+
+// 提交按钮
+const submitButtonHandler = async () => {
+  if (goodsCheckForm.value === null || goodsCheckForm.value.processId === undefined || goodsCheckForm.value.processId === '') {
+    // 流程id为空 表示还未进入流程中 直接提交
+    ElMessageBox.confirm(`是否提交物资验收记录单 ${goodsCheckForm.value.recordNo}`, '提示', {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    }).then(() => {
+      submitGoodsCheck({
+        formId: SCHEDULE.CHECK_MATERIAL_RECORD_APPROVAL,
+        id: goodsCheckForm.value.id,
+      }).then((res) => {
+        if (res.code === 200) {
+          ElMessage.success(`物资验收记录单 ${goodsCheckForm.value.recordNo} 提交成功`)
+
+          type.value = 'detail'
+          hideAllOpterationButtons()
+        }
+        else {
+          ElMessage.error(`物资验收记录单 ${goodsCheckForm.value.recordNo} 提交失败：${res.message}`)
+        }
+      })
+    })
+  }
+  else {
+    // 之前已经在流程中的表单 保存提交
+    await goodsCheckRef.value.validate((valid: boolean) => {
+      if (valid === true) {
+        failUpdateGoodsCheck(goodsCheckForm.value).then((res) => {
+          if (res.code === 200) {
+          // 提示保存成功
+            ElMessage.success(`物资验收记录单 ${goodsCheckForm.value.recordNo} 提交成功`)
+
+            type.value = 'detail'
+            hideAllOpterationButtons()
+          }
+          else {
+          // 提示失败信息
+            ElMessage.error(`物资验收记录单 ${goodsCheckForm.value.recordNo} 提交失败：${res.message}`)
+          }
+        })
+      }
+    })
+  }
+}
+
+// 根据id查询详情
+const detailById = async (id: string) => {
+  await detailGoodsCheck({ id }).then((res) => {
+    if (res.code === 200) {
+      goodsCheckForm.value = res.data
+      if (goodsCheckForm.value.taskId === '') {
+        goodsCheckForm.value.taskId = sessionStorage.getItem('consumableCheckTaskId')!
+      }
+      detailConsumableApply({ id: goodsCheckForm.value.goodsApplyId }).then((response) => {
+        goodsCheckForm.value.goodsApplyNo = response.data.applyNo
+      })
+    }
+  })
+}
+
+// 流程审批-拒绝
+const approvalRefuseHandler = () => {
+  approvalDialog.value.initDialog('refuse', goodsCheckForm.value.id, goodsCheckForm.value.taskId, '')
+}
+
+// 流程审批-同意
+const approvalAgreeHandler = () => {
+  approvalDialog.value.initDialog('agree', goodsCheckForm.value.id, goodsCheckForm.value.taskId, '')
+}
+
+// 取消流程
+const revokeClickedHandler = () => {
+  approvalDialog.value.initDialog('revoke', goodsCheckForm.value.id, goodsCheckForm.value.taskId, goodsCheckForm.value.processId)
+}
+
+// 删除审批单
+const deleteClickedHandler = () => {
+  ElMessageBox.confirm(`是否删除审批单 ${goodsCheckForm.value.recordNo}`, '提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(() => {
+    draftDeleteCheck({ id: id.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success(`审批单 ${goodsCheckForm.value.recordNo} 删除成功`)
+        resetForm()
+      }
+      else {
+        ElMessage.error(`审批单 ${goodsCheckForm.value.recordNo} 删除失败: ${res.message}`)
+      }
+    })
+  })
+}
+
+// 流程审批（同意、拒绝、取消）结束后的操作 将按钮都隐藏（本身就不能编辑了）
+const approvalSuccessHandler = (type: string) => {
+  if (type === 'agree' || type === 'refuse') {
+    flowButtsVisable.value = false
+  }
+  else if (type === 'revoke') {
+    cancelButtVisable.value = false
+  }
+}
+
+// 取消
+const revokeHandler = (param: any) => {
+  revokeApprovalCheck(param).then((res) => {
+    if (res.code === 200) {
+      ElMessage.success('流程取消成功')
+    }
+    else {
+      ElMessage.error(`流程取消失败：${res.message}`)
+    }
+    // 关闭弹窗
+    approvalDialog.value.handleClose()
+
+    cancelButtVisable.value = false
+  })
+}
+
+// 拒绝
+const refuseHandler = (param: any) => {
+  refuseApprovalCheck(param).then((res) => {
+    if (res.code === 200) {
+      ElMessage.success('拒绝审批完成')
+    }
+    else {
+      ElMessage.error(`拒绝审批失败：${res.message}`)
+    }
+    // 关闭弹窗
+    approvalDialog.value.handleClose()
+
+    flowButtsVisable.value = false
+  })
+}
+
+const showConsumableApplyFilter = () => {
+  applyFilterRef.value.showOrHideFilterDialog(true)
+}
+
+const applyFormSelectedHandler = (apply: IConsumableApply) => {
+  goodsCheckForm.value.goodsApplyId = apply.id
+  goodsCheckForm.value.goodsApplyNo = apply.applyNo
+  goodsCheckForm.value.goodsApply = apply.applyName
+
+  applyFilterRef.value.showOrHideFilterDialog(false)
+}
+
+const getLabCodeDict = async () => {
+  // 先从缓存中获取
+  if (sessionStorage.getItem('bizLabCode') === null || sessionStorage.getItem('bizLabCode') === undefined) {
+    // 缓存中没有则调用接口查询
+    await getDictByCode('bizLabCode').then((res) => {
+      if (res.code === 200) {
+        labCodeDict.value = res.data
+      }
+    })
+  }
+  else {
+    labCodeDict.value = JSON.parse(sessionStorage.getItem('bizLabCode')!)
+  }
+}
+
+const getGroupCodeDict = async () => {
+  // 先从缓存中获取
+  if (sessionStorage.getItem('bizGroupCode') === null || sessionStorage.getItem('bizLabbizGroupCodeCode') === undefined) {
+    // 缓存中没有则调用接口查询
+    await getDictByCode('bizGroupCode').then((res) => {
+      if (res.code === 200) {
+        groupCodeDict.value = res.data
+      }
+    })
+  }
+  else {
+    groupCodeDict.value = JSON.parse(sessionStorage.getItem('bizGroupCode')!)
+  }
+}
+
+const initDict = async () => {
+  await getLabCodeDict()
+  await getGroupCodeDict()
+}
+
+const initDialog = (params: any) => {
+  // 从路由中获取参数
+  type.value = params.type
+  id.value = params.id !== undefined ? params.id : ''
+  status.value = params.status !== undefined ? params.status : ''
+
+  // 默认显示第一个tab内容
+  current.value = radioItems.value[0].value
+  currentLabel.value = radioItems.value[0].name
+
+  switch (params.type) {
+    case 'create' :
+      title.value = '物资验收记录单（新增）'
+      saveButtVisable.value = true
+      submitButtVisable.value = true
+
+      goodsCheckForm.value.createUserId = userInfo.id
+      goodsCheckForm.value.createUserName = userInfo.name
+      goodsCheckForm.value.createDeptId = userInfo.deptId
+      goodsCheckForm.value.createDept = userInfo.deptName
+      goodsCheckForm.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss')
+
+      keyFieldsDisable.value = false
+
+      break
+    case 'update':
+      title.value = '物资验收记录单（编辑）'
+
+      detailById(id.value)
+
+      // 判断显示哪些流程操作按钮
+      showOperationButtonByStatus()
+      keyFieldsDisable.value = true
+
+      break
+    case 'detail':
+      title.value = '物资验收记录单（详情）'
+      id.value = params.id
+
+      detailById(id.value)
+
+      // 查看详情时所有的操作按钮都隐藏
+      showOperationButtonByStatus()
+      keyFieldsDisable.value = true
+
+      break
+    default:
+      title.value = ''
+      break
+  }
+}
+
+onMounted(() => {
+  initDict()
+  initDialog(route.query)
+})
+</script>
+
+<template>
+  <app-container>
+    <el-form ref="goodsCheckRef" :model="goodsCheckForm" :rules="checkRules" label-position="right" label-width="110px" border stripe>
+      <detail-page :title="`${title}`">
+        <template #btns>
+          <el-button v-if="editButtVisable" type="primary" @click="editClickedHandler()">
+            编辑
+          </el-button>
+
+          <template v-if="flowButtsVisable">
+            <el-button type="primary" @click="approvalAgreeHandler">
+              同意
+            </el-button>
+            <el-button type="danger" @click="approvalRefuseHandler">
+              拒绝
+            </el-button>
+          </template>
+
+          <el-button v-if="submitButtVisable" :disabled="id === ''" type="primary" @click="submitButtonHandler">
+            提交
+          </el-button>
+          <el-button v-if="saveButtVisable" type="primary" @click="saveButtonHandler">
+            保存
+          </el-button>
+
+          <el-button v-if="deleteButtVisable" type="danger" @click="deleteClickedHandler">
+            删除
+          </el-button>
+          <el-button v-if="cancelButtVisable" type="info" @click="revokeClickedHandler">
+            取消
+          </el-button>
+
+          <el-button type="info" @click="resetForm()">
+            关闭
+          </el-button>
+        </template>
+
+        <el-radio-group v-model="currentLabel" style="margin-bottom: 20px;" @change="radioChangeHandler">
+          <el-radio-button v-for="item in radioItems" :key="item.value" :label="item.name" :disabled="id === ''" />
+        </el-radio-group>
+
+        <template v-if="current === 'consumable-check-basic'">
+          <el-row :gutter="24">
+            <!-- 第一行 第一列 -->
+            <el-col :span="6">
+              <el-form-item label="实验室代码" prop="labCode">
+                <el-select v-model="goodsCheckForm.labCode" placeholder="请选择实验室代码" :disabled="keyFieldsDisable" style="width: 100%;">
+                  <el-option v-for="dict in labCodeDict" :key="dict.id" :label="dict.name" :value="dict.value" />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="验收部门">
+                <el-input v-model="goodsCheckForm.createDept" :disabled="true" />
+                <el-input v-model="goodsCheckForm.createDeptId" type="hidden" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6">
+              <el-form-item label="组别代码" prop="groupCode">
+                <el-select v-model="goodsCheckForm.groupCode" placeholder="请选择组别代码" :disabled="keyFieldsDisable" style="width: 100%;">
+                  <el-option v-for="dict in groupCodeDict" :key="dict.id" :label="dict.name" :value="dict.value" />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="验收人">
+                <el-input v-model="goodsCheckForm.createUserName" :disabled="true" />
+                <el-input v-model="goodsCheckForm.createUserId" type="hidden" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6">
+              <el-form-item label="文件编号">
+                <el-input v-model="goodsCheckForm.recordNo" placeholder="文件编号，保存后自动生成" :disabled="true" />
+              </el-form-item>
+              <el-form-item label="验收时间" prop="acceptTime">
+                <el-date-picker v-model="goodsCheckForm.acceptTime" format="YYYY-MM-DD" value-format="YYYY-MM-DD" :disabled="type === 'detail'" style="width: 100%;" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6">
+              <el-form-item label="文件名称">
+                <el-input v-model="goodsCheckForm.recordName" :disabled="true" />
+              </el-form-item>
+
+              <el-form-item label="物资申请单" prop="goodsApplyNo">
+                <el-input v-model="goodsCheckForm.goodsApplyId" type="hidden" />
+                <el-input v-model="goodsCheckForm.goodsApplyNo" :disabled="true">
+                  <template #append>
+                    <el-button size="small" :disabled="keyFieldsDisable" @click="showConsumableApplyFilter">
+                      选择
+                    </el-button>
+                  </template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </template>
+      </detail-page>
+
+      <template v-if="current === 'consumable-check-basic'">
+        <table-container title="验收详情">
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="名称" prop="goodsName">
+                <el-input v-model="goodsCheckForm.goodsName" :disabled="type === 'detail'" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6">
+              <el-form-item label="规格型号" prop="goodsModel">
+                <el-input v-model="goodsCheckForm.goodsModel" :disabled="type === 'detail'" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6">
+              <el-form-item label="生产厂家" prop="goodsSupplier">
+                <el-input v-model="goodsCheckForm.goodsSupplier" :disabled="type === 'detail'" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6">
+              <el-form-item label="价值" prop="goodsWorth">
+                <el-input v-model="goodsCheckForm.goodsWorth" :disabled="type === 'detail'" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row :gutter="24">
+            <el-col :span="18">
+              <el-form-item label="主要性能指标" prop="performance">
+                <el-input v-model="goodsCheckForm.performance" type="textarea" :rows="5" :disabled="type === 'detail'" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </table-container>
+      </template>
+    </el-form>
+
+    <approval-dialog
+      ref="approvalDialog"
+      @on-success="approvalSuccessHandler" @on-refuse="refuseHandler" @on-revoke="revokeHandler"
+    />
+
+    <filter-consumable-apply ref="applyFilterRef" @record-selected="applyFormSelectedHandler" />
+
+    <template v-if="current === 'consumable-check-approval' && status !== '1'">
+      <approval-record-table :process-id="goodsCheckForm.processId" />
+    </template>
+  </app-container>
+</template>

diff --git a/src/api/resource/supplierConsumable.ts b/src/api/resource/supplierConsumable.ts
index 953bbd8..90b9ba1 100644
--- a/src/api/resource/supplierConsumable.ts
+++ b/src/api/resource/supplierConsumable.ts
@@ -1,5 +1,6 @@
 import request from '../index'
 const prefix = 'resource/supplier/consumableGoods'
+const prefixGoods = 'resource/supplier/goods'
 
 /* --------------------------------  供方评价表 -------------------------------- */
 // 查询列表
@@ -273,3 +274,94 @@
     data,
   })
 }
+
+/* --------------------------------  验收记录单 -------------------------------- */
+// 查询列表
+export function getGoodsCheckList(data: any) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function detailGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 保存至草稿箱
+export function saveGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/save`,
+    method: 'post',
+    data,
+  })
+}
+
+// 提交流程
+export function submitGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/submit`,
+    method: 'post',
+    data,
+  })
+}
+
+// 草稿箱编辑（不走流程审批）
+export function updateGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/draftUpdate`,
+    method: 'post',
+    data,
+  })
+}
+
+// 未通过供方编辑（重走流程审批）
+export function failUpdateGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/failUpdate`,
+    method: 'post',
+    data,
+  })
+}
+
+// 删除草稿箱
+export function draftDeleteCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/draftDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 删除已取消
+export function canceledApprDeleteCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 发起者撤回，表单状态更改为已取消
+export function revokeApprovalCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/revoke`,
+    method: 'post',
+    data,
+  })
+}
+
+// 设备供方审批-拒绝
+export function refuseApprovalCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/refuse`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/resource.ts b/src/router/modules/resource.ts
index e4d804d..2208a60 100644
--- a/src/router/modules/resource.ts
+++ b/src/router/modules/resource.ts
@@ -689,6 +689,40 @@
         },
       },
       {
+        path: 'consumableCheckList',
+        name: 'ConsumableCheckList',
+        component: () => import('@/views/resource/outsideService/consumable/checkList.vue'),
+        meta: {
+          title: '物资验收记录',
+          auth: '/resource/outsideService/consumableCheck',
+          icon: 'ep:key',
+        },
+      },
+      {
+        path: 'consumableCheck/:type/:id?/:status?',
+        name: 'ConsumableCheckDetail',
+        component: () => import('@/views/resource/outsideService/consumable/checkDetail.vue'),
+        meta: {
+          title: '物资验收记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableCheckList',
+        },
+      },
+      {
+        path: 'consumableCheck/approved/:id?',
+        name: 'ConsumableCheckDetailApproved',
+        component: () => import('@/views/resource/outsideService/consumable/approvedDetail.vue'),
+        meta: {
+          title: '物资验收记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableCheckList',
+        },
+      },
+      {
         path: 'consumableUseList',
         name: 'ConsumableUseList',
         component: () => import('@/views/resource/outsideService/consumable/useList.vue'),
diff --git a/src/views/resource/common/common-interface.ts b/src/views/resource/common/common-interface.ts
index dfe7b52..c7c115f 100644
--- a/src/views/resource/common/common-interface.ts
+++ b/src/views/resource/common/common-interface.ts
@@ -21,3 +21,13 @@
   offset: number
   limit: number
 }
+
+export interface IConsumableApplyFilter {
+  applyNo: string
+  createUserName: string
+  createDept: string
+  approvalStatus: string
+  formId: string
+  offset: number
+  limit: number
+}
diff --git a/src/views/resource/common/filterConsumableApply.vue b/src/views/resource/common/filterConsumableApply.vue
new file mode 100644
index 0000000..0fd3ae7
--- /dev/null
+++ b/src/views/resource/common/filterConsumableApply.vue
@@ -0,0 +1,233 @@
+<!-- 筛选易耗物资申请单弹窗 -->
+<script name="FilterConsumableApply" lang="ts" setup>
+import type { IConsumableApplyFilter } from './common-interface'
+import type { IConsumableApply, IConsumableApplyGoods } from '@/views/resource/outsideService/consumable/consumable-interface'
+import { detailConsumableApply, getConsumableApplyList } from '@/api/resource/supplierConsumable'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { SCHEDULE } from '@/utils/scheduleDict'
+
+const emit = defineEmits(['recordSelected'])
+
+const showFilterDialog = ref(false)
+const listQuery = ref<IConsumableApplyFilter>({
+  applyNo: '',
+  createUserName: '',
+  createDept: '',
+  approvalStatus: '0', // 查询委托方名录
+  formId: SCHEDULE.CONSUMABLE_MATERIAL_APPROVAL, // 表单Id
+  offset: 1,
+  limit: 10,
+})
+const total = ref<number>(0) // 数据总条数
+const columns = ref <Array<TableColumn>>([
+  { text: '文件编号', value: 'applyNo', align: 'center', width: '180' },
+  { text: '易耗物资名称、规格型号及数量', value: 'goodsListStr', align: 'center' },
+  { text: '申请部门', value: 'createDept', align: 'center', width: '160' },
+  { text: '申请人', value: 'createUserName', align: 'center', width: '120' },
+]) // 表头
+
+const dataList = ref<Array<IConsumableApply>>([])
+const expandRowKey = ref<string>('')
+const goodsListExpand = ref<Array<IConsumableApplyGoods>>([])
+
+const expandRowKeys = computed(() => {
+  return [expandRowKey.value]
+})
+
+// 查询委托方名录列表
+const getList = () => {
+  getConsumableApplyList(listQuery.value).then((res) => {
+    if (res.code === 200) {
+      dataList.value = res.data.rows.map((item: IConsumableApply) => {
+        return {
+          ...item,
+          goodsListStr: `${item.goodsName}；${item.goodsModel}；${item.goodsQuantity}`,
+        }
+      })
+      total.value = res.data.total
+    }
+    else {
+      dataList.value = []
+    }
+  })
+}
+
+const getDetailGoodsList = (goods: IConsumableApply) => {
+  detailConsumableApply({ id: goods.id }).then((res) => {
+    if (res.code === 200) {
+      goodsListExpand.value = res.data.goodsDetailList
+    }
+  })
+}
+
+// 逻辑
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  getList()
+}
+
+// 改变页容量
+function handleSizeChange(val: number) {
+  changePage({ size: val })
+}
+// 改变当前页
+function handleCurrentChange(val: number) {
+  changePage({ page: val })
+}
+
+// 展开行 每次只能展开一行
+const expandCurrentRow = (row: IConsumableApply) => {
+  if (expandRowKey.value === '') {
+    // 全部收起的状态 展开当前点击的行
+    expandRowKey.value = row.applyNo
+  }
+  else if (expandRowKey.value !== row.applyNo) {
+    // 已经有展开的行 切换到当前打开的行
+    expandRowKey.value = row.applyNo
+  }
+  else {
+    // 点击的是当前已经展开的行 收起
+    expandRowKey.value = ''
+  }
+}
+
+// 点击行
+const expandClickedHandler = async (row: IConsumableApply, event: any) => {
+  expandCurrentRow(row)
+  if (expandRowKey.value !== '') {
+    getDetailGoodsList(row)
+  }
+}
+
+const tableRowExpandChange = (row: IConsumableApply) => {
+  expandCurrentRow(row)
+}
+
+// 选中用户
+const selectSingleRecord = (row: IConsumableApply) => {
+  emit('recordSelected', row)
+}
+
+const showOrHideFilterDialog = (show: boolean) => {
+  if (show === false) {
+    listQuery.value.applyNo = ''
+    listQuery.value.createUserName = ''
+    listQuery.value.createDept = ''
+    listQuery.value.offset = 1
+    listQuery.value.limit = 10
+  }
+  else {
+    getList()
+  }
+
+  showFilterDialog.value = show
+}
+
+defineExpose({
+  showOrHideFilterDialog,
+})
+</script>
+
+<template>
+  <el-dialog v-model="showFilterDialog" title="选择易耗物资申请单" :append-to-body="true" :close-on-click-modal="false" top="10vh" width="75%">
+    <search-area :need-clear="false" @search="getList">
+      <search-item>
+        <el-input v-model="listQuery.applyNo" placeholder="文件编号" clearable />
+      </search-item>
+
+      <search-item>
+        <el-input v-model="listQuery.createDept" placeholder="申请部门" clearable />
+      </search-item>
+
+      <search-item>
+        <el-input v-model="listQuery.createUserName" placeholder="申请人" clearable />
+      </search-item>
+    </search-area>
+
+    <!-- 表格数据展示 -->
+    <table-container :title-show="false">
+      <!-- 表格区域 -->
+      <el-table
+        ref="applyTableRef"
+        :data="dataList" style="width: 100%;" stripe
+        border row-key="applyNo"
+        :expand-row-keys="expandRowKeys"
+        @expand-change="tableRowExpandChange"
+      >
+        <el-table-column type="expand" width="1">
+          <el-table :show-header="false" :data="goodsListExpand" border style="margin-left: 235px; width: calc(100% - 635px);">
+            <el-table-column label="名称" prop="goodsName" align="center" />
+            <el-table-column label="规格型号" prop="goodsModel" align="center" />
+            <el-table-column label="数量" prop="goodsQuantity" align="center" />
+          </el-table>
+        </el-table-column>
+
+        <el-table-column align="center" label="序号" width="55" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          align="center"
+        />
+
+        <el-table-column fixed="right" label="操作" align="center" width="120">
+          <template #default="{ row }">
+            <el-button size="small" type="primary" link @click="expandClickedHandler(row, $event)">
+              <template v-if="expandRowKey !== row.applyNo">
+                展开物资
+              </template>
+              <template v-else>
+                收起展开
+              </template>
+            </el-button>
+            <el-button size="small" type="primary" link @click="selectSingleRecord(row)">
+              选定
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页 -->
+      <div style="width: 100%;margin-top: 10px;">
+        <el-pagination
+          :current-page="listQuery.offset"
+          :page-sizes="[10, 20, 30]"
+          :page-size="listQuery.limit"
+          :total="total"
+          layout="total, sizes, prev, pager, next"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
+      </div>
+    </table-container>
+  </el-dialog>
+</template>
+
+<style scoped lang="scss">
+:deep(.el-table__expand-icon) {
+  visibility: hidden !important;
+}
+
+:deep(.el-table__expanded-cell) {
+  padding-top: 0 !important;
+}
+
+/* 其他状态下的列表 */
+.expand-approval-with-status {
+  width: calc(100% - 885px);
+  margin-left: 255px;
+}
+
+/* 全部状态下的列表 */
+.expand-approval-all {
+  width: calc(100% - 785px);
+  margin-left: 255px;
+}
+</style>
diff --git a/src/views/resource/outsideService/consumable/approvedDetail.vue b/src/views/resource/outsideService/consumable/approvedDetail.vue
index 4f5673c..603484d 100644
--- a/src/views/resource/outsideService/consumable/approvedDetail.vue
+++ b/src/views/resource/outsideService/consumable/approvedDetail.vue
@@ -49,6 +49,10 @@
     case 'use':
       title.value = '易耗物资使用记录'
       break
+
+    case 'check':
+      title.value = '物资验收记录'
+      break
   }
 }
 
diff --git a/src/views/resource/outsideService/consumable/checkDetail.vue b/src/views/resource/outsideService/consumable/checkDetail.vue
new file mode 100644
index 0000000..c2e67a9
--- /dev/null
+++ b/src/views/resource/outsideService/consumable/checkDetail.vue
@@ -0,0 +1,626 @@
+<!-- 物资验收记录单详情 -->
+<script name="ConsumableCheckDetail" lang="ts" setup>
+import { ElMessage, ElMessageBox, dayjs } from 'element-plus'
+import type { IConsumableApply, IGoodsCheckRecord } from './consumable-interface'
+import ApprovalDialog from '@/views/resource/common/approvalDialog.vue'
+import FilterConsumableApply from '@/views/resource/common/filterConsumableApply.vue'
+import type { IDictType } from '@/commonInterface/resource-interface'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import { detailConsumableApply, detailGoodsCheck, draftDeleteCheck, failUpdateGoodsCheck, refuseApprovalCheck, revokeApprovalCheck, saveGoodsCheck, submitGoodsCheck, updateGoodsCheck } from '@/api/resource/supplierConsumable'
+import ApprovalRecordTable from '@/components/ApprovalRecord/ApprovalRecordTable.vue'
+import useUserStore from '@/store/modules/user'
+import { getDictByCode } from '@/api/system/dict'
+
+// 变量
+// 从路由中传过来的参数
+const type = ref<string>('')
+const id = ref<string>('')
+const status = ref<string>('')
+
+// 关键字段是否可以编辑
+const keyFieldsDisable = ref<boolean>(true)
+
+const userInfo = useUserStore()
+const route = useRoute()
+const router = useRouter()
+const title = ref('')
+
+const radioItems = ref([
+  { name: '基本信息', value: 'consumable-check-basic' },
+  { name: '审批详情', value: 'consumable-check-approval' },
+])
+const current = ref('')
+const currentLabel = ref('')
+
+// 子组件
+const approvalDialog = ref()
+const goodsCheckRef = ref()
+const applyFilterRef = ref()
+
+const goodsCheckForm = ref<IGoodsCheckRecord>({
+  id: '',
+  labCode: '',
+  groupCode: '',
+  recordNo: '',
+  recordName: '物资验收记录单',
+  createDeptId: '',
+  createDept: '',
+  createUserId: '',
+  goodsName: '',
+  goodsModel: '',
+  goodsSupplier: '',
+  goodsWorth: '',
+  goodsApplyId: '',
+  goodsApplyNo: '',
+  acceptTime: '',
+  performance: '',
+  createTime: '',
+  approvalStatus: '',
+  approvalStatusName: '',
+  processId: '',
+  taskId: '',
+})
+
+const checkRules = ref({
+  labCode: [{ required: true, message: '实验室代码不能为空，请选择', trigger: ['change', 'blur'] }],
+  groupCode: [{ required: true, message: '组别代码不能为空，请选择', trigger: ['change', 'blur'] }],
+  acceptTime: [{ required: true, message: '验收时间不能为空，请选择', trigger: 'blur' }],
+  goodsApplyNo: [{ required: true, message: '易耗物资申请单不能为空，请选择', trigger: 'blur' }],
+  goodsName: [{ required: true, message: '物资名称不能为空', trigger: 'blur' }],
+  goodsModel: [{ required: true, message: '规格型号不能为空', trigger: 'blur' }],
+  goodsSupplier: [{ required: true, message: '生产厂家不能为空', trigger: 'blur' }],
+  goodsWorth: [{ required: true, message: '价值不能为空', trigger: 'blur' }],
+  performance: [{ required: true, message: '主要性能指标不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+
+// 是否显示相关按钮
+const saveButtVisable = ref<boolean>(false) // 是否显示 保存 按钮
+const submitButtVisable = ref<boolean>(false) // 是否显示 提交 按钮
+const flowButtsVisable = ref<boolean>(false) // 是否显示 同意和拒绝 按钮
+const cancelButtVisable = ref<boolean>(false) // 是否显示 取消 按钮
+const deleteButtVisable = ref<boolean>(false) // 是否显示 删除 按钮
+const editButtVisable = ref<boolean>(false) // 是否显示 编辑 按钮
+
+// 字典值
+const labCodeDict = ref<IDictType[]>([])
+const groupCodeDict = ref<IDictType[]>([])
+
+// 逻辑
+// 详情页的各个tab切换操作
+const radioChangeHandler = (newVal: string | number | boolean) => {
+  const radioTarget = radioItems.value.filter(item => item.name === newVal)
+  if (radioTarget.length > 0) {
+    currentLabel.value = radioTarget[0].name
+    current.value = radioTarget[0].value
+  }
+  else {
+    currentLabel.value = radioItems.value[0].name
+    current.value = radioItems.value[0].value
+  }
+}
+
+// 将所有流程操作的按钮隐藏
+const hideAllOpterationButtons = () => {
+  saveButtVisable.value = false
+  submitButtVisable.value = false
+  flowButtsVisable.value = false
+  cancelButtVisable.value = false
+  deleteButtVisable.value = false
+  editButtVisable.value = false
+}
+
+// 根据审批状态显示对应的流程操作按钮
+const showOperationButtonByStatus = () => {
+  switch (status.value) {
+    case '0':
+      // 全部：保存按钮可见
+      if (type.value === 'update') {
+        saveButtVisable.value = true
+      }
+      else {
+        saveButtVisable.value = false
+      }
+      break
+
+    case '1':
+      // 草稿箱：保存、提交按钮可见
+      saveButtVisable.value = true
+      submitButtVisable.value = true
+      break
+
+    case '2':
+      // 待审批：同意、拒绝按钮可见
+      flowButtsVisable.value = true
+      break
+
+    case '3':
+      // 审批中：取消按钮可见
+      cancelButtVisable.value = true
+      break
+
+    case '5':
+      // 未通过：编辑 按钮可见
+      editButtVisable.value = true
+      break
+
+    case '6':
+      // 已取消：编辑 删除按钮可见
+      editButtVisable.value = true
+      deleteButtVisable.value = true
+      break
+
+    default:
+      // 默认不显示所有的操作按钮
+      hideAllOpterationButtons()
+      break
+  }
+}
+
+// 关闭
+const resetForm = () => {
+  sessionStorage.removeItem('consumableCheckTaskId') // 返回列表时 将缓存中的数据删除
+  router.go(-1)
+}
+
+// 保存至草稿箱
+const saveDraftCheck = () => {
+  goodsCheckForm.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss') // 创建时间改为提交时间
+  saveGoodsCheck(goodsCheckForm.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+      // 设置返回的id和编号
+      goodsCheckForm.value.recordNo = res.data.recordNo
+      goodsCheckForm.value.id = res.data.id
+      id.value = res.data.id
+
+      type.value = 'update'
+      status.value = '1' // 保存成功后进入草稿箱 为了不显示审批详情
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+// 编辑草稿箱（不走流程审批）
+const updateDraftCheck = () => {
+  updateGoodsCheck(goodsCheckForm.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+
+// 编辑按钮点击事件处理函数
+const editClickedHandler = () => {
+  type.value = 'update'
+  title.value = '物资验收记录单（编辑）'
+
+  // 隐藏编辑按钮 显示提交按钮
+  editButtVisable.value = false
+  submitButtVisable.value = true
+}
+
+// 新建时保存后的处理 获取返回的id
+const saveButtonHandler = async () => {
+  if (!goodsCheckRef) { return }
+
+  await goodsCheckRef.value.validate((valid: boolean) => {
+    if (valid === true) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (type.value === 'create') {
+          saveDraftCheck()
+        }
+        else if (type.value === 'update') {
+          updateDraftCheck()
+        }
+      })
+    }
+  })
+}
+
+// 提交按钮
+const submitButtonHandler = async () => {
+  if (goodsCheckForm.value === null || goodsCheckForm.value.processId === undefined || goodsCheckForm.value.processId === '') {
+    // 流程id为空 表示还未进入流程中 直接提交
+    ElMessageBox.confirm(`是否提交物资验收记录单 ${goodsCheckForm.value.recordNo}`, '提示', {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    }).then(() => {
+      submitGoodsCheck({
+        formId: SCHEDULE.CHECK_MATERIAL_RECORD_APPROVAL,
+        id: goodsCheckForm.value.id,
+      }).then((res) => {
+        if (res.code === 200) {
+          ElMessage.success(`物资验收记录单 ${goodsCheckForm.value.recordNo} 提交成功`)
+
+          type.value = 'detail'
+          hideAllOpterationButtons()
+        }
+        else {
+          ElMessage.error(`物资验收记录单 ${goodsCheckForm.value.recordNo} 提交失败：${res.message}`)
+        }
+      })
+    })
+  }
+  else {
+    // 之前已经在流程中的表单 保存提交
+    await goodsCheckRef.value.validate((valid: boolean) => {
+      if (valid === true) {
+        failUpdateGoodsCheck(goodsCheckForm.value).then((res) => {
+          if (res.code === 200) {
+          // 提示保存成功
+            ElMessage.success(`物资验收记录单 ${goodsCheckForm.value.recordNo} 提交成功`)
+
+            type.value = 'detail'
+            hideAllOpterationButtons()
+          }
+          else {
+          // 提示失败信息
+            ElMessage.error(`物资验收记录单 ${goodsCheckForm.value.recordNo} 提交失败：${res.message}`)
+          }
+        })
+      }
+    })
+  }
+}
+
+// 根据id查询详情
+const detailById = async (id: string) => {
+  await detailGoodsCheck({ id }).then((res) => {
+    if (res.code === 200) {
+      goodsCheckForm.value = res.data
+      if (goodsCheckForm.value.taskId === '') {
+        goodsCheckForm.value.taskId = sessionStorage.getItem('consumableCheckTaskId')!
+      }
+      detailConsumableApply({ id: goodsCheckForm.value.goodsApplyId }).then((response) => {
+        goodsCheckForm.value.goodsApplyNo = response.data.applyNo
+      })
+    }
+  })
+}
+
+// 流程审批-拒绝
+const approvalRefuseHandler = () => {
+  approvalDialog.value.initDialog('refuse', goodsCheckForm.value.id, goodsCheckForm.value.taskId, '')
+}
+
+// 流程审批-同意
+const approvalAgreeHandler = () => {
+  approvalDialog.value.initDialog('agree', goodsCheckForm.value.id, goodsCheckForm.value.taskId, '')
+}
+
+// 取消流程
+const revokeClickedHandler = () => {
+  approvalDialog.value.initDialog('revoke', goodsCheckForm.value.id, goodsCheckForm.value.taskId, goodsCheckForm.value.processId)
+}
+
+// 删除审批单
+const deleteClickedHandler = () => {
+  ElMessageBox.confirm(`是否删除审批单 ${goodsCheckForm.value.recordNo}`, '提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(() => {
+    draftDeleteCheck({ id: id.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success(`审批单 ${goodsCheckForm.value.recordNo} 删除成功`)
+        resetForm()
+      }
+      else {
+        ElMessage.error(`审批单 ${goodsCheckForm.value.recordNo} 删除失败: ${res.message}`)
+      }
+    })
+  })
+}
+
+// 流程审批（同意、拒绝、取消）结束后的操作 将按钮都隐藏（本身就不能编辑了）
+const approvalSuccessHandler = (type: string) => {
+  if (type === 'agree' || type === 'refuse') {
+    flowButtsVisable.value = false
+  }
+  else if (type === 'revoke') {
+    cancelButtVisable.value = false
+  }
+}
+
+// 取消
+const revokeHandler = (param: any) => {
+  revokeApprovalCheck(param).then((res) => {
+    if (res.code === 200) {
+      ElMessage.success('流程取消成功')
+    }
+    else {
+      ElMessage.error(`流程取消失败：${res.message}`)
+    }
+    // 关闭弹窗
+    approvalDialog.value.handleClose()
+
+    cancelButtVisable.value = false
+  })
+}
+
+// 拒绝
+const refuseHandler = (param: any) => {
+  refuseApprovalCheck(param).then((res) => {
+    if (res.code === 200) {
+      ElMessage.success('拒绝审批完成')
+    }
+    else {
+      ElMessage.error(`拒绝审批失败：${res.message}`)
+    }
+    // 关闭弹窗
+    approvalDialog.value.handleClose()
+
+    flowButtsVisable.value = false
+  })
+}
+
+const showConsumableApplyFilter = () => {
+  applyFilterRef.value.showOrHideFilterDialog(true)
+}
+
+const applyFormSelectedHandler = (apply: IConsumableApply) => {
+  goodsCheckForm.value.goodsApplyId = apply.id
+  goodsCheckForm.value.goodsApplyNo = apply.applyNo
+  goodsCheckForm.value.goodsApply = apply.applyName
+
+  applyFilterRef.value.showOrHideFilterDialog(false)
+}
+
+const getLabCodeDict = async () => {
+  // 先从缓存中获取
+  if (sessionStorage.getItem('bizLabCode') === null || sessionStorage.getItem('bizLabCode') === undefined) {
+    // 缓存中没有则调用接口查询
+    await getDictByCode('bizLabCode').then((res) => {
+      if (res.code === 200) {
+        labCodeDict.value = res.data
+      }
+    })
+  }
+  else {
+    labCodeDict.value = JSON.parse(sessionStorage.getItem('bizLabCode')!)
+  }
+}
+
+const getGroupCodeDict = async () => {
+  // 先从缓存中获取
+  if (sessionStorage.getItem('bizGroupCode') === null || sessionStorage.getItem('bizLabbizGroupCodeCode') === undefined) {
+    // 缓存中没有则调用接口查询
+    await getDictByCode('bizGroupCode').then((res) => {
+      if (res.code === 200) {
+        groupCodeDict.value = res.data
+      }
+    })
+  }
+  else {
+    groupCodeDict.value = JSON.parse(sessionStorage.getItem('bizGroupCode')!)
+  }
+}
+
+const initDict = async () => {
+  await getLabCodeDict()
+  await getGroupCodeDict()
+}
+
+const initDialog = (params: any) => {
+  // 从路由中获取参数
+  type.value = params.type
+  id.value = params.id !== undefined ? params.id : ''
+  status.value = params.status !== undefined ? params.status : ''
+
+  // 默认显示第一个tab内容
+  current.value = radioItems.value[0].value
+  currentLabel.value = radioItems.value[0].name
+
+  switch (params.type) {
+    case 'create' :
+      title.value = '物资验收记录单（新增）'
+      saveButtVisable.value = true
+      submitButtVisable.value = true
+
+      goodsCheckForm.value.createUserId = userInfo.id
+      goodsCheckForm.value.createUserName = userInfo.name
+      goodsCheckForm.value.createDeptId = userInfo.deptId
+      goodsCheckForm.value.createDept = userInfo.deptName
+      goodsCheckForm.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss')
+
+      keyFieldsDisable.value = false
+
+      break
+    case 'update':
+      title.value = '物资验收记录单（编辑）'
+
+      detailById(id.value)
+
+      // 判断显示哪些流程操作按钮
+      showOperationButtonByStatus()
+      keyFieldsDisable.value = true
+
+      break
+    case 'detail':
+      title.value = '物资验收记录单（详情）'
+      id.value = params.id
+
+      detailById(id.value)
+
+      // 查看详情时所有的操作按钮都隐藏
+      showOperationButtonByStatus()
+      keyFieldsDisable.value = true
+
+      break
+    default:
+      title.value = ''
+      break
+  }
+}
+
+onMounted(() => {
+  initDict()
+  initDialog(route.query)
+})
+</script>
+
+<template>
+  <app-container>
+    <el-form ref="goodsCheckRef" :model="goodsCheckForm" :rules="checkRules" label-position="right" label-width="110px" border stripe>
+      <detail-page :title="`${title}`">
+        <template #btns>
+          <el-button v-if="editButtVisable" type="primary" @click="editClickedHandler()">
+            编辑
+          </el-button>
+
+          <template v-if="flowButtsVisable">
+            <el-button type="primary" @click="approvalAgreeHandler">
+              同意
+            </el-button>
+            <el-button type="danger" @click="approvalRefuseHandler">
+              拒绝
+            </el-button>
+          </template>
+
+          <el-button v-if="submitButtVisable" :disabled="id === ''" type="primary" @click="submitButtonHandler">
+            提交
+          </el-button>
+          <el-button v-if="saveButtVisable" type="primary" @click="saveButtonHandler">
+            保存
+          </el-button>
+
+          <el-button v-if="deleteButtVisable" type="danger" @click="deleteClickedHandler">
+            删除
+          </el-button>
+          <el-button v-if="cancelButtVisable" type="info" @click="revokeClickedHandler">
+            取消
+          </el-button>
+
+          <el-button type="info" @click="resetForm()">
+            关闭
+          </el-button>
+        </template>
+
+        <el-radio-group v-model="currentLabel" style="margin-bottom: 20px;" @change="radioChangeHandler">
+          <el-radio-button v-for="item in radioItems" :key="item.value" :label="item.name" :disabled="id === ''" />
+        </el-radio-group>
+
+        <template v-if="current === 'consumable-check-basic'">
+          <el-row :gutter="24">
+            <!-- 第一行 第一列 -->
+            <el-col :span="6">
+              <el-form-item label="实验室代码" prop="labCode">
+                <el-select v-model="goodsCheckForm.labCode" placeholder="请选择实验室代码" :disabled="keyFieldsDisable" style="width: 100%;">
+                  <el-option v-for="dict in labCodeDict" :key="dict.id" :label="dict.name" :value="dict.value" />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="验收部门">
+                <el-input v-model="goodsCheckForm.createDept" :disabled="true" />
+                <el-input v-model="goodsCheckForm.createDeptId" type="hidden" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6">
+              <el-form-item label="组别代码" prop="groupCode">
+                <el-select v-model="goodsCheckForm.groupCode" placeholder="请选择组别代码" :disabled="keyFieldsDisable" style="width: 100%;">
+                  <el-option v-for="dict in groupCodeDict" :key="dict.id" :label="dict.name" :value="dict.value" />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="验收人">
+                <el-input v-model="goodsCheckForm.createUserName" :disabled="true" />
+                <el-input v-model="goodsCheckForm.createUserId" type="hidden" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6">
+              <el-form-item label="文件编号">
+                <el-input v-model="goodsCheckForm.recordNo" placeholder="文件编号，保存后自动生成" :disabled="true" />
+              </el-form-item>
+              <el-form-item label="验收时间" prop="acceptTime">
+                <el-date-picker v-model="goodsCheckForm.acceptTime" format="YYYY-MM-DD" value-format="YYYY-MM-DD" :disabled="type === 'detail'" style="width: 100%;" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6">
+              <el-form-item label="文件名称">
+                <el-input v-model="goodsCheckForm.recordName" :disabled="true" />
+              </el-form-item>
+
+              <el-form-item label="物资申请单" prop="goodsApplyNo">
+                <el-input v-model="goodsCheckForm.goodsApplyId" type="hidden" />
+                <el-input v-model="goodsCheckForm.goodsApplyNo" :disabled="true">
+                  <template #append>
+                    <el-button size="small" :disabled="keyFieldsDisable" @click="showConsumableApplyFilter">
+                      选择
+                    </el-button>
+                  </template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </template>
+      </detail-page>
+
+      <template v-if="current === 'consumable-check-basic'">
+        <table-container title="验收详情">
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="名称" prop="goodsName">
+                <el-input v-model="goodsCheckForm.goodsName" :disabled="type === 'detail'" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6">
+              <el-form-item label="规格型号" prop="goodsModel">
+                <el-input v-model="goodsCheckForm.goodsModel" :disabled="type === 'detail'" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6">
+              <el-form-item label="生产厂家" prop="goodsSupplier">
+                <el-input v-model="goodsCheckForm.goodsSupplier" :disabled="type === 'detail'" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6">
+              <el-form-item label="价值" prop="goodsWorth">
+                <el-input v-model="goodsCheckForm.goodsWorth" :disabled="type === 'detail'" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row :gutter="24">
+            <el-col :span="18">
+              <el-form-item label="主要性能指标" prop="performance">
+                <el-input v-model="goodsCheckForm.performance" type="textarea" :rows="5" :disabled="type === 'detail'" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </table-container>
+      </template>
+    </el-form>
+
+    <approval-dialog
+      ref="approvalDialog"
+      @on-success="approvalSuccessHandler" @on-refuse="refuseHandler" @on-revoke="revokeHandler"
+    />
+
+    <filter-consumable-apply ref="applyFilterRef" @record-selected="applyFormSelectedHandler" />
+
+    <template v-if="current === 'consumable-check-approval' && status !== '1'">
+      <approval-record-table :process-id="goodsCheckForm.processId" />
+    </template>
+  </app-container>
+</template>
diff --git a/src/views/resource/outsideService/consumable/checkList.vue b/src/views/resource/outsideService/consumable/checkList.vue
new file mode 100644
index 0000000..1d6c396
--- /dev/null
+++ b/src/views/resource/outsideService/consumable/checkList.vue
@@ -0,0 +1,422 @@
+<!-- 物资验收记录 列表 -->
+<script name="ConsumableCheckList" lang="ts" setup>
+import type { DateModelType } from 'element-plus'
+import { ElMessage, ElMessageBox, dayjs } from 'element-plus'
+import type { ICheckListQuery, IGoodsCheckRecord } from './consumable-interface'
+import ApprovalDialog from '@/views/resource/common/approvalDialog.vue'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import type { IMenu } from '@/components/buttonBox/buttonBox'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { getDictByCode } from '@/api/system/dict'
+import { canceledApprDeleteCheck, draftDeleteCheck, getGoodsCheckList, refuseApprovalCheck, revokeApprovalCheck } from '@/api/resource/supplierConsumable'
+
+// 定义常量
+const buttonBoxActive = 'consumableCheckApproval' // 存储在sessionstorage里面的字段名，用于记录右上角buttonbox点击状态
+
+const { proxy } = getCurrentInstance() as any
+const router = useRouter()
+
+// 选中的审批状态按钮
+const active = ref('')
+const menu = ref<IMenu[]>([]) // 审批状态按钮组合
+const approvalStatusList = ref<String[]>([
+  '全部', '已审批', '待审批', '审批', '草稿箱', '审批中', '已通过', '未通过', '已取消',
+])
+
+// 弹窗子组件
+const apprDial = ref()
+const checkTableRef = ref()
+
+// 查询条件
+const searchQuery = ref<ICheckListQuery>({
+  recordNo: '', // 记录单编号
+  createDept: '',
+  createUserName: '', // 创建人
+  acceptTimeStart: '', // 创建时间-起始
+  acceptTimeEnd: '', // 创建时间-结束
+  approvalStatus: active.value, // 审批状态
+  formId: SCHEDULE.CHECK_MATERIAL_RECORD_APPROVAL, // 表单id（流程定义对应的表单id，等价于业务id），此处为固定值
+  offset: 1,
+  limit: 20,
+})
+const dateRange = ref<[DateModelType, DateModelType]>(['', ''])// 筛选时间段数据
+const total = ref(0) // 数据条数
+const loadingTable = ref(false) // 表格loading
+const expandLoading = ref(false) // 展开表格的loading
+
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '文件编号', value: 'recordNo', align: 'center', width: '200' },
+  { text: '物资名称', value: 'goodsName', align: 'center' },
+  { text: '规格型号', value: 'goodsModel', align: 'center' },
+  { text: '验收部门', value: 'createDept', align: 'center', width: '160' },
+  { text: '验收人', value: 'createUserName', align: 'center', width: '120' },
+  { text: '验收时间', value: 'createTime', align: 'center', width: '120' },
+  { text: '审批状态', value: 'approvalStatusName', align: 'center', width: '100' },
+])
+const statusColumn = ref<TableColumn>({ text: '审批状态', value: 'approvalStatusName', align: 'center', width: '100' })
+const checkList = ref<Array<IGoodsCheckRecord>>([]) // 表格数据
+
+// 逻辑
+// 跳转到新建的页面
+const addConsumableCheck = () => {
+  router.push({
+    query: {
+      type: 'create',
+    },
+    path: 'consumableCheck/detail',
+  })
+}
+
+// 点击编辑按钮
+const updateInfo = (row: IGoodsCheckRecord) => {
+  sessionStorage.setItem('consumableCheckTaskId', row.taskId!)
+  router.push({
+    query: {
+      type: 'update',
+      id: row.id,
+      status: searchQuery.value.approvalStatus,
+    },
+    path: 'consumableCheck/detail',
+  })
+}
+
+// 点击查看（或编辑）按钮
+const detail = (row: IGoodsCheckRecord) => {
+  if (searchQuery.value.approvalStatus === '1') {
+    // 全部或草稿箱 状态的 查看 是可以编辑的组件
+    updateInfo(row)
+  }
+  else if (active.value === '0') {
+    router.push({
+      query: {
+        type: 'check',
+        id: row.id,
+      },
+      path: 'consumableCheck/approved',
+    })
+  }
+  else {
+    // 将行数据存入缓存 用来在路由之间传递数据
+    sessionStorage.setItem('consumableCheckTaskId', row.taskId!)
+
+    router.push({
+      query: {
+        type: 'detail',
+        id: row.id,
+        status: searchQuery.value.approvalStatus,
+      },
+      path: 'consumableCheck/detail',
+    })
+  }
+}
+
+// 删除物资验收记录单 或 删除草稿箱中的审批单
+const deleteById = (row: any) => {
+  ElMessageBox.confirm('是否删除物资验收记录单', '提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(() => {
+    if (active.value === '1') {
+      // 草稿箱中的删除记录
+      draftDeleteCheck({ id: row.id }).then((res) => {
+        if (res.code === 200) {
+          ElMessage.success('物资验收记录单删除成功')
+          fetchData()
+        }
+        else {
+          ElMessage.error(`物资验收记录单删除失败: ${res.message}`)
+        }
+      })
+    }
+    else if (active.value === '6') {
+      // 已取消中的删除记录
+      canceledApprDeleteCheck({ id: row.id, taskId: row.taskId }).then((res) => {
+        if (res.code === 200) {
+          ElMessage.success('物资验收记录单删除成功')
+          fetchData()
+        }
+        else {
+          ElMessage.error(`物资验收记录单删除失败: ${res.message}`)
+        }
+      })
+    }
+  })
+}
+
+// 数据查询
+function fetchData(isNowPage = false) {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    searchQuery.value.offset = 1
+  }
+  getGoodsCheckList(searchQuery.value).then((response) => {
+    if (response.code === 200) {
+      checkList.value = response.data.rows.map((item: IGoodsCheckRecord) => {
+        return {
+          ...item,
+          createTime: item.createTime!.length > 16 ? item.createTime!.substring(0, 10) : '',
+        }
+      })
+      total.value = parseInt(response.data.total)
+    }
+    loadingTable.value = false
+  }).catch(() => {
+    loadingTable.value = false
+  })
+}
+
+const searchList = () => {
+  fetchData(true)
+}
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    searchQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    searchQuery.value.offset = val.page
+  }
+  fetchData(true)
+}
+
+// 重置
+const reset = () => {
+  searchQuery.value = {
+    recordNo: '', // 记录单编号
+    createDept: '',
+    createUserName: '', // 创建人
+    acceptTimeStart: '', // 创建时间-起始
+    acceptTimeEnd: '', // 创建时间-结束
+    approvalStatus: active.value, // 审批状态
+    formId: SCHEDULE.CHECK_MATERIAL_RECORD_APPROVAL, // 表单id（流程定义对应的表单id，等价于业务id），此处为固定值
+    offset: 1,
+    limit: 20,
+  }
+  dateRange.value = ['', '']
+  fetchData(true)
+}
+
+// 审批按钮点击切换事件
+const changeCurrentButton = (val: string) => {
+  active.value = val // 此时的tab
+  window.sessionStorage.setItem(buttonBoxActive, val) // 记录tab状态
+
+  const hasStatus = columns.value.filter((col) => {
+    return col.value === statusColumn.value.value
+  })
+
+  if (val === '0') {
+    // 全部的时候不要显示审批状态
+    if (hasStatus.length > 0) {
+      columns.value.pop()
+    }
+  }
+  else {
+    // 其他状态下要显示审批状态字段
+    if (hasStatus.length === 0) {
+      columns.value.push(statusColumn.value)
+    }
+  }
+
+  reset() // 刷新
+}
+
+// 流程审批-同意
+const approvalAgreeHandler = (row: IGoodsCheckRecord) => {
+  apprDial.value.initDialog('agree', row.id, row.taskId, '')
+}
+
+// 流程审批-拒绝
+const approvalRefuseHandler = (row: IGoodsCheckRecord) => {
+  apprDial.value.initDialog('refuse', row.id, row.taskId, '')
+}
+
+// 取消（撤回审批单）
+const revokeApprById = (row: IGoodsCheckRecord) => {
+  apprDial.value.initDialog('revoke', row.id, row.taskId, row.processId)
+}
+
+// 流程操作之后刷新
+const afterApprovalHandler = () => {
+  fetchData(true)
+}
+
+// 取消
+const revokeHandler = (param: any) => {
+  revokeApprovalCheck(param).then((res) => {
+    if (res.code === 200) {
+      ElMessage.success('流程取消成功')
+    }
+    else {
+      ElMessage.error(`流程取消失败：${res.message}`)
+    }
+    // 关闭弹窗
+    apprDial.value.handleClose()
+
+    fetchData(true)
+  })
+}
+
+// 拒绝
+const refuseHandler = (param: any) => {
+  refuseApprovalCheck(param).then((res) => {
+    if (res.code === 200) {
+      ElMessage.success('拒绝审批完成')
+    }
+    else {
+      ElMessage.error(`拒绝审批失败：${res.message}`)
+    }
+    // 关闭弹窗
+    apprDial.value.handleClose()
+
+    fetchData(true)
+  })
+}
+
+// 初始化流程审批状态按钮
+const getApprovalStatusDict = () => {
+  getDictByCode('approvalStatus').then((res) => {
+    if (res.code === 200) {
+      approvalStatusList.value.forEach((item) => {
+        const tempFindData = res.data.find((e: { name: string; value: string }) => e.name === item)
+        if (tempFindData) {
+          menu.value.push({
+            name: tempFindData.name,
+            id: `${tempFindData.value}`,
+          })
+        }
+      })
+    }
+  })
+}
+
+const getLabCodeDict = async () => {
+  await getDictByCode('bizLabCode').then((res) => {
+    if (res.code === 200) {
+      sessionStorage.setItem('bizLabCode', JSON.stringify(res.data))
+    }
+  })
+}
+
+const getGroupCodeDict = async () => {
+  await getDictByCode('bizGroupCode').then((res) => {
+    if (res.code === 200) {
+      sessionStorage.setItem('bizGroupCode', JSON.stringify(res.data))
+    }
+  })
+}
+
+const getDict = async () => {
+  getApprovalStatusDict()
+  getLabCodeDict()
+  getGroupCodeDict()
+}
+
+watch(dateRange, (val) => {
+  if (val) {
+    searchQuery.value.acceptTimeStart = dayjs(val[0]).format('YYYY-MM-DD') === 'Invalid Date' ? '' : dayjs(val[0]).format('YYYY-MM-DD')
+    searchQuery.value.acceptTimeEnd = dayjs(val[1]).format('YYYY-MM-DD') === 'Invalid Date' ? '' : dayjs(val[1]).format('YYYY-MM-DD')
+  }
+  else {
+    searchQuery.value.acceptTimeStart = ''
+    searchQuery.value.acceptTimeEnd = ''
+  }
+})
+
+onMounted(async () => {
+  await getDict()
+  if (sessionStorage.getItem(buttonBoxActive) !== 'undefined' && sessionStorage.getItem(buttonBoxActive) !== null) {
+    active.value = sessionStorage.getItem(buttonBoxActive)!
+  }
+  else {
+    active.value = '0' // 全部
+  }
+})
+</script>
+
+<template>
+  <app-container>
+    <!-- 筛选条件 -->
+    <search-area :need-clear="true" @search="searchList" @clear="reset">
+      <search-item>
+        <el-input v-model="searchQuery.recordNo" placeholder="文件编号" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model="searchQuery.createDept" placeholder="验收部门" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model="searchQuery.createUserName" placeholder="验收人" clearable />
+      </search-item>
+      <search-item>
+        <el-date-picker v-model="dateRange" type="daterange" start-placeholder="验收时间（开始）" end-placeholder="验收时间（结束）" />
+      </search-item>
+    </search-area>
+
+    <!-- 表格数据展示 -->
+    <table-container>
+      <!-- 表头区域 -->
+      <template v-if="active === '0' && proxy.hasPerm(`/resource/outsideService/consumableCheck/add`)" #btns-right>
+        <icon-button icon="icon-add" title="新建" @click="addConsumableCheck" />
+      </template>
+
+      <normal-table
+        id="checkTableRef"
+        :data="checkList" :total="total" :columns="columns"
+        :query="{ limit: searchQuery.limit, offset: searchQuery.offset }"
+        :list-loading="loadingTable"
+        @change="changePage"
+      >
+        <template #preColumns>
+          <el-table-column label="序号" width="55" align="center">
+            <template #default="scope">
+              {{ (searchQuery.offset - 1) * searchQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+
+        <template #columns>
+          <el-table-column fixed="right" label="操作" align="center" width="130">
+            <template #default="{ row }">
+              <el-button size="small" type="primary" link @click="detail(row)">
+                查看
+              </el-button>
+
+              <el-button v-if="(active === '1' || active === '6') && proxy.hasPerm(`/resource/outsideService/consumableCheck/del`)" size="small" type="danger" link @click="deleteById(row)">
+                删除
+              </el-button>
+
+              <template v-if="active === '2'">
+                <el-button size="small" type="primary" link @click="approvalAgreeHandler(row)">
+                  同意
+                </el-button>
+                <el-button size="small" type="danger" link @click="approvalRefuseHandler(row)">
+                  拒绝
+                </el-button>
+              </template>
+              <template v-if="active === '3'">
+                <el-button size="small" type="info" link @click="revokeApprById(row)">
+                  取消
+                </el-button>
+              </template>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+
+    <!-- 审批单弹窗 -->
+    <approval-dialog
+      ref="apprDial"
+      @on-success="afterApprovalHandler"
+      @on-refuse="refuseHandler"
+      @on-revoke="revokeHandler"
+    />
+
+    <!-- 右上角按钮集合 -->
+    <button-box :active="active" :menu="menu" @change-current-button="changeCurrentButton" />
+  </app-container>
+</template>

diff --git a/src/api/resource/supplierConsumable.ts b/src/api/resource/supplierConsumable.ts
index 953bbd8..90b9ba1 100644
--- a/src/api/resource/supplierConsumable.ts
+++ b/src/api/resource/supplierConsumable.ts
@@ -1,5 +1,6 @@
 import request from '../index'
 const prefix = 'resource/supplier/consumableGoods'
+const prefixGoods = 'resource/supplier/goods'
 
 /* --------------------------------  供方评价表 -------------------------------- */
 // 查询列表
@@ -273,3 +274,94 @@
     data,
   })
 }
+
+/* --------------------------------  验收记录单 -------------------------------- */
+// 查询列表
+export function getGoodsCheckList(data: any) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function detailGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 保存至草稿箱
+export function saveGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/save`,
+    method: 'post',
+    data,
+  })
+}
+
+// 提交流程
+export function submitGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/submit`,
+    method: 'post',
+    data,
+  })
+}
+
+// 草稿箱编辑（不走流程审批）
+export function updateGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/draftUpdate`,
+    method: 'post',
+    data,
+  })
+}
+
+// 未通过供方编辑（重走流程审批）
+export function failUpdateGoodsCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/failUpdate`,
+    method: 'post',
+    data,
+  })
+}
+
+// 删除草稿箱
+export function draftDeleteCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/draftDelete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 删除已取消
+export function canceledApprDeleteCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 发起者撤回，表单状态更改为已取消
+export function revokeApprovalCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/revoke`,
+    method: 'post',
+    data,
+  })
+}
+
+// 设备供方审批-拒绝
+export function refuseApprovalCheck(data: object) {
+  return request({
+    url: `${prefixGoods}AcceptanceRecord/approval/refuse`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/resource.ts b/src/router/modules/resource.ts
index e4d804d..2208a60 100644
--- a/src/router/modules/resource.ts
+++ b/src/router/modules/resource.ts
@@ -689,6 +689,40 @@
         },
       },
       {
+        path: 'consumableCheckList',
+        name: 'ConsumableCheckList',
+        component: () => import('@/views/resource/outsideService/consumable/checkList.vue'),
+        meta: {
+          title: '物资验收记录',
+          auth: '/resource/outsideService/consumableCheck',
+          icon: 'ep:key',
+        },
+      },
+      {
+        path: 'consumableCheck/:type/:id?/:status?',
+        name: 'ConsumableCheckDetail',
+        component: () => import('@/views/resource/outsideService/consumable/checkDetail.vue'),
+        meta: {
+          title: '物资验收记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableCheckList',
+        },
+      },
+      {
+        path: 'consumableCheck/approved/:id?',
+        name: 'ConsumableCheckDetailApproved',
+        component: () => import('@/views/resource/outsideService/consumable/approvedDetail.vue'),
+        meta: {
+          title: '物资验收记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableCheckList',
+        },
+      },
+      {
         path: 'consumableUseList',
         name: 'ConsumableUseList',
         component: () => import('@/views/resource/outsideService/consumable/useList.vue'),
diff --git a/src/views/resource/common/common-interface.ts b/src/views/resource/common/common-interface.ts
index dfe7b52..c7c115f 100644
--- a/src/views/resource/common/common-interface.ts
+++ b/src/views/resource/common/common-interface.ts
@@ -21,3 +21,13 @@
   offset: number
   limit: number
 }
+
+export interface IConsumableApplyFilter {
+  applyNo: string
+  createUserName: string
+  createDept: string
+  approvalStatus: string
+  formId: string
+  offset: number
+  limit: number
+}
diff --git a/src/views/resource/common/filterConsumableApply.vue b/src/views/resource/common/filterConsumableApply.vue
new file mode 100644
index 0000000..0fd3ae7
--- /dev/null
+++ b/src/views/resource/common/filterConsumableApply.vue
@@ -0,0 +1,233 @@
+<!-- 筛选易耗物资申请单弹窗 -->
+<script name="FilterConsumableApply" lang="ts" setup>
+import type { IConsumableApplyFilter } from './common-interface'
+import type { IConsumableApply, IConsumableApplyGoods } from '@/views/resource/outsideService/consumable/consumable-interface'
+import { detailConsumableApply, getConsumableApplyList } from '@/api/resource/supplierConsumable'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { SCHEDULE } from '@/utils/scheduleDict'
+
+const emit = defineEmits(['recordSelected'])
+
+const showFilterDialog = ref(false)
+const listQuery = ref<IConsumableApplyFilter>({
+  applyNo: '',
+  createUserName: '',
+  createDept: '',
+  approvalStatus: '0', // 查询委托方名录
+  formId: SCHEDULE.CONSUMABLE_MATERIAL_APPROVAL, // 表单Id
+  offset: 1,
+  limit: 10,
+})
+const total = ref<number>(0) // 数据总条数
+const columns = ref <Array<TableColumn>>([
+  { text: '文件编号', value: 'applyNo', align: 'center', width: '180' },
+  { text: '易耗物资名称、规格型号及数量', value: 'goodsListStr', align: 'center' },
+  { text: '申请部门', value: 'createDept', align: 'center', width: '160' },
+  { text: '申请人', value: 'createUserName', align: 'center', width: '120' },
+]) // 表头
+
+const dataList = ref<Array<IConsumableApply>>([])
+const expandRowKey = ref<string>('')
+const goodsListExpand = ref<Array<IConsumableApplyGoods>>([])
+
+const expandRowKeys = computed(() => {
+  return [expandRowKey.value]
+})
+
+// 查询委托方名录列表
+const getList = () => {
+  getConsumableApplyList(listQuery.value).then((res) => {
+    if (res.code === 200) {
+      dataList.value = res.data.rows.map((item: IConsumableApply) => {
+        return {
+          ...item,
+          goodsListStr: `${item.goodsName}；${item.goodsModel}；${item.goodsQuantity}`,
+        }
+      })
+      total.value = res.data.total
+    }
+    else {
+      dataList.value = []
+    }
+  })
+}
+
+const getDetailGoodsList = (goods: IConsumableApply) => {
+  detailConsumableApply({ id: goods.id }).then((res) => {
+    if (res.code === 200) {
+      goodsListExpand.value = res.data.goodsDetailList
+    }
+  })
+}
+
+// 逻辑
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  getList()
+}
+
+// 改变页容量
+function handleSizeChange(val: number) {
+  changePage({ size: val })
+}
+// 改变当前页
+function handleCurrentChange(val: number) {
+  changePage({ page: val })
+}
+
+// 展开行 每次只能展开一行
+const expandCurrentRow = (row: IConsumableApply) => {
+  if (expandRowKey.value === '') {
+    // 全部收起的状态 展开当前点击的行
+    expandRowKey.value = row.applyNo
+  }
+  else if (expandRowKey.value !== row.applyNo) {
+    // 已经有展开的行 切换到当前打开的行
+    expandRowKey.value = row.applyNo
+  }
+  else {
+    // 点击的是当前已经展开的行 收起
+    expandRowKey.value = ''
+  }
+}
+
+// 点击行
+const expandClickedHandler = async (row: IConsumableApply, event: any) => {
+  expandCurrentRow(row)
+  if (expandRowKey.value !== '') {
+    getDetailGoodsList(row)
+  }
+}
+
+const tableRowExpandChange = (row: IConsumableApply) => {
+  expandCurrentRow(row)
+}
+
+// 选中用户
+const selectSingleRecord = (row: IConsumableApply) => {
+  emit('recordSelected', row)
+}
+
+const showOrHideFilterDialog = (show: boolean) => {
+  if (show === false) {
+    listQuery.value.applyNo = ''
+    listQuery.value.createUserName = ''
+    listQuery.value.createDept = ''
+    listQuery.value.offset = 1
+    listQuery.value.limit = 10
+  }
+  else {
+    getList()
+  }
+
+  showFilterDialog.value = show
+}
+
+defineExpose({
+  showOrHideFilterDialog,
+})
+</script>
+
+<template>
+  <el-dialog v-model="showFilterDialog" title="选择易耗物资申请单" :append-to-body="true" :close-on-click-modal="false" top="10vh" width="75%">
+    <search-area :need-clear="false" @search="getList">
+      <search-item>
+        <el-input v-model="listQuery.applyNo" placeholder="文件编号" clearable />
+      </search-item>
+
+      <search-item>
+        <el-input v-model="listQuery.createDept" placeholder="申请部门" clearable />
+      </search-item>
+
+      <search-item>
+        <el-input v-model="listQuery.createUserName" placeholder="申请人" clearable />
+      </search-item>
+    </search-area>
+
+    <!-- 表格数据展示 -->
+    <table-container :title-show="false">
+      <!-- 表格区域 -->
+      <el-table
+        ref="applyTableRef"
+        :data="dataList" style="width: 100%;" stripe
+        border row-key="applyNo"
+        :expand-row-keys="expandRowKeys"
+        @expand-change="tableRowExpandChange"
+      >
+        <el-table-column type="expand" width="1">
+          <el-table :show-header="false" :data="goodsListExpand" border style="margin-left: 235px; width: calc(100% - 635px);">
+            <el-table-column label="名称" prop="goodsName" align="center" />
+            <el-table-column label="规格型号" prop="goodsModel" align="center" />
+            <el-table-column label="数量" prop="goodsQuantity" align="center" />
+          </el-table>
+        </el-table-column>
+
+        <el-table-column align="center" label="序号" width="55" type="index" />
+        <el-table-column
+          v-for="item in columns"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          align="center"
+        />
+
+        <el-table-column fixed="right" label="操作" align="center" width="120">
+          <template #default="{ row }">
+            <el-button size="small" type="primary" link @click="expandClickedHandler(row, $event)">
+              <template v-if="expandRowKey !== row.applyNo">
+                展开物资
+              </template>
+              <template v-else>
+                收起展开
+              </template>
+            </el-button>
+            <el-button size="small" type="primary" link @click="selectSingleRecord(row)">
+              选定
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页 -->
+      <div style="width: 100%;margin-top: 10px;">
+        <el-pagination
+          :current-page="listQuery.offset"
+          :page-sizes="[10, 20, 30]"
+          :page-size="listQuery.limit"
+          :total="total"
+          layout="total, sizes, prev, pager, next"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
+      </div>
+    </table-container>
+  </el-dialog>
+</template>
+
+<style scoped lang="scss">
+:deep(.el-table__expand-icon) {
+  visibility: hidden !important;
+}
+
+:deep(.el-table__expanded-cell) {
+  padding-top: 0 !important;
+}
+
+/* 其他状态下的列表 */
+.expand-approval-with-status {
+  width: calc(100% - 885px);
+  margin-left: 255px;
+}
+
+/* 全部状态下的列表 */
+.expand-approval-all {
+  width: calc(100% - 785px);
+  margin-left: 255px;
+}
+</style>
diff --git a/src/views/resource/outsideService/consumable/approvedDetail.vue b/src/views/resource/outsideService/consumable/approvedDetail.vue
index 4f5673c..603484d 100644
--- a/src/views/resource/outsideService/consumable/approvedDetail.vue
+++ b/src/views/resource/outsideService/consumable/approvedDetail.vue
@@ -49,6 +49,10 @@
     case 'use':
       title.value = '易耗物资使用记录'
       break
+
+    case 'check':
+      title.value = '物资验收记录'
+      break
   }
 }
 
diff --git a/src/views/resource/outsideService/consumable/checkDetail.vue b/src/views/resource/outsideService/consumable/checkDetail.vue
new file mode 100644
index 0000000..c2e67a9
--- /dev/null
+++ b/src/views/resource/outsideService/consumable/checkDetail.vue
@@ -0,0 +1,626 @@
+<!-- 物资验收记录单详情 -->
+<script name="ConsumableCheckDetail" lang="ts" setup>
+import { ElMessage, ElMessageBox, dayjs } from 'element-plus'
+import type { IConsumableApply, IGoodsCheckRecord } from './consumable-interface'
+import ApprovalDialog from '@/views/resource/common/approvalDialog.vue'
+import FilterConsumableApply from '@/views/resource/common/filterConsumableApply.vue'
+import type { IDictType } from '@/commonInterface/resource-interface'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import { detailConsumableApply, detailGoodsCheck, draftDeleteCheck, failUpdateGoodsCheck, refuseApprovalCheck, revokeApprovalCheck, saveGoodsCheck, submitGoodsCheck, updateGoodsCheck } from '@/api/resource/supplierConsumable'
+import ApprovalRecordTable from '@/components/ApprovalRecord/ApprovalRecordTable.vue'
+import useUserStore from '@/store/modules/user'
+import { getDictByCode } from '@/api/system/dict'
+
+// 变量
+// 从路由中传过来的参数
+const type = ref<string>('')
+const id = ref<string>('')
+const status = ref<string>('')
+
+// 关键字段是否可以编辑
+const keyFieldsDisable = ref<boolean>(true)
+
+const userInfo = useUserStore()
+const route = useRoute()
+const router = useRouter()
+const title = ref('')
+
+const radioItems = ref([
+  { name: '基本信息', value: 'consumable-check-basic' },
+  { name: '审批详情', value: 'consumable-check-approval' },
+])
+const current = ref('')
+const currentLabel = ref('')
+
+// 子组件
+const approvalDialog = ref()
+const goodsCheckRef = ref()
+const applyFilterRef = ref()
+
+const goodsCheckForm = ref<IGoodsCheckRecord>({
+  id: '',
+  labCode: '',
+  groupCode: '',
+  recordNo: '',
+  recordName: '物资验收记录单',
+  createDeptId: '',
+  createDept: '',
+  createUserId: '',
+  goodsName: '',
+  goodsModel: '',
+  goodsSupplier: '',
+  goodsWorth: '',
+  goodsApplyId: '',
+  goodsApplyNo: '',
+  acceptTime: '',
+  performance: '',
+  createTime: '',
+  approvalStatus: '',
+  approvalStatusName: '',
+  processId: '',
+  taskId: '',
+})
+
+const checkRules = ref({
+  labCode: [{ required: true, message: '实验室代码不能为空，请选择', trigger: ['change', 'blur'] }],
+  groupCode: [{ required: true, message: '组别代码不能为空，请选择', trigger: ['change', 'blur'] }],
+  acceptTime: [{ required: true, message: '验收时间不能为空，请选择', trigger: 'blur' }],
+  goodsApplyNo: [{ required: true, message: '易耗物资申请单不能为空，请选择', trigger: 'blur' }],
+  goodsName: [{ required: true, message: '物资名称不能为空', trigger: 'blur' }],
+  goodsModel: [{ required: true, message: '规格型号不能为空', trigger: 'blur' }],
+  goodsSupplier: [{ required: true, message: '生产厂家不能为空', trigger: 'blur' }],
+  goodsWorth: [{ required: true, message: '价值不能为空', trigger: 'blur' }],
+  performance: [{ required: true, message: '主要性能指标不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+
+// 是否显示相关按钮
+const saveButtVisable = ref<boolean>(false) // 是否显示 保存 按钮
+const submitButtVisable = ref<boolean>(false) // 是否显示 提交 按钮
+const flowButtsVisable = ref<boolean>(false) // 是否显示 同意和拒绝 按钮
+const cancelButtVisable = ref<boolean>(false) // 是否显示 取消 按钮
+const deleteButtVisable = ref<boolean>(false) // 是否显示 删除 按钮
+const editButtVisable = ref<boolean>(false) // 是否显示 编辑 按钮
+
+// 字典值
+const labCodeDict = ref<IDictType[]>([])
+const groupCodeDict = ref<IDictType[]>([])
+
+// 逻辑
+// 详情页的各个tab切换操作
+const radioChangeHandler = (newVal: string | number | boolean) => {
+  const radioTarget = radioItems.value.filter(item => item.name === newVal)
+  if (radioTarget.length > 0) {
+    currentLabel.value = radioTarget[0].name
+    current.value = radioTarget[0].value
+  }
+  else {
+    currentLabel.value = radioItems.value[0].name
+    current.value = radioItems.value[0].value
+  }
+}
+
+// 将所有流程操作的按钮隐藏
+const hideAllOpterationButtons = () => {
+  saveButtVisable.value = false
+  submitButtVisable.value = false
+  flowButtsVisable.value = false
+  cancelButtVisable.value = false
+  deleteButtVisable.value = false
+  editButtVisable.value = false
+}
+
+// 根据审批状态显示对应的流程操作按钮
+const showOperationButtonByStatus = () => {
+  switch (status.value) {
+    case '0':
+      // 全部：保存按钮可见
+      if (type.value === 'update') {
+        saveButtVisable.value = true
+      }
+      else {
+        saveButtVisable.value = false
+      }
+      break
+
+    case '1':
+      // 草稿箱：保存、提交按钮可见
+      saveButtVisable.value = true
+      submitButtVisable.value = true
+      break
+
+    case '2':
+      // 待审批：同意、拒绝按钮可见
+      flowButtsVisable.value = true
+      break
+
+    case '3':
+      // 审批中：取消按钮可见
+      cancelButtVisable.value = true
+      break
+
+    case '5':
+      // 未通过：编辑 按钮可见
+      editButtVisable.value = true
+      break
+
+    case '6':
+      // 已取消：编辑 删除按钮可见
+      editButtVisable.value = true
+      deleteButtVisable.value = true
+      break
+
+    default:
+      // 默认不显示所有的操作按钮
+      hideAllOpterationButtons()
+      break
+  }
+}
+
+// 关闭
+const resetForm = () => {
+  sessionStorage.removeItem('consumableCheckTaskId') // 返回列表时 将缓存中的数据删除
+  router.go(-1)
+}
+
+// 保存至草稿箱
+const saveDraftCheck = () => {
+  goodsCheckForm.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss') // 创建时间改为提交时间
+  saveGoodsCheck(goodsCheckForm.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+      // 设置返回的id和编号
+      goodsCheckForm.value.recordNo = res.data.recordNo
+      goodsCheckForm.value.id = res.data.id
+      id.value = res.data.id
+
+      type.value = 'update'
+      status.value = '1' // 保存成功后进入草稿箱 为了不显示审批详情
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+// 编辑草稿箱（不走流程审批）
+const updateDraftCheck = () => {
+  updateGoodsCheck(goodsCheckForm.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+
+// 编辑按钮点击事件处理函数
+const editClickedHandler = () => {
+  type.value = 'update'
+  title.value = '物资验收记录单（编辑）'
+
+  // 隐藏编辑按钮 显示提交按钮
+  editButtVisable.value = false
+  submitButtVisable.value = true
+}
+
+// 新建时保存后的处理 获取返回的id
+const saveButtonHandler = async () => {
+  if (!goodsCheckRef) { return }
+
+  await goodsCheckRef.value.validate((valid: boolean) => {
+    if (valid === true) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (type.value === 'create') {
+          saveDraftCheck()
+        }
+        else if (type.value === 'update') {
+          updateDraftCheck()
+        }
+      })
+    }
+  })
+}
+
+// 提交按钮
+const submitButtonHandler = async () => {
+  if (goodsCheckForm.value === null || goodsCheckForm.value.processId === undefined || goodsCheckForm.value.processId === '') {
+    // 流程id为空 表示还未进入流程中 直接提交
+    ElMessageBox.confirm(`是否提交物资验收记录单 ${goodsCheckForm.value.recordNo}`, '提示', {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    }).then(() => {
+      submitGoodsCheck({
+        formId: SCHEDULE.CHECK_MATERIAL_RECORD_APPROVAL,
+        id: goodsCheckForm.value.id,
+      }).then((res) => {
+        if (res.code === 200) {
+          ElMessage.success(`物资验收记录单 ${goodsCheckForm.value.recordNo} 提交成功`)
+
+          type.value = 'detail'
+          hideAllOpterationButtons()
+        }
+        else {
+          ElMessage.error(`物资验收记录单 ${goodsCheckForm.value.recordNo} 提交失败：${res.message}`)
+        }
+      })
+    })
+  }
+  else {
+    // 之前已经在流程中的表单 保存提交
+    await goodsCheckRef.value.validate((valid: boolean) => {
+      if (valid === true) {
+        failUpdateGoodsCheck(goodsCheckForm.value).then((res) => {
+          if (res.code === 200) {
+          // 提示保存成功
+            ElMessage.success(`物资验收记录单 ${goodsCheckForm.value.recordNo} 提交成功`)
+
+            type.value = 'detail'
+            hideAllOpterationButtons()
+          }
+          else {
+          // 提示失败信息
+            ElMessage.error(`物资验收记录单 ${goodsCheckForm.value.recordNo} 提交失败：${res.message}`)
+          }
+        })
+      }
+    })
+  }
+}
+
+// 根据id查询详情
+const detailById = async (id: string) => {
+  await detailGoodsCheck({ id }).then((res) => {
+    if (res.code === 200) {
+      goodsCheckForm.value = res.data
+      if (goodsCheckForm.value.taskId === '') {
+        goodsCheckForm.value.taskId = sessionStorage.getItem('consumableCheckTaskId')!
+      }
+      detailConsumableApply({ id: goodsCheckForm.value.goodsApplyId }).then((response) => {
+        goodsCheckForm.value.goodsApplyNo = response.data.applyNo
+      })
+    }
+  })
+}
+
+// 流程审批-拒绝
+const approvalRefuseHandler = () => {
+  approvalDialog.value.initDialog('refuse', goodsCheckForm.value.id, goodsCheckForm.value.taskId, '')
+}
+
+// 流程审批-同意
+const approvalAgreeHandler = () => {
+  approvalDialog.value.initDialog('agree', goodsCheckForm.value.id, goodsCheckForm.value.taskId, '')
+}
+
+// 取消流程
+const revokeClickedHandler = () => {
+  approvalDialog.value.initDialog('revoke', goodsCheckForm.value.id, goodsCheckForm.value.taskId, goodsCheckForm.value.processId)
+}
+
+// 删除审批单
+const deleteClickedHandler = () => {
+  ElMessageBox.confirm(`是否删除审批单 ${goodsCheckForm.value.recordNo}`, '提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(() => {
+    draftDeleteCheck({ id: id.value }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success(`审批单 ${goodsCheckForm.value.recordNo} 删除成功`)
+        resetForm()
+      }
+      else {
+        ElMessage.error(`审批单 ${goodsCheckForm.value.recordNo} 删除失败: ${res.message}`)
+      }
+    })
+  })
+}
+
+// 流程审批（同意、拒绝、取消）结束后的操作 将按钮都隐藏（本身就不能编辑了）
+const approvalSuccessHandler = (type: string) => {
+  if (type === 'agree' || type === 'refuse') {
+    flowButtsVisable.value = false
+  }
+  else if (type === 'revoke') {
+    cancelButtVisable.value = false
+  }
+}
+
+// 取消
+const revokeHandler = (param: any) => {
+  revokeApprovalCheck(param).then((res) => {
+    if (res.code === 200) {
+      ElMessage.success('流程取消成功')
+    }
+    else {
+      ElMessage.error(`流程取消失败：${res.message}`)
+    }
+    // 关闭弹窗
+    approvalDialog.value.handleClose()
+
+    cancelButtVisable.value = false
+  })
+}
+
+// 拒绝
+const refuseHandler = (param: any) => {
+  refuseApprovalCheck(param).then((res) => {
+    if (res.code === 200) {
+      ElMessage.success('拒绝审批完成')
+    }
+    else {
+      ElMessage.error(`拒绝审批失败：${res.message}`)
+    }
+    // 关闭弹窗
+    approvalDialog.value.handleClose()
+
+    flowButtsVisable.value = false
+  })
+}
+
+const showConsumableApplyFilter = () => {
+  applyFilterRef.value.showOrHideFilterDialog(true)
+}
+
+const applyFormSelectedHandler = (apply: IConsumableApply) => {
+  goodsCheckForm.value.goodsApplyId = apply.id
+  goodsCheckForm.value.goodsApplyNo = apply.applyNo
+  goodsCheckForm.value.goodsApply = apply.applyName
+
+  applyFilterRef.value.showOrHideFilterDialog(false)
+}
+
+const getLabCodeDict = async () => {
+  // 先从缓存中获取
+  if (sessionStorage.getItem('bizLabCode') === null || sessionStorage.getItem('bizLabCode') === undefined) {
+    // 缓存中没有则调用接口查询
+    await getDictByCode('bizLabCode').then((res) => {
+      if (res.code === 200) {
+        labCodeDict.value = res.data
+      }
+    })
+  }
+  else {
+    labCodeDict.value = JSON.parse(sessionStorage.getItem('bizLabCode')!)
+  }
+}
+
+const getGroupCodeDict = async () => {
+  // 先从缓存中获取
+  if (sessionStorage.getItem('bizGroupCode') === null || sessionStorage.getItem('bizLabbizGroupCodeCode') === undefined) {
+    // 缓存中没有则调用接口查询
+    await getDictByCode('bizGroupCode').then((res) => {
+      if (res.code === 200) {
+        groupCodeDict.value = res.data
+      }
+    })
+  }
+  else {
+    groupCodeDict.value = JSON.parse(sessionStorage.getItem('bizGroupCode')!)
+  }
+}
+
+const initDict = async () => {
+  await getLabCodeDict()
+  await getGroupCodeDict()
+}
+
+const initDialog = (params: any) => {
+  // 从路由中获取参数
+  type.value = params.type
+  id.value = params.id !== undefined ? params.id : ''
+  status.value = params.status !== undefined ? params.status : ''
+
+  // 默认显示第一个tab内容
+  current.value = radioItems.value[0].value
+  currentLabel.value = radioItems.value[0].name
+
+  switch (params.type) {
+    case 'create' :
+      title.value = '物资验收记录单（新增）'
+      saveButtVisable.value = true
+      submitButtVisable.value = true
+
+      goodsCheckForm.value.createUserId = userInfo.id
+      goodsCheckForm.value.createUserName = userInfo.name
+      goodsCheckForm.value.createDeptId = userInfo.deptId
+      goodsCheckForm.value.createDept = userInfo.deptName
+      goodsCheckForm.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss')
+
+      keyFieldsDisable.value = false
+
+      break
+    case 'update':
+      title.value = '物资验收记录单（编辑）'
+
+      detailById(id.value)
+
+      // 判断显示哪些流程操作按钮
+      showOperationButtonByStatus()
+      keyFieldsDisable.value = true
+
+      break
+    case 'detail':
+      title.value = '物资验收记录单（详情）'
+      id.value = params.id
+
+      detailById(id.value)
+
+      // 查看详情时所有的操作按钮都隐藏
+      showOperationButtonByStatus()
+      keyFieldsDisable.value = true
+
+      break
+    default:
+      title.value = ''
+      break
+  }
+}
+
+onMounted(() => {
+  initDict()
+  initDialog(route.query)
+})
+</script>
+
+<template>
+  <app-container>
+    <el-form ref="goodsCheckRef" :model="goodsCheckForm" :rules="checkRules" label-position="right" label-width="110px" border stripe>
+      <detail-page :title="`${title}`">
+        <template #btns>
+          <el-button v-if="editButtVisable" type="primary" @click="editClickedHandler()">
+            编辑
+          </el-button>
+
+          <template v-if="flowButtsVisable">
+            <el-button type="primary" @click="approvalAgreeHandler">
+              同意
+            </el-button>
+            <el-button type="danger" @click="approvalRefuseHandler">
+              拒绝
+            </el-button>
+          </template>
+
+          <el-button v-if="submitButtVisable" :disabled="id === ''" type="primary" @click="submitButtonHandler">
+            提交
+          </el-button>
+          <el-button v-if="saveButtVisable" type="primary" @click="saveButtonHandler">
+            保存
+          </el-button>
+
+          <el-button v-if="deleteButtVisable" type="danger" @click="deleteClickedHandler">
+            删除
+          </el-button>
+          <el-button v-if="cancelButtVisable" type="info" @click="revokeClickedHandler">
+            取消
+          </el-button>
+
+          <el-button type="info" @click="resetForm()">
+            关闭
+          </el-button>
+        </template>
+
+        <el-radio-group v-model="currentLabel" style="margin-bottom: 20px;" @change="radioChangeHandler">
+          <el-radio-button v-for="item in radioItems" :key="item.value" :label="item.name" :disabled="id === ''" />
+        </el-radio-group>
+
+        <template v-if="current === 'consumable-check-basic'">
+          <el-row :gutter="24">
+            <!-- 第一行 第一列 -->
+            <el-col :span="6">
+              <el-form-item label="实验室代码" prop="labCode">
+                <el-select v-model="goodsCheckForm.labCode" placeholder="请选择实验室代码" :disabled="keyFieldsDisable" style="width: 100%;">
+                  <el-option v-for="dict in labCodeDict" :key="dict.id" :label="dict.name" :value="dict.value" />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="验收部门">
+                <el-input v-model="goodsCheckForm.createDept" :disabled="true" />
+                <el-input v-model="goodsCheckForm.createDeptId" type="hidden" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6">
+              <el-form-item label="组别代码" prop="groupCode">
+                <el-select v-model="goodsCheckForm.groupCode" placeholder="请选择组别代码" :disabled="keyFieldsDisable" style="width: 100%;">
+                  <el-option v-for="dict in groupCodeDict" :key="dict.id" :label="dict.name" :value="dict.value" />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="验收人">
+                <el-input v-model="goodsCheckForm.createUserName" :disabled="true" />
+                <el-input v-model="goodsCheckForm.createUserId" type="hidden" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6">
+              <el-form-item label="文件编号">
+                <el-input v-model="goodsCheckForm.recordNo" placeholder="文件编号，保存后自动生成" :disabled="true" />
+              </el-form-item>
+              <el-form-item label="验收时间" prop="acceptTime">
+                <el-date-picker v-model="goodsCheckForm.acceptTime" format="YYYY-MM-DD" value-format="YYYY-MM-DD" :disabled="type === 'detail'" style="width: 100%;" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6">
+              <el-form-item label="文件名称">
+                <el-input v-model="goodsCheckForm.recordName" :disabled="true" />
+              </el-form-item>
+
+              <el-form-item label="物资申请单" prop="goodsApplyNo">
+                <el-input v-model="goodsCheckForm.goodsApplyId" type="hidden" />
+                <el-input v-model="goodsCheckForm.goodsApplyNo" :disabled="true">
+                  <template #append>
+                    <el-button size="small" :disabled="keyFieldsDisable" @click="showConsumableApplyFilter">
+                      选择
+                    </el-button>
+                  </template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </template>
+      </detail-page>
+
+      <template v-if="current === 'consumable-check-basic'">
+        <table-container title="验收详情">
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="名称" prop="goodsName">
+                <el-input v-model="goodsCheckForm.goodsName" :disabled="type === 'detail'" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6">
+              <el-form-item label="规格型号" prop="goodsModel">
+                <el-input v-model="goodsCheckForm.goodsModel" :disabled="type === 'detail'" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6">
+              <el-form-item label="生产厂家" prop="goodsSupplier">
+                <el-input v-model="goodsCheckForm.goodsSupplier" :disabled="type === 'detail'" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6">
+              <el-form-item label="价值" prop="goodsWorth">
+                <el-input v-model="goodsCheckForm.goodsWorth" :disabled="type === 'detail'" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row :gutter="24">
+            <el-col :span="18">
+              <el-form-item label="主要性能指标" prop="performance">
+                <el-input v-model="goodsCheckForm.performance" type="textarea" :rows="5" :disabled="type === 'detail'" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </table-container>
+      </template>
+    </el-form>
+
+    <approval-dialog
+      ref="approvalDialog"
+      @on-success="approvalSuccessHandler" @on-refuse="refuseHandler" @on-revoke="revokeHandler"
+    />
+
+    <filter-consumable-apply ref="applyFilterRef" @record-selected="applyFormSelectedHandler" />
+
+    <template v-if="current === 'consumable-check-approval' && status !== '1'">
+      <approval-record-table :process-id="goodsCheckForm.processId" />
+    </template>
+  </app-container>
+</template>
diff --git a/src/views/resource/outsideService/consumable/checkList.vue b/src/views/resource/outsideService/consumable/checkList.vue
new file mode 100644
index 0000000..1d6c396
--- /dev/null
+++ b/src/views/resource/outsideService/consumable/checkList.vue
@@ -0,0 +1,422 @@
+<!-- 物资验收记录 列表 -->
+<script name="ConsumableCheckList" lang="ts" setup>
+import type { DateModelType } from 'element-plus'
+import { ElMessage, ElMessageBox, dayjs } from 'element-plus'
+import type { ICheckListQuery, IGoodsCheckRecord } from './consumable-interface'
+import ApprovalDialog from '@/views/resource/common/approvalDialog.vue'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import type { IMenu } from '@/components/buttonBox/buttonBox'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { getDictByCode } from '@/api/system/dict'
+import { canceledApprDeleteCheck, draftDeleteCheck, getGoodsCheckList, refuseApprovalCheck, revokeApprovalCheck } from '@/api/resource/supplierConsumable'
+
+// 定义常量
+const buttonBoxActive = 'consumableCheckApproval' // 存储在sessionstorage里面的字段名，用于记录右上角buttonbox点击状态
+
+const { proxy } = getCurrentInstance() as any
+const router = useRouter()
+
+// 选中的审批状态按钮
+const active = ref('')
+const menu = ref<IMenu[]>([]) // 审批状态按钮组合
+const approvalStatusList = ref<String[]>([
+  '全部', '已审批', '待审批', '审批', '草稿箱', '审批中', '已通过', '未通过', '已取消',
+])
+
+// 弹窗子组件
+const apprDial = ref()
+const checkTableRef = ref()
+
+// 查询条件
+const searchQuery = ref<ICheckListQuery>({
+  recordNo: '', // 记录单编号
+  createDept: '',
+  createUserName: '', // 创建人
+  acceptTimeStart: '', // 创建时间-起始
+  acceptTimeEnd: '', // 创建时间-结束
+  approvalStatus: active.value, // 审批状态
+  formId: SCHEDULE.CHECK_MATERIAL_RECORD_APPROVAL, // 表单id（流程定义对应的表单id，等价于业务id），此处为固定值
+  offset: 1,
+  limit: 20,
+})
+const dateRange = ref<[DateModelType, DateModelType]>(['', ''])// 筛选时间段数据
+const total = ref(0) // 数据条数
+const loadingTable = ref(false) // 表格loading
+const expandLoading = ref(false) // 展开表格的loading
+
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '文件编号', value: 'recordNo', align: 'center', width: '200' },
+  { text: '物资名称', value: 'goodsName', align: 'center' },
+  { text: '规格型号', value: 'goodsModel', align: 'center' },
+  { text: '验收部门', value: 'createDept', align: 'center', width: '160' },
+  { text: '验收人', value: 'createUserName', align: 'center', width: '120' },
+  { text: '验收时间', value: 'createTime', align: 'center', width: '120' },
+  { text: '审批状态', value: 'approvalStatusName', align: 'center', width: '100' },
+])
+const statusColumn = ref<TableColumn>({ text: '审批状态', value: 'approvalStatusName', align: 'center', width: '100' })
+const checkList = ref<Array<IGoodsCheckRecord>>([]) // 表格数据
+
+// 逻辑
+// 跳转到新建的页面
+const addConsumableCheck = () => {
+  router.push({
+    query: {
+      type: 'create',
+    },
+    path: 'consumableCheck/detail',
+  })
+}
+
+// 点击编辑按钮
+const updateInfo = (row: IGoodsCheckRecord) => {
+  sessionStorage.setItem('consumableCheckTaskId', row.taskId!)
+  router.push({
+    query: {
+      type: 'update',
+      id: row.id,
+      status: searchQuery.value.approvalStatus,
+    },
+    path: 'consumableCheck/detail',
+  })
+}
+
+// 点击查看（或编辑）按钮
+const detail = (row: IGoodsCheckRecord) => {
+  if (searchQuery.value.approvalStatus === '1') {
+    // 全部或草稿箱 状态的 查看 是可以编辑的组件
+    updateInfo(row)
+  }
+  else if (active.value === '0') {
+    router.push({
+      query: {
+        type: 'check',
+        id: row.id,
+      },
+      path: 'consumableCheck/approved',
+    })
+  }
+  else {
+    // 将行数据存入缓存 用来在路由之间传递数据
+    sessionStorage.setItem('consumableCheckTaskId', row.taskId!)
+
+    router.push({
+      query: {
+        type: 'detail',
+        id: row.id,
+        status: searchQuery.value.approvalStatus,
+      },
+      path: 'consumableCheck/detail',
+    })
+  }
+}
+
+// 删除物资验收记录单 或 删除草稿箱中的审批单
+const deleteById = (row: any) => {
+  ElMessageBox.confirm('是否删除物资验收记录单', '提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(() => {
+    if (active.value === '1') {
+      // 草稿箱中的删除记录
+      draftDeleteCheck({ id: row.id }).then((res) => {
+        if (res.code === 200) {
+          ElMessage.success('物资验收记录单删除成功')
+          fetchData()
+        }
+        else {
+          ElMessage.error(`物资验收记录单删除失败: ${res.message}`)
+        }
+      })
+    }
+    else if (active.value === '6') {
+      // 已取消中的删除记录
+      canceledApprDeleteCheck({ id: row.id, taskId: row.taskId }).then((res) => {
+        if (res.code === 200) {
+          ElMessage.success('物资验收记录单删除成功')
+          fetchData()
+        }
+        else {
+          ElMessage.error(`物资验收记录单删除失败: ${res.message}`)
+        }
+      })
+    }
+  })
+}
+
+// 数据查询
+function fetchData(isNowPage = false) {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    searchQuery.value.offset = 1
+  }
+  getGoodsCheckList(searchQuery.value).then((response) => {
+    if (response.code === 200) {
+      checkList.value = response.data.rows.map((item: IGoodsCheckRecord) => {
+        return {
+          ...item,
+          createTime: item.createTime!.length > 16 ? item.createTime!.substring(0, 10) : '',
+        }
+      })
+      total.value = parseInt(response.data.total)
+    }
+    loadingTable.value = false
+  }).catch(() => {
+    loadingTable.value = false
+  })
+}
+
+const searchList = () => {
+  fetchData(true)
+}
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    searchQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    searchQuery.value.offset = val.page
+  }
+  fetchData(true)
+}
+
+// 重置
+const reset = () => {
+  searchQuery.value = {
+    recordNo: '', // 记录单编号
+    createDept: '',
+    createUserName: '', // 创建人
+    acceptTimeStart: '', // 创建时间-起始
+    acceptTimeEnd: '', // 创建时间-结束
+    approvalStatus: active.value, // 审批状态
+    formId: SCHEDULE.CHECK_MATERIAL_RECORD_APPROVAL, // 表单id（流程定义对应的表单id，等价于业务id），此处为固定值
+    offset: 1,
+    limit: 20,
+  }
+  dateRange.value = ['', '']
+  fetchData(true)
+}
+
+// 审批按钮点击切换事件
+const changeCurrentButton = (val: string) => {
+  active.value = val // 此时的tab
+  window.sessionStorage.setItem(buttonBoxActive, val) // 记录tab状态
+
+  const hasStatus = columns.value.filter((col) => {
+    return col.value === statusColumn.value.value
+  })
+
+  if (val === '0') {
+    // 全部的时候不要显示审批状态
+    if (hasStatus.length > 0) {
+      columns.value.pop()
+    }
+  }
+  else {
+    // 其他状态下要显示审批状态字段
+    if (hasStatus.length === 0) {
+      columns.value.push(statusColumn.value)
+    }
+  }
+
+  reset() // 刷新
+}
+
+// 流程审批-同意
+const approvalAgreeHandler = (row: IGoodsCheckRecord) => {
+  apprDial.value.initDialog('agree', row.id, row.taskId, '')
+}
+
+// 流程审批-拒绝
+const approvalRefuseHandler = (row: IGoodsCheckRecord) => {
+  apprDial.value.initDialog('refuse', row.id, row.taskId, '')
+}
+
+// 取消（撤回审批单）
+const revokeApprById = (row: IGoodsCheckRecord) => {
+  apprDial.value.initDialog('revoke', row.id, row.taskId, row.processId)
+}
+
+// 流程操作之后刷新
+const afterApprovalHandler = () => {
+  fetchData(true)
+}
+
+// 取消
+const revokeHandler = (param: any) => {
+  revokeApprovalCheck(param).then((res) => {
+    if (res.code === 200) {
+      ElMessage.success('流程取消成功')
+    }
+    else {
+      ElMessage.error(`流程取消失败：${res.message}`)
+    }
+    // 关闭弹窗
+    apprDial.value.handleClose()
+
+    fetchData(true)
+  })
+}
+
+// 拒绝
+const refuseHandler = (param: any) => {
+  refuseApprovalCheck(param).then((res) => {
+    if (res.code === 200) {
+      ElMessage.success('拒绝审批完成')
+    }
+    else {
+      ElMessage.error(`拒绝审批失败：${res.message}`)
+    }
+    // 关闭弹窗
+    apprDial.value.handleClose()
+
+    fetchData(true)
+  })
+}
+
+// 初始化流程审批状态按钮
+const getApprovalStatusDict = () => {
+  getDictByCode('approvalStatus').then((res) => {
+    if (res.code === 200) {
+      approvalStatusList.value.forEach((item) => {
+        const tempFindData = res.data.find((e: { name: string; value: string }) => e.name === item)
+        if (tempFindData) {
+          menu.value.push({
+            name: tempFindData.name,
+            id: `${tempFindData.value}`,
+          })
+        }
+      })
+    }
+  })
+}
+
+const getLabCodeDict = async () => {
+  await getDictByCode('bizLabCode').then((res) => {
+    if (res.code === 200) {
+      sessionStorage.setItem('bizLabCode', JSON.stringify(res.data))
+    }
+  })
+}
+
+const getGroupCodeDict = async () => {
+  await getDictByCode('bizGroupCode').then((res) => {
+    if (res.code === 200) {
+      sessionStorage.setItem('bizGroupCode', JSON.stringify(res.data))
+    }
+  })
+}
+
+const getDict = async () => {
+  getApprovalStatusDict()
+  getLabCodeDict()
+  getGroupCodeDict()
+}
+
+watch(dateRange, (val) => {
+  if (val) {
+    searchQuery.value.acceptTimeStart = dayjs(val[0]).format('YYYY-MM-DD') === 'Invalid Date' ? '' : dayjs(val[0]).format('YYYY-MM-DD')
+    searchQuery.value.acceptTimeEnd = dayjs(val[1]).format('YYYY-MM-DD') === 'Invalid Date' ? '' : dayjs(val[1]).format('YYYY-MM-DD')
+  }
+  else {
+    searchQuery.value.acceptTimeStart = ''
+    searchQuery.value.acceptTimeEnd = ''
+  }
+})
+
+onMounted(async () => {
+  await getDict()
+  if (sessionStorage.getItem(buttonBoxActive) !== 'undefined' && sessionStorage.getItem(buttonBoxActive) !== null) {
+    active.value = sessionStorage.getItem(buttonBoxActive)!
+  }
+  else {
+    active.value = '0' // 全部
+  }
+})
+</script>
+
+<template>
+  <app-container>
+    <!-- 筛选条件 -->
+    <search-area :need-clear="true" @search="searchList" @clear="reset">
+      <search-item>
+        <el-input v-model="searchQuery.recordNo" placeholder="文件编号" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model="searchQuery.createDept" placeholder="验收部门" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model="searchQuery.createUserName" placeholder="验收人" clearable />
+      </search-item>
+      <search-item>
+        <el-date-picker v-model="dateRange" type="daterange" start-placeholder="验收时间（开始）" end-placeholder="验收时间（结束）" />
+      </search-item>
+    </search-area>
+
+    <!-- 表格数据展示 -->
+    <table-container>
+      <!-- 表头区域 -->
+      <template v-if="active === '0' && proxy.hasPerm(`/resource/outsideService/consumableCheck/add`)" #btns-right>
+        <icon-button icon="icon-add" title="新建" @click="addConsumableCheck" />
+      </template>
+
+      <normal-table
+        id="checkTableRef"
+        :data="checkList" :total="total" :columns="columns"
+        :query="{ limit: searchQuery.limit, offset: searchQuery.offset }"
+        :list-loading="loadingTable"
+        @change="changePage"
+      >
+        <template #preColumns>
+          <el-table-column label="序号" width="55" align="center">
+            <template #default="scope">
+              {{ (searchQuery.offset - 1) * searchQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+
+        <template #columns>
+          <el-table-column fixed="right" label="操作" align="center" width="130">
+            <template #default="{ row }">
+              <el-button size="small" type="primary" link @click="detail(row)">
+                查看
+              </el-button>
+
+              <el-button v-if="(active === '1' || active === '6') && proxy.hasPerm(`/resource/outsideService/consumableCheck/del`)" size="small" type="danger" link @click="deleteById(row)">
+                删除
+              </el-button>
+
+              <template v-if="active === '2'">
+                <el-button size="small" type="primary" link @click="approvalAgreeHandler(row)">
+                  同意
+                </el-button>
+                <el-button size="small" type="danger" link @click="approvalRefuseHandler(row)">
+                  拒绝
+                </el-button>
+              </template>
+              <template v-if="active === '3'">
+                <el-button size="small" type="info" link @click="revokeApprById(row)">
+                  取消
+                </el-button>
+              </template>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+
+    <!-- 审批单弹窗 -->
+    <approval-dialog
+      ref="apprDial"
+      @on-success="afterApprovalHandler"
+      @on-refuse="refuseHandler"
+      @on-revoke="revokeHandler"
+    />
+
+    <!-- 右上角按钮集合 -->
+    <button-box :active="active" :menu="menu" @change-current-button="changeCurrentButton" />
+  </app-container>
+</template>
diff --git a/src/views/resource/outsideService/consumable/consumable-interface.ts b/src/views/resource/outsideService/consumable/consumable-interface.ts
index 5437aa7..145614b 100644
--- a/src/views/resource/outsideService/consumable/consumable-interface.ts
+++ b/src/views/resource/outsideService/consumable/consumable-interface.ts
@@ -148,3 +148,47 @@
   createTime?: string
   decisionItem?: number
 }
+
+/* --------------------------------  验收记录 -------------------------------- */
+export interface ICheckListQuery {
+  recordNo: string
+  createDept: string
+  createUserName: string
+  acceptTimeStart: string
+  acceptTimeEnd: string
+  approvalStatus: string
+  formId: string
+  offset: number
+  limit: number
+  sort?: string
+  order?: string
+}
+
+export interface IGoodsCheckRecord {
+  id: string
+  labCode: string
+  labCodeName?: string
+  groupCode: string
+  groupCodeName?: string
+  recordNo: string
+  recordName: string
+  createDeptId: string
+  createDept: string
+  goodsName: string
+  goodsModel: string
+  goodsSupplier: string
+  goodsWorth: string
+  goodsApplyId: string
+  goodsApply?: string
+  goodsApplyNo?: string
+  acceptTime: string
+  performance: string
+  approvalStatus?: string
+  approvalStatusName?: string
+  processId?: string
+  taskId?: string
+  createUserId?: string
+  createUserName?: string
+  createTime?: string
+  decisionItem?: number
+}