From a308207b267b25140d8b2deb2189ffb635376fae Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Tue, 2 Jul 2024 17:16:13 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=86=E6=96=99=E5=87=BA=E5=BA=93=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E5=87=BA=E5=BA=93=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sgzb-ui/src/api/claimAndRefund/receive.js     | 163 +++++++------
 sgzb-ui/src/components/DialogModel/index.vue  |   1 +
 sgzb-ui/src/views/base/unit/index.vue         |  12 +-
 .../picking/apply/component/AddPicking.vue    |  23 +-
 .../picking/apply/component/home.vue          |  30 +--
 .../claimAndreturn/picking/outbound/index.vue | 226 ++++++++++++++++--
 .../forecastWaste/auditing/index.vue          |   1 -
 .../forecastWaste/auditingReturn/index.vue    |   2 +-
 .../forecastWaste/listing/index.vue           |  17 +-
 9 files changed, 333 insertions(+), 142 deletions(-)

diff --git a/sgzb-ui/src/api/claimAndRefund/receive.js b/sgzb-ui/src/api/claimAndRefund/receive.js
index 0f90ffd6..4dc9835a 100644
--- a/sgzb-ui/src/api/claimAndRefund/receive.js
+++ b/sgzb-ui/src/api/claimAndRefund/receive.js
@@ -2,22 +2,22 @@ import request from '@/utils/request'
 
 // 往来单位-下拉
 export function getUnitList(query) {
-    return request({
-      url: '/material/agreementInfo/getUnitList',
-      method: 'get',
-      params: query
-    })
-  }
+  return request({
+    url: '/material/agreementInfo/getUnitList',
+    method: 'get',
+    params: query
+  })
+}
 
 
 // 工程名称-下拉
 export function getProjectList(query) {
-    return request({
-      url: '/material/agreementInfo/getProjectList',
-      method: 'get',
-      params: query
-    })
-  }
+  return request({
+    url: '/material/agreementInfo/getProjectList',
+    method: 'get',
+    params: query
+  })
+}
 
 // 协议管理-列表
 export function getAgreementList(query) {
@@ -29,12 +29,12 @@ export function getAgreementList(query) {
 }
 // 协议管理-详情
 export function getAgreementInfoId(query) {
-    return request({
-      url: '/material/agreementInfo/getAgreementInfoId',
-      method: 'get',
-      params: query
-    })
-  }
+  return request({
+    url: '/material/agreementInfo/getAgreementInfoId',
+    method: 'get',
+    params: query
+  })
+}
 
 //协议管理--新增
 export function addAgreement(data) {
@@ -47,20 +47,20 @@ export function addAgreement(data) {
 
 // 协议管理--修改
 export function updateAgreement(data) {
-    return request({
-      url: '/material/agreementInfo/update',
-      method: 'post',
-      data: data
-    })
-  }
+  return request({
+    url: '/material/agreementInfo/update',
+    method: 'post',
+    data: data
+  })
+}
 // //协议管理--删除
 export function removeAgreement(data) {
-    return request({
-      url: '/material/agreementInfo/remove',
-      method: 'post',
-      data: data
-    })
-  }
+  return request({
+    url: '/material/agreementInfo/remove',
+    method: 'post',
+    data: data
+  })
+}
 
 // 机具领料-申请列表
 export function getLeaseManageListAll(query) {
@@ -88,7 +88,7 @@ export function getLeaseAuditListAll(query) {
 }
 
 // 获取 来往单位 列表
-export function getUnitData(params = {}){
+export function getUnitData(params = {}) {
   return request({
     url: '/system/select/getUnitCbx',
     method: 'post',
@@ -97,7 +97,7 @@ export function getUnitData(params = {}){
 }
 
 // 获取 工程 列表
-export function getProData(params = {}){
+export function getProData(params = {}) {
   return request({
     url: '/system/select/getSectionEngineeringCbx',
     method: 'post',
@@ -106,7 +106,7 @@ export function getProData(params = {}){
 }
 
 //  获取 设备树
-export function getDeviceTypeTree(params = {}){
+export function getDeviceTypeTree(params = {}) {
   return request({
     url: '/system/select/getDeviceTypeTree',
     method: 'post',
@@ -115,76 +115,76 @@ export function getDeviceTypeTree(params = {}){
 }
 
 // 根据单位id和工程id  获取 协议id
-export function getAgreementInfoById(params = {}){
+export function getAgreementInfoById(params = {}) {
   return request({
-    url:'/system/select/getAgreementInfoById',
-    method:'post',
-    data:params
+    url: '/system/select/getAgreementInfoById',
+    method: 'post',
+    data: params
   })
 }
 
 //提交 领料申请
-export function submitLeaseApply(params = {}){
+export function submitLeaseApply(params = {}) {
   return request({
-    url:'/base/tm_task/submitLeaseApply',
+    url: '/base/tm_task/submitLeaseApply',
     method: 'post',
-    data:params
+    data: params
   })
 }
 
 //编辑 领料申请
-export function editLeaseApply(params = {}){
+export function editLeaseApply(params = {}) {
   return request({
-    url:'/base/tm_task/edit',
+    url: '/base/tm_task/edit',
     method: 'post',
-    data:params
+    data: params
   })
 }
 
 // 参数 领料任务
-export function deleteTask( taskId ){
+export function deleteTask(taskId) {
   return request({
-    url:`/base/tm_task/${taskId}`,
-    method:'delete'
+    url: `/base/tm_task/${taskId}`,
+    method: 'delete'
   })
 }
 
 // 根据 领料任务id  获取详情数据
-export function getLeaseListAll( params = {} ){
+export function getLeaseListAll(params = {}) {
   return request({
     url: '/base/tm_task/getLeaseListAll',
-    method:'get',
-    params:params
+    method: 'get',
+    params: params
   })
 }
 // 根据 领料任务id  获取详情数据
-export function getLeaseListAllCq( params = {} ){
+export function getLeaseListAllCq(params = {}) {
   return request({
     url: '/base/tm_task/getLeaseListAllCq',
-    method:'get',
-    params:params
+    method: 'get',
+    params: params
   })
 }
 
 // 领料审核  同意
-export function auditLeaseByCompany(params = {} ){
+export function auditLeaseByCompany(params = {}) {
   return request({
-    url:'/base/tm_task/auditLeaseByCompany',
-    method:'post',
-    data:params
+    url: '/base/tm_task/auditLeaseByCompany',
+    method: 'post',
+    data: params
   })
 }
 // 领料审核  同意
-export function auditLeaseByCompanyCq(params = {} ){
+export function auditLeaseByCompanyCq(params = {}) {
   return request({
-    url:'/base/tm_task/auditLeaseByCompanyCq',
-    method:'post',
-    data:params
+    url: '/base/tm_task/auditLeaseByCompanyCq',
+    method: 'post',
+    data: params
   })
 }
 
 // 领料审核  拒绝
-export function rejectLeaseByCompany(params = {}){
+export function rejectLeaseByCompany(params = {}) {
   return request({
     url: '/base/tm_task/rejectLeaseByCompany',
     method: 'post',
@@ -192,7 +192,7 @@ export function rejectLeaseByCompany(params = {}){
   })
 }
 // 领料审核  拒绝
-export function rejectLeaseByCompanyCq(params = {}){
+export function rejectLeaseByCompanyCq(params = {}) {
   return request({
     url: '/base/tm_task/rejectLeaseByCompanyCq',
     method: 'post',
@@ -201,7 +201,7 @@ export function rejectLeaseByCompanyCq(params = {}){
 }
 
 //  获取 物品类型
-export function getUseTypeTreee(params = {}){
+export function getUseTypeTreee(params = {}) {
   return request({
     url: '/material/backApply/getUseTypeTree',
     method: 'post',
@@ -256,7 +256,7 @@ export function getDetailsByTypeId(query) {
 }
 
 // 领料出库  编码出库 保存
-export function submitOut(params){
+export function submitOut(params) {
   return request({
     url: '/base/leaseOutDetails/submitOutRfid',
     method: 'post',
@@ -265,7 +265,7 @@ export function submitOut(params){
 }
 
 // 领料出库  数量出库 保存
-export function submitNumOut(params){
+export function submitNumOut(params) {
   return request({
     url: '/base/leaseOutDetails/submitOutRfid',
     method: 'post',
@@ -273,17 +273,17 @@ export function submitNumOut(params){
   })
 }
 
-	// 领料确认 
-  export function updateLeaseTaskStatusConfirmByCq(params){
-    return request({
-      url: '/base/tm_task/updateLeaseTaskStatusConfirmByCq',
-      method: 'post',
-      data: params
-    })
-  }
-  
+// 领料确认 
+export function updateLeaseTaskStatusConfirmByCq(params) {
+  return request({
+    url: '/base/tm_task/updateLeaseTaskStatusConfirmByCq',
+    method: 'post',
+    data: params
+  })
+}
+
 // 当前在用量
-export function getUseNumByTypeId(params){
+export function getUseNumByTypeId(params) {
   return request({
     url: '/material/backApply/getUseNumByTypeId',
     method: 'get',
@@ -292,7 +292,7 @@ export function getUseNumByTypeId(params){
 }
 
 // 批量审核
-export function auditAll(params){
+export function auditAll(params) {
   return request({
     url: '/material/backApply/auditAll',
     method: 'post',
@@ -301,7 +301,7 @@ export function auditAll(params){
 }
 
 // 手动出库结单
-export function outboundCompleted(params){
+export function outboundCompleted(params) {
   return request({
     url: '/base/tm_task/outboundCompleted',
     method: 'post',
@@ -309,6 +309,15 @@ export function outboundCompleted(params){
   })
 }
 
+// 查看测试单
+export const outboundOrderApi = (params) => {
+  return request({
+    url: '/base/leaseOutDetails/getOutboundOrder',
+    method: 'get',
+    params
+  })
+}
+
 
 
 
diff --git a/sgzb-ui/src/components/DialogModel/index.vue b/sgzb-ui/src/components/DialogModel/index.vue
index bf6d3700..ab8d969c 100644
--- a/sgzb-ui/src/components/DialogModel/index.vue
+++ b/sgzb-ui/src/components/DialogModel/index.vue
@@ -7,6 +7,7 @@
             :visible.sync="dialogConfig.outerVisible"
             v-if="dialogConfig.outerVisible"
             :before-close="handleCloseOuter"
+            :center="dialogConfig.center || false"
             append-to-body
         >
             <!-- 外层弹框内容 -->
diff --git a/sgzb-ui/src/views/base/unit/index.vue b/sgzb-ui/src/views/base/unit/index.vue
index 18b0dacb..b4dd2b32 100644
--- a/sgzb-ui/src/views/base/unit/index.vue
+++ b/sgzb-ui/src/views/base/unit/index.vue
@@ -93,21 +93,21 @@
                 prop="status"
                 width="200"
             >
-                <template slot-scope="scope">
+                <template slot-scope="{ row }">
                     <el-switch
                         v-model="scope.row.status"
                         active-value="0"
                         inactive-value="1"
-                        @change="changeStatus(scope.row)"
-                    ></el-switch>
+                        @change="changeStatus(row)"
+                    />
                 </template>
             </el-table-column>
             <el-table-column label="操作" align="center" width="200">
-                <template slot-scope="scope">
+                <template slot-scope="{ row }">
                     <el-button
                         type="text"
                         icon="el-icon-edit"
-                        @click="handleUpdate(scope.row)"
+                        @click="handleUpdate(row)"
                         v-hasPermi="['base:unit:edit']"
                         >修改</el-button
                     >
@@ -115,7 +115,7 @@
                         type="text"
                         icon="el-icon-delete"
                         style="color: #f56c6c"
-                        @click="handleDelete(scope.row)"
+                        @click="handleDelete(row)"
                         v-hasPermi="['base:unit:del']"
                         >删除</el-button
                     >
diff --git a/sgzb-ui/src/views/claimAndreturn/picking/apply/component/AddPicking.vue b/sgzb-ui/src/views/claimAndreturn/picking/apply/component/AddPicking.vue
index 51430022..90e7df8f 100644
--- a/sgzb-ui/src/views/claimAndreturn/picking/apply/component/AddPicking.vue
+++ b/sgzb-ui/src/views/claimAndreturn/picking/apply/component/AddPicking.vue
@@ -174,19 +174,26 @@
             @selection-change="handleSelectionChange"
         >
             <!-- <el-table-column type="selection" width="55" align="center" /> -->
-            <el-table-column label="序号" type="index" width="80" />
+            <el-table-column
+                label="序号"
+                type="index"
+                width="80"
+                align="center"
+            />
             <el-table-column
                 label="类型名称"
                 prop="typeCn"
                 :show-overflow-tooltip="true"
+                align="center"
             />
             <el-table-column
                 label="规格型号"
                 prop="guigeCn"
                 :show-overflow-tooltip="true"
+                align="center"
             />
-            <el-table-column label="计量单位" prop="unitCn" />
-            <el-table-column label="库存数量" prop="num" />
+            <el-table-column label="计量单位" prop="unitCn" align="center" />
+            <el-table-column label="库存数量" prop="num" align="center" />
             <el-table-column label="预领数量" align="center">
                 <template slot-scope="scope">
                     <el-input
@@ -213,13 +220,7 @@
                     />
                 </template>
             </el-table-column>
-            <el-table-column
-                label="操作"
-                align="center"
-                fixed="right"
-                class-name="small-padding fixed-width"
-                v-if="isAdd || isEdit"
-            >
+            <el-table-column label="操作" align="center" v-if="isAdd || isEdit">
                 <template slot-scope="scope">
                     <!--          <el-button-->
                     <!--            size="mini"-->
@@ -905,8 +906,6 @@ export default {
                 pageNum: 1,
                 pageSize: 9999,
             })
-            console.log(res, '成套设备---')
-
             this.completeSetList = res.rows
         },
 
diff --git a/sgzb-ui/src/views/claimAndreturn/picking/apply/component/home.vue b/sgzb-ui/src/views/claimAndreturn/picking/apply/component/home.vue
index d0891762..d108407a 100644
--- a/sgzb-ui/src/views/claimAndreturn/picking/apply/component/home.vue
+++ b/sgzb-ui/src/views/claimAndreturn/picking/apply/component/home.vue
@@ -162,62 +162,62 @@
                 label="领料单号"
                 align="center"
                 prop="code"
-                :show-overflow-tooltip="true"
+                show-overflow-tooltip
                 width="150"
             />
             <el-table-column
                 label="领料单位"
                 align="center"
                 prop="unitName"
-                :show-overflow-tooltip="true"
+                show-overflow-tooltip
             />
             <el-table-column
                 label="领料工程"
                 align="center"
                 prop="proName"
-                :show-overflow-tooltip="true"
+                show-overflow-tooltip
             />
             <el-table-column
                 label="协议号"
                 align="center"
                 prop="agreementCode"
-                :show-overflow-tooltip="true"
+                show-overflow-tooltip
             />
             <el-table-column
                 label="现场领料人"
                 align="center"
                 prop="leasePerson"
-                :show-overflow-tooltip="true"
+                show-overflow-tooltip
             />
             <el-table-column
                 label="联系电话"
                 align="center"
                 prop="leasePhone"
-                :show-overflow-tooltip="true"
+                show-overflow-tooltip
             />
             <el-table-column
                 label="领料申请人"
                 align="center"
                 prop="nickName"
-                :show-overflow-tooltip="true"
+                show-overflow-tooltip
             />
             <el-table-column
                 label="申请时间"
                 align="center"
                 prop="createTimes"
-                :show-overflow-tooltip="true"
+                show-overflow-tooltip
             />
             <el-table-column
                 label="任务状态"
                 align="center"
                 prop="taskName"
-                :show-overflow-tooltip="true"
+                show-overflow-tooltip
                 width="120px"
             />
             <el-table-column
                 label="审批意见 "
                 align="center"
-                :show-overflow-tooltip="true"
+                show-overflow-tooltip
             >
                 <template slot-scope="scope">
                     <span v-if="scope.row.taskStatus < 31"></span>
@@ -267,15 +267,9 @@
                     <!-- <span v-else>{{ scope.row.leaseApplyInfoList[0].directAuditRemark }}</span> -->
                 </template>
             </el-table-column>
-            <el-table-column
-                label="备注"
-                align="center"
-                :show-overflow-tooltip="true"
-            >
+            <el-table-column label="备注" align="center" show-overflow-tooltip>
                 <template slot-scope="scope">
-                    <span>{{
-                        scope.row.leaseApplyInfoList[0].remark || ''
-                    }}</span>
+                    {{ scope.row.leaseApplyInfoList[0].remark || '' }}
                 </template>
             </el-table-column>
             <el-table-column label="操作" align="center" width="180">
diff --git a/sgzb-ui/src/views/claimAndreturn/picking/outbound/index.vue b/sgzb-ui/src/views/claimAndreturn/picking/outbound/index.vue
index 005245e4..3f605d41 100644
--- a/sgzb-ui/src/views/claimAndreturn/picking/outbound/index.vue
+++ b/sgzb-ui/src/views/claimAndreturn/picking/outbound/index.vue
@@ -115,51 +115,51 @@
                 label="领料单号"
                 align="center"
                 prop="code"
-                :show-overflow-tooltip="true"
+                show-overflow-tooltip
             />
             <el-table-column
                 label="领料申请单位"
                 align="center"
                 prop="unitName"
-                :show-overflow-tooltip="true"
+                show-overflow-tooltip
             />
             <el-table-column
                 label="领料申请工程"
                 align="center"
                 prop="proName"
-                :show-overflow-tooltip="true"
+                show-overflow-tooltip
             />
             <el-table-column
                 label="申请数量"
                 align="center"
                 prop="preCountNum"
-                :show-overflow-tooltip="true"
-            ></el-table-column>
+                show-overflow-tooltip
+            />
             <el-table-column
                 label="申请时间"
                 align="center"
                 prop="createTimes"
-                :show-overflow-tooltip="true"
-            ></el-table-column>
+                show-overflow-tooltip
+            />
             <el-table-column
                 label="已出库数量"
                 align="center"
                 prop="alNum"
-                :show-overflow-tooltip="true"
-            ></el-table-column>
+                show-overflow-tooltip
+            />
             <el-table-column
                 label="出库状态"
                 align="center"
                 prop="taskName"
-                :show-overflow-tooltip="true"
-            ></el-table-column>
+                show-overflow-tooltip
+            />
 
-            <el-table-column label="操作" align="center">
-                <template slot-scope="scope">
+            <el-table-column label="操作" align="center" width="200">
+                <template slot-scope="{ row }">
                     <el-button
                         type="text"
                         icon="el-icon-zoom-in"
-                        @click="handleView(scope.row)"
+                        @click="handleView(row)"
                         v-hasPermi="['picking:outbound:view']"
                         >查看</el-button
                     >
@@ -167,13 +167,20 @@
                         icon="el-icon-shopping-cart-2"
                         style="color: #e6a23c"
                         type="text"
-                        v-if="scope.row.taskStatus != 35"
-                        @click="handleOut(scope.row)"
+                        v-if="row.taskStatus != 35"
+                        @click="handleOut(row)"
                         v-hasPermi="['picking:outbound:out']"
                     >
                         出库
                     </el-button>
-                    <!-- <el-button type="text"> 出库单 </el-button> -->
+                    <el-button
+                        type="text"
+                        style="color: #67c23a"
+                        icon="el-icon-tickets"
+                        @click="handleOutboundOrder(row)"
+                    >
+                        出库单
+                    </el-button>
                 </template>
             </el-table-column>
         </el-table>
@@ -530,6 +537,106 @@
                 </el-table-column>
             </el-table>
         </el-dialog>
+
+        <!-- 出库单 -->
+        <DialogModel
+            :dialogConfig="dialogConfig"
+            @closeDialogOuter="closeDialogOuter"
+        >
+            <template slot="outerContent">
+                <VueEasyPrint tableShow ref="remarksPrintRef">
+                    <!-- <el-row :gutter="20">
+                        <el-col span="6">申请人：</el-col>
+                        <el-col span="6">领料工程：</el-col>
+                        <el-col span="6">领料单位：</el-col>
+                        <el-col span="6">领料单号：</el-col>
+                    </el-row> -->
+                    <h2 class="outbound-title">出库单</h2>
+                    <ul class="apply-info">
+                        <li>
+                            领料申请人：<span>{{ applyFor }}</span>
+                        </li>
+                        <li>
+                            领料单位：<span>{{ unitName }}</span>
+                        </li>
+                        <li>
+                            领料工程：<span>{{ proName }}</span>
+                        </li>
+                        <li>
+                            领料单号：<span>{{ code }}</span>
+                        </li>
+                    </ul>
+                    <el-table style="margin: 15px 0" :data="outboundOrderList">
+                        <el-table-column
+                            align="center"
+                            label="序号"
+                            type="index"
+                        />
+                        <el-table-column
+                            align="center"
+                            label="设备类型"
+                            prop="typeName"
+                        />
+                        <el-table-column
+                            align="center"
+                            label="规格型号"
+                            prop="typeModelName"
+                        />
+                        <el-table-column
+                            align="center"
+                            label="设备编码"
+                            prop="maCode"
+                        />
+                        <el-table-column
+                            align="center"
+                            label="申请数量"
+                            prop="preNum"
+                        />
+                        <el-table-column
+                            align="center"
+                            label="出库数量"
+                            prop="outNum"
+                        />
+                        <el-table-column
+                            align="center"
+                            label="领料人"
+                            prop="leasePerson"
+                        />
+                        <el-table-column
+                            align="center"
+                            label="出库人"
+                            prop="outPerson"
+                        />
+                        <el-table-column align="center" label="出库日期">
+                            <template slot-scope="{ row }">
+                                {{ parseTime(row.createTime) }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            align="center"
+                            label="车牌号"
+                            prop="carCode"
+                        />
+                    </el-table>
+                </VueEasyPrint>
+
+                <pagination
+                    :total="outboundOrderTotal"
+                    :page.sync="outboundParams.pageNum"
+                    :limit.sync="outboundParams.pageSize"
+                    @pagination="queryOutBoundList"
+                />
+
+                <el-row class="print-btn">
+                    <el-button
+                        size="mini"
+                        type="primary"
+                        @click="handlePrinting()"
+                        >打 印</el-button
+                    >
+                </el-row>
+            </template>
+        </DialogModel>
     </div>
 </template>
 
@@ -543,15 +650,18 @@ import {
     submitOut,
     submitNumOut,
     outboundCompleted,
+    outboundOrderApi,
 } from '@/api/claimAndRefund/receive.js'
 import { getTypeList } from '@/api/store/warehousing'
 import { equipmentTypeTree } from '@/api/store/tools'
 import Treeselect from '@riophae/vue-treeselect'
 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
 import store from '@/store'
+import DialogModel from '@/components/DialogModel'
+import VueEasyPrint from 'vue-easy-print'
 export default {
     name: 'receiveOut',
-    components: { Treeselect },
+    components: { Treeselect, DialogModel, VueEasyPrint },
     data() {
         return {
             // 遮罩层
@@ -626,7 +736,25 @@ export default {
             outCodeList: [], //编码弹窗表格数据
             outNumList: [], //数量弹窗表格数据
             userId: sessionStorage.getItem('userId'), // 当前登录用户的 userId
-            isMonitor: false,
+            isMonitor: false, // 判断当前登录用户是否为机具班长 如是班长 则可以对所有机具设备出库
+            outboundOrderList: [], // 出库单 数据源
+            applyFor: '', // 出库单回显 领料申请人
+            code: '', // 出库单回显 领料单号
+            proName: '', // 出库单回显 领料工程
+            unitName: '', // 出库单回显 领料单位
+            outboundOrderTotal: 0, // 出库单回显 数据条数
+            // 出库单 查询参数
+            outboundParams: {
+                parentId: '',
+                pageNum: 1,
+                pageSize: 10,
+            },
+            // 出库单 弹框配置项
+            dialogConfig: {
+                outerWidth: '80%',
+                outerVisible: false,
+                center: true,
+            },
         }
     },
 
@@ -773,6 +901,7 @@ export default {
             this.$set(obj, 'outNum', row.outNum) //待出库数量
             this.$set(obj, 'inputNum', 1) //出库数量
             this.$set(obj, 'num', row.num) //库存
+            this.$set(obj, 'createBy', sessionStorage.getItem('userId')) // 当前用户Id
             this.outNumList = [obj]
         },
         // 手动操作
@@ -787,6 +916,7 @@ export default {
                     outboundCompleted({
                         id: this.dialogQuery.id,
                         typeId: row.typeId,
+                        createBy: sessionStorage.getItem('userId'),
                     }).then((res) => {
                         this.$modal.msgSuccess('已完成')
                         this.handleDialogQuery()
@@ -841,6 +971,7 @@ export default {
                         parentId: this.outObj.parentId,
                         outNum: 1,
                         taskId: this.outObj.taskId,
+                        createBy: sessionStorage.getItem('userId'),
                     }
                     return obj
                 })
@@ -902,6 +1033,33 @@ export default {
                 }
             }
         },
+        // 出库单
+        handleOutboundOrder(row) {
+            const { applyFor, code, proName, unitName } = row
+            this.applyFor = applyFor
+            this.code = code
+            this.proName = proName
+            this.unitName = unitName
+            this.outboundParams.parentId = row.id
+            this.queryOutBoundList()
+            this.dialogConfig.outerVisible = true
+        },
+        // 获取出库单详情
+        async queryOutBoundList() {
+            const { data: res } = await outboundOrderApi(this.outboundParams)
+            this.outboundOrderList = res.rows
+            this.outboundOrderTotal = res.total
+        },
+        // 外层弹框关闭
+        closeDialogOuter() {
+            this.outboundParams.pageNum = 1
+            this.outboundParams.pageSize = 10
+            this.dialogConfig.outerVisible = false
+        },
+        // 打印按钮
+        handlePrinting() {
+            this.$refs.remarksPrintRef.print()
+        },
     },
 }
 </script>
@@ -914,4 +1072,34 @@ export default {
     color: #02a7f0;
     cursor: pointer;
 }
+
+// 领料单抬头样式
+.outbound-title {
+    font-size: 20px;
+    font-weight: bold;
+    letter-spacing: 3px;
+    text-align: center;
+}
+.apply-info {
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    list-style: none;
+    padding: 0;
+    font-size: 16px;
+    font-weight: bold;
+
+    span {
+        font-weight: 400;
+        letter-spacing: 2px;
+    }
+}
+
+.print-btn {
+    margin-top: 30px;
+
+    .el-button {
+        padding: 10px 20px;
+    }
+}
 </style>
diff --git a/sgzb-ui/src/views/scrapManage/forecastWaste/auditing/index.vue b/sgzb-ui/src/views/scrapManage/forecastWaste/auditing/index.vue
index 14355b5f..6e574d1a 100644
--- a/sgzb-ui/src/views/scrapManage/forecastWaste/auditing/index.vue
+++ b/sgzb-ui/src/views/scrapManage/forecastWaste/auditing/index.vue
@@ -191,7 +191,6 @@ import {
     auditingPreScrapApi,
 } from '@/api/scrap/forecastWaste.js'
 import { config, getSelList, getTypeListSel, dialogConfig } from './config'
-import { registerLayout } from 'echarts'
 export default {
     name: 'Inventory',
     components: {
diff --git a/sgzb-ui/src/views/scrapManage/forecastWaste/auditingReturn/index.vue b/sgzb-ui/src/views/scrapManage/forecastWaste/auditingReturn/index.vue
index 58288b81..10043089 100644
--- a/sgzb-ui/src/views/scrapManage/forecastWaste/auditingReturn/index.vue
+++ b/sgzb-ui/src/views/scrapManage/forecastWaste/auditingReturn/index.vue
@@ -7,7 +7,7 @@
             @getTableSelectionChange="getTableSelectionChange"
         >
             <template slot="export">
-                <el-row :gutter="10" class="mb8">
+                <el-row class="mb8">
                     <el-button type="warning" plain size="mini"
                         >完成退料</el-button
                     >
diff --git a/sgzb-ui/src/views/scrapManage/forecastWaste/listing/index.vue b/sgzb-ui/src/views/scrapManage/forecastWaste/listing/index.vue
index 9b855617..f5219d40 100644
--- a/sgzb-ui/src/views/scrapManage/forecastWaste/listing/index.vue
+++ b/sgzb-ui/src/views/scrapManage/forecastWaste/listing/index.vue
@@ -151,10 +151,7 @@
         </template>
 
         <template v-if="temp">
-            <el-row type="flex" justify="space-between" class="back-text">
-                <span>驳回退料</span>
-                <el-button type="text" @click="handleBack">返回</el-button>
-            </el-row>
+            <PageHeader :pageContent="pageContent" @goBack="goBack" />
             <AuditingReturn :sendParams="sendParamsAuditing" />
         </template>
     </div>
@@ -163,6 +160,7 @@
 <script>
 import TableModel from '@/components/TableModel'
 import DialogModel from '@/components/DialogModel'
+import PageHeader from '@/components/pageHeader'
 import SelDepart from '../../component/selDepart.vue'
 import ScrapSource from '../../component/scrapSource.vue'
 import AuditingReturn from '../auditingReturn/index.vue' // 退料驳回页面
@@ -179,6 +177,7 @@ export default {
     components: {
         TableModel,
         DialogModel,
+        PageHeader,
         SelDepart,
         ScrapSource,
         AuditingReturn,
@@ -205,6 +204,7 @@ export default {
             },
             auditingList: [],
             sendParamsAuditing: {},
+            pageContent: '驳回退料',
         }
     },
     created() {
@@ -282,10 +282,6 @@ export default {
                 this.submitScrapParams.taskIdList.push(e.taskId)
             })
         },
-        handleBack() {
-            this.temp = !this.temp
-            this.dialogVisible = false
-        },
         /* 外层弹框关闭 */
         closeDialogOuter() {
             this.dialogConfig.outerVisible = false
@@ -306,6 +302,11 @@ export default {
             )
             console.log('数据导出', data)
         },
+
+        // 返回按钮
+        goBack() {
+            this.temp = !this.temp
+        },
     },
 }
 </script>