diff --git a/fe/PC/src/utils/detailsTableColumns/index.js b/fe/PC/src/utils/detailsTableColumns/index.js
index 509178adf..aa9f56035 100644
--- a/fe/PC/src/utils/detailsTableColumns/index.js
+++ b/fe/PC/src/utils/detailsTableColumns/index.js
@@ -4333,6 +4333,221 @@ export const IssueNoteZP =  [
   { label: "上次修改时间", prop: "lastModificationTime", type: "dateTime" },
 ]
 
+// 备品申请
+export const IssueRequestBP =  [
+  { label: "物品代码", prop: "itemCode", fixed: "left" },
+  { label: "物品名称", prop: "itemName" },
+  { label: "物品描述1", prop: "itemDesc1" },
+  { label: "物品描述2", prop: "itemDesc2" },
+  { label: "状态", prop: "status", type: "filter", filters: "openToClose" },
+  { label: "单位", prop: "uom" },
+  { label: "数量", prop: "qty" },
+  { label: "申请数量", prop: 'issuedQty' },
+  { label: "已收数量", prop: 'receivedQty' },
+  { label: "已发未收", prop: "toBeReceivedQty" },
+  { label: "请求未收", prop: "notFinishQty" },
+  { label: "请求未发", prop: "toBeIssuedQty" },
+  { label: "请求箱数量", prop: "boxQty" },
+  { label: "标包数量", prop: 'stdPackQty' },
+  { label: "目标库位", prop: 'toLocationCode' },
+  { label: "目标库区", prop: 'toLocationArea' },
+  { label: "目标库位组", prop: 'toLocationGroup' },
+  { label: "目标ERP库位", prop: "toLocationErpCode" },
+  { label: "位置码", prop: 'positionCode' },
+  { label: "推荐类型", prop: 'recommendType' },
+  { label: "到仓库", prop: 'toWarehouseCode' },
+  { label: "生产线", prop: 'prodLine' },
+  { label: "备注", prop: "remark" },
+  { label: "创建时间", prop: 'creationTime', type: "dateTime" },
+  { label: "上次修改时间", prop: "lastModificationTime", type: "dateTime" },
+]
+// 备品任务
+export const IssueJobBP =  [
+  { label: "物品代码", prop: "itemCode", fixed: "left" },
+  { label: "物品名称", prop: "itemName" },
+  { label: "物品描述1", prop: "itemDesc1" },
+  { label: "物品描述2", prop: "itemDesc2" },
+  { label: "状态", prop: "status", type: "filter", filters: "inventoryStage" },
+  { label: "单位", prop: "uom" },
+  { label: "请求库位代码", prop: 'requestLocationCode' },
+  { label: "请求库位区域", prop: 'requestLocationArea' },
+  { label: "请求库位组", prop: 'requestLocationGroup' },
+  { label: "请求ERP库位", prop: 'requestLocationErpCode' },
+  { label: "请求仓库代码", prop: 'requestWarehouseCode' },
+  { label: "在途库位", prop: 'onTheWayLocationCode' },
+  { label: "请求数量", prop: 'requestQty' },
+  { label: "推荐来源数量", prop: 'recommendFromQty' },
+  { label: "推荐目标数量", prop: 'recommendToQty' },
+  { label: "推荐来源箱标签", prop: "recommendFromPackingCode" },
+  { label: "推荐目标箱标签", prop: 'recommendToPackingCode' },
+  { label: "推荐来源供应商批次", prop: 'recommendFromSupplierBatch' },
+  { label: "推荐目标供应商批次", prop: 'recommendToSupplierBatch' },
+  { label: "推荐来源到货时间", prop: 'recommendFromArriveDate', type: "dateTime" },
+  { label: "推荐目标到货时间", prop: 'recommendToArriveDate', type: "dateTime" },
+  { label: "推荐来源生产时间", prop: 'recommendFromProduceDate', type: "dateTime" },
+  { label: "推荐目标生产时间", prop: 'recommendToProduceDate', type: "dateTime" },
+  { label: "推荐来源过期时间", prop: 'recommendFromExpireDate', type: "dateTime" },
+  { label: "推荐目标过期时间", prop: 'recommendToExpireDate', type: "dateTime" },
+  { label: "推荐来源批次", prop: 'recommendFromLot' },
+  { label: "推荐目标批次", prop: 'recommendToLot' },
+  { label: "推荐来源库位", prop: 'recommendFromLocationCode' },
+  { label: "推荐目标库位", prop: 'recommendToLocationCode' },
+  { label: "推荐来源库区", prop: 'recommendFromLocationArea' },
+  { label: "推荐目标库区", prop: 'recommendToLocationArea' },
+  { label: "推荐来源分组", prop: 'recommendFromLocationGroup' },
+  { label: "推荐目标分组", prop: 'recommendToLocationGroup' },
+  { label: "推荐来源ERP库位", prop: 'recommendFromLocationErpCode' },
+  { label: "推荐目标ERP库位", prop: 'recommendToLocationErpCode' },
+  { label: "推荐来源仓库", prop: 'recommendFromWarehouseCode' },
+  { label: "推荐目标仓库", prop: "recommendToWarehouseCode" },
+  { label: "库移来源数量", prop: 'transferLibFromQty' },
+  { label: "库移目标数量", prop: 'transferLibToQty' },
+  { label: "库移来源箱标签", prop: 'transferLibFromPackingCode' },
+  { label: "库移目标箱标签", prop: 'transferLibToPackingCode' },
+  { label: "库移来源批次", prop: 'transferLibFromLot' },
+  { label: "库移目标批次", prop: 'transferLibToLot' },
+  { label: "库移来源供应商批次", prop: 'transferLibFromSupplierBatch' },
+  { label: "库移目标批应商批次", prop: 'transferLibToSupplierBatch' },
+  { label: "库移来源到货时间", prop: 'transferLibFromArriveDate', type: "dateTime" },
+  { label: "库移目标到货时间", prop: 'transferLibToArriveDate', type: "dateTime" },
+  { label: "库移来源生产时间", prop: 'transferLibFromProduceDate', type: "dateTime" },
+  { label: "库移目标生产时间", prop: 'transferLibToProduceDate', type: "dateTime" },
+  { label: "库移来源过期时间", prop: 'transferLibFromExpireDate', type: "dateTime" },
+  { label: "库移目标过期时间", prop: 'transferLibToExpireDate', type: "dateTime" },
+  { label: "库移来源库位", prop: 'transferLibFromLocationCode' },
+  { label: "库移目标库位", prop: 'transferLibToLocationCode' },
+  { label: "库移来源库区", prop: 'transferLibFromLocationArea' },
+  { label: "库移目标库区", prop: 'transferLibToLocationArea' },
+  { label: "库移来源库位组", prop: 'transferLibFromLocationGroup' },
+  { label: "库移目标库位组", prop: 'transferLibToLocationGroup' },
+  { label: "库移来源ERP库位", prop: 'transferLibFromLocationErpCode' },
+  { label: "库移目标ERP库位", prop: 'transferLibToLocationErpCode' },
+  { label: "实际来源数量", prop: 'handledFromQty' },
+  { label: "实际目标数量", prop: 'handledToQty' },
+  { label: "实际来源箱标签", prop: 'handledFromPackingCode' },
+  { label: "实际目标箱标签", prop: 'handledToPackingCode' },
+  { label: "实际来源批次", prop: 'handledFromLot' },
+  { label: "实际目标批次", prop: 'handledToLot' },
+  { label: "实际来源库位", prop: 'handledFromLocationCode' },
+  { label: "实际目标库位", prop: 'handledToLocationCode' },
+  { label: "实际来源库区", prop: 'handledFromLocationArea' },
+  { label: "实际目标库区", prop: 'handledToLocationArea' },
+  { label: "实际来源分组", prop: 'handledFromLocationGroup' },
+  { label: "实际目标分组", prop: 'handledToLocationGroup' },
+  { label: "实际来源ERP库位", prop: 'handledFromLocationErpCode' },
+  { label: "实际目标ERP库位", prop: 'handledToLocationErpCode' },
+  { label: "实际来源供应商批次", prop: 'handledFromSupplierBatch' },
+  { label: "实际目标供应商批次", prop: 'handledToSupplierBatch' },
+  { label: "实际来源到货时间", prop: 'handledFromArriveDate', type: "dateTime" },
+  { label: "实际目标到货时间", prop: 'handledToArriveDate', type: "dateTime" },
+  { label: "实际来源生产时间", prop: 'handledFromProduceDate', type: "dateTime" },
+  { label: "实际目标生产时间", prop: 'handledToProduceDate', type: "dateTime" },
+  { label: "实际来源过期时间", prop: 'handledFromExpireDate', type: "dateTime" },
+  { label: "实际目标过期时间", prop: 'handledToExpireDate', type: "dateTime" },
+  { label: "实际来源仓库", prop: 'handledFromWarehouseCode' },
+  { label: "实际目标仓库", prop: "handledToWarehouseCode" },
+  { label: "标包数量", prop: 'stdPackQty' },
+  { label: "位置码", prop: 'positionCode' },
+  { label: "推荐类型", prop: 'recommendType' },
+  { label: "生产线", prop: 'prodLine' },
+  { label: "备注", prop: "remark" },
+  { label: "创建时间", prop: 'creationTime', type: "dateTime" },
+  { label: "上次修改时间", prop: "lastModificationTime", type: "dateTime" },
+]
+// 备品记录
+export const IssueNoteBP =  [
+  { label: "物品代码", prop: "itemCode", fixed: "left" },
+  { label: "物品名称", prop: "itemName" },
+  { label: "物品描述1", prop: "itemDesc1" },
+  { label: "物品描述2", prop: "itemDesc2" },
+  { label: "状态", prop: "status", type: "filter", filters: "inventoryStage" },
+  { label: "单位", prop: "uom" },
+  { label: "请求库位代码", prop: 'requestLocationCode' },
+  { label: "请求库位区域", prop: 'requestLocationArea' },
+  { label: "请求库位组", prop: 'requestLocationGroup' },
+  { label: "请求ERP库位", prop: 'requestLocationErpCode' },
+  { label: "请求仓库代码", prop: 'requestWarehouseCode' },
+  { label: "在途库位", prop: 'onTheWayLocationCode' },
+  { label: "请求数量", prop: 'requestQty' },
+  { label: "推荐来源数量", prop: 'recommendFromQty' },
+  { label: "推荐目标数量", prop: 'recommendToQty' },
+  { label: "推荐来源箱标签", prop: "recommendFromPackingCode" },
+  { label: "推荐目标箱标签", prop: 'recommendToPackingCode' },
+  { label: "推荐来源供应商批次", prop: 'recommendFromSupplierBatch' },
+  { label: "推荐目标供应商批次", prop: 'recommendToSupplierBatch' },
+  { label: "推荐来源到货时间", prop: 'recommendFromArriveDate', type: "dateTime" },
+  { label: "推荐目标到货时间", prop: 'recommendToArriveDate', type: "dateTime" },
+  { label: "推荐来源生产时间", prop: 'recommendFromProduceDate', type: "dateTime" },
+  { label: "推荐目标生产时间", prop: 'recommendToProduceDate', type: "dateTime" },
+  { label: "推荐来源过期时间", prop: 'recommendFromExpireDate', type: "dateTime" },
+  { label: "推荐目标过期时间", prop: 'recommendToExpireDate', type: "dateTime" },
+  { label: "推荐来源批次", prop: 'recommendFromLot' },
+  { label: "推荐目标批次", prop: 'recommendToLot' },
+  { label: "推荐来源库位", prop: 'recommendFromLocationCode' },
+  { label: "推荐目标库位", prop: 'recommendToLocationCode' },
+  { label: "推荐来源库区", prop: 'recommendFromLocationArea' },
+  { label: "推荐目标库区", prop: 'recommendToLocationArea' },
+  { label: "推荐来源分组", prop: 'recommendFromLocationGroup' },
+  { label: "推荐目标分组", prop: 'recommendToLocationGroup' },
+  { label: "推荐来源ERP库位", prop: 'recommendFromLocationErpCode' },
+  { label: "推荐目标ERP库位", prop: 'recommendToLocationErpCode' },
+  { label: "推荐来源仓库", prop: 'recommendFromWarehouseCode' },
+  { label: "推荐目标仓库", prop: "recommendToWarehouseCode" },
+  { label: "库移来源数量", prop: 'transferLibFromQty' },
+  { label: "库移目标数量", prop: 'transferLibToQty' },
+  { label: "库移来源箱标签", prop: 'transferLibFromPackingCode' },
+  { label: "库移目标箱标签", prop: 'transferLibToPackingCode' },
+  { label: "库移来源批次", prop: 'transferLibFromLot' },
+  { label: "库移目标批次", prop: 'transferLibToLot' },
+  { label: "库移来源供应商批次", prop: 'transferLibFromSupplierBatch' },
+  { label: "库移目标批应商批次", prop: 'transferLibToSupplierBatch' },
+  { label: "库移来源到货时间", prop: 'transferLibFromArriveDate', type: "dateTime" },
+  { label: "库移目标到货时间", prop: 'transferLibToArriveDate', type: "dateTime" },
+  { label: "库移来源生产时间", prop: 'transferLibFromProduceDate', type: "dateTime" },
+  { label: "库移目标生产时间", prop: 'transferLibToProduceDate', type: "dateTime" },
+  { label: "库移来源过期时间", prop: 'transferLibFromExpireDate', type: "dateTime" },
+  { label: "库移目标过期时间", prop: 'transferLibToExpireDate', type: "dateTime" },
+  { label: "库移来源库位", prop: 'transferLibFromLocationCode' },
+  { label: "库移目标库位", prop: 'transferLibToLocationCode' },
+  { label: "库移来源库区", prop: 'transferLibFromLocationArea' },
+  { label: "库移目标库区", prop: 'transferLibToLocationArea' },
+  { label: "库移来源库位组", prop: 'transferLibFromLocationGroup' },
+  { label: "库移目标库位组", prop: 'transferLibToLocationGroup' },
+  { label: "库移来源ERP库位", prop: 'transferLibFromLocationErpCode' },
+  { label: "库移目标ERP库位", prop: 'transferLibToLocationErpCode' },
+  { label: "实际来源数量", prop: 'handledFromQty' },
+  { label: "实际目标数量", prop: 'handledToQty' },
+  { label: "实际来源箱标签", prop: 'handledFromPackingCode' },
+  { label: "实际目标箱标签", prop: 'handledToPackingCode' },
+  { label: "实际来源批次", prop: 'handledFromLot' },
+  { label: "实际目标批次", prop: 'handledToLot' },
+  { label: "实际来源库位", prop: 'handledFromLocationCode' },
+  { label: "实际目标库位", prop: 'handledToLocationCode' },
+  { label: "实际来源库区", prop: 'handledFromLocationArea' },
+  { label: "实际目标库区", prop: 'handledToLocationArea' },
+  { label: "实际来源分组", prop: 'handledFromLocationGroup' },
+  { label: "实际目标分组", prop: 'handledToLocationGroup' },
+  { label: "实际来源ERP库位", prop: 'handledFromLocationErpCode' },
+  { label: "实际目标ERP库位", prop: 'handledToLocationErpCode' },
+  { label: "实际来源供应商批次", prop: 'handledFromSupplierBatch' },
+  { label: "实际目标供应商批次", prop: 'handledToSupplierBatch' },
+  { label: "实际来源到货时间", prop: 'handledFromArriveDate', type: "dateTime" },
+  { label: "实际目标到货时间", prop: 'handledToArriveDate', type: "dateTime" },
+  { label: "实际来源生产时间", prop: 'handledFromProduceDate', type: "dateTime" },
+  { label: "实际目标生产时间", prop: 'handledToProduceDate', type: "dateTime" },
+  { label: "实际来源过期时间", prop: 'handledFromExpireDate', type: "dateTime" },
+  { label: "实际目标过期时间", prop: 'handledToExpireDate', type: "dateTime" },
+  { label: "实际来源仓库", prop: 'handledFromWarehouseCode' },
+  { label: "实际目标仓库", prop: "handledToWarehouseCode" },
+  { label: "标包数量", prop: 'stdPackQty' },
+  { label: "位置码", prop: 'positionCode' },
+  { label: "推荐类型", prop: 'recommendType' },
+  { label: "生产线", prop: 'prodLine' },
+  { label: "备注", prop: "remark" },
+  { label: "创建时间", prop: 'creationTime', type: "dateTime" },
+  { label: "上次修改时间", prop: "lastModificationTime", type: "dateTime" },
+]
+
 // 业务库移申请
 export const transferLibRequest =  [
   { label: "物品代码", prop: "itemCode", fixed: "left" },
diff --git a/fe/PC/src/utils/tableColumns/index.js b/fe/PC/src/utils/tableColumns/index.js
index a49bbb7fb..119b282f0 100644
--- a/fe/PC/src/utils/tableColumns/index.js
+++ b/fe/PC/src/utils/tableColumns/index.js
@@ -4456,6 +4456,55 @@ export const IssueNoteZP =  [
   { label: "上次修改时间", prop: "lastModificationTime", type: "dateTime" },
 ]
 
+// 备品申请
+export const IssueRequestBP =  [
+  { label: "请求单号", prop: "number", fixed: "left", type: "name" },
+  { label: "状态", prop: "requestStatus", type: "filter", filters: "requestStatus" },
+  { label: "叫料请求来源", prop: "issueRequestType", type: "filter", filters: "issueRequestType" },
+  { label: "来源库位列表", prop: 'fromLocationCodeJsonList',type:"showDetail",isJson:true,showProp:true },
+  { label: "目标库位代码", prop: "toLocationCode" },
+  { label: "目标ERP库位", prop: "toLocationErpCode" },
+  { label: "备注", prop: "remark" },
+  { label: "操作员", prop: "worker" },
+  { label: "创建时间", prop: 'creationTime', type: "dateTime" },
+  { label: "上次修改时间", prop: "lastModificationTime", type: "dateTime" },
+]
+// 备品任务
+export const IssueJobBP = [
+  { label: "任务单号", prop: "number", fixed: "left", type: "name" },
+  { label: "状态", prop: "jobStatus",type: "filter", filters: "jobStatus" },
+  { label: "任务类型", prop: "jobType", type: "filter", filters: "taskType" },
+  { label: "叫料请求来源", prop: "issueRequestType", type: "filter", filters: "issueRequestType" },
+  { label: "叫料发货类型", prop: "enumIssueSendType", type: "filter", filters: "enumIssueSendType" },
+  { label: "要货单号", prop: 'kittingRequestNumber'},
+  { label: "承接者用户名", prop: 'acceptUserName' },
+  { label: "承接时间", prop: 'acceptTime', type: "dateTime" },
+  { label: "完成者用户名", prop: 'completeUserName' },
+  { label: "完成时间", prop: 'completeTime',type: "dateTime" },
+  { label: "任务描述", prop: 'jobDescription' },
+  { label: "生产线", prop: 'prodLine' },
+  { label: "备注", prop: "remark" },
+  { label: "操作员", prop: "worker" },
+  { label: "创建时间", prop: 'creationTime', type: "dateTime" },
+  { label: "上次修改时间", prop: "lastModificationTime", type: "dateTime" },
+]
+// 备品记录
+export const IssueNoteBP =  [
+  { label: "记录单号", prop: "number", fixed: "left", type: "name" },
+  { label: "申请单号", prop: 'requestNumber' },
+  { label: "叫料请求来源", prop: "issueRequestType", type: "filter", filters: "issueRequestType" },
+  { label: "叫料发货类型", prop: "enumIssueSendType", type: "filter", filters: "enumIssueSendType" },
+  { label: "使用在途库", prop: 'useOnTheWayLocation', type: "filter", filters: "whetherOrNot" },
+  { label: "已确认", prop: 'confirmed',type: "filter", filters: "whetherOrNot" },
+  { label: "确认时间", prop: 'confirmTime',type: "dateTime" },
+  { label: "任务代码", prop: 'jobNumber' },
+  { label: "备注", prop: "remark" },
+  { label: "操作员", prop: "worker" },
+  { label: "创建时间", prop: 'creationTime', type: "dateTime" },
+  { label: "生效日期", prop: 'activeDate', type: "dateTime" },
+  { label: "上次修改时间", prop: "lastModificationTime", type: "dateTime" },
+]
+
 // 业务库移申请
 export const transferLibRequest =  [
   { label: "申请编号", prop: "number",type:"name",fixed: "left", },
diff --git a/fe/PC/src/utils/tabsDesTions/index.js b/fe/PC/src/utils/tabsDesTions/index.js
index 8e8c1ca98..46bdcd58c 100644
--- a/fe/PC/src/utils/tabsDesTions/index.js
+++ b/fe/PC/src/utils/tabsDesTions/index.js
@@ -3267,6 +3267,55 @@ export const IssueNoteZP =  [
   { label: "上次修改时间", prop: "lastModificationTime", type: "dateTime" },
 ]
 
+// 备品申请
+export const IssueRequestBP =  [
+  { label: "请求单号", prop: "number", fixed: "left", type: "name" },
+  { label: "状态", prop: "requestStatus", type: "filter", filters: "requestStatus" },
+  { label: "叫料请求来源", prop: "issueRequestType", type: "filter", filters: "issueRequestType" },
+  { label: "来源库位列表", prop: 'fromLocationCodeJsonList',type:"showDetail",isJson:true,showProp:true },
+  { label: "目标库位代码", prop: "toLocationCode" },
+  { label: "目标ERP库位", prop: "toLocationErpCode" },
+  { label: "备注", prop: "remark" },
+  { label: "操作员", prop: "worker" },
+  { label: "创建时间", prop: 'creationTime', type: "dateTime" },
+  { label: "上次修改时间", prop: "lastModificationTime", type: "dateTime" },
+]
+// 备品任务
+export const IssueJobBP = [
+  { label: "任务单号", prop: "number", fixed: "left", type: "name" },
+  { label: "状态", prop: "jobStatus",type: "filter", filters: "jobStatus" },
+  { label: "任务类型", prop: "jobType", type: "filter", filters: "taskType" },
+  { label: "叫料请求来源", prop: "issueRequestType", type: "filter", filters: "issueRequestType" },
+  { label: "叫料发货类型", prop: "enumIssueSendType", type: "filter", filters: "enumIssueSendType" },
+  { label: "要货单号", prop: 'kittingRequestNumber'},
+  { label: "承接者用户名", prop: 'acceptUserName' },
+  { label: "承接时间", prop: 'acceptTime', type: "dateTime" },
+  { label: "完成者用户名", prop: 'completeUserName' },
+  { label: "完成时间", prop: 'completeTime',type: "dateTime" },
+  { label: "任务描述", prop: 'jobDescription' },
+  { label: "生产线", prop: 'prodLine' },
+  { label: "备注", prop: "remark" },
+  { label: "操作员", prop: "worker" },
+  { label: "创建时间", prop: 'creationTime', type: "dateTime" },
+  { label: "上次修改时间", prop: "lastModificationTime", type: "dateTime" },
+]
+// 备品记录
+export const IssueNoteBP =  [
+  { label: "记录单号", prop: "number", fixed: "left", type: "name" },
+  { label: "申请单号", prop: 'requestNumber' },
+  { label: "叫料请求来源", prop: "issueRequestType", type: "filter", filters: "issueRequestType" },
+  { label: "叫料发货类型", prop: "enumIssueSendType", type: "filter", filters: "enumIssueSendType" },
+  { label: "使用在途库", prop: 'useOnTheWayLocation', type: "filter", filters: "whetherOrNot" },
+  { label: "已确认", prop: 'confirmed',type: "filter", filters: "whetherOrNot" },
+  { label: "确认时间", prop: 'confirmTime',type: "dateTime" },
+  { label: "任务代码", prop: 'jobNumber' },
+  { label: "备注", prop: "remark" },
+  { label: "操作员", prop: "worker" },
+  { label: "创建时间", prop: 'creationTime', type: "dateTime" },
+  { label: "生效日期", prop: 'activeDate', type: "dateTime" },
+  { label: "上次修改时间", prop: "lastModificationTime", type: "dateTime" },
+]
+
 // 业务库移申请
 export const transferLibRequest =  [
   { label: "申请编号", prop: "number",type:"name",fixed: "left", },
diff --git a/fe/PC/src/views/materialIssueBP/IssueJobBP.vue b/fe/PC/src/views/materialIssueBP/IssueJobBP.vue
new file mode 100644
index 000000000..004efb7a6
--- /dev/null
+++ b/fe/PC/src/views/materialIssueBP/IssueJobBP.vue
@@ -0,0 +1,118 @@
+<template>
+  <div class="page-box" v-loading="Loading.appMainLoading">
+    <tablePagination
+      :currenButtonData="currenButtonData"
+      :tableData="tableData"
+      :tableLoading="Loading.tableLoading"
+      :tableColumns="tableColumns"
+      @rowDrop="rowDrop"
+      :totalCount="totalCount"
+      :multipleSelection="multipleSelection"
+      :MaxResultCount="PageListParams.MaxResultCount"
+      @topbutton="topbutton"
+      @inlineDialog="inlineDialog"
+      @sortChange="sortChange"
+      @alertoldSkipCount="alertoldSkipCount"
+      @alterResultCount="alterResultCount"
+      @handleSelectionChange="handleSelectionChange"
+      :currentPageProps="oldSkipCount"
+      :quicklySearchOption="quicklySearchOption"
+      @quicklySearchClick="quicklySearchClick"
+      @quicklySearchClear="quicklySearchClear"
+      :primarySearchOption="primarySearchOption"
+      @overallSearchFormClick="overallSearchFormClick"
+      :httpOverallSearchData="httpOverallSearchData"
+    >
+    </tablePagination>
+    <!-- 新导入 disabledMethod 导入方式禁用 disabledIsAllowPartImport 是否局部导入禁用-->
+    <!-- methodValue 导入方式默认选项  是否局部导入 默认选项  -->
+    <importFile
+      :loading="Loading.importLoading"
+      :show="displayDialog.importDialog"
+      :URL="URL"
+      :disabledMethod = {method1:false,method2:false,method3:false}
+      :disabledIsAllowPartImport = {isAllowPartImport1:false,isAllowPartImport2:false}
+      isAllowPartImportValue="1"
+      @importClick="postImportMergeClick(arguments)"
+      @postImportDown="importDown"
+    ></importFile>
+    <!--抽屉-->
+    <curren-Drawer
+      :title="tableColumns"
+      :DrawerLoading="Loading.DrawerLoading"
+      :drawer="displayDialog.detailsDialog"
+      :propsData="propsData"
+      :tabsDesTions="tabsDesTions"
+      :Butttondata="DrawerButtonData"
+      @drawerShut="(val) => (displayDialog.detailsDialog = val)"
+      @drawerbutton="drawerbutton"
+      @handleCommand="drawerHandle"
+      @close-value="closeValue"
+      :tableColumns="detailsTableColumns"
+      :totalCount="totalCountDetails"
+      :MaxResultCount="MaxResultCountDetails"
+      @alterResultCountDetails="alterResultCountDetails"
+      @alertoldSkipCountDetails="alertoldSkipCountDetails"
+    ></curren-Drawer>
+  </div>
+</template>
+<script>
+import { tableMixins } from "@/mixins/TableMixins";
+import { LoadingMixins } from "@/mixins/LoadingMixins";
+import { drawerMixins } from "@/mixins/drawerMixins";
+import { TableHeaderMixins } from "@/mixins/TableHeaderMixins";
+import { mixins } from "@/mixins/mixins";
+import { complete } from "@/api/wms-job";
+
+export default {
+  name: "IssueJobBP",
+  mixins: [
+    tableMixins,
+    LoadingMixins,
+    drawerMixins,
+    TableHeaderMixins,
+    mixins,
+  ],
+  computed: {
+    hideButton: function () {
+      return function (val) {
+        let data = true
+        val.forEach(key => {
+          if (this.propsData.jobStatus == key) {
+            data = false
+          }
+        })
+        return data
+      }
+    },
+  },
+  data() {
+    return {
+      URL: "wms/store/spare-part-issue-job",
+      //常用按钮数据
+      currenButtonData: [
+        // this.defaultImportBtn(),//导入
+        this.defaultFieldSettingBtn(),//字段设置
+        this.defaultFreshBtn(),//刷新
+        this.defaultFilterBtn(),//筛选
+      ],
+      DrawerButtonData: [
+        {
+          type: 'success',
+          label: '完成',
+          hide: false,
+          name: "CompleteJob",
+          hide: () => { return this.hideButton([1,2,4]) },
+          size: 'mini'
+        },
+      ],
+    };
+  },
+  mounted() {
+    this.paging();
+  }
+};
+</script>
+<style lang="scss" scoped>
+@import "@/styles/mainbasicData.scss";
+</style>
\ No newline at end of file
diff --git a/fe/PC/src/views/materialIssueBP/IssueNoteBP.vue b/fe/PC/src/views/materialIssueBP/IssueNoteBP.vue
new file mode 100644
index 000000000..4b051ea08
--- /dev/null
+++ b/fe/PC/src/views/materialIssueBP/IssueNoteBP.vue
@@ -0,0 +1,92 @@
+<template>
+  <div class="page-box" v-loading="Loading.appMainLoading">
+    <tablePagination
+      :currenButtonData="currenButtonData"
+      :tableData="tableData"
+      :tableLoading="Loading.tableLoading"
+      :tableColumns="tableColumns"
+      @rowDrop="rowDrop"
+      :totalCount="totalCount"
+      :multipleSelection="multipleSelection"
+      :MaxResultCount="PageListParams.MaxResultCount"
+      @topbutton="topbutton"
+      @inlineDialog="inlineDialog"
+      @sortChange="sortChange"
+      @alertoldSkipCount="alertoldSkipCount"
+      @alterResultCount="alterResultCount"
+      @handleSelectionChange="handleSelectionChange"
+      :currentPageProps="oldSkipCount"
+      :quicklySearchOption="quicklySearchOption"
+      @quicklySearchClick="quicklySearchClick"
+      @quicklySearchClear="quicklySearchClear"
+      :primarySearchOption="primarySearchOption"
+      @overallSearchFormClick="overallSearchFormClick"
+      :httpOverallSearchData="httpOverallSearchData"
+    >
+    </tablePagination>
+    <!-- 新导入 disabledMethod 导入方式禁用 disabledIsAllowPartImport 是否局部导入禁用-->
+    <!-- methodValue 导入方式默认选项  是否局部导入 默认选项  -->
+    <importFile
+      :loading="Loading.importLoading"
+      :show="displayDialog.importDialog"
+      :URL="URL"
+      :disabledMethod = {method1:false,method2:false,method3:false}
+      :disabledIsAllowPartImport = {isAllowPartImport1:false,isAllowPartImport2:false}
+      isAllowPartImportValue="1"
+      @importClick="postImportMergeClick(arguments)"
+      @postImportDown="importDown"
+    ></importFile>
+    <!--抽屉-->
+    <curren-Drawer
+      :title="tableColumns"
+      :DrawerLoading="Loading.DrawerLoading"
+      :drawer="displayDialog.detailsDialog"
+      :propsData="propsData"
+      :tabsDesTions="tabsDesTions"
+      :Butttondata="[]"
+      @drawerShut="(val) => (displayDialog.detailsDialog = val)"
+      @handleCommand="drawerHandle"
+      @close-value="closeValue"
+      :tableColumns="detailsTableColumns"
+      :totalCount="totalCountDetails"
+      :MaxResultCount="MaxResultCountDetails"
+      @alterResultCountDetails="alterResultCountDetails"
+      @alertoldSkipCountDetails="alertoldSkipCountDetails"
+    ></curren-Drawer>
+  </div>
+</template>
+<script>
+import { tableMixins } from "@/mixins/TableMixins";
+import { LoadingMixins } from "@/mixins/LoadingMixins";
+import { drawerMixins } from "@/mixins/drawerMixins";
+import { TableHeaderMixins } from "@/mixins/TableHeaderMixins";
+import { mixins } from "@/mixins/mixins";
+export default {
+  name: "IssueNoteBP",
+  mixins: [
+    tableMixins,
+    LoadingMixins,
+    drawerMixins,
+    TableHeaderMixins,
+    mixins,
+  ],
+  data() {
+    return {
+      URL: "wms/store/spare-part-issue-note",
+      //常用按钮数据
+      currenButtonData: [
+        // this.defaultImportBtn(),//导入
+        this.defaultFieldSettingBtn(),//字段设置
+        this.defaultFreshBtn(),//刷新
+        this.defaultFilterBtn(),//筛选
+      ],
+    };
+  },
+  mounted() {
+    this.paging();
+  },
+};
+</script>
+<style lang="scss" scoped>
+@import "@/styles/mainbasicData.scss";
+</style>
\ No newline at end of file
diff --git a/fe/PC/src/views/materialIssueBP/IssueRequestBP.vue b/fe/PC/src/views/materialIssueBP/IssueRequestBP.vue
new file mode 100644
index 000000000..8bce85a06
--- /dev/null
+++ b/fe/PC/src/views/materialIssueBP/IssueRequestBP.vue
@@ -0,0 +1,134 @@
+<template>
+  <div class="page-box" v-loading="Loading.appMainLoading">
+    <tablePagination
+      :currenButtonData="currenButtonData"
+      :tableData="tableData"
+      :tableLoading="Loading.tableLoading"
+      :tableColumns="tableColumns"
+      @rowDrop="rowDrop"
+      :totalCount="totalCount"
+      :multipleSelection="multipleSelection"
+      :MaxResultCount="PageListParams.MaxResultCount"
+      @topbutton="topbutton"
+      @inlineDialog="inlineDialog"
+      @sortChange="sortChange"
+      @alertoldSkipCount="alertoldSkipCount"
+      @alterResultCount="alterResultCount"
+      @handleSelectionChange="handleSelectionChange"
+      :currentPageProps="oldSkipCount"
+      :quicklySearchOption="quicklySearchOption"
+      @quicklySearchClick="quicklySearchClick"
+      @quicklySearchClear="quicklySearchClear"
+      :primarySearchOption="primarySearchOption"
+      @overallSearchFormClick="overallSearchFormClick"
+      :httpOverallSearchData="httpOverallSearchData"
+    >
+    </tablePagination>
+    <!-- 新导入 disabledMethod 导入方式禁用 disabledIsAllowPartImport 是否局部导入禁用-->
+    <!-- methodValue 导入方式默认选项  是否局部导入 默认选项  -->
+    <importFile
+      :loading="Loading.importLoading"
+      :show="displayDialog.importDialog"
+      :URL="URL"
+      :disabledMethod = {method1:false,method2:false,method3:false}
+      :disabledIsAllowPartImport = {isAllowPartImport1:false,isAllowPartImport2:false}
+      isAllowPartImportValue="1"
+      @importClick="postImportMergeClick(arguments)"
+      @postImportDown="importDown"
+    ></importFile>
+    <!--抽屉-->
+    <curren-Drawer
+      :title="tableColumns"
+      :DrawerLoading="Loading.DrawerLoading"
+      :drawer="displayDialog.detailsDialog"
+      :propsData="propsData"
+      :tabsDesTions="tabsDesTions"
+      :Butttondata="DrawerButtonData"
+      @drawerShut="(val) => (displayDialog.detailsDialog = val)"
+      @drawerbutton="drawerbutton"
+      @handleCommand="drawerHandle"
+      @close-value="closeValue"
+      :tableColumns="detailsTableColumns"
+      :totalCount="totalCountDetails"
+      :MaxResultCount="MaxResultCountDetails"
+      @alterResultCountDetails="alterResultCountDetails"
+      @alertoldSkipCountDetails="alertoldSkipCountDetails"
+    ></curren-Drawer>
+  </div>
+</template>
+<script>
+import { tableMixins } from "@/mixins/TableMixins";
+import { LoadingMixins } from "@/mixins/LoadingMixins";
+import { drawerMixins } from "@/mixins/drawerMixins";
+import { TableHeaderMixins } from "@/mixins/TableHeaderMixins";
+import { mixins } from "@/mixins/mixins";
+export default {
+  name: "IssueRequestBP",
+  mixins: [
+    tableMixins,
+    LoadingMixins,
+    drawerMixins,
+    TableHeaderMixins,
+    mixins,
+  ],
+  computed: {
+    hideButton: function () {
+      return function (val) {
+        let data = true
+        val.forEach(key => {
+          if (this.propsData.requestStatus == key) {
+            data = false
+          }
+        })
+        return data
+      }
+    },
+  },
+  data() {
+    return {
+      URL: "wms/store/spare-part-issue-request",
+      //常用按钮数据
+      currenButtonData: [
+      //   this.defaultImportBtn(),//导入
+        this.defaultFieldSettingBtn(),//字段设置
+        this.defaultFreshBtn(),//刷新
+        this.defaultFilterBtn(),//筛选
+      ],
+      DrawerButtonData: [
+        {
+          type: 'warning',
+          label: '执行',
+          hide: false,
+          name: "handleGetIds",
+          hide: () => { return this.hideButton([1,5,9]) },
+          size: 'mini',
+          handleGetJobsUrl:'wms/store/spare-part-issue-job',
+          // handleRequestUrl:'wms/store/kitting-issue-request',
+        },
+        {
+          type: 'danger',
+          label: '取消',
+          hide: false,
+          name: "cancelRequest",
+          hide: () => { return this.hideButton([1,5,9]) },
+          size: 'mini'
+        },
+        {
+          type: 'success',
+          label: '完成',
+          hide: false,
+          name: "completeRequest",
+          hide: () => { return this.hideButton([1,5,9]) },
+          size: 'mini'
+        },
+      ],
+    };
+  },
+  mounted() {
+    this.paging();
+  },
+};
+</script>
+<style lang="scss" scoped>
+@import "@/styles/mainbasicData.scss";
+</style>
\ No newline at end of file