diff --git a/src/api/resource/supplierConsumable.ts b/src/api/resource/supplierConsumable.ts
index a0936cc..1143e9c 100644
--- a/src/api/resource/supplierConsumable.ts
+++ b/src/api/resource/supplierConsumable.ts
@@ -1,13 +1,14 @@
 import request from '../index'
 
-const prefix = 'resource/supplier/consumableGoods'
-const prefixGoods = 'resource/supplier/goods'
+const prefix = 'resource/supplier'
+const prefixCons = `${prefix}/consumableGoods`
+const prefixGoods = `${prefix}/goods`
 
 /* --------------------------------  供方评价表 -------------------------------- */
 // 查询列表
 export function getConsumableEvaluateList(data: any) {
   return request({
-    url: `${prefix}Evaluate/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Evaluate/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -16,7 +17,7 @@
 // 详情
 export function detailConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/detail`,
+    url: `${prefixCons}Evaluate/detail`,
     method: 'post',
     data,
   })
@@ -25,7 +26,7 @@
 // 保存至草稿箱
 export function saveConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/save`,
+    url: `${prefixCons}Evaluate/save`,
     method: 'post',
     data,
   })
@@ -34,7 +35,7 @@
 // 提交流程
 export function submitConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/submit`,
+    url: `${prefixCons}Evaluate/submit`,
     method: 'post',
     data,
   })
@@ -43,7 +44,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/draftUpdate`,
+    url: `${prefixCons}Evaluate/draftUpdate`,
     method: 'post',
     data,
   })
@@ -52,7 +53,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/failUpdate`,
+    url: `${prefixCons}Evaluate/failUpdate`,
     method: 'post',
     data,
   })
@@ -61,7 +62,7 @@
 // 删除草稿箱
 export function draftDelete(data: object) {
   return request({
-    url: `${prefix}Evaluate/draftDelete`,
+    url: `${prefixCons}Evaluate/draftDelete`,
     method: 'post',
     data,
   })
@@ -70,7 +71,7 @@
 // 删除已取消
 export function canceledApprDelete(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/delete`,
+    url: `${prefixCons}Evaluate/approval/delete`,
     method: 'post',
     data,
   })
@@ -79,7 +80,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApproval(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/revoke`,
+    url: `${prefixCons}Evaluate/approval/revoke`,
     method: 'post',
     data,
   })
@@ -88,7 +89,7 @@
 // 设备供方审批-拒绝
 export function refuseApproval(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/refuse`,
+    url: `${prefixCons}Evaluate/approval/refuse`,
     method: 'post',
     data,
   })
@@ -98,7 +99,7 @@
 // 查询申请单列表
 export function getConsumableApplyList(data: any) {
   return request({
-    url: `${prefix}Apply/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Apply/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -107,7 +108,7 @@
 // 详情
 export function detailConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/detail`,
+    url: `${prefixCons}Apply/detail`,
     method: 'post',
     data,
   })
@@ -116,7 +117,7 @@
 // 保存至草稿箱
 export function saveConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/save`,
+    url: `${prefixCons}Apply/save`,
     method: 'post',
     data,
   })
@@ -125,7 +126,7 @@
 // 提交流程
 export function submitConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/submit`,
+    url: `${prefixCons}Apply/submit`,
     method: 'post',
     data,
   })
@@ -134,7 +135,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/draftUpdate`,
+    url: `${prefixCons}Apply/draftUpdate`,
     method: 'post',
     data,
   })
@@ -143,7 +144,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/failUpdate`,
+    url: `${prefixCons}Apply/failUpdate`,
     method: 'post',
     data,
   })
@@ -152,7 +153,7 @@
 // 删除草稿箱
 export function draftDeleteApply(data: object) {
   return request({
-    url: `${prefix}Apply/draftDelete`,
+    url: `${prefixCons}Apply/draftDelete`,
     method: 'post',
     data,
   })
@@ -161,7 +162,7 @@
 // 删除已取消
 export function canceledApprDeleteApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/delete`,
+    url: `${prefixCons}Apply/approval/delete`,
     method: 'post',
     data,
   })
@@ -170,7 +171,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApprovalApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/revoke`,
+    url: `${prefixCons}Apply/approval/revoke`,
     method: 'post',
     data,
   })
@@ -179,7 +180,7 @@
 // 设备供方审批-拒绝
 export function refuseApprovalApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/refuse`,
+    url: `${prefixCons}Apply/approval/refuse`,
     method: 'post',
     data,
   })
@@ -189,7 +190,7 @@
 // 查询列表
 export function getConsumableUseList(data: any) {
   return request({
-    url: `${prefix}Use/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Use/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -198,7 +199,7 @@
 // 详情
 export function detailConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/detail`,
+    url: `${prefixCons}Use/detail`,
     method: 'post',
     data,
   })
@@ -207,7 +208,7 @@
 // 保存至草稿箱
 export function saveConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/save`,
+    url: `${prefixCons}Use/save`,
     method: 'post',
     data,
   })
@@ -216,7 +217,7 @@
 // 提交流程
 export function submitConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/submit`,
+    url: `${prefixCons}Use/submit`,
     method: 'post',
     data,
   })
@@ -225,7 +226,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/draftUpdate`,
+    url: `${prefixCons}Use/draftUpdate`,
     method: 'post',
     data,
   })
@@ -234,7 +235,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/failUpdate`,
+    url: `${prefixCons}Use/failUpdate`,
     method: 'post',
     data,
   })
@@ -243,7 +244,7 @@
 // 删除草稿箱
 export function draftDeleteUse(data: object) {
   return request({
-    url: `${prefix}Use/draftDelete`,
+    url: `${prefixCons}Use/draftDelete`,
     method: 'post',
     data,
   })
@@ -252,7 +253,7 @@
 // 删除已取消
 export function canceledApprDeleteUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/delete`,
+    url: `${prefixCons}Use/approval/delete`,
     method: 'post',
     data,
   })
@@ -261,7 +262,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApprovalUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/revoke`,
+    url: `${prefixCons}Use/approval/revoke`,
     method: 'post',
     data,
   })
@@ -270,7 +271,7 @@
 // 设备供方审批-拒绝
 export function refuseApprovalUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/refuse`,
+    url: `${prefixCons}Use/approval/refuse`,
     method: 'post',
     data,
   })
@@ -458,3 +459,48 @@
   })
 }
 
+/* --------------------------------  交接单 -------------------------------- */
+// 查询申请单列表
+export function getConsumableHandoverList(data: any) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function detailConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 保存
+export function saveConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/save`,
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function updateConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function deleteConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/update`,
+    method: 'post',
+    data,
+  })
+}

diff --git a/src/api/resource/supplierConsumable.ts b/src/api/resource/supplierConsumable.ts
index a0936cc..1143e9c 100644
--- a/src/api/resource/supplierConsumable.ts
+++ b/src/api/resource/supplierConsumable.ts
@@ -1,13 +1,14 @@
 import request from '../index'
 
-const prefix = 'resource/supplier/consumableGoods'
-const prefixGoods = 'resource/supplier/goods'
+const prefix = 'resource/supplier'
+const prefixCons = `${prefix}/consumableGoods`
+const prefixGoods = `${prefix}/goods`
 
 /* --------------------------------  供方评价表 -------------------------------- */
 // 查询列表
 export function getConsumableEvaluateList(data: any) {
   return request({
-    url: `${prefix}Evaluate/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Evaluate/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -16,7 +17,7 @@
 // 详情
 export function detailConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/detail`,
+    url: `${prefixCons}Evaluate/detail`,
     method: 'post',
     data,
   })
@@ -25,7 +26,7 @@
 // 保存至草稿箱
 export function saveConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/save`,
+    url: `${prefixCons}Evaluate/save`,
     method: 'post',
     data,
   })
@@ -34,7 +35,7 @@
 // 提交流程
 export function submitConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/submit`,
+    url: `${prefixCons}Evaluate/submit`,
     method: 'post',
     data,
   })
@@ -43,7 +44,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/draftUpdate`,
+    url: `${prefixCons}Evaluate/draftUpdate`,
     method: 'post',
     data,
   })
@@ -52,7 +53,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/failUpdate`,
+    url: `${prefixCons}Evaluate/failUpdate`,
     method: 'post',
     data,
   })
@@ -61,7 +62,7 @@
 // 删除草稿箱
 export function draftDelete(data: object) {
   return request({
-    url: `${prefix}Evaluate/draftDelete`,
+    url: `${prefixCons}Evaluate/draftDelete`,
     method: 'post',
     data,
   })
@@ -70,7 +71,7 @@
 // 删除已取消
 export function canceledApprDelete(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/delete`,
+    url: `${prefixCons}Evaluate/approval/delete`,
     method: 'post',
     data,
   })
@@ -79,7 +80,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApproval(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/revoke`,
+    url: `${prefixCons}Evaluate/approval/revoke`,
     method: 'post',
     data,
   })
@@ -88,7 +89,7 @@
 // 设备供方审批-拒绝
 export function refuseApproval(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/refuse`,
+    url: `${prefixCons}Evaluate/approval/refuse`,
     method: 'post',
     data,
   })
@@ -98,7 +99,7 @@
 // 查询申请单列表
 export function getConsumableApplyList(data: any) {
   return request({
-    url: `${prefix}Apply/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Apply/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -107,7 +108,7 @@
 // 详情
 export function detailConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/detail`,
+    url: `${prefixCons}Apply/detail`,
     method: 'post',
     data,
   })
@@ -116,7 +117,7 @@
 // 保存至草稿箱
 export function saveConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/save`,
+    url: `${prefixCons}Apply/save`,
     method: 'post',
     data,
   })
@@ -125,7 +126,7 @@
 // 提交流程
 export function submitConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/submit`,
+    url: `${prefixCons}Apply/submit`,
     method: 'post',
     data,
   })
@@ -134,7 +135,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/draftUpdate`,
+    url: `${prefixCons}Apply/draftUpdate`,
     method: 'post',
     data,
   })
@@ -143,7 +144,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/failUpdate`,
+    url: `${prefixCons}Apply/failUpdate`,
     method: 'post',
     data,
   })
@@ -152,7 +153,7 @@
 // 删除草稿箱
 export function draftDeleteApply(data: object) {
   return request({
-    url: `${prefix}Apply/draftDelete`,
+    url: `${prefixCons}Apply/draftDelete`,
     method: 'post',
     data,
   })
@@ -161,7 +162,7 @@
 // 删除已取消
 export function canceledApprDeleteApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/delete`,
+    url: `${prefixCons}Apply/approval/delete`,
     method: 'post',
     data,
   })
@@ -170,7 +171,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApprovalApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/revoke`,
+    url: `${prefixCons}Apply/approval/revoke`,
     method: 'post',
     data,
   })
@@ -179,7 +180,7 @@
 // 设备供方审批-拒绝
 export function refuseApprovalApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/refuse`,
+    url: `${prefixCons}Apply/approval/refuse`,
     method: 'post',
     data,
   })
@@ -189,7 +190,7 @@
 // 查询列表
 export function getConsumableUseList(data: any) {
   return request({
-    url: `${prefix}Use/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Use/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -198,7 +199,7 @@
 // 详情
 export function detailConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/detail`,
+    url: `${prefixCons}Use/detail`,
     method: 'post',
     data,
   })
@@ -207,7 +208,7 @@
 // 保存至草稿箱
 export function saveConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/save`,
+    url: `${prefixCons}Use/save`,
     method: 'post',
     data,
   })
@@ -216,7 +217,7 @@
 // 提交流程
 export function submitConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/submit`,
+    url: `${prefixCons}Use/submit`,
     method: 'post',
     data,
   })
@@ -225,7 +226,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/draftUpdate`,
+    url: `${prefixCons}Use/draftUpdate`,
     method: 'post',
     data,
   })
@@ -234,7 +235,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/failUpdate`,
+    url: `${prefixCons}Use/failUpdate`,
     method: 'post',
     data,
   })
@@ -243,7 +244,7 @@
 // 删除草稿箱
 export function draftDeleteUse(data: object) {
   return request({
-    url: `${prefix}Use/draftDelete`,
+    url: `${prefixCons}Use/draftDelete`,
     method: 'post',
     data,
   })
@@ -252,7 +253,7 @@
 // 删除已取消
 export function canceledApprDeleteUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/delete`,
+    url: `${prefixCons}Use/approval/delete`,
     method: 'post',
     data,
   })
@@ -261,7 +262,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApprovalUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/revoke`,
+    url: `${prefixCons}Use/approval/revoke`,
     method: 'post',
     data,
   })
@@ -270,7 +271,7 @@
 // 设备供方审批-拒绝
 export function refuseApprovalUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/refuse`,
+    url: `${prefixCons}Use/approval/refuse`,
     method: 'post',
     data,
   })
@@ -458,3 +459,48 @@
   })
 }
 
+/* --------------------------------  交接单 -------------------------------- */
+// 查询申请单列表
+export function getConsumableHandoverList(data: any) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function detailConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 保存
+export function saveConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/save`,
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function updateConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function deleteConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/resource.ts b/src/router/modules/resource.ts
index 76ff20d..e57baaf 100644
--- a/src/router/modules/resource.ts
+++ b/src/router/modules/resource.ts
@@ -791,6 +791,28 @@
         },
       },
       {
+        path: 'consumableHandoverList',
+        name: 'ConsumableHandoverList',
+        component: () => import('@/views/resource/outsideService/consumable/handoverList.vue'),
+        meta: {
+          title: '废弃物资处理交接记录',
+          auth: '/resource/outsideService/consumableHandover',
+          icon: 'ep:key',
+        },
+      },
+      {
+        path: 'consumableHandover/:type/:id?',
+        name: 'ConsumableHandoverDetail',
+        component: () => import('@/views/resource/outsideService/consumable/handoverDetail.vue'),
+        meta: {
+          title: '废弃物资处理交接记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableHandoverList',
+        },
+      },
+      {
         path: 'consumableEvaluateList',
         name: 'ConsumableEvaluateList',
         component: () => import('@/views/resource/outsideService/consumable/evaluateList.vue'),

diff --git a/src/api/resource/supplierConsumable.ts b/src/api/resource/supplierConsumable.ts
index a0936cc..1143e9c 100644
--- a/src/api/resource/supplierConsumable.ts
+++ b/src/api/resource/supplierConsumable.ts
@@ -1,13 +1,14 @@
 import request from '../index'
 
-const prefix = 'resource/supplier/consumableGoods'
-const prefixGoods = 'resource/supplier/goods'
+const prefix = 'resource/supplier'
+const prefixCons = `${prefix}/consumableGoods`
+const prefixGoods = `${prefix}/goods`
 
 /* --------------------------------  供方评价表 -------------------------------- */
 // 查询列表
 export function getConsumableEvaluateList(data: any) {
   return request({
-    url: `${prefix}Evaluate/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Evaluate/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -16,7 +17,7 @@
 // 详情
 export function detailConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/detail`,
+    url: `${prefixCons}Evaluate/detail`,
     method: 'post',
     data,
   })
@@ -25,7 +26,7 @@
 // 保存至草稿箱
 export function saveConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/save`,
+    url: `${prefixCons}Evaluate/save`,
     method: 'post',
     data,
   })
@@ -34,7 +35,7 @@
 // 提交流程
 export function submitConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/submit`,
+    url: `${prefixCons}Evaluate/submit`,
     method: 'post',
     data,
   })
@@ -43,7 +44,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/draftUpdate`,
+    url: `${prefixCons}Evaluate/draftUpdate`,
     method: 'post',
     data,
   })
@@ -52,7 +53,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/failUpdate`,
+    url: `${prefixCons}Evaluate/failUpdate`,
     method: 'post',
     data,
   })
@@ -61,7 +62,7 @@
 // 删除草稿箱
 export function draftDelete(data: object) {
   return request({
-    url: `${prefix}Evaluate/draftDelete`,
+    url: `${prefixCons}Evaluate/draftDelete`,
     method: 'post',
     data,
   })
@@ -70,7 +71,7 @@
 // 删除已取消
 export function canceledApprDelete(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/delete`,
+    url: `${prefixCons}Evaluate/approval/delete`,
     method: 'post',
     data,
   })
@@ -79,7 +80,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApproval(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/revoke`,
+    url: `${prefixCons}Evaluate/approval/revoke`,
     method: 'post',
     data,
   })
@@ -88,7 +89,7 @@
 // 设备供方审批-拒绝
 export function refuseApproval(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/refuse`,
+    url: `${prefixCons}Evaluate/approval/refuse`,
     method: 'post',
     data,
   })
@@ -98,7 +99,7 @@
 // 查询申请单列表
 export function getConsumableApplyList(data: any) {
   return request({
-    url: `${prefix}Apply/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Apply/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -107,7 +108,7 @@
 // 详情
 export function detailConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/detail`,
+    url: `${prefixCons}Apply/detail`,
     method: 'post',
     data,
   })
@@ -116,7 +117,7 @@
 // 保存至草稿箱
 export function saveConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/save`,
+    url: `${prefixCons}Apply/save`,
     method: 'post',
     data,
   })
@@ -125,7 +126,7 @@
 // 提交流程
 export function submitConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/submit`,
+    url: `${prefixCons}Apply/submit`,
     method: 'post',
     data,
   })
@@ -134,7 +135,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/draftUpdate`,
+    url: `${prefixCons}Apply/draftUpdate`,
     method: 'post',
     data,
   })
@@ -143,7 +144,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/failUpdate`,
+    url: `${prefixCons}Apply/failUpdate`,
     method: 'post',
     data,
   })
@@ -152,7 +153,7 @@
 // 删除草稿箱
 export function draftDeleteApply(data: object) {
   return request({
-    url: `${prefix}Apply/draftDelete`,
+    url: `${prefixCons}Apply/draftDelete`,
     method: 'post',
     data,
   })
@@ -161,7 +162,7 @@
 // 删除已取消
 export function canceledApprDeleteApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/delete`,
+    url: `${prefixCons}Apply/approval/delete`,
     method: 'post',
     data,
   })
@@ -170,7 +171,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApprovalApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/revoke`,
+    url: `${prefixCons}Apply/approval/revoke`,
     method: 'post',
     data,
   })
@@ -179,7 +180,7 @@
 // 设备供方审批-拒绝
 export function refuseApprovalApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/refuse`,
+    url: `${prefixCons}Apply/approval/refuse`,
     method: 'post',
     data,
   })
@@ -189,7 +190,7 @@
 // 查询列表
 export function getConsumableUseList(data: any) {
   return request({
-    url: `${prefix}Use/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Use/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -198,7 +199,7 @@
 // 详情
 export function detailConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/detail`,
+    url: `${prefixCons}Use/detail`,
     method: 'post',
     data,
   })
@@ -207,7 +208,7 @@
 // 保存至草稿箱
 export function saveConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/save`,
+    url: `${prefixCons}Use/save`,
     method: 'post',
     data,
   })
@@ -216,7 +217,7 @@
 // 提交流程
 export function submitConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/submit`,
+    url: `${prefixCons}Use/submit`,
     method: 'post',
     data,
   })
@@ -225,7 +226,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/draftUpdate`,
+    url: `${prefixCons}Use/draftUpdate`,
     method: 'post',
     data,
   })
@@ -234,7 +235,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/failUpdate`,
+    url: `${prefixCons}Use/failUpdate`,
     method: 'post',
     data,
   })
@@ -243,7 +244,7 @@
 // 删除草稿箱
 export function draftDeleteUse(data: object) {
   return request({
-    url: `${prefix}Use/draftDelete`,
+    url: `${prefixCons}Use/draftDelete`,
     method: 'post',
     data,
   })
@@ -252,7 +253,7 @@
 // 删除已取消
 export function canceledApprDeleteUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/delete`,
+    url: `${prefixCons}Use/approval/delete`,
     method: 'post',
     data,
   })
@@ -261,7 +262,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApprovalUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/revoke`,
+    url: `${prefixCons}Use/approval/revoke`,
     method: 'post',
     data,
   })
@@ -270,7 +271,7 @@
 // 设备供方审批-拒绝
 export function refuseApprovalUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/refuse`,
+    url: `${prefixCons}Use/approval/refuse`,
     method: 'post',
     data,
   })
@@ -458,3 +459,48 @@
   })
 }
 
+/* --------------------------------  交接单 -------------------------------- */
+// 查询申请单列表
+export function getConsumableHandoverList(data: any) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function detailConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 保存
+export function saveConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/save`,
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function updateConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function deleteConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/resource.ts b/src/router/modules/resource.ts
index 76ff20d..e57baaf 100644
--- a/src/router/modules/resource.ts
+++ b/src/router/modules/resource.ts
@@ -791,6 +791,28 @@
         },
       },
       {
+        path: 'consumableHandoverList',
+        name: 'ConsumableHandoverList',
+        component: () => import('@/views/resource/outsideService/consumable/handoverList.vue'),
+        meta: {
+          title: '废弃物资处理交接记录',
+          auth: '/resource/outsideService/consumableHandover',
+          icon: 'ep:key',
+        },
+      },
+      {
+        path: 'consumableHandover/:type/:id?',
+        name: 'ConsumableHandoverDetail',
+        component: () => import('@/views/resource/outsideService/consumable/handoverDetail.vue'),
+        meta: {
+          title: '废弃物资处理交接记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableHandoverList',
+        },
+      },
+      {
         path: 'consumableEvaluateList',
         name: 'ConsumableEvaluateList',
         component: () => import('@/views/resource/outsideService/consumable/evaluateList.vue'),
diff --git a/src/views/resource/outsideService/consumable/consumable-interface.ts b/src/views/resource/outsideService/consumable/consumable-interface.ts
index 1cc817f..ce1c2c7 100644
--- a/src/views/resource/outsideService/consumable/consumable-interface.ts
+++ b/src/views/resource/outsideService/consumable/consumable-interface.ts
@@ -240,3 +240,44 @@
   createTime?: string
   decisionItem?: number
 }
+
+/* --------------------------------  交接单 -------------------------------- */
+export interface IHandoverListQuery {
+  recordNo: string
+  createUserName: string
+  createTimeStart: string
+  createTimeEnd: string
+  offset: number
+  limit: number
+  sort?: string
+  order?: string
+}
+
+export interface IConsumableHandoverGoods {
+  id?: string
+  recordId?: string
+  goodsName: string
+  handoverTime: string
+  handoverAmount: string
+  company: string
+  handoverUserId: string
+  handoverUserName: string
+  receiver: string
+}
+
+export interface IConsumableHandover {
+  id: string
+  labCode: string
+  labCodeName?: string
+  groupCode: string
+  groupCodeName?: string
+  recordNo: string
+  recordName: string
+  goodsHandleDetailList: Array<IConsumableHandoverGoods>
+  goodsName?: string
+  handoverTime?: string
+  amount?: string
+  createUserId?: string
+  createUserName?: string
+  createTime?: string
+}

diff --git a/src/api/resource/supplierConsumable.ts b/src/api/resource/supplierConsumable.ts
index a0936cc..1143e9c 100644
--- a/src/api/resource/supplierConsumable.ts
+++ b/src/api/resource/supplierConsumable.ts
@@ -1,13 +1,14 @@
 import request from '../index'
 
-const prefix = 'resource/supplier/consumableGoods'
-const prefixGoods = 'resource/supplier/goods'
+const prefix = 'resource/supplier'
+const prefixCons = `${prefix}/consumableGoods`
+const prefixGoods = `${prefix}/goods`
 
 /* --------------------------------  供方评价表 -------------------------------- */
 // 查询列表
 export function getConsumableEvaluateList(data: any) {
   return request({
-    url: `${prefix}Evaluate/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Evaluate/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -16,7 +17,7 @@
 // 详情
 export function detailConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/detail`,
+    url: `${prefixCons}Evaluate/detail`,
     method: 'post',
     data,
   })
@@ -25,7 +26,7 @@
 // 保存至草稿箱
 export function saveConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/save`,
+    url: `${prefixCons}Evaluate/save`,
     method: 'post',
     data,
   })
@@ -34,7 +35,7 @@
 // 提交流程
 export function submitConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/submit`,
+    url: `${prefixCons}Evaluate/submit`,
     method: 'post',
     data,
   })
@@ -43,7 +44,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/draftUpdate`,
+    url: `${prefixCons}Evaluate/draftUpdate`,
     method: 'post',
     data,
   })
@@ -52,7 +53,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/failUpdate`,
+    url: `${prefixCons}Evaluate/failUpdate`,
     method: 'post',
     data,
   })
@@ -61,7 +62,7 @@
 // 删除草稿箱
 export function draftDelete(data: object) {
   return request({
-    url: `${prefix}Evaluate/draftDelete`,
+    url: `${prefixCons}Evaluate/draftDelete`,
     method: 'post',
     data,
   })
@@ -70,7 +71,7 @@
 // 删除已取消
 export function canceledApprDelete(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/delete`,
+    url: `${prefixCons}Evaluate/approval/delete`,
     method: 'post',
     data,
   })
@@ -79,7 +80,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApproval(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/revoke`,
+    url: `${prefixCons}Evaluate/approval/revoke`,
     method: 'post',
     data,
   })
@@ -88,7 +89,7 @@
 // 设备供方审批-拒绝
 export function refuseApproval(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/refuse`,
+    url: `${prefixCons}Evaluate/approval/refuse`,
     method: 'post',
     data,
   })
@@ -98,7 +99,7 @@
 // 查询申请单列表
 export function getConsumableApplyList(data: any) {
   return request({
-    url: `${prefix}Apply/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Apply/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -107,7 +108,7 @@
 // 详情
 export function detailConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/detail`,
+    url: `${prefixCons}Apply/detail`,
     method: 'post',
     data,
   })
@@ -116,7 +117,7 @@
 // 保存至草稿箱
 export function saveConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/save`,
+    url: `${prefixCons}Apply/save`,
     method: 'post',
     data,
   })
@@ -125,7 +126,7 @@
 // 提交流程
 export function submitConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/submit`,
+    url: `${prefixCons}Apply/submit`,
     method: 'post',
     data,
   })
@@ -134,7 +135,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/draftUpdate`,
+    url: `${prefixCons}Apply/draftUpdate`,
     method: 'post',
     data,
   })
@@ -143,7 +144,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/failUpdate`,
+    url: `${prefixCons}Apply/failUpdate`,
     method: 'post',
     data,
   })
@@ -152,7 +153,7 @@
 // 删除草稿箱
 export function draftDeleteApply(data: object) {
   return request({
-    url: `${prefix}Apply/draftDelete`,
+    url: `${prefixCons}Apply/draftDelete`,
     method: 'post',
     data,
   })
@@ -161,7 +162,7 @@
 // 删除已取消
 export function canceledApprDeleteApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/delete`,
+    url: `${prefixCons}Apply/approval/delete`,
     method: 'post',
     data,
   })
@@ -170,7 +171,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApprovalApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/revoke`,
+    url: `${prefixCons}Apply/approval/revoke`,
     method: 'post',
     data,
   })
@@ -179,7 +180,7 @@
 // 设备供方审批-拒绝
 export function refuseApprovalApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/refuse`,
+    url: `${prefixCons}Apply/approval/refuse`,
     method: 'post',
     data,
   })
@@ -189,7 +190,7 @@
 // 查询列表
 export function getConsumableUseList(data: any) {
   return request({
-    url: `${prefix}Use/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Use/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -198,7 +199,7 @@
 // 详情
 export function detailConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/detail`,
+    url: `${prefixCons}Use/detail`,
     method: 'post',
     data,
   })
@@ -207,7 +208,7 @@
 // 保存至草稿箱
 export function saveConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/save`,
+    url: `${prefixCons}Use/save`,
     method: 'post',
     data,
   })
@@ -216,7 +217,7 @@
 // 提交流程
 export function submitConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/submit`,
+    url: `${prefixCons}Use/submit`,
     method: 'post',
     data,
   })
@@ -225,7 +226,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/draftUpdate`,
+    url: `${prefixCons}Use/draftUpdate`,
     method: 'post',
     data,
   })
@@ -234,7 +235,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/failUpdate`,
+    url: `${prefixCons}Use/failUpdate`,
     method: 'post',
     data,
   })
@@ -243,7 +244,7 @@
 // 删除草稿箱
 export function draftDeleteUse(data: object) {
   return request({
-    url: `${prefix}Use/draftDelete`,
+    url: `${prefixCons}Use/draftDelete`,
     method: 'post',
     data,
   })
@@ -252,7 +253,7 @@
 // 删除已取消
 export function canceledApprDeleteUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/delete`,
+    url: `${prefixCons}Use/approval/delete`,
     method: 'post',
     data,
   })
@@ -261,7 +262,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApprovalUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/revoke`,
+    url: `${prefixCons}Use/approval/revoke`,
     method: 'post',
     data,
   })
@@ -270,7 +271,7 @@
 // 设备供方审批-拒绝
 export function refuseApprovalUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/refuse`,
+    url: `${prefixCons}Use/approval/refuse`,
     method: 'post',
     data,
   })
@@ -458,3 +459,48 @@
   })
 }
 
+/* --------------------------------  交接单 -------------------------------- */
+// 查询申请单列表
+export function getConsumableHandoverList(data: any) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function detailConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 保存
+export function saveConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/save`,
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function updateConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function deleteConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/resource.ts b/src/router/modules/resource.ts
index 76ff20d..e57baaf 100644
--- a/src/router/modules/resource.ts
+++ b/src/router/modules/resource.ts
@@ -791,6 +791,28 @@
         },
       },
       {
+        path: 'consumableHandoverList',
+        name: 'ConsumableHandoverList',
+        component: () => import('@/views/resource/outsideService/consumable/handoverList.vue'),
+        meta: {
+          title: '废弃物资处理交接记录',
+          auth: '/resource/outsideService/consumableHandover',
+          icon: 'ep:key',
+        },
+      },
+      {
+        path: 'consumableHandover/:type/:id?',
+        name: 'ConsumableHandoverDetail',
+        component: () => import('@/views/resource/outsideService/consumable/handoverDetail.vue'),
+        meta: {
+          title: '废弃物资处理交接记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableHandoverList',
+        },
+      },
+      {
         path: 'consumableEvaluateList',
         name: 'ConsumableEvaluateList',
         component: () => import('@/views/resource/outsideService/consumable/evaluateList.vue'),
diff --git a/src/views/resource/outsideService/consumable/consumable-interface.ts b/src/views/resource/outsideService/consumable/consumable-interface.ts
index 1cc817f..ce1c2c7 100644
--- a/src/views/resource/outsideService/consumable/consumable-interface.ts
+++ b/src/views/resource/outsideService/consumable/consumable-interface.ts
@@ -240,3 +240,44 @@
   createTime?: string
   decisionItem?: number
 }
+
+/* --------------------------------  交接单 -------------------------------- */
+export interface IHandoverListQuery {
+  recordNo: string
+  createUserName: string
+  createTimeStart: string
+  createTimeEnd: string
+  offset: number
+  limit: number
+  sort?: string
+  order?: string
+}
+
+export interface IConsumableHandoverGoods {
+  id?: string
+  recordId?: string
+  goodsName: string
+  handoverTime: string
+  handoverAmount: string
+  company: string
+  handoverUserId: string
+  handoverUserName: string
+  receiver: string
+}
+
+export interface IConsumableHandover {
+  id: string
+  labCode: string
+  labCodeName?: string
+  groupCode: string
+  groupCodeName?: string
+  recordNo: string
+  recordName: string
+  goodsHandleDetailList: Array<IConsumableHandoverGoods>
+  goodsName?: string
+  handoverTime?: string
+  amount?: string
+  createUserId?: string
+  createUserName?: string
+  createTime?: string
+}
diff --git a/src/views/resource/outsideService/consumable/handoverDetail.vue b/src/views/resource/outsideService/consumable/handoverDetail.vue
new file mode 100644
index 0000000..7b7e81c
--- /dev/null
+++ b/src/views/resource/outsideService/consumable/handoverDetail.vue
@@ -0,0 +1,360 @@
+<!-- 废弃物资处理交接记录 详情 -->
+<script name="ConsumableHandoverDetail" lang="ts" setup>
+import { ElMessage, ElMessageBox, dayjs } from 'element-plus'
+import type { IConsumableHandover, IConsumableHandoverGoods } from './consumable-interface'
+import HandoverDetailDialog from './handoverDetailDialog.vue'
+import type { IDictType } from '@/commonInterface/resource-interface'
+import { detailConsumableHandover, saveConsumableHandover, updateConsumableHandover } from '@/api/resource/supplierConsumable'
+import useUserStore from '@/store/modules/user'
+import { getDictByCode } from '@/api/system/dict'
+
+// 变量
+// 从路由中传过来的参数
+const type = ref<string>('')
+const id = ref<string>('')
+
+// 关键字段是否可以编辑
+const keyFieldsDisable = ref<boolean>(true)
+
+const userInfo = useUserStore()
+const route = useRoute()
+const router = useRouter()
+const title = ref('')
+
+// 子组件
+const consumableHandoverRef = ref()
+const refHandoverDetailDialog = ref()
+
+const consumableHandover = ref<IConsumableHandover>({
+  id: '',
+  labCode: '',
+  groupCode: '',
+  recordNo: '',
+  recordName: '废弃物资处理交接记录',
+  createUserId: '',
+  createTime: '',
+  goodsHandleDetailList: [],
+  createUserName: '',
+})
+
+const goodsList = ref<Array<IConsumableHandoverGoods>>([])
+const goodsColumns = [
+  { text: '物资名称', value: 'goodsName', align: 'center', required: true },
+  { text: '交接时间', value: 'handoverTime', align: 'center', width: '200', required: true },
+  { text: '交接数量', value: 'handoverAmount', align: 'center', width: '160', required: true },
+  { text: '计量单位', value: 'company', align: 'center', width: '200' },
+  { text: '交接人', value: 'handoverUserName', align: 'center', width: '200', required: true },
+  { text: '接收人', value: 'receiver', align: 'center', width: '160' },
+] // 表头
+
+const handoverRules = ref({
+  labCode: [{ required: true, message: '实验室代码不能为空，请选择', trigger: ['change', 'blur'] }],
+  groupCode: [{ required: true, message: '组别代码不能为空，请选择', trigger: ['change', 'blur'] }],
+}) // 表单验证规则
+
+// 字典值
+const labCodeDict = ref<IDictType[]>([])
+const groupCodeDict = ref<IDictType[]>([])
+
+const recordSelected = ref<IConsumableHandoverGoods[]>([])
+
+// 逻辑
+// 关闭
+const resetForm = () => {
+  router.go(-1)
+}
+
+// 新增
+const addEditableRow = () => {
+  refHandoverDetailDialog.value.showRecordDialog(true)
+}
+
+const delConsumableRecords = () => {
+  if (recordSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  goodsList.value = goodsList.value.filter(item => recordSelected.value.includes(item) === false)
+}
+
+const consumableMultiSelect = (e: any) => {
+  recordSelected.value = e
+}
+
+// 保存至草稿箱
+const saveDraftHandover = () => {
+  consumableHandover.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss') // 创建时间改为提交时间
+  saveConsumableHandover(consumableHandover.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+      // 设置返回的id和编号
+      consumableHandover.value.recordNo = res.data.recordNo
+      consumableHandover.value.id = res.data.id
+      id.value = res.data.id
+
+      type.value = 'update'
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+// 编辑草稿箱（不走流程审批）
+const updateDraftHandover = () => {
+  updateConsumableHandover(consumableHandover.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+
+// 新建时保存后的处理 获取返回的id
+const saveButtonHandler = async () => {
+  if (!consumableHandoverRef) { return }
+
+  if (goodsList.value.length === 0) {
+    ElMessage.error('交接详情不能为空，请添加使用详情明细')
+    return
+  }
+
+  await consumableHandoverRef.value.validate((valid: boolean) => {
+    if (valid === true) {
+      consumableHandover.value.goodsHandleDetailList = goodsList.value
+
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (type.value === 'create') {
+          saveDraftHandover()
+        }
+        else if (type.value === 'update') {
+          updateDraftHandover()
+        }
+      })
+    }
+  })
+}
+
+// 根据id查询详情
+const detailById = async (id: string) => {
+  await detailConsumableHandover({ id }).then((res) => {
+    if (res.code === 200) {
+      consumableHandover.value = res.data
+      goodsList.value = consumableHandover.value.goodsHandleDetailList
+    }
+  })
+}
+
+const consumableHandoverAddHandler = (useDetail: IConsumableHandoverGoods) => {
+  goodsList.value.push(useDetail)
+}
+
+// 打印
+const printClickedHandler = () => {
+  ElMessage.success('打印成功')
+}
+
+// 打印Word
+const printToWord = () => {
+  // exportFile({ id: noticeInfo.value.id, pdf: false })
+}
+
+// 打印PDF
+const printToPDF = () => {
+
+}
+
+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 : ''
+
+  switch (params.type) {
+    case 'create' :
+      title.value = '废弃物资处理交接记录（新增）'
+
+      consumableHandover.value.createUserId = userInfo.id
+      consumableHandover.value.createUserName = userInfo.name
+      consumableHandover.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss')
+
+      keyFieldsDisable.value = false
+
+      break
+    case 'update':
+      title.value = '废弃物资处理交接记录（编辑）'
+
+      detailById(id.value)
+
+      break
+    case 'detail':
+      title.value = '废弃物资处理交接记录（详情）'
+
+      detailById(id.value)
+
+      break
+    default:
+      title.value = ''
+      break
+  }
+}
+
+onMounted(() => {
+  initDict()
+  initDialog(route.query)
+})
+</script>
+
+<template>
+  <app-container>
+    <el-form ref="consumableHandoverRef" :model="consumableHandover" :rules="handoverRules" label-position="right" label-width="110px" border stripe>
+      <detail-page :title="`${title}`">
+        <template #btns>
+          <template v-if="type === 'detail'">
+            <el-button type="primary" @click="printToWord">
+              导出Word
+            </el-button>
+            <el-button type="primary" @click="printToPDF">
+              导出PDF
+            </el-button>
+            <el-button type="primary" @click="printClickedHandler">
+              打印
+            </el-button>
+          </template>
+          <el-button type="primary" @click="saveButtonHandler">
+            保存
+          </el-button>
+
+          <el-button type="info" @click="resetForm()">
+            关闭
+          </el-button>
+        </template>
+
+        <!-- 第一行 第一列
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="实验室代码" prop="labCode">
+                <el-select v-model="consumableUse.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-col>
+
+            <el-col :span="6">
+              <el-form-item label="组别代码" prop="groupCode">
+                <el-select v-model="consumableUse.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-col>
+          </el-row>
+          -->
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="文件编号">
+              <el-input v-model="consumableHandover.recordNo" placeholder="文件编号，保存后自动生成" :disabled="true" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="6">
+            <el-form-item label="文件名称">
+              <el-input v-model="consumableHandover.recordName" :disabled="true" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="6">
+            <el-form-item label="创建人">
+              <el-input v-model="consumableHandover.createUserName" :disabled="true" />
+              <el-input v-model="consumableHandover.createUserId" type="hidden" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="6">
+            <el-form-item label="创建时间">
+              <el-input v-model="consumableHandover.createTime" :disabled="true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </detail-page>
+
+      <table-container title="交接详情">
+        <template v-if="type !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delConsumableRecords">
+            删除行
+          </el-button>
+        </template>
+
+        <!-- 表格区域 -->
+        <el-table :data="goodsList" border style="width: 100%;" @selection-change="consumableMultiSelect">
+          <el-table-column v-if="type !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in goodsColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && type !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+      </table-container>
+    </el-form>
+
+    <handover-detail-dialog ref="refHandoverDetailDialog" @record-saved="consumableHandoverAddHandler" />
+  </app-container>
+</template>

diff --git a/src/api/resource/supplierConsumable.ts b/src/api/resource/supplierConsumable.ts
index a0936cc..1143e9c 100644
--- a/src/api/resource/supplierConsumable.ts
+++ b/src/api/resource/supplierConsumable.ts
@@ -1,13 +1,14 @@
 import request from '../index'
 
-const prefix = 'resource/supplier/consumableGoods'
-const prefixGoods = 'resource/supplier/goods'
+const prefix = 'resource/supplier'
+const prefixCons = `${prefix}/consumableGoods`
+const prefixGoods = `${prefix}/goods`
 
 /* --------------------------------  供方评价表 -------------------------------- */
 // 查询列表
 export function getConsumableEvaluateList(data: any) {
   return request({
-    url: `${prefix}Evaluate/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Evaluate/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -16,7 +17,7 @@
 // 详情
 export function detailConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/detail`,
+    url: `${prefixCons}Evaluate/detail`,
     method: 'post',
     data,
   })
@@ -25,7 +26,7 @@
 // 保存至草稿箱
 export function saveConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/save`,
+    url: `${prefixCons}Evaluate/save`,
     method: 'post',
     data,
   })
@@ -34,7 +35,7 @@
 // 提交流程
 export function submitConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/submit`,
+    url: `${prefixCons}Evaluate/submit`,
     method: 'post',
     data,
   })
@@ -43,7 +44,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/draftUpdate`,
+    url: `${prefixCons}Evaluate/draftUpdate`,
     method: 'post',
     data,
   })
@@ -52,7 +53,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/failUpdate`,
+    url: `${prefixCons}Evaluate/failUpdate`,
     method: 'post',
     data,
   })
@@ -61,7 +62,7 @@
 // 删除草稿箱
 export function draftDelete(data: object) {
   return request({
-    url: `${prefix}Evaluate/draftDelete`,
+    url: `${prefixCons}Evaluate/draftDelete`,
     method: 'post',
     data,
   })
@@ -70,7 +71,7 @@
 // 删除已取消
 export function canceledApprDelete(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/delete`,
+    url: `${prefixCons}Evaluate/approval/delete`,
     method: 'post',
     data,
   })
@@ -79,7 +80,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApproval(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/revoke`,
+    url: `${prefixCons}Evaluate/approval/revoke`,
     method: 'post',
     data,
   })
@@ -88,7 +89,7 @@
 // 设备供方审批-拒绝
 export function refuseApproval(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/refuse`,
+    url: `${prefixCons}Evaluate/approval/refuse`,
     method: 'post',
     data,
   })
@@ -98,7 +99,7 @@
 // 查询申请单列表
 export function getConsumableApplyList(data: any) {
   return request({
-    url: `${prefix}Apply/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Apply/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -107,7 +108,7 @@
 // 详情
 export function detailConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/detail`,
+    url: `${prefixCons}Apply/detail`,
     method: 'post',
     data,
   })
@@ -116,7 +117,7 @@
 // 保存至草稿箱
 export function saveConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/save`,
+    url: `${prefixCons}Apply/save`,
     method: 'post',
     data,
   })
@@ -125,7 +126,7 @@
 // 提交流程
 export function submitConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/submit`,
+    url: `${prefixCons}Apply/submit`,
     method: 'post',
     data,
   })
@@ -134,7 +135,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/draftUpdate`,
+    url: `${prefixCons}Apply/draftUpdate`,
     method: 'post',
     data,
   })
@@ -143,7 +144,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/failUpdate`,
+    url: `${prefixCons}Apply/failUpdate`,
     method: 'post',
     data,
   })
@@ -152,7 +153,7 @@
 // 删除草稿箱
 export function draftDeleteApply(data: object) {
   return request({
-    url: `${prefix}Apply/draftDelete`,
+    url: `${prefixCons}Apply/draftDelete`,
     method: 'post',
     data,
   })
@@ -161,7 +162,7 @@
 // 删除已取消
 export function canceledApprDeleteApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/delete`,
+    url: `${prefixCons}Apply/approval/delete`,
     method: 'post',
     data,
   })
@@ -170,7 +171,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApprovalApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/revoke`,
+    url: `${prefixCons}Apply/approval/revoke`,
     method: 'post',
     data,
   })
@@ -179,7 +180,7 @@
 // 设备供方审批-拒绝
 export function refuseApprovalApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/refuse`,
+    url: `${prefixCons}Apply/approval/refuse`,
     method: 'post',
     data,
   })
@@ -189,7 +190,7 @@
 // 查询列表
 export function getConsumableUseList(data: any) {
   return request({
-    url: `${prefix}Use/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Use/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -198,7 +199,7 @@
 // 详情
 export function detailConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/detail`,
+    url: `${prefixCons}Use/detail`,
     method: 'post',
     data,
   })
@@ -207,7 +208,7 @@
 // 保存至草稿箱
 export function saveConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/save`,
+    url: `${prefixCons}Use/save`,
     method: 'post',
     data,
   })
@@ -216,7 +217,7 @@
 // 提交流程
 export function submitConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/submit`,
+    url: `${prefixCons}Use/submit`,
     method: 'post',
     data,
   })
@@ -225,7 +226,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/draftUpdate`,
+    url: `${prefixCons}Use/draftUpdate`,
     method: 'post',
     data,
   })
@@ -234,7 +235,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/failUpdate`,
+    url: `${prefixCons}Use/failUpdate`,
     method: 'post',
     data,
   })
@@ -243,7 +244,7 @@
 // 删除草稿箱
 export function draftDeleteUse(data: object) {
   return request({
-    url: `${prefix}Use/draftDelete`,
+    url: `${prefixCons}Use/draftDelete`,
     method: 'post',
     data,
   })
@@ -252,7 +253,7 @@
 // 删除已取消
 export function canceledApprDeleteUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/delete`,
+    url: `${prefixCons}Use/approval/delete`,
     method: 'post',
     data,
   })
@@ -261,7 +262,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApprovalUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/revoke`,
+    url: `${prefixCons}Use/approval/revoke`,
     method: 'post',
     data,
   })
@@ -270,7 +271,7 @@
 // 设备供方审批-拒绝
 export function refuseApprovalUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/refuse`,
+    url: `${prefixCons}Use/approval/refuse`,
     method: 'post',
     data,
   })
@@ -458,3 +459,48 @@
   })
 }
 
+/* --------------------------------  交接单 -------------------------------- */
+// 查询申请单列表
+export function getConsumableHandoverList(data: any) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function detailConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 保存
+export function saveConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/save`,
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function updateConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function deleteConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/resource.ts b/src/router/modules/resource.ts
index 76ff20d..e57baaf 100644
--- a/src/router/modules/resource.ts
+++ b/src/router/modules/resource.ts
@@ -791,6 +791,28 @@
         },
       },
       {
+        path: 'consumableHandoverList',
+        name: 'ConsumableHandoverList',
+        component: () => import('@/views/resource/outsideService/consumable/handoverList.vue'),
+        meta: {
+          title: '废弃物资处理交接记录',
+          auth: '/resource/outsideService/consumableHandover',
+          icon: 'ep:key',
+        },
+      },
+      {
+        path: 'consumableHandover/:type/:id?',
+        name: 'ConsumableHandoverDetail',
+        component: () => import('@/views/resource/outsideService/consumable/handoverDetail.vue'),
+        meta: {
+          title: '废弃物资处理交接记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableHandoverList',
+        },
+      },
+      {
         path: 'consumableEvaluateList',
         name: 'ConsumableEvaluateList',
         component: () => import('@/views/resource/outsideService/consumable/evaluateList.vue'),
diff --git a/src/views/resource/outsideService/consumable/consumable-interface.ts b/src/views/resource/outsideService/consumable/consumable-interface.ts
index 1cc817f..ce1c2c7 100644
--- a/src/views/resource/outsideService/consumable/consumable-interface.ts
+++ b/src/views/resource/outsideService/consumable/consumable-interface.ts
@@ -240,3 +240,44 @@
   createTime?: string
   decisionItem?: number
 }
+
+/* --------------------------------  交接单 -------------------------------- */
+export interface IHandoverListQuery {
+  recordNo: string
+  createUserName: string
+  createTimeStart: string
+  createTimeEnd: string
+  offset: number
+  limit: number
+  sort?: string
+  order?: string
+}
+
+export interface IConsumableHandoverGoods {
+  id?: string
+  recordId?: string
+  goodsName: string
+  handoverTime: string
+  handoverAmount: string
+  company: string
+  handoverUserId: string
+  handoverUserName: string
+  receiver: string
+}
+
+export interface IConsumableHandover {
+  id: string
+  labCode: string
+  labCodeName?: string
+  groupCode: string
+  groupCodeName?: string
+  recordNo: string
+  recordName: string
+  goodsHandleDetailList: Array<IConsumableHandoverGoods>
+  goodsName?: string
+  handoverTime?: string
+  amount?: string
+  createUserId?: string
+  createUserName?: string
+  createTime?: string
+}
diff --git a/src/views/resource/outsideService/consumable/handoverDetail.vue b/src/views/resource/outsideService/consumable/handoverDetail.vue
new file mode 100644
index 0000000..7b7e81c
--- /dev/null
+++ b/src/views/resource/outsideService/consumable/handoverDetail.vue
@@ -0,0 +1,360 @@
+<!-- 废弃物资处理交接记录 详情 -->
+<script name="ConsumableHandoverDetail" lang="ts" setup>
+import { ElMessage, ElMessageBox, dayjs } from 'element-plus'
+import type { IConsumableHandover, IConsumableHandoverGoods } from './consumable-interface'
+import HandoverDetailDialog from './handoverDetailDialog.vue'
+import type { IDictType } from '@/commonInterface/resource-interface'
+import { detailConsumableHandover, saveConsumableHandover, updateConsumableHandover } from '@/api/resource/supplierConsumable'
+import useUserStore from '@/store/modules/user'
+import { getDictByCode } from '@/api/system/dict'
+
+// 变量
+// 从路由中传过来的参数
+const type = ref<string>('')
+const id = ref<string>('')
+
+// 关键字段是否可以编辑
+const keyFieldsDisable = ref<boolean>(true)
+
+const userInfo = useUserStore()
+const route = useRoute()
+const router = useRouter()
+const title = ref('')
+
+// 子组件
+const consumableHandoverRef = ref()
+const refHandoverDetailDialog = ref()
+
+const consumableHandover = ref<IConsumableHandover>({
+  id: '',
+  labCode: '',
+  groupCode: '',
+  recordNo: '',
+  recordName: '废弃物资处理交接记录',
+  createUserId: '',
+  createTime: '',
+  goodsHandleDetailList: [],
+  createUserName: '',
+})
+
+const goodsList = ref<Array<IConsumableHandoverGoods>>([])
+const goodsColumns = [
+  { text: '物资名称', value: 'goodsName', align: 'center', required: true },
+  { text: '交接时间', value: 'handoverTime', align: 'center', width: '200', required: true },
+  { text: '交接数量', value: 'handoverAmount', align: 'center', width: '160', required: true },
+  { text: '计量单位', value: 'company', align: 'center', width: '200' },
+  { text: '交接人', value: 'handoverUserName', align: 'center', width: '200', required: true },
+  { text: '接收人', value: 'receiver', align: 'center', width: '160' },
+] // 表头
+
+const handoverRules = ref({
+  labCode: [{ required: true, message: '实验室代码不能为空，请选择', trigger: ['change', 'blur'] }],
+  groupCode: [{ required: true, message: '组别代码不能为空，请选择', trigger: ['change', 'blur'] }],
+}) // 表单验证规则
+
+// 字典值
+const labCodeDict = ref<IDictType[]>([])
+const groupCodeDict = ref<IDictType[]>([])
+
+const recordSelected = ref<IConsumableHandoverGoods[]>([])
+
+// 逻辑
+// 关闭
+const resetForm = () => {
+  router.go(-1)
+}
+
+// 新增
+const addEditableRow = () => {
+  refHandoverDetailDialog.value.showRecordDialog(true)
+}
+
+const delConsumableRecords = () => {
+  if (recordSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  goodsList.value = goodsList.value.filter(item => recordSelected.value.includes(item) === false)
+}
+
+const consumableMultiSelect = (e: any) => {
+  recordSelected.value = e
+}
+
+// 保存至草稿箱
+const saveDraftHandover = () => {
+  consumableHandover.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss') // 创建时间改为提交时间
+  saveConsumableHandover(consumableHandover.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+      // 设置返回的id和编号
+      consumableHandover.value.recordNo = res.data.recordNo
+      consumableHandover.value.id = res.data.id
+      id.value = res.data.id
+
+      type.value = 'update'
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+// 编辑草稿箱（不走流程审批）
+const updateDraftHandover = () => {
+  updateConsumableHandover(consumableHandover.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+
+// 新建时保存后的处理 获取返回的id
+const saveButtonHandler = async () => {
+  if (!consumableHandoverRef) { return }
+
+  if (goodsList.value.length === 0) {
+    ElMessage.error('交接详情不能为空，请添加使用详情明细')
+    return
+  }
+
+  await consumableHandoverRef.value.validate((valid: boolean) => {
+    if (valid === true) {
+      consumableHandover.value.goodsHandleDetailList = goodsList.value
+
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (type.value === 'create') {
+          saveDraftHandover()
+        }
+        else if (type.value === 'update') {
+          updateDraftHandover()
+        }
+      })
+    }
+  })
+}
+
+// 根据id查询详情
+const detailById = async (id: string) => {
+  await detailConsumableHandover({ id }).then((res) => {
+    if (res.code === 200) {
+      consumableHandover.value = res.data
+      goodsList.value = consumableHandover.value.goodsHandleDetailList
+    }
+  })
+}
+
+const consumableHandoverAddHandler = (useDetail: IConsumableHandoverGoods) => {
+  goodsList.value.push(useDetail)
+}
+
+// 打印
+const printClickedHandler = () => {
+  ElMessage.success('打印成功')
+}
+
+// 打印Word
+const printToWord = () => {
+  // exportFile({ id: noticeInfo.value.id, pdf: false })
+}
+
+// 打印PDF
+const printToPDF = () => {
+
+}
+
+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 : ''
+
+  switch (params.type) {
+    case 'create' :
+      title.value = '废弃物资处理交接记录（新增）'
+
+      consumableHandover.value.createUserId = userInfo.id
+      consumableHandover.value.createUserName = userInfo.name
+      consumableHandover.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss')
+
+      keyFieldsDisable.value = false
+
+      break
+    case 'update':
+      title.value = '废弃物资处理交接记录（编辑）'
+
+      detailById(id.value)
+
+      break
+    case 'detail':
+      title.value = '废弃物资处理交接记录（详情）'
+
+      detailById(id.value)
+
+      break
+    default:
+      title.value = ''
+      break
+  }
+}
+
+onMounted(() => {
+  initDict()
+  initDialog(route.query)
+})
+</script>
+
+<template>
+  <app-container>
+    <el-form ref="consumableHandoverRef" :model="consumableHandover" :rules="handoverRules" label-position="right" label-width="110px" border stripe>
+      <detail-page :title="`${title}`">
+        <template #btns>
+          <template v-if="type === 'detail'">
+            <el-button type="primary" @click="printToWord">
+              导出Word
+            </el-button>
+            <el-button type="primary" @click="printToPDF">
+              导出PDF
+            </el-button>
+            <el-button type="primary" @click="printClickedHandler">
+              打印
+            </el-button>
+          </template>
+          <el-button type="primary" @click="saveButtonHandler">
+            保存
+          </el-button>
+
+          <el-button type="info" @click="resetForm()">
+            关闭
+          </el-button>
+        </template>
+
+        <!-- 第一行 第一列
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="实验室代码" prop="labCode">
+                <el-select v-model="consumableUse.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-col>
+
+            <el-col :span="6">
+              <el-form-item label="组别代码" prop="groupCode">
+                <el-select v-model="consumableUse.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-col>
+          </el-row>
+          -->
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="文件编号">
+              <el-input v-model="consumableHandover.recordNo" placeholder="文件编号，保存后自动生成" :disabled="true" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="6">
+            <el-form-item label="文件名称">
+              <el-input v-model="consumableHandover.recordName" :disabled="true" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="6">
+            <el-form-item label="创建人">
+              <el-input v-model="consumableHandover.createUserName" :disabled="true" />
+              <el-input v-model="consumableHandover.createUserId" type="hidden" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="6">
+            <el-form-item label="创建时间">
+              <el-input v-model="consumableHandover.createTime" :disabled="true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </detail-page>
+
+      <table-container title="交接详情">
+        <template v-if="type !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delConsumableRecords">
+            删除行
+          </el-button>
+        </template>
+
+        <!-- 表格区域 -->
+        <el-table :data="goodsList" border style="width: 100%;" @selection-change="consumableMultiSelect">
+          <el-table-column v-if="type !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in goodsColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && type !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+      </table-container>
+    </el-form>
+
+    <handover-detail-dialog ref="refHandoverDetailDialog" @record-saved="consumableHandoverAddHandler" />
+  </app-container>
+</template>
diff --git a/src/views/resource/outsideService/consumable/handoverDetailDialog.vue b/src/views/resource/outsideService/consumable/handoverDetailDialog.vue
new file mode 100644
index 0000000..569276d
--- /dev/null
+++ b/src/views/resource/outsideService/consumable/handoverDetailDialog.vue
@@ -0,0 +1,162 @@
+<!-- 物资交接单 弹窗编辑 -->
+<script name="HandoverDetailDialog" lang="ts" setup>
+import type { IConsumableHandoverGoods } from './consumable-interface'
+import type { IStaffBasicInfo } from '@/views/resource/person/register/person-regitster'
+import FilterRegistedStaff from '@/views/resource/common/filterRegistedStaff.vue'
+
+const emit = defineEmits(['recordSaved'])
+
+const goodsHandoverFormRef = ref()
+const staffFilterRef = ref()
+
+const goodsHandoverDetail = ref<IConsumableHandoverGoods>({
+  id: '',
+  recordId: '',
+  goodsName: '',
+  handoverTime: '',
+  handoverAmount: '',
+  handoverUserName: '',
+  handoverUserId: '',
+  company: '',
+  receiver: '',
+})
+
+const goodsHandoverRules = ref({
+  goodsName: [{ required: true, message: '物资名称不能为空', trigger: 'blur' }],
+  handoverAmount: [{ required: true, message: '交接数量不能为空', trigger: 'blur' }],
+  handoverTime: [{ required: true, message: '交接日期不能为空', trigger: 'blur' }],
+  handoverUserId: [{ required: true, message: '交接人不能为空，请选择', trigger: ['blur', 'change'] }],
+  receiver: [{ required: true, message: '接收人不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+
+const showDialog = ref(false)
+
+// 逻辑
+const showRegistedStaffFilter = () => {
+  staffFilterRef.value.showOrHideFilterDialog(true, 1)
+}
+
+const staffSelectedHandler = (staffs: IStaffBasicInfo[]) => {
+  goodsHandoverDetail.value.handoverUserId = staffs[0].id!
+  goodsHandoverDetail.value.handoverUserName = staffs[0].staffName
+
+  staffFilterRef.value.showOrHideFilterDialog(false)
+}
+
+const showRecordDialog = (show: boolean) => {
+  showDialog.value = show
+
+  nextTick(() => {
+    goodsHandoverFormRef.value.clearValidate()
+  })
+
+  if (show === false) {
+    // 关闭的时候清除表单
+    goodsHandoverDetail.value = {
+      id: '',
+      recordId: '',
+      goodsName: '',
+      handoverTime: '',
+      handoverAmount: '',
+      handoverUserName: '',
+      handoverUserId: '',
+      company: '',
+      receiver: '',
+    }
+  }
+}
+
+// 编辑时初始化表格
+const initRecordData = (record: IConsumableHandoverGoods) => {
+  goodsHandoverDetail.value = { ...record }
+}
+
+const submitUseGoods = () => {
+  goodsHandoverFormRef.value.validate((valid: boolean) => {
+    if (valid === true) {
+      emit('recordSaved', goodsHandoverDetail.value)
+
+      showRecordDialog(false)
+    }
+  })
+}
+
+defineExpose({
+  showRecordDialog,
+  initRecordData,
+})
+</script>
+
+<template>
+  <el-dialog v-model="showDialog" title="废弃物资处理交接详情" :append-to-body="true" :close-on-click-modal="false">
+    <detail-block title="">
+      <el-form ref="goodsHandoverFormRef" :model="goodsHandoverDetail" :rules="goodsHandoverRules" label-position="right" label-width="110px" border stripe>
+        <el-row :gutter="24">
+          <el-col :span="18" :offset="3">
+            <el-form-item label="物资名称" prop="goodsName">
+              <el-input v-model="goodsHandoverDetail.goodsName" placeholder="请输入物资名称" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="24">
+          <el-col :span="18" :offset="3">
+            <el-form-item label="交接日期" prop="handoverTime">
+              <el-date-picker v-model="goodsHandoverDetail.handoverTime" placeholder="请选择交接日期" format="YYYY-MM-DD" value-format="YYYY-MM-DD" type="date" style="width: 100%;" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="24">
+          <el-col :span="18" :offset="3">
+            <el-form-item label="交接数量" prop="handoverAmount">
+              <el-input v-model="goodsHandoverDetail.handoverAmount" placeholder="请输入交接数量" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="24">
+          <el-col :span="18" :offset="3">
+            <el-form-item label="计量单位">
+              <el-input v-model="goodsHandoverDetail.company" placeholder="请输入计量单位" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="24">
+          <el-col :span="18" :offset="3">
+            <el-form-item label="交接人" prop="handoverUserId">
+              <el-input v-model="goodsHandoverDetail.handoverUserId" type="hidden" />
+              <el-input v-model="goodsHandoverDetail.handoverUserName" placeholder="请选择交接人" :disabled="true">
+                <template #append>
+                  <el-button size="small" @click="showRegistedStaffFilter">
+                    选择
+                  </el-button>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="24">
+          <el-col :span="18" :offset="3">
+            <el-form-item label="接收人" prop="receiver">
+              <el-input v-model="goodsHandoverDetail.receiver" placeholder="请输入接收人" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </detail-block>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="showRecordDialog(false)">取消</el-button>
+        <el-button type="primary" @click="submitUseGoods">
+          保存
+        </el-button>
+      </span>
+    </template>
+
+    <filter-registed-staff ref="staffFilterRef" :show-score="false" @record-selected="staffSelectedHandler" />
+  </el-dialog>
+</template>

diff --git a/src/api/resource/supplierConsumable.ts b/src/api/resource/supplierConsumable.ts
index a0936cc..1143e9c 100644
--- a/src/api/resource/supplierConsumable.ts
+++ b/src/api/resource/supplierConsumable.ts
@@ -1,13 +1,14 @@
 import request from '../index'
 
-const prefix = 'resource/supplier/consumableGoods'
-const prefixGoods = 'resource/supplier/goods'
+const prefix = 'resource/supplier'
+const prefixCons = `${prefix}/consumableGoods`
+const prefixGoods = `${prefix}/goods`
 
 /* --------------------------------  供方评价表 -------------------------------- */
 // 查询列表
 export function getConsumableEvaluateList(data: any) {
   return request({
-    url: `${prefix}Evaluate/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Evaluate/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -16,7 +17,7 @@
 // 详情
 export function detailConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/detail`,
+    url: `${prefixCons}Evaluate/detail`,
     method: 'post',
     data,
   })
@@ -25,7 +26,7 @@
 // 保存至草稿箱
 export function saveConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/save`,
+    url: `${prefixCons}Evaluate/save`,
     method: 'post',
     data,
   })
@@ -34,7 +35,7 @@
 // 提交流程
 export function submitConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/submit`,
+    url: `${prefixCons}Evaluate/submit`,
     method: 'post',
     data,
   })
@@ -43,7 +44,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/draftUpdate`,
+    url: `${prefixCons}Evaluate/draftUpdate`,
     method: 'post',
     data,
   })
@@ -52,7 +53,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/failUpdate`,
+    url: `${prefixCons}Evaluate/failUpdate`,
     method: 'post',
     data,
   })
@@ -61,7 +62,7 @@
 // 删除草稿箱
 export function draftDelete(data: object) {
   return request({
-    url: `${prefix}Evaluate/draftDelete`,
+    url: `${prefixCons}Evaluate/draftDelete`,
     method: 'post',
     data,
   })
@@ -70,7 +71,7 @@
 // 删除已取消
 export function canceledApprDelete(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/delete`,
+    url: `${prefixCons}Evaluate/approval/delete`,
     method: 'post',
     data,
   })
@@ -79,7 +80,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApproval(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/revoke`,
+    url: `${prefixCons}Evaluate/approval/revoke`,
     method: 'post',
     data,
   })
@@ -88,7 +89,7 @@
 // 设备供方审批-拒绝
 export function refuseApproval(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/refuse`,
+    url: `${prefixCons}Evaluate/approval/refuse`,
     method: 'post',
     data,
   })
@@ -98,7 +99,7 @@
 // 查询申请单列表
 export function getConsumableApplyList(data: any) {
   return request({
-    url: `${prefix}Apply/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Apply/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -107,7 +108,7 @@
 // 详情
 export function detailConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/detail`,
+    url: `${prefixCons}Apply/detail`,
     method: 'post',
     data,
   })
@@ -116,7 +117,7 @@
 // 保存至草稿箱
 export function saveConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/save`,
+    url: `${prefixCons}Apply/save`,
     method: 'post',
     data,
   })
@@ -125,7 +126,7 @@
 // 提交流程
 export function submitConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/submit`,
+    url: `${prefixCons}Apply/submit`,
     method: 'post',
     data,
   })
@@ -134,7 +135,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/draftUpdate`,
+    url: `${prefixCons}Apply/draftUpdate`,
     method: 'post',
     data,
   })
@@ -143,7 +144,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/failUpdate`,
+    url: `${prefixCons}Apply/failUpdate`,
     method: 'post',
     data,
   })
@@ -152,7 +153,7 @@
 // 删除草稿箱
 export function draftDeleteApply(data: object) {
   return request({
-    url: `${prefix}Apply/draftDelete`,
+    url: `${prefixCons}Apply/draftDelete`,
     method: 'post',
     data,
   })
@@ -161,7 +162,7 @@
 // 删除已取消
 export function canceledApprDeleteApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/delete`,
+    url: `${prefixCons}Apply/approval/delete`,
     method: 'post',
     data,
   })
@@ -170,7 +171,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApprovalApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/revoke`,
+    url: `${prefixCons}Apply/approval/revoke`,
     method: 'post',
     data,
   })
@@ -179,7 +180,7 @@
 // 设备供方审批-拒绝
 export function refuseApprovalApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/refuse`,
+    url: `${prefixCons}Apply/approval/refuse`,
     method: 'post',
     data,
   })
@@ -189,7 +190,7 @@
 // 查询列表
 export function getConsumableUseList(data: any) {
   return request({
-    url: `${prefix}Use/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Use/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -198,7 +199,7 @@
 // 详情
 export function detailConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/detail`,
+    url: `${prefixCons}Use/detail`,
     method: 'post',
     data,
   })
@@ -207,7 +208,7 @@
 // 保存至草稿箱
 export function saveConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/save`,
+    url: `${prefixCons}Use/save`,
     method: 'post',
     data,
   })
@@ -216,7 +217,7 @@
 // 提交流程
 export function submitConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/submit`,
+    url: `${prefixCons}Use/submit`,
     method: 'post',
     data,
   })
@@ -225,7 +226,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/draftUpdate`,
+    url: `${prefixCons}Use/draftUpdate`,
     method: 'post',
     data,
   })
@@ -234,7 +235,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/failUpdate`,
+    url: `${prefixCons}Use/failUpdate`,
     method: 'post',
     data,
   })
@@ -243,7 +244,7 @@
 // 删除草稿箱
 export function draftDeleteUse(data: object) {
   return request({
-    url: `${prefix}Use/draftDelete`,
+    url: `${prefixCons}Use/draftDelete`,
     method: 'post',
     data,
   })
@@ -252,7 +253,7 @@
 // 删除已取消
 export function canceledApprDeleteUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/delete`,
+    url: `${prefixCons}Use/approval/delete`,
     method: 'post',
     data,
   })
@@ -261,7 +262,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApprovalUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/revoke`,
+    url: `${prefixCons}Use/approval/revoke`,
     method: 'post',
     data,
   })
@@ -270,7 +271,7 @@
 // 设备供方审批-拒绝
 export function refuseApprovalUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/refuse`,
+    url: `${prefixCons}Use/approval/refuse`,
     method: 'post',
     data,
   })
@@ -458,3 +459,48 @@
   })
 }
 
+/* --------------------------------  交接单 -------------------------------- */
+// 查询申请单列表
+export function getConsumableHandoverList(data: any) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function detailConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 保存
+export function saveConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/save`,
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function updateConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function deleteConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/resource.ts b/src/router/modules/resource.ts
index 76ff20d..e57baaf 100644
--- a/src/router/modules/resource.ts
+++ b/src/router/modules/resource.ts
@@ -791,6 +791,28 @@
         },
       },
       {
+        path: 'consumableHandoverList',
+        name: 'ConsumableHandoverList',
+        component: () => import('@/views/resource/outsideService/consumable/handoverList.vue'),
+        meta: {
+          title: '废弃物资处理交接记录',
+          auth: '/resource/outsideService/consumableHandover',
+          icon: 'ep:key',
+        },
+      },
+      {
+        path: 'consumableHandover/:type/:id?',
+        name: 'ConsumableHandoverDetail',
+        component: () => import('@/views/resource/outsideService/consumable/handoverDetail.vue'),
+        meta: {
+          title: '废弃物资处理交接记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableHandoverList',
+        },
+      },
+      {
         path: 'consumableEvaluateList',
         name: 'ConsumableEvaluateList',
         component: () => import('@/views/resource/outsideService/consumable/evaluateList.vue'),
diff --git a/src/views/resource/outsideService/consumable/consumable-interface.ts b/src/views/resource/outsideService/consumable/consumable-interface.ts
index 1cc817f..ce1c2c7 100644
--- a/src/views/resource/outsideService/consumable/consumable-interface.ts
+++ b/src/views/resource/outsideService/consumable/consumable-interface.ts
@@ -240,3 +240,44 @@
   createTime?: string
   decisionItem?: number
 }
+
+/* --------------------------------  交接单 -------------------------------- */
+export interface IHandoverListQuery {
+  recordNo: string
+  createUserName: string
+  createTimeStart: string
+  createTimeEnd: string
+  offset: number
+  limit: number
+  sort?: string
+  order?: string
+}
+
+export interface IConsumableHandoverGoods {
+  id?: string
+  recordId?: string
+  goodsName: string
+  handoverTime: string
+  handoverAmount: string
+  company: string
+  handoverUserId: string
+  handoverUserName: string
+  receiver: string
+}
+
+export interface IConsumableHandover {
+  id: string
+  labCode: string
+  labCodeName?: string
+  groupCode: string
+  groupCodeName?: string
+  recordNo: string
+  recordName: string
+  goodsHandleDetailList: Array<IConsumableHandoverGoods>
+  goodsName?: string
+  handoverTime?: string
+  amount?: string
+  createUserId?: string
+  createUserName?: string
+  createTime?: string
+}
diff --git a/src/views/resource/outsideService/consumable/handoverDetail.vue b/src/views/resource/outsideService/consumable/handoverDetail.vue
new file mode 100644
index 0000000..7b7e81c
--- /dev/null
+++ b/src/views/resource/outsideService/consumable/handoverDetail.vue
@@ -0,0 +1,360 @@
+<!-- 废弃物资处理交接记录 详情 -->
+<script name="ConsumableHandoverDetail" lang="ts" setup>
+import { ElMessage, ElMessageBox, dayjs } from 'element-plus'
+import type { IConsumableHandover, IConsumableHandoverGoods } from './consumable-interface'
+import HandoverDetailDialog from './handoverDetailDialog.vue'
+import type { IDictType } from '@/commonInterface/resource-interface'
+import { detailConsumableHandover, saveConsumableHandover, updateConsumableHandover } from '@/api/resource/supplierConsumable'
+import useUserStore from '@/store/modules/user'
+import { getDictByCode } from '@/api/system/dict'
+
+// 变量
+// 从路由中传过来的参数
+const type = ref<string>('')
+const id = ref<string>('')
+
+// 关键字段是否可以编辑
+const keyFieldsDisable = ref<boolean>(true)
+
+const userInfo = useUserStore()
+const route = useRoute()
+const router = useRouter()
+const title = ref('')
+
+// 子组件
+const consumableHandoverRef = ref()
+const refHandoverDetailDialog = ref()
+
+const consumableHandover = ref<IConsumableHandover>({
+  id: '',
+  labCode: '',
+  groupCode: '',
+  recordNo: '',
+  recordName: '废弃物资处理交接记录',
+  createUserId: '',
+  createTime: '',
+  goodsHandleDetailList: [],
+  createUserName: '',
+})
+
+const goodsList = ref<Array<IConsumableHandoverGoods>>([])
+const goodsColumns = [
+  { text: '物资名称', value: 'goodsName', align: 'center', required: true },
+  { text: '交接时间', value: 'handoverTime', align: 'center', width: '200', required: true },
+  { text: '交接数量', value: 'handoverAmount', align: 'center', width: '160', required: true },
+  { text: '计量单位', value: 'company', align: 'center', width: '200' },
+  { text: '交接人', value: 'handoverUserName', align: 'center', width: '200', required: true },
+  { text: '接收人', value: 'receiver', align: 'center', width: '160' },
+] // 表头
+
+const handoverRules = ref({
+  labCode: [{ required: true, message: '实验室代码不能为空，请选择', trigger: ['change', 'blur'] }],
+  groupCode: [{ required: true, message: '组别代码不能为空，请选择', trigger: ['change', 'blur'] }],
+}) // 表单验证规则
+
+// 字典值
+const labCodeDict = ref<IDictType[]>([])
+const groupCodeDict = ref<IDictType[]>([])
+
+const recordSelected = ref<IConsumableHandoverGoods[]>([])
+
+// 逻辑
+// 关闭
+const resetForm = () => {
+  router.go(-1)
+}
+
+// 新增
+const addEditableRow = () => {
+  refHandoverDetailDialog.value.showRecordDialog(true)
+}
+
+const delConsumableRecords = () => {
+  if (recordSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  goodsList.value = goodsList.value.filter(item => recordSelected.value.includes(item) === false)
+}
+
+const consumableMultiSelect = (e: any) => {
+  recordSelected.value = e
+}
+
+// 保存至草稿箱
+const saveDraftHandover = () => {
+  consumableHandover.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss') // 创建时间改为提交时间
+  saveConsumableHandover(consumableHandover.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+      // 设置返回的id和编号
+      consumableHandover.value.recordNo = res.data.recordNo
+      consumableHandover.value.id = res.data.id
+      id.value = res.data.id
+
+      type.value = 'update'
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+// 编辑草稿箱（不走流程审批）
+const updateDraftHandover = () => {
+  updateConsumableHandover(consumableHandover.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+
+// 新建时保存后的处理 获取返回的id
+const saveButtonHandler = async () => {
+  if (!consumableHandoverRef) { return }
+
+  if (goodsList.value.length === 0) {
+    ElMessage.error('交接详情不能为空，请添加使用详情明细')
+    return
+  }
+
+  await consumableHandoverRef.value.validate((valid: boolean) => {
+    if (valid === true) {
+      consumableHandover.value.goodsHandleDetailList = goodsList.value
+
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (type.value === 'create') {
+          saveDraftHandover()
+        }
+        else if (type.value === 'update') {
+          updateDraftHandover()
+        }
+      })
+    }
+  })
+}
+
+// 根据id查询详情
+const detailById = async (id: string) => {
+  await detailConsumableHandover({ id }).then((res) => {
+    if (res.code === 200) {
+      consumableHandover.value = res.data
+      goodsList.value = consumableHandover.value.goodsHandleDetailList
+    }
+  })
+}
+
+const consumableHandoverAddHandler = (useDetail: IConsumableHandoverGoods) => {
+  goodsList.value.push(useDetail)
+}
+
+// 打印
+const printClickedHandler = () => {
+  ElMessage.success('打印成功')
+}
+
+// 打印Word
+const printToWord = () => {
+  // exportFile({ id: noticeInfo.value.id, pdf: false })
+}
+
+// 打印PDF
+const printToPDF = () => {
+
+}
+
+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 : ''
+
+  switch (params.type) {
+    case 'create' :
+      title.value = '废弃物资处理交接记录（新增）'
+
+      consumableHandover.value.createUserId = userInfo.id
+      consumableHandover.value.createUserName = userInfo.name
+      consumableHandover.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss')
+
+      keyFieldsDisable.value = false
+
+      break
+    case 'update':
+      title.value = '废弃物资处理交接记录（编辑）'
+
+      detailById(id.value)
+
+      break
+    case 'detail':
+      title.value = '废弃物资处理交接记录（详情）'
+
+      detailById(id.value)
+
+      break
+    default:
+      title.value = ''
+      break
+  }
+}
+
+onMounted(() => {
+  initDict()
+  initDialog(route.query)
+})
+</script>
+
+<template>
+  <app-container>
+    <el-form ref="consumableHandoverRef" :model="consumableHandover" :rules="handoverRules" label-position="right" label-width="110px" border stripe>
+      <detail-page :title="`${title}`">
+        <template #btns>
+          <template v-if="type === 'detail'">
+            <el-button type="primary" @click="printToWord">
+              导出Word
+            </el-button>
+            <el-button type="primary" @click="printToPDF">
+              导出PDF
+            </el-button>
+            <el-button type="primary" @click="printClickedHandler">
+              打印
+            </el-button>
+          </template>
+          <el-button type="primary" @click="saveButtonHandler">
+            保存
+          </el-button>
+
+          <el-button type="info" @click="resetForm()">
+            关闭
+          </el-button>
+        </template>
+
+        <!-- 第一行 第一列
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="实验室代码" prop="labCode">
+                <el-select v-model="consumableUse.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-col>
+
+            <el-col :span="6">
+              <el-form-item label="组别代码" prop="groupCode">
+                <el-select v-model="consumableUse.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-col>
+          </el-row>
+          -->
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="文件编号">
+              <el-input v-model="consumableHandover.recordNo" placeholder="文件编号，保存后自动生成" :disabled="true" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="6">
+            <el-form-item label="文件名称">
+              <el-input v-model="consumableHandover.recordName" :disabled="true" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="6">
+            <el-form-item label="创建人">
+              <el-input v-model="consumableHandover.createUserName" :disabled="true" />
+              <el-input v-model="consumableHandover.createUserId" type="hidden" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="6">
+            <el-form-item label="创建时间">
+              <el-input v-model="consumableHandover.createTime" :disabled="true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </detail-page>
+
+      <table-container title="交接详情">
+        <template v-if="type !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delConsumableRecords">
+            删除行
+          </el-button>
+        </template>
+
+        <!-- 表格区域 -->
+        <el-table :data="goodsList" border style="width: 100%;" @selection-change="consumableMultiSelect">
+          <el-table-column v-if="type !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in goodsColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && type !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+      </table-container>
+    </el-form>
+
+    <handover-detail-dialog ref="refHandoverDetailDialog" @record-saved="consumableHandoverAddHandler" />
+  </app-container>
+</template>
diff --git a/src/views/resource/outsideService/consumable/handoverDetailDialog.vue b/src/views/resource/outsideService/consumable/handoverDetailDialog.vue
new file mode 100644
index 0000000..569276d
--- /dev/null
+++ b/src/views/resource/outsideService/consumable/handoverDetailDialog.vue
@@ -0,0 +1,162 @@
+<!-- 物资交接单 弹窗编辑 -->
+<script name="HandoverDetailDialog" lang="ts" setup>
+import type { IConsumableHandoverGoods } from './consumable-interface'
+import type { IStaffBasicInfo } from '@/views/resource/person/register/person-regitster'
+import FilterRegistedStaff from '@/views/resource/common/filterRegistedStaff.vue'
+
+const emit = defineEmits(['recordSaved'])
+
+const goodsHandoverFormRef = ref()
+const staffFilterRef = ref()
+
+const goodsHandoverDetail = ref<IConsumableHandoverGoods>({
+  id: '',
+  recordId: '',
+  goodsName: '',
+  handoverTime: '',
+  handoverAmount: '',
+  handoverUserName: '',
+  handoverUserId: '',
+  company: '',
+  receiver: '',
+})
+
+const goodsHandoverRules = ref({
+  goodsName: [{ required: true, message: '物资名称不能为空', trigger: 'blur' }],
+  handoverAmount: [{ required: true, message: '交接数量不能为空', trigger: 'blur' }],
+  handoverTime: [{ required: true, message: '交接日期不能为空', trigger: 'blur' }],
+  handoverUserId: [{ required: true, message: '交接人不能为空，请选择', trigger: ['blur', 'change'] }],
+  receiver: [{ required: true, message: '接收人不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+
+const showDialog = ref(false)
+
+// 逻辑
+const showRegistedStaffFilter = () => {
+  staffFilterRef.value.showOrHideFilterDialog(true, 1)
+}
+
+const staffSelectedHandler = (staffs: IStaffBasicInfo[]) => {
+  goodsHandoverDetail.value.handoverUserId = staffs[0].id!
+  goodsHandoverDetail.value.handoverUserName = staffs[0].staffName
+
+  staffFilterRef.value.showOrHideFilterDialog(false)
+}
+
+const showRecordDialog = (show: boolean) => {
+  showDialog.value = show
+
+  nextTick(() => {
+    goodsHandoverFormRef.value.clearValidate()
+  })
+
+  if (show === false) {
+    // 关闭的时候清除表单
+    goodsHandoverDetail.value = {
+      id: '',
+      recordId: '',
+      goodsName: '',
+      handoverTime: '',
+      handoverAmount: '',
+      handoverUserName: '',
+      handoverUserId: '',
+      company: '',
+      receiver: '',
+    }
+  }
+}
+
+// 编辑时初始化表格
+const initRecordData = (record: IConsumableHandoverGoods) => {
+  goodsHandoverDetail.value = { ...record }
+}
+
+const submitUseGoods = () => {
+  goodsHandoverFormRef.value.validate((valid: boolean) => {
+    if (valid === true) {
+      emit('recordSaved', goodsHandoverDetail.value)
+
+      showRecordDialog(false)
+    }
+  })
+}
+
+defineExpose({
+  showRecordDialog,
+  initRecordData,
+})
+</script>
+
+<template>
+  <el-dialog v-model="showDialog" title="废弃物资处理交接详情" :append-to-body="true" :close-on-click-modal="false">
+    <detail-block title="">
+      <el-form ref="goodsHandoverFormRef" :model="goodsHandoverDetail" :rules="goodsHandoverRules" label-position="right" label-width="110px" border stripe>
+        <el-row :gutter="24">
+          <el-col :span="18" :offset="3">
+            <el-form-item label="物资名称" prop="goodsName">
+              <el-input v-model="goodsHandoverDetail.goodsName" placeholder="请输入物资名称" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="24">
+          <el-col :span="18" :offset="3">
+            <el-form-item label="交接日期" prop="handoverTime">
+              <el-date-picker v-model="goodsHandoverDetail.handoverTime" placeholder="请选择交接日期" format="YYYY-MM-DD" value-format="YYYY-MM-DD" type="date" style="width: 100%;" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="24">
+          <el-col :span="18" :offset="3">
+            <el-form-item label="交接数量" prop="handoverAmount">
+              <el-input v-model="goodsHandoverDetail.handoverAmount" placeholder="请输入交接数量" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="24">
+          <el-col :span="18" :offset="3">
+            <el-form-item label="计量单位">
+              <el-input v-model="goodsHandoverDetail.company" placeholder="请输入计量单位" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="24">
+          <el-col :span="18" :offset="3">
+            <el-form-item label="交接人" prop="handoverUserId">
+              <el-input v-model="goodsHandoverDetail.handoverUserId" type="hidden" />
+              <el-input v-model="goodsHandoverDetail.handoverUserName" placeholder="请选择交接人" :disabled="true">
+                <template #append>
+                  <el-button size="small" @click="showRegistedStaffFilter">
+                    选择
+                  </el-button>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="24">
+          <el-col :span="18" :offset="3">
+            <el-form-item label="接收人" prop="receiver">
+              <el-input v-model="goodsHandoverDetail.receiver" placeholder="请输入接收人" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </detail-block>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="showRecordDialog(false)">取消</el-button>
+        <el-button type="primary" @click="submitUseGoods">
+          保存
+        </el-button>
+      </span>
+    </template>
+
+    <filter-registed-staff ref="staffFilterRef" :show-score="false" @record-selected="staffSelectedHandler" />
+  </el-dialog>
+</template>
diff --git a/src/views/resource/outsideService/consumable/handoverList.vue b/src/views/resource/outsideService/consumable/handoverList.vue
new file mode 100644
index 0000000..80a8393
--- /dev/null
+++ b/src/views/resource/outsideService/consumable/handoverList.vue
@@ -0,0 +1,350 @@
+<!-- 废弃物资处理交接记录 列表 -->
+<script name="ConsumableHandoverList" lang="ts" setup>
+import type { DateModelType } from 'element-plus'
+import { ElMessage, ElMessageBox, dayjs } from 'element-plus'
+import type { IConsumableHandover, IConsumableHandoverGoods, IHandoverListQuery } from './consumable-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { getDictByCode } from '@/api/system/dict'
+import { deleteConsumableHandover, detailConsumableHandover, getConsumableHandoverList } from '@/api/resource/supplierConsumable'
+
+const { proxy } = getCurrentInstance() as any
+const router = useRouter()
+
+// 弹窗子组件
+const handoverTableRef = ref()
+
+// 查询条件
+const searchQuery = ref<IHandoverListQuery>({
+  recordNo: '', // 记录单编号
+  createUserName: '', // 创建人
+  createTimeStart: '', // 创建时间-起始
+  createTimeEnd: '', // 创建时间-结束
+  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: 'goodsListStr', align: 'center' },
+  { text: '创建人', value: 'createUserName', align: 'center', width: '120' },
+  { text: '创建时间', value: 'createTime', align: 'center', width: '120' },
+])
+const handoverList = ref<Array<IConsumableHandover>>([]) // 表格数据
+const expandRowKey = ref<string>('')
+const goodsListExpand = ref<Array<IConsumableHandoverGoods>>([])
+
+const expandRowKeys = computed(() => {
+  return [expandRowKey.value]
+})
+
+// 逻辑
+// 跳转到新建的页面
+const addConsumableHandover = () => {
+  router.push({
+    query: {
+      type: 'create',
+    },
+    path: 'consumableHandover/detail',
+  })
+}
+
+// 点击编辑按钮
+const updateInfo = (row: IConsumableHandover) => {
+  router.push({
+    query: {
+      type: 'update',
+      id: row.id,
+    },
+    path: 'consumableHandover/detail',
+  })
+}
+
+// 点击查看（或编辑）按钮
+const detail = (row: IConsumableHandover) => {
+  router.push({
+    query: {
+      type: 'detail',
+      id: row.id,
+    },
+    path: 'consumableHandover/detail',
+  })
+}
+
+// 删除废弃物资处理交接记录
+const deleteById = (row: any) => {
+  ElMessageBox.confirm('是否删除废弃物资处理交接记录', '提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(() => {
+    // 删除
+    deleteConsumableHandover({ id: row.id }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('废弃物资处理交接记录删除成功')
+        fetchData()
+      }
+      else {
+        ElMessage.error(`废弃物资处理交接记录删除失败: ${res.message}`)
+      }
+    })
+  })
+}
+
+const getDetailGoodsList = (goods: IConsumableHandover) => {
+  expandLoading.value = true
+  detailConsumableHandover({ id: goods.id }).then((res) => {
+    if (res.code === 200) {
+      goodsListExpand.value = res.data.goodsHandleDetailList
+
+      expandLoading.value = false
+    }
+  }).catch(() => {
+    expandLoading.value = false
+  })
+}
+
+// 数据查询
+function fetchData(isNowPage = false) {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    searchQuery.value.offset = 1
+  }
+  getConsumableHandoverList(searchQuery.value).then((response) => {
+    if (response.code === 200) {
+      handoverList.value = response.data.rows.map((item: IConsumableHandover) => {
+        return {
+          ...item,
+          createTime: item.createTime!.length > 16 ? item.createTime!.substring(0, 10) : '',
+          goodsListStr: `${item.goodsName}；${item.handoverTime}；${item.amount}`,
+        }
+      })
+      total.value = parseInt(response.data.total)
+    }
+    expandRowKey.value = ''
+    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)
+}
+
+// 改变页容量
+function handleSizeChange(val: number) {
+  changePage({ size: val })
+}
+// 改变当前页
+function handleCurrentChange(val: number) {
+  changePage({ page: val })
+}
+
+// 重置
+const reset = () => {
+  searchQuery.value = {
+    recordNo: '', // 记录单编号
+    createUserName: '', // 创建人
+    createTimeStart: '', // 创建时间-起始
+    createTimeEnd: '', // 创建时间-结束
+    offset: 1,
+    limit: 20,
+  }
+  dateRange.value = ['', '']
+  fetchData(true)
+}
+
+// 展开行 每次只能展开一行
+const expandCurrentRow = (row: IConsumableHandover) => {
+  if (expandRowKey.value === '') {
+    // 全部收起的状态 展开当前点击的行
+    expandRowKey.value = row.recordNo
+  }
+  else if (expandRowKey.value !== row.recordNo) {
+    // 已经有展开的行 切换到当前打开的行
+    expandRowKey.value = row.recordNo
+  }
+  else {
+    // 点击的是当前已经展开的行 收起
+    expandRowKey.value = ''
+  }
+}
+
+// 点击行
+const expandClickedHandler = async (row: IConsumableHandover) => {
+  expandCurrentRow(row)
+  if (expandRowKey.value !== '') {
+    getDetailGoodsList(row)
+  }
+}
+
+const tableRowExpandChange = (row: IConsumableHandover) => {
+  expandCurrentRow(row)
+}
+
+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 () => {
+  getLabCodeDict()
+  getGroupCodeDict()
+}
+
+watch(dateRange, (val) => {
+  if (val) {
+    searchQuery.value.createTimeStart = dayjs(val[0]).format('YYYY-MM-DD') === 'Invalid Date' ? '' : dayjs(val[0]).format('YYYY-MM-DD')
+    searchQuery.value.createTimeEnd = dayjs(val[1]).format('YYYY-MM-DD') === 'Invalid Date' ? '' : dayjs(val[1]).format('YYYY-MM-DD')
+  }
+  else {
+    searchQuery.value.createTimeStart = ''
+    searchQuery.value.createTimeEnd = ''
+  }
+})
+
+onMounted(async () => {
+  await getDict()
+  fetchData(true)
+})
+</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.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="proxy.hasPerm(`/resource/outsideService/consumableHandover/add`)" #btns-right>
+        <icon-button icon="icon-add" title="新建" @click="addConsumableHandover" />
+      </template>
+
+      <el-table
+        ref="handoverTableRef"
+        v-loading="loadingTable" :data="handoverList" style="width: 100%;" stripe
+        border row-key="recordNo"
+        :expand-row-keys="expandRowKeys"
+        @expand-change="tableRowExpandChange"
+      >
+        <el-table-column type="expand" width="1">
+          <el-table
+            v-loading="expandLoading" :show-header="false" :data="goodsListExpand"
+            border class="expand-approval-all"
+          >
+            <el-table-column label="名称" prop="goodsName" align="center" />
+            <el-table-column label="交接时间" prop="handoverTime" align="center" />
+            <el-table-column label="交接数量" prop="handoverAmount" 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="180">
+          <template #default="{ row }">
+            <el-button size="small" type="primary" link @click="expandClickedHandler(row)">
+              <template v-if="expandRowKey !== row.recordNo">
+                展开物资
+              </template>
+              <template v-else>
+                收起展开
+              </template>
+            </el-button>
+            <el-button size="small" type="primary" link @click="updateInfo(row)">
+              编辑
+            </el-button>
+            <el-button size="small" type="primary" link @click="detail(row)">
+              详情
+            </el-button>
+
+            <el-button v-if="proxy.hasPerm(`/resource/outsideService/consumableHandover/del`)" size="small" type="danger" link @click="deleteById(row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页 -->
+      <div style="width: 100%;margin-top: 10px;">
+        <el-pagination
+          :current-page="searchQuery.offset"
+          :page-sizes="[10, 20, 30]"
+          :page-size="searchQuery.limit"
+          :total="total"
+          layout="total, sizes, prev, pager, next"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
+      </div>
+    </table-container>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+:deep(.el-table__expand-icon) {
+  visibility: hidden !important;
+}
+
+:deep(.el-table__expanded-cell) {
+  padding-top: 0 !important;
+}
+
+/* 其他状态下的列表 */
+.expand-approval-with-status {
+  width: calc(100% - 725px);
+  margin-left: 255px;
+}
+
+/* 全部状态下的列表 */
+.expand-approval-all {
+  width: calc(100% - 675px);
+  margin-left: 255px;
+}
+</style>

diff --git a/src/api/resource/supplierConsumable.ts b/src/api/resource/supplierConsumable.ts
index a0936cc..1143e9c 100644
--- a/src/api/resource/supplierConsumable.ts
+++ b/src/api/resource/supplierConsumable.ts
@@ -1,13 +1,14 @@
 import request from '../index'
 
-const prefix = 'resource/supplier/consumableGoods'
-const prefixGoods = 'resource/supplier/goods'
+const prefix = 'resource/supplier'
+const prefixCons = `${prefix}/consumableGoods`
+const prefixGoods = `${prefix}/goods`
 
 /* --------------------------------  供方评价表 -------------------------------- */
 // 查询列表
 export function getConsumableEvaluateList(data: any) {
   return request({
-    url: `${prefix}Evaluate/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Evaluate/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -16,7 +17,7 @@
 // 详情
 export function detailConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/detail`,
+    url: `${prefixCons}Evaluate/detail`,
     method: 'post',
     data,
   })
@@ -25,7 +26,7 @@
 // 保存至草稿箱
 export function saveConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/save`,
+    url: `${prefixCons}Evaluate/save`,
     method: 'post',
     data,
   })
@@ -34,7 +35,7 @@
 // 提交流程
 export function submitConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/submit`,
+    url: `${prefixCons}Evaluate/submit`,
     method: 'post',
     data,
   })
@@ -43,7 +44,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/draftUpdate`,
+    url: `${prefixCons}Evaluate/draftUpdate`,
     method: 'post',
     data,
   })
@@ -52,7 +53,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableEvaluate(data: object) {
   return request({
-    url: `${prefix}Evaluate/failUpdate`,
+    url: `${prefixCons}Evaluate/failUpdate`,
     method: 'post',
     data,
   })
@@ -61,7 +62,7 @@
 // 删除草稿箱
 export function draftDelete(data: object) {
   return request({
-    url: `${prefix}Evaluate/draftDelete`,
+    url: `${prefixCons}Evaluate/draftDelete`,
     method: 'post',
     data,
   })
@@ -70,7 +71,7 @@
 // 删除已取消
 export function canceledApprDelete(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/delete`,
+    url: `${prefixCons}Evaluate/approval/delete`,
     method: 'post',
     data,
   })
@@ -79,7 +80,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApproval(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/revoke`,
+    url: `${prefixCons}Evaluate/approval/revoke`,
     method: 'post',
     data,
   })
@@ -88,7 +89,7 @@
 // 设备供方审批-拒绝
 export function refuseApproval(data: object) {
   return request({
-    url: `${prefix}Evaluate/approval/refuse`,
+    url: `${prefixCons}Evaluate/approval/refuse`,
     method: 'post',
     data,
   })
@@ -98,7 +99,7 @@
 // 查询申请单列表
 export function getConsumableApplyList(data: any) {
   return request({
-    url: `${prefix}Apply/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Apply/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -107,7 +108,7 @@
 // 详情
 export function detailConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/detail`,
+    url: `${prefixCons}Apply/detail`,
     method: 'post',
     data,
   })
@@ -116,7 +117,7 @@
 // 保存至草稿箱
 export function saveConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/save`,
+    url: `${prefixCons}Apply/save`,
     method: 'post',
     data,
   })
@@ -125,7 +126,7 @@
 // 提交流程
 export function submitConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/submit`,
+    url: `${prefixCons}Apply/submit`,
     method: 'post',
     data,
   })
@@ -134,7 +135,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/draftUpdate`,
+    url: `${prefixCons}Apply/draftUpdate`,
     method: 'post',
     data,
   })
@@ -143,7 +144,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableApply(data: object) {
   return request({
-    url: `${prefix}Apply/failUpdate`,
+    url: `${prefixCons}Apply/failUpdate`,
     method: 'post',
     data,
   })
@@ -152,7 +153,7 @@
 // 删除草稿箱
 export function draftDeleteApply(data: object) {
   return request({
-    url: `${prefix}Apply/draftDelete`,
+    url: `${prefixCons}Apply/draftDelete`,
     method: 'post',
     data,
   })
@@ -161,7 +162,7 @@
 // 删除已取消
 export function canceledApprDeleteApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/delete`,
+    url: `${prefixCons}Apply/approval/delete`,
     method: 'post',
     data,
   })
@@ -170,7 +171,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApprovalApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/revoke`,
+    url: `${prefixCons}Apply/approval/revoke`,
     method: 'post',
     data,
   })
@@ -179,7 +180,7 @@
 // 设备供方审批-拒绝
 export function refuseApprovalApply(data: object) {
   return request({
-    url: `${prefix}Apply/approval/refuse`,
+    url: `${prefixCons}Apply/approval/refuse`,
     method: 'post',
     data,
   })
@@ -189,7 +190,7 @@
 // 查询列表
 export function getConsumableUseList(data: any) {
   return request({
-    url: `${prefix}Use/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
+    url: `${prefixCons}Use/approval/listPage?limit=${data.limit}&offset=${data.offset}`,
     method: 'post',
     data,
   })
@@ -198,7 +199,7 @@
 // 详情
 export function detailConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/detail`,
+    url: `${prefixCons}Use/detail`,
     method: 'post',
     data,
   })
@@ -207,7 +208,7 @@
 // 保存至草稿箱
 export function saveConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/save`,
+    url: `${prefixCons}Use/save`,
     method: 'post',
     data,
   })
@@ -216,7 +217,7 @@
 // 提交流程
 export function submitConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/submit`,
+    url: `${prefixCons}Use/submit`,
     method: 'post',
     data,
   })
@@ -225,7 +226,7 @@
 // 草稿箱编辑（不走流程审批）
 export function updateConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/draftUpdate`,
+    url: `${prefixCons}Use/draftUpdate`,
     method: 'post',
     data,
   })
@@ -234,7 +235,7 @@
 // 未通过供方编辑（重走流程审批）
 export function failUpdateConsumableUse(data: object) {
   return request({
-    url: `${prefix}Use/failUpdate`,
+    url: `${prefixCons}Use/failUpdate`,
     method: 'post',
     data,
   })
@@ -243,7 +244,7 @@
 // 删除草稿箱
 export function draftDeleteUse(data: object) {
   return request({
-    url: `${prefix}Use/draftDelete`,
+    url: `${prefixCons}Use/draftDelete`,
     method: 'post',
     data,
   })
@@ -252,7 +253,7 @@
 // 删除已取消
 export function canceledApprDeleteUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/delete`,
+    url: `${prefixCons}Use/approval/delete`,
     method: 'post',
     data,
   })
@@ -261,7 +262,7 @@
 // 发起者撤回，表单状态更改为已取消
 export function revokeApprovalUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/revoke`,
+    url: `${prefixCons}Use/approval/revoke`,
     method: 'post',
     data,
   })
@@ -270,7 +271,7 @@
 // 设备供方审批-拒绝
 export function refuseApprovalUse(data: object) {
   return request({
-    url: `${prefix}Use/approval/refuse`,
+    url: `${prefixCons}Use/approval/refuse`,
     method: 'post',
     data,
   })
@@ -458,3 +459,48 @@
   })
 }
 
+/* --------------------------------  交接单 -------------------------------- */
+// 查询申请单列表
+export function getConsumableHandoverList(data: any) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function detailConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 保存
+export function saveConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/save`,
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function updateConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function deleteConsumableHandover(data: object) {
+  return request({
+    url: `${prefix}/abandonGoodsHandle/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/resource.ts b/src/router/modules/resource.ts
index 76ff20d..e57baaf 100644
--- a/src/router/modules/resource.ts
+++ b/src/router/modules/resource.ts
@@ -791,6 +791,28 @@
         },
       },
       {
+        path: 'consumableHandoverList',
+        name: 'ConsumableHandoverList',
+        component: () => import('@/views/resource/outsideService/consumable/handoverList.vue'),
+        meta: {
+          title: '废弃物资处理交接记录',
+          auth: '/resource/outsideService/consumableHandover',
+          icon: 'ep:key',
+        },
+      },
+      {
+        path: 'consumableHandover/:type/:id?',
+        name: 'ConsumableHandoverDetail',
+        component: () => import('@/views/resource/outsideService/consumable/handoverDetail.vue'),
+        meta: {
+          title: '废弃物资处理交接记录详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/outsideService/consumableHandoverList',
+        },
+      },
+      {
         path: 'consumableEvaluateList',
         name: 'ConsumableEvaluateList',
         component: () => import('@/views/resource/outsideService/consumable/evaluateList.vue'),
diff --git a/src/views/resource/outsideService/consumable/consumable-interface.ts b/src/views/resource/outsideService/consumable/consumable-interface.ts
index 1cc817f..ce1c2c7 100644
--- a/src/views/resource/outsideService/consumable/consumable-interface.ts
+++ b/src/views/resource/outsideService/consumable/consumable-interface.ts
@@ -240,3 +240,44 @@
   createTime?: string
   decisionItem?: number
 }
+
+/* --------------------------------  交接单 -------------------------------- */
+export interface IHandoverListQuery {
+  recordNo: string
+  createUserName: string
+  createTimeStart: string
+  createTimeEnd: string
+  offset: number
+  limit: number
+  sort?: string
+  order?: string
+}
+
+export interface IConsumableHandoverGoods {
+  id?: string
+  recordId?: string
+  goodsName: string
+  handoverTime: string
+  handoverAmount: string
+  company: string
+  handoverUserId: string
+  handoverUserName: string
+  receiver: string
+}
+
+export interface IConsumableHandover {
+  id: string
+  labCode: string
+  labCodeName?: string
+  groupCode: string
+  groupCodeName?: string
+  recordNo: string
+  recordName: string
+  goodsHandleDetailList: Array<IConsumableHandoverGoods>
+  goodsName?: string
+  handoverTime?: string
+  amount?: string
+  createUserId?: string
+  createUserName?: string
+  createTime?: string
+}
diff --git a/src/views/resource/outsideService/consumable/handoverDetail.vue b/src/views/resource/outsideService/consumable/handoverDetail.vue
new file mode 100644
index 0000000..7b7e81c
--- /dev/null
+++ b/src/views/resource/outsideService/consumable/handoverDetail.vue
@@ -0,0 +1,360 @@
+<!-- 废弃物资处理交接记录 详情 -->
+<script name="ConsumableHandoverDetail" lang="ts" setup>
+import { ElMessage, ElMessageBox, dayjs } from 'element-plus'
+import type { IConsumableHandover, IConsumableHandoverGoods } from './consumable-interface'
+import HandoverDetailDialog from './handoverDetailDialog.vue'
+import type { IDictType } from '@/commonInterface/resource-interface'
+import { detailConsumableHandover, saveConsumableHandover, updateConsumableHandover } from '@/api/resource/supplierConsumable'
+import useUserStore from '@/store/modules/user'
+import { getDictByCode } from '@/api/system/dict'
+
+// 变量
+// 从路由中传过来的参数
+const type = ref<string>('')
+const id = ref<string>('')
+
+// 关键字段是否可以编辑
+const keyFieldsDisable = ref<boolean>(true)
+
+const userInfo = useUserStore()
+const route = useRoute()
+const router = useRouter()
+const title = ref('')
+
+// 子组件
+const consumableHandoverRef = ref()
+const refHandoverDetailDialog = ref()
+
+const consumableHandover = ref<IConsumableHandover>({
+  id: '',
+  labCode: '',
+  groupCode: '',
+  recordNo: '',
+  recordName: '废弃物资处理交接记录',
+  createUserId: '',
+  createTime: '',
+  goodsHandleDetailList: [],
+  createUserName: '',
+})
+
+const goodsList = ref<Array<IConsumableHandoverGoods>>([])
+const goodsColumns = [
+  { text: '物资名称', value: 'goodsName', align: 'center', required: true },
+  { text: '交接时间', value: 'handoverTime', align: 'center', width: '200', required: true },
+  { text: '交接数量', value: 'handoverAmount', align: 'center', width: '160', required: true },
+  { text: '计量单位', value: 'company', align: 'center', width: '200' },
+  { text: '交接人', value: 'handoverUserName', align: 'center', width: '200', required: true },
+  { text: '接收人', value: 'receiver', align: 'center', width: '160' },
+] // 表头
+
+const handoverRules = ref({
+  labCode: [{ required: true, message: '实验室代码不能为空，请选择', trigger: ['change', 'blur'] }],
+  groupCode: [{ required: true, message: '组别代码不能为空，请选择', trigger: ['change', 'blur'] }],
+}) // 表单验证规则
+
+// 字典值
+const labCodeDict = ref<IDictType[]>([])
+const groupCodeDict = ref<IDictType[]>([])
+
+const recordSelected = ref<IConsumableHandoverGoods[]>([])
+
+// 逻辑
+// 关闭
+const resetForm = () => {
+  router.go(-1)
+}
+
+// 新增
+const addEditableRow = () => {
+  refHandoverDetailDialog.value.showRecordDialog(true)
+}
+
+const delConsumableRecords = () => {
+  if (recordSelected.value.length === 0) {
+    ElMessage.warning('请至少选择一行')
+    return
+  }
+
+  goodsList.value = goodsList.value.filter(item => recordSelected.value.includes(item) === false)
+}
+
+const consumableMultiSelect = (e: any) => {
+  recordSelected.value = e
+}
+
+// 保存至草稿箱
+const saveDraftHandover = () => {
+  consumableHandover.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss') // 创建时间改为提交时间
+  saveConsumableHandover(consumableHandover.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+      // 设置返回的id和编号
+      consumableHandover.value.recordNo = res.data.recordNo
+      consumableHandover.value.id = res.data.id
+      id.value = res.data.id
+
+      type.value = 'update'
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+// 编辑草稿箱（不走流程审批）
+const updateDraftHandover = () => {
+  updateConsumableHandover(consumableHandover.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+
+// 新建时保存后的处理 获取返回的id
+const saveButtonHandler = async () => {
+  if (!consumableHandoverRef) { return }
+
+  if (goodsList.value.length === 0) {
+    ElMessage.error('交接详情不能为空，请添加使用详情明细')
+    return
+  }
+
+  await consumableHandoverRef.value.validate((valid: boolean) => {
+    if (valid === true) {
+      consumableHandover.value.goodsHandleDetailList = goodsList.value
+
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (type.value === 'create') {
+          saveDraftHandover()
+        }
+        else if (type.value === 'update') {
+          updateDraftHandover()
+        }
+      })
+    }
+  })
+}
+
+// 根据id查询详情
+const detailById = async (id: string) => {
+  await detailConsumableHandover({ id }).then((res) => {
+    if (res.code === 200) {
+      consumableHandover.value = res.data
+      goodsList.value = consumableHandover.value.goodsHandleDetailList
+    }
+  })
+}
+
+const consumableHandoverAddHandler = (useDetail: IConsumableHandoverGoods) => {
+  goodsList.value.push(useDetail)
+}
+
+// 打印
+const printClickedHandler = () => {
+  ElMessage.success('打印成功')
+}
+
+// 打印Word
+const printToWord = () => {
+  // exportFile({ id: noticeInfo.value.id, pdf: false })
+}
+
+// 打印PDF
+const printToPDF = () => {
+
+}
+
+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 : ''
+
+  switch (params.type) {
+    case 'create' :
+      title.value = '废弃物资处理交接记录（新增）'
+
+      consumableHandover.value.createUserId = userInfo.id
+      consumableHandover.value.createUserName = userInfo.name
+      consumableHandover.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss')
+
+      keyFieldsDisable.value = false
+
+      break
+    case 'update':
+      title.value = '废弃物资处理交接记录（编辑）'
+
+      detailById(id.value)
+
+      break
+    case 'detail':
+      title.value = '废弃物资处理交接记录（详情）'
+
+      detailById(id.value)
+
+      break
+    default:
+      title.value = ''
+      break
+  }
+}
+
+onMounted(() => {
+  initDict()
+  initDialog(route.query)
+})
+</script>
+
+<template>
+  <app-container>
+    <el-form ref="consumableHandoverRef" :model="consumableHandover" :rules="handoverRules" label-position="right" label-width="110px" border stripe>
+      <detail-page :title="`${title}`">
+        <template #btns>
+          <template v-if="type === 'detail'">
+            <el-button type="primary" @click="printToWord">
+              导出Word
+            </el-button>
+            <el-button type="primary" @click="printToPDF">
+              导出PDF
+            </el-button>
+            <el-button type="primary" @click="printClickedHandler">
+              打印
+            </el-button>
+          </template>
+          <el-button type="primary" @click="saveButtonHandler">
+            保存
+          </el-button>
+
+          <el-button type="info" @click="resetForm()">
+            关闭
+          </el-button>
+        </template>
+
+        <!-- 第一行 第一列
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="实验室代码" prop="labCode">
+                <el-select v-model="consumableUse.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-col>
+
+            <el-col :span="6">
+              <el-form-item label="组别代码" prop="groupCode">
+                <el-select v-model="consumableUse.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-col>
+          </el-row>
+          -->
+        <el-row :gutter="24">
+          <el-col :span="6">
+            <el-form-item label="文件编号">
+              <el-input v-model="consumableHandover.recordNo" placeholder="文件编号，保存后自动生成" :disabled="true" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="6">
+            <el-form-item label="文件名称">
+              <el-input v-model="consumableHandover.recordName" :disabled="true" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="6">
+            <el-form-item label="创建人">
+              <el-input v-model="consumableHandover.createUserName" :disabled="true" />
+              <el-input v-model="consumableHandover.createUserId" type="hidden" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="6">
+            <el-form-item label="创建时间">
+              <el-input v-model="consumableHandover.createTime" :disabled="true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </detail-page>
+
+      <table-container title="交接详情">
+        <template v-if="type !== 'detail'" #btns-right>
+          <el-button type="primary" @click="addEditableRow">
+            增加行
+          </el-button>
+          <el-button type="info" @click="delConsumableRecords">
+            删除行
+          </el-button>
+        </template>
+
+        <!-- 表格区域 -->
+        <el-table :data="goodsList" border style="width: 100%;" @selection-change="consumableMultiSelect">
+          <el-table-column v-if="type !== 'detail'" type="selection" align="center" width="38" />
+          <el-table-column align="center" label="序号" width="55" type="index" />
+          <el-table-column
+            v-for="item in goodsColumns"
+            :key="item.value"
+            :prop="item.value"
+            :label="item.text"
+            :width="item.width"
+            align="center"
+          >
+            <template #header>
+              <span v-show="item.required && type !== 'detail'" style="color: red;">*</span><span>{{ item.text }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+      </table-container>
+    </el-form>
+
+    <handover-detail-dialog ref="refHandoverDetailDialog" @record-saved="consumableHandoverAddHandler" />
+  </app-container>
+</template>
diff --git a/src/views/resource/outsideService/consumable/handoverDetailDialog.vue b/src/views/resource/outsideService/consumable/handoverDetailDialog.vue
new file mode 100644
index 0000000..569276d
--- /dev/null
+++ b/src/views/resource/outsideService/consumable/handoverDetailDialog.vue
@@ -0,0 +1,162 @@
+<!-- 物资交接单 弹窗编辑 -->
+<script name="HandoverDetailDialog" lang="ts" setup>
+import type { IConsumableHandoverGoods } from './consumable-interface'
+import type { IStaffBasicInfo } from '@/views/resource/person/register/person-regitster'
+import FilterRegistedStaff from '@/views/resource/common/filterRegistedStaff.vue'
+
+const emit = defineEmits(['recordSaved'])
+
+const goodsHandoverFormRef = ref()
+const staffFilterRef = ref()
+
+const goodsHandoverDetail = ref<IConsumableHandoverGoods>({
+  id: '',
+  recordId: '',
+  goodsName: '',
+  handoverTime: '',
+  handoverAmount: '',
+  handoverUserName: '',
+  handoverUserId: '',
+  company: '',
+  receiver: '',
+})
+
+const goodsHandoverRules = ref({
+  goodsName: [{ required: true, message: '物资名称不能为空', trigger: 'blur' }],
+  handoverAmount: [{ required: true, message: '交接数量不能为空', trigger: 'blur' }],
+  handoverTime: [{ required: true, message: '交接日期不能为空', trigger: 'blur' }],
+  handoverUserId: [{ required: true, message: '交接人不能为空，请选择', trigger: ['blur', 'change'] }],
+  receiver: [{ required: true, message: '接收人不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+
+const showDialog = ref(false)
+
+// 逻辑
+const showRegistedStaffFilter = () => {
+  staffFilterRef.value.showOrHideFilterDialog(true, 1)
+}
+
+const staffSelectedHandler = (staffs: IStaffBasicInfo[]) => {
+  goodsHandoverDetail.value.handoverUserId = staffs[0].id!
+  goodsHandoverDetail.value.handoverUserName = staffs[0].staffName
+
+  staffFilterRef.value.showOrHideFilterDialog(false)
+}
+
+const showRecordDialog = (show: boolean) => {
+  showDialog.value = show
+
+  nextTick(() => {
+    goodsHandoverFormRef.value.clearValidate()
+  })
+
+  if (show === false) {
+    // 关闭的时候清除表单
+    goodsHandoverDetail.value = {
+      id: '',
+      recordId: '',
+      goodsName: '',
+      handoverTime: '',
+      handoverAmount: '',
+      handoverUserName: '',
+      handoverUserId: '',
+      company: '',
+      receiver: '',
+    }
+  }
+}
+
+// 编辑时初始化表格
+const initRecordData = (record: IConsumableHandoverGoods) => {
+  goodsHandoverDetail.value = { ...record }
+}
+
+const submitUseGoods = () => {
+  goodsHandoverFormRef.value.validate((valid: boolean) => {
+    if (valid === true) {
+      emit('recordSaved', goodsHandoverDetail.value)
+
+      showRecordDialog(false)
+    }
+  })
+}
+
+defineExpose({
+  showRecordDialog,
+  initRecordData,
+})
+</script>
+
+<template>
+  <el-dialog v-model="showDialog" title="废弃物资处理交接详情" :append-to-body="true" :close-on-click-modal="false">
+    <detail-block title="">
+      <el-form ref="goodsHandoverFormRef" :model="goodsHandoverDetail" :rules="goodsHandoverRules" label-position="right" label-width="110px" border stripe>
+        <el-row :gutter="24">
+          <el-col :span="18" :offset="3">
+            <el-form-item label="物资名称" prop="goodsName">
+              <el-input v-model="goodsHandoverDetail.goodsName" placeholder="请输入物资名称" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="24">
+          <el-col :span="18" :offset="3">
+            <el-form-item label="交接日期" prop="handoverTime">
+              <el-date-picker v-model="goodsHandoverDetail.handoverTime" placeholder="请选择交接日期" format="YYYY-MM-DD" value-format="YYYY-MM-DD" type="date" style="width: 100%;" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="24">
+          <el-col :span="18" :offset="3">
+            <el-form-item label="交接数量" prop="handoverAmount">
+              <el-input v-model="goodsHandoverDetail.handoverAmount" placeholder="请输入交接数量" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="24">
+          <el-col :span="18" :offset="3">
+            <el-form-item label="计量单位">
+              <el-input v-model="goodsHandoverDetail.company" placeholder="请输入计量单位" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="24">
+          <el-col :span="18" :offset="3">
+            <el-form-item label="交接人" prop="handoverUserId">
+              <el-input v-model="goodsHandoverDetail.handoverUserId" type="hidden" />
+              <el-input v-model="goodsHandoverDetail.handoverUserName" placeholder="请选择交接人" :disabled="true">
+                <template #append>
+                  <el-button size="small" @click="showRegistedStaffFilter">
+                    选择
+                  </el-button>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="24">
+          <el-col :span="18" :offset="3">
+            <el-form-item label="接收人" prop="receiver">
+              <el-input v-model="goodsHandoverDetail.receiver" placeholder="请输入接收人" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </detail-block>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="showRecordDialog(false)">取消</el-button>
+        <el-button type="primary" @click="submitUseGoods">
+          保存
+        </el-button>
+      </span>
+    </template>
+
+    <filter-registed-staff ref="staffFilterRef" :show-score="false" @record-selected="staffSelectedHandler" />
+  </el-dialog>
+</template>
diff --git a/src/views/resource/outsideService/consumable/handoverList.vue b/src/views/resource/outsideService/consumable/handoverList.vue
new file mode 100644
index 0000000..80a8393
--- /dev/null
+++ b/src/views/resource/outsideService/consumable/handoverList.vue
@@ -0,0 +1,350 @@
+<!-- 废弃物资处理交接记录 列表 -->
+<script name="ConsumableHandoverList" lang="ts" setup>
+import type { DateModelType } from 'element-plus'
+import { ElMessage, ElMessageBox, dayjs } from 'element-plus'
+import type { IConsumableHandover, IConsumableHandoverGoods, IHandoverListQuery } from './consumable-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { getDictByCode } from '@/api/system/dict'
+import { deleteConsumableHandover, detailConsumableHandover, getConsumableHandoverList } from '@/api/resource/supplierConsumable'
+
+const { proxy } = getCurrentInstance() as any
+const router = useRouter()
+
+// 弹窗子组件
+const handoverTableRef = ref()
+
+// 查询条件
+const searchQuery = ref<IHandoverListQuery>({
+  recordNo: '', // 记录单编号
+  createUserName: '', // 创建人
+  createTimeStart: '', // 创建时间-起始
+  createTimeEnd: '', // 创建时间-结束
+  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: 'goodsListStr', align: 'center' },
+  { text: '创建人', value: 'createUserName', align: 'center', width: '120' },
+  { text: '创建时间', value: 'createTime', align: 'center', width: '120' },
+])
+const handoverList = ref<Array<IConsumableHandover>>([]) // 表格数据
+const expandRowKey = ref<string>('')
+const goodsListExpand = ref<Array<IConsumableHandoverGoods>>([])
+
+const expandRowKeys = computed(() => {
+  return [expandRowKey.value]
+})
+
+// 逻辑
+// 跳转到新建的页面
+const addConsumableHandover = () => {
+  router.push({
+    query: {
+      type: 'create',
+    },
+    path: 'consumableHandover/detail',
+  })
+}
+
+// 点击编辑按钮
+const updateInfo = (row: IConsumableHandover) => {
+  router.push({
+    query: {
+      type: 'update',
+      id: row.id,
+    },
+    path: 'consumableHandover/detail',
+  })
+}
+
+// 点击查看（或编辑）按钮
+const detail = (row: IConsumableHandover) => {
+  router.push({
+    query: {
+      type: 'detail',
+      id: row.id,
+    },
+    path: 'consumableHandover/detail',
+  })
+}
+
+// 删除废弃物资处理交接记录
+const deleteById = (row: any) => {
+  ElMessageBox.confirm('是否删除废弃物资处理交接记录', '提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(() => {
+    // 删除
+    deleteConsumableHandover({ id: row.id }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('废弃物资处理交接记录删除成功')
+        fetchData()
+      }
+      else {
+        ElMessage.error(`废弃物资处理交接记录删除失败: ${res.message}`)
+      }
+    })
+  })
+}
+
+const getDetailGoodsList = (goods: IConsumableHandover) => {
+  expandLoading.value = true
+  detailConsumableHandover({ id: goods.id }).then((res) => {
+    if (res.code === 200) {
+      goodsListExpand.value = res.data.goodsHandleDetailList
+
+      expandLoading.value = false
+    }
+  }).catch(() => {
+    expandLoading.value = false
+  })
+}
+
+// 数据查询
+function fetchData(isNowPage = false) {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    searchQuery.value.offset = 1
+  }
+  getConsumableHandoverList(searchQuery.value).then((response) => {
+    if (response.code === 200) {
+      handoverList.value = response.data.rows.map((item: IConsumableHandover) => {
+        return {
+          ...item,
+          createTime: item.createTime!.length > 16 ? item.createTime!.substring(0, 10) : '',
+          goodsListStr: `${item.goodsName}；${item.handoverTime}；${item.amount}`,
+        }
+      })
+      total.value = parseInt(response.data.total)
+    }
+    expandRowKey.value = ''
+    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)
+}
+
+// 改变页容量
+function handleSizeChange(val: number) {
+  changePage({ size: val })
+}
+// 改变当前页
+function handleCurrentChange(val: number) {
+  changePage({ page: val })
+}
+
+// 重置
+const reset = () => {
+  searchQuery.value = {
+    recordNo: '', // 记录单编号
+    createUserName: '', // 创建人
+    createTimeStart: '', // 创建时间-起始
+    createTimeEnd: '', // 创建时间-结束
+    offset: 1,
+    limit: 20,
+  }
+  dateRange.value = ['', '']
+  fetchData(true)
+}
+
+// 展开行 每次只能展开一行
+const expandCurrentRow = (row: IConsumableHandover) => {
+  if (expandRowKey.value === '') {
+    // 全部收起的状态 展开当前点击的行
+    expandRowKey.value = row.recordNo
+  }
+  else if (expandRowKey.value !== row.recordNo) {
+    // 已经有展开的行 切换到当前打开的行
+    expandRowKey.value = row.recordNo
+  }
+  else {
+    // 点击的是当前已经展开的行 收起
+    expandRowKey.value = ''
+  }
+}
+
+// 点击行
+const expandClickedHandler = async (row: IConsumableHandover) => {
+  expandCurrentRow(row)
+  if (expandRowKey.value !== '') {
+    getDetailGoodsList(row)
+  }
+}
+
+const tableRowExpandChange = (row: IConsumableHandover) => {
+  expandCurrentRow(row)
+}
+
+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 () => {
+  getLabCodeDict()
+  getGroupCodeDict()
+}
+
+watch(dateRange, (val) => {
+  if (val) {
+    searchQuery.value.createTimeStart = dayjs(val[0]).format('YYYY-MM-DD') === 'Invalid Date' ? '' : dayjs(val[0]).format('YYYY-MM-DD')
+    searchQuery.value.createTimeEnd = dayjs(val[1]).format('YYYY-MM-DD') === 'Invalid Date' ? '' : dayjs(val[1]).format('YYYY-MM-DD')
+  }
+  else {
+    searchQuery.value.createTimeStart = ''
+    searchQuery.value.createTimeEnd = ''
+  }
+})
+
+onMounted(async () => {
+  await getDict()
+  fetchData(true)
+})
+</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.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="proxy.hasPerm(`/resource/outsideService/consumableHandover/add`)" #btns-right>
+        <icon-button icon="icon-add" title="新建" @click="addConsumableHandover" />
+      </template>
+
+      <el-table
+        ref="handoverTableRef"
+        v-loading="loadingTable" :data="handoverList" style="width: 100%;" stripe
+        border row-key="recordNo"
+        :expand-row-keys="expandRowKeys"
+        @expand-change="tableRowExpandChange"
+      >
+        <el-table-column type="expand" width="1">
+          <el-table
+            v-loading="expandLoading" :show-header="false" :data="goodsListExpand"
+            border class="expand-approval-all"
+          >
+            <el-table-column label="名称" prop="goodsName" align="center" />
+            <el-table-column label="交接时间" prop="handoverTime" align="center" />
+            <el-table-column label="交接数量" prop="handoverAmount" 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="180">
+          <template #default="{ row }">
+            <el-button size="small" type="primary" link @click="expandClickedHandler(row)">
+              <template v-if="expandRowKey !== row.recordNo">
+                展开物资
+              </template>
+              <template v-else>
+                收起展开
+              </template>
+            </el-button>
+            <el-button size="small" type="primary" link @click="updateInfo(row)">
+              编辑
+            </el-button>
+            <el-button size="small" type="primary" link @click="detail(row)">
+              详情
+            </el-button>
+
+            <el-button v-if="proxy.hasPerm(`/resource/outsideService/consumableHandover/del`)" size="small" type="danger" link @click="deleteById(row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页 -->
+      <div style="width: 100%;margin-top: 10px;">
+        <el-pagination
+          :current-page="searchQuery.offset"
+          :page-sizes="[10, 20, 30]"
+          :page-size="searchQuery.limit"
+          :total="total"
+          layout="total, sizes, prev, pager, next"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
+      </div>
+    </table-container>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+:deep(.el-table__expand-icon) {
+  visibility: hidden !important;
+}
+
+:deep(.el-table__expanded-cell) {
+  padding-top: 0 !important;
+}
+
+/* 其他状态下的列表 */
+.expand-approval-with-status {
+  width: calc(100% - 725px);
+  margin-left: 255px;
+}
+
+/* 全部状态下的列表 */
+.expand-approval-all {
+  width: calc(100% - 675px);
+  margin-left: 255px;
+}
+</style>
diff --git a/src/views/resource/outsideService/consumable/useDetailDialog.vue b/src/views/resource/outsideService/consumable/useDetailDialog.vue
index ab1ca8c..3eac3e3 100644
--- a/src/views/resource/outsideService/consumable/useDetailDialog.vue
+++ b/src/views/resource/outsideService/consumable/useDetailDialog.vue
@@ -1,14 +1,9 @@
 <!-- 易耗物资使用情况 弹窗编辑 -->
 <script name="UseDetailDialog" lang="ts" setup>
-import { ElMessage } from 'element-plus'
 import type { IConsumableUseGoods } from './consumable-interface'
 import type { IStaffBasicInfo } from '@/views/resource/person/register/person-regitster'
 import FilterRegistedStaff from '@/views/resource/common/filterRegistedStaff.vue'
 
-const props = defineProps({
-  staffId: { type: String, default: '' },
-})
-
 const emit = defineEmits(['recordSaved'])
 
 const goodsUseFormRef = ref()
@@ -80,7 +75,6 @@
 const submitUseGoods = () => {
   goodsUseFormRef.value.validate((valid: boolean) => {
     if (valid === true) {
-      console.log(goodsUseDetail.value)
       emit('recordSaved', goodsUseDetail.value)
 
       showRecordDialog(false)
@@ -117,7 +111,7 @@
         <el-row :gutter="24">
           <el-col :span="18" :offset="3">
             <el-form-item label="使用数量" prop="useAmount">
-              <el-input v-model="goodsUseDetail.useAmount" placeholder="请输入使用数量及单位" />
+              <el-input v-model="goodsUseDetail.useAmount" placeholder="请输入使用数量" />
             </el-form-item>
           </el-col>
         </el-row>