diff --git a/src/api/warehouse/PreStoragePackage.js b/src/api/warehouse/PreStoragePackage.js
new file mode 100644
index 00000000..03d12d8a
--- /dev/null
+++ b/src/api/warehouse/PreStoragePackage.js
@@ -0,0 +1,16 @@
+import request from '@/axios';
+
+/**
+ * 获取未入库数据
+ * @param {*} current
+ * @param {*} size
+ * @param {*} params
+ * @returns
+ */
+export const getList = params => {
+  return request({
+    url: '/api/logpm-distribution/businessPreOrder/page',
+    method: 'get',
+    params,
+  });
+};
diff --git a/src/components/tablecmt/tablecmt.vue b/src/components/tablecmt/tablecmt.vue
index 33ce51b5..cba0a406 100644
--- a/src/components/tablecmt/tablecmt.vue
+++ b/src/components/tablecmt/tablecmt.vue
@@ -615,7 +615,6 @@ const getSummaries = (param: any) => {
       return;
     }
     tji = 0;
-    console.log('item :>> ', item);
     if (item?.isshowSummary && !item.head) {
       for (let ite of data) {
         tji = computeNumber(tji, '+', Number(ite[item?.prop] || 0)).result;
diff --git a/src/option/warehouse/PreStoragePackage.js b/src/option/warehouse/PreStoragePackage.js
new file mode 100644
index 00000000..d5a3298e
--- /dev/null
+++ b/src/option/warehouse/PreStoragePackage.js
@@ -0,0 +1,307 @@
+export const columnList = [
+  {
+    prop: '',
+    label: '复选框',
+    type: 0,
+    values: '',
+    width: '55',
+    checkarr: [],
+    fixed: true,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'waybillNumber',
+    label: '运单号',
+    type: 2,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: true,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'serviceNumber',
+    label: '服务号',
+    type: 2,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: true,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'orderCode',
+    label: '订单自编号',
+    type: 2,
+    values: '',
+    width: '240',
+    checkarr: [],
+    fixed: true,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'orderPackageCode',
+    label: '包条码',
+    type: 2,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'reservationCode',
+    label: '预约编号',
+    type: 2,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'deliveryTrainNumber',
+    label: '配送车次号',
+    type: 2,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'warehouse',
+    label: '仓库',
+    type: 2,
+    values: '',
+    width: '100',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  // {
+  //   prop: 'materialName',
+  //   label: '物品名称',
+  //   type: 2,
+  //   values: '',
+  //   width: '180',
+  //   checkarr: [],
+  //   fixed: false,
+  //   sortable: true,
+  // },
+
+  {
+    prop: 'sendWarehouseName',
+    label: '发站仓',
+    type: 2,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'acceptWarehouseName',
+    label: '目的仓',
+    type: 2,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    label: '物料名称',
+    prop: 'materialName',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'trainNumber',
+    label: '入库车次',
+    type: 2,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'firsts',
+    label: '一级品类',
+    type: 2,
+    values: '',
+    width: '100',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'second',
+    label: '二级品类',
+    type: 2,
+    values: '',
+    width: '100',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'thirdProduct',
+    label: '三级品类',
+    type: 2,
+    values: '',
+    width: '100',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'materialName',
+    label: '物料名称',
+    type: 2,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'warehouseEntryTimeEnd',
+    label: '入库时间',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'quantity',
+    label: '包件数量',
+    type: 1,
+    values: '',
+    width: '120',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+
+  {
+    prop: 'reservationNum',
+    label: '计划数量',
+    type: 1,
+    values: '',
+    width: '120',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'loadingNub',
+    label: '装车数量',
+    type: 1,
+    values: '',
+    width: '120',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'signingNub',
+    label: '签收数量',
+    type: 1,
+    values: '',
+    width: '120',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'scanStatus',
+    label: '装车方式',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'driverName',
+    label: '计划装车人',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'scanUser',
+    label: '实际装车人',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'loadingTime',
+    label: '装车时间',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'signingUser',
+    label: '签收人',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'signingTime',
+    label: '签收扫描时间',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: '',
+    label: '操作',
+    type: 6,
+    values: '',
+    width: '250',
+    checkarr: [],
+    fixed: 'right',
+    sortable: false,
+  },
+];
diff --git a/src/views/distribution/artery/VehicleArrivalManagement.vue b/src/views/distribution/artery/VehicleArrivalManagement.vue
index 36c07d6e..00e4a0c5 100644
--- a/src/views/distribution/artery/VehicleArrivalManagement.vue
+++ b/src/views/distribution/artery/VehicleArrivalManagement.vue
@@ -174,14 +174,14 @@
                     }}</span>
                   </div>
                 </template>
-                <el-text style="margin: 0 !important">{{ item.nodeName }}</el-text>
+                <!-- <el-text style="margin: 0 !important">{{ item.nodeName }}</el-text> -->
                 <el-text
                   :class="
                     (
                       details.nodeStatus.find(val => val.value === Number(item.nodeStatus)) || {
                         className: 'gray',
                       }
-                    ).className
+                    ).className + ' mr0'
                   "
                 >
                   {{ item.nodeName }}
@@ -197,7 +197,7 @@
           </template>
 
           <template v-if="slotProps.scope.column.label === '车辆状态'">
-            <el-tag type="danger">{{ slotProps.scope.row.loadStatusName }}</el-tag>
+            <el-tag type="danger">{{ slotProps.scope.row.loadStatusName + 1 }}</el-tag>
           </template>
 
           <template
@@ -1343,18 +1343,22 @@ const handleShowUnloadReport = async () => {
 
 :deep(.el-text) {
   &.gray {
-    color: #c8a090 !important;
+    color: #808080 !important;
     font-weight: bold;
   }
 
   &.red {
-    color: #fe4341 !important;
+    color: red !important;
     font-weight: bold;
   }
 
   &.green {
-    color: #5f8689 !important;
+    color: green !important;
     font-weight: bold;
   }
 }
+
+.mr0 {
+  margin-right: 0 !important;
+}
 </style>
diff --git a/src/views/distribution/artery/VehicleStowage.vue b/src/views/distribution/artery/VehicleStowage.vue
index 68775707..844edc56 100644
--- a/src/views/distribution/artery/VehicleStowage.vue
+++ b/src/views/distribution/artery/VehicleStowage.vue
@@ -1338,17 +1338,17 @@ const handleShowListOfLoadedWagons = async () => {
 
 :deep(.el-text) {
   &.gray {
-    color: #c8a090 !important;
+    color: gray !important;
     font-weight: bold;
   }
 
   &.red {
-    color: #fe4341 !important;
+    color: red !important;
     font-weight: bold;
   }
 
   &.green {
-    color: #5f8689 !important;
+    color: green !important;
     font-weight: bold;
   }
 }
diff --git a/src/views/finance/CustomerSettlement.vue b/src/views/finance/CustomerSettlement.vue
index 79d59f94..17269df1 100644
--- a/src/views/finance/CustomerSettlement.vue
+++ b/src/views/finance/CustomerSettlement.vue
@@ -211,15 +211,13 @@ const onLoad = async (params = {}) => {
   try {
     // 开启列表loading动画
     details.loadingObj.list = true;
-    console.log('status :>> ', status);
 
     // 获取暂存单列表
     const res = await getopenOrderAdvancePageList(details.page, { ...details.query, ...params });
     console.log('res :>> ', res);
     const { code, data } = res.data;
     if (code !== 200) return;
-    if (status === 'haveData') details.haveDataData = data.records;
-    else details.notHaveDataData = data.records;
+    details.data = data.records;
     details.page.total = data.total;
 
     return res.data;
diff --git a/src/views/finance/MerchantDepositSlip.vue b/src/views/finance/MerchantDepositSlip.vue
index 4615c2ce..d4182a43 100644
--- a/src/views/finance/MerchantDepositSlip.vue
+++ b/src/views/finance/MerchantDepositSlip.vue
@@ -214,15 +214,13 @@ const onLoad = async (params = {}) => {
   try {
     // 开启列表loading动画
     details.loadingObj.list = true;
-    console.log('status :>> ', status);
 
     // 获取暂存单列表
     const res = await getopenOrderAdvancePageList(details.page, { ...details.query, ...params });
     console.log('res :>> ', res);
     const { code, data } = res.data;
     if (code !== 200) return;
-    if (status === 'haveData') details.haveDataData = data.records;
-    else details.notHaveDataData = data.records;
+    details.data = data.records;
     details.page.total = data.total;
 
     return res.data;
diff --git a/src/views/finance/ReconciliationDepositSlip.vue b/src/views/finance/ReconciliationDepositSlip.vue
index 0da53de0..8d3d96bc 100644
--- a/src/views/finance/ReconciliationDepositSlip.vue
+++ b/src/views/finance/ReconciliationDepositSlip.vue
@@ -213,15 +213,13 @@ const onLoad = async (params = {}) => {
   try {
     // 开启列表loading动画
     details.loadingObj.list = true;
-    console.log('status :>> ', status);
 
     // 获取暂存单列表
     const res = await getopenOrderAdvancePageList(details.page, { ...details.query, ...params });
     console.log('res :>> ', res);
     const { code, data } = res.data;
     if (code !== 200) return;
-    if (status === 'haveData') details.haveDataData = data.records;
-    else details.notHaveDataData = data.records;
+     details.data = data.records;
     details.page.total = data.total;
 
     return res.data;
diff --git a/src/views/finance/WaybillAudit.vue b/src/views/finance/WaybillAudit.vue
index 17d1a853..da580895 100644
--- a/src/views/finance/WaybillAudit.vue
+++ b/src/views/finance/WaybillAudit.vue
@@ -275,15 +275,14 @@ const onLoad = async (params = {}) => {
   try {
     // 开启列表loading动画
     details.loadingObj.list = true;
-    console.log('status :>> ', status);
 
     // 获取暂存单列表
     const res = await getopenOrderAdvancePageList(details.page, { ...details.query, ...params });
     console.log('res :>> ', res);
     const { code, data } = res.data;
     if (code !== 200) return;
-    if (status === 'haveData') details.haveDataData = data.records;
-    else details.notHaveDataData = data.records;
+    details.data = data.records;
+
     details.page.total = data.total;
 
     return res.data;
diff --git a/src/views/warehouse/prewarehousing/PreStoragePackage.vue b/src/views/warehouse/prewarehousing/PreStoragePackage.vue
new file mode 100644
index 00000000..694f33e9
--- /dev/null
+++ b/src/views/warehouse/prewarehousing/PreStoragePackage.vue
@@ -0,0 +1,420 @@
+<template>
+  <basic-container v-loading="details.loadingObj.pageLoading">
+    <div class="avue-crud">
+      <!-- 搜索模块 -->
+      <div v-h5uShow="!search">
+        <!-- 查询模块 -->
+        <el-form :inline="true" :model="query" class="header_search">
+          <el-form-item label="交期:" class="el-times">
+            <el-date-picker
+              v-model="stockupDate"
+              type="daterange"
+              unlink-panels
+              range-separator="至"
+              start-placeholder="开始时间"
+              end-placeholder="结束时间"
+              :shortcuts="shortcuts"
+              value-format="YYYY-MM-DD"
+              clearable
+            />
+          </el-form-item>
+
+          <el-form-item label="创建时间:" class="el-times">
+            <el-date-picker
+              v-model="stockupDate"
+              type="daterange"
+              unlink-panels
+              range-separator="至"
+              start-placeholder="开始时间"
+              end-placeholder="结束时间"
+              :shortcuts="shortcuts"
+              value-format="YYYY-MM-DD"
+              clearable
+            />
+          </el-form-item>
+          <!-- 查询按钮 -->
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button>
+            <el-button icon="el-icon-delete" @click="searchReset">清 空</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+
+      <div class="avue-crud__header">
+        <!-- 头部左侧按钮模块 -->
+        <div class="avue-crud__left">
+          <!-- 批量入库 -->
+          <el-button type="primary" icon="Switch" @click="handleAudit">批量入库</el-button>
+
+          <!-- 批量查看二维码 -->
+          <el-button type="primary" icon="Printer" @click="handleBatchShowQrCode"
+            >批量查看二维码</el-button
+          >
+
+          <!-- 导出 -->
+          <!-- <el-button type="primary" icon="Download" @click="handleExport">导 出</el-button> -->
+        </div>
+        <!-- 头部右侧按钮模块 -->
+        <div class="avue-crud__right">
+          <el-button icon="el-icon-refresh" @click="searchChange" circle></el-button>
+          <el-button icon="Operation" @click="showdrawer(true)" circle></el-button>
+          <el-button icon="Search" @click="searchHide" circle></el-button>
+        </div>
+      </div>
+
+      <!-- 表格 -->
+      <tablecmt
+        ref="tableNodeRef"
+        :columnList="details.columnList"
+        :tableData="details.data"
+        :loading="details.loadingObj.list"
+        @inputTxt="inputsc"
+        @timeCheck="timesc"
+        @selectCheck="selectsc"
+        @selection="selectionChange"
+      >
+        <template #default="slotProps">
+          <template v-if="slotProps.scope.column.label === '操作'">
+            <!-- 查看二维码 -->
+            <el-text @click="() => handleShowQrCode(slotProps.scope)"> 查看二维码 </el-text>
+
+            <!-- 入库 -->
+            <el-text @click="() => handleIncoming(slotProps.scope)"> 入库 </el-text>
+          </template>
+        </template>
+      </tablecmt>
+
+      <!-- 分页模块 -->
+      <div class="avue-crud__pagination flex-c-sb" style="width: 100%">
+        <div style="font-size: 14px">勾选数量: {{ selectionList.length }}</div>
+        <!-- 分页模块 -->
+        <el-pagination
+          align="right"
+          background
+          @size-change="sizeChange"
+          @current-change="currentChange"
+          :current-page="page.currentPage"
+          :page-sizes="[30, 50, 80, 120]"
+          :page-size="page.pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="page.total"
+        >
+        </el-pagination>
+      </div>
+    </div>
+  </basic-container>
+
+  <MyPrint
+    width="780px"
+    :html="details.html"
+    v-model="details.popUpShow.dialogVisible"
+    :isShowExport="false"
+  />
+
+  <!-- 列表配置显示 -->
+  <edittablehead
+    @closce="showdrawer"
+    :drawerShow="drawerShow"
+    v-model="details.columnList"
+  ></edittablehead>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, toRefs, computed, onMounted, nextTick } from 'vue';
+import functions from '@/utils/functions.js';
+import dayjs from 'dayjs';
+import { mapGetters } from 'vuex';
+/** 获取字典 */
+import { getDictionaryBiz } from '@/api/system/dict';
+import {
+  getopenOrderAdvancePageList,
+  postOpenOrderFreezeByAdvanceIds,
+} from '@/api/waybill/TemporaryStorageList';
+import {
+  downloadXls,
+  setNodeHeight,
+  getHtmls,
+  handleClearTableQuery,
+  handleInputQuery,
+  handleSelectQuery,
+} from '@/utils/util';
+import { columnList } from '@/option/warehouse/PreStoragePackage';
+import { useRouter } from 'vue-router';
+import { deepClone } from '@/utils/util';
+import { showOrderPackgeCode } from '@/api/distribution/distributionStockArticle';
+import { getList } from '@/api/warehouse/PreStoragePackage';
+import { ElMessage, ElMessageBox } from 'element-plus';
+
+// 获取路由实例
+const $router = useRouter();
+
+const details = reactive<any>({
+  /** 是否开启搜索 */
+  search: true,
+  /** 表格搜索条件 */
+  query: {},
+  /** 时间快捷选择设置 */
+  shortcuts: [
+    {
+      text: '最近一周',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+        return [start, end];
+      },
+    },
+    {
+      text: '最近一个月',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+        return [start, end];
+      },
+    },
+    {
+      text: '最近三个月',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+        return [start, end];
+      },
+    },
+  ],
+  /** 时间选择器数据 */
+  stockupDate: [],
+  /** 列表 */
+  columnList: deepClone(columnList),
+  /** 列表数据 */
+  data: [{}],
+  /** 页面loading */
+  loadingObj: {
+    /** 列表加载loading */
+    list: false,
+    pageLoading: false,
+  },
+  /** 列表复选框选中的数据 */
+  selectionList: [],
+  /** 是否显示设置表格 */
+  drawerShow: false,
+  /** 分页参数 */
+  page: {
+    currentPage: 1,
+    pageSize: 30,
+    total: 0,
+  },
+  /** 列表Dom节点 */
+  listNode: '',
+  form: {},
+  popUpShow: {
+    /** 查看二维码 */
+    dialogVisible: false,
+  },
+});
+
+const tableNodeRef = ref();
+
+const { search, query, shortcuts, stockupDate, selectionList, drawerShow, page } = toRefs(details);
+
+/** vuex */
+const permission = computed(() => mapGetters(['permission', 'tagWel', 'tagList']));
+console.log('permission :>> ', permission);
+
+onMounted(() => {
+  const timer = setTimeout(() => {
+    details.listNode = document.querySelector('.maboxhi');
+    details.listNode.style.transition = 'all .5s ease-out';
+    clearTimeout(timer);
+  }, 100);
+});
+
+/** 请求页面数据 */
+const onLoad = async (params = {}) => {
+  try {
+    // 开启列表loading动画
+    details.loadingObj.list = true;
+    const submitData = { ...details.page, ...details.query, ...params };
+
+    // 获取暂存单列表
+    const res = await getList(submitData);
+    console.log('res :>> ', res);
+    const { code, data } = res.data;
+    if (code !== 200) return;
+    details.data = data.records;
+    details.page.total = data.total;
+
+    return res.data;
+  } catch (error) {
+    console.log('error :>> ', error);
+  } finally {
+    details.loadingObj.list = false;
+  }
+};
+
+const initOnLoad = (params = {}) => {
+  details.page.pageNum = 1;
+  details.page.total = 0;
+  onLoad(params);
+};
+
+initOnLoad();
+
+/** 搜索 */
+const searchChange = () => {
+  initOnLoad();
+};
+
+/** 清空表单 */
+const searchReset = () => {
+  details.query = {};
+  details.stockupDate = [];
+  details.page.currentPage = 1;
+  handleClearTableQuery(details.columnList);
+  initOnLoad();
+};
+
+/** 展开列表控件 */
+const showdrawer = (_flag?: boolean) => {
+  details.drawerShow = _flag;
+};
+
+/** 是否开启搜索区 */
+const searchHide = () => {
+  details.search = !details.search;
+
+  setNodeHeight(tableNodeRef.value.$el, '', true);
+};
+
+/** 表格表头输入框搜索 */
+const inputsc = (index, col) => {
+  handleInputQuery(index, col, details.query);
+  initOnLoad();
+};
+
+/** 表格表头时间选择 */
+const timesc = (index, row) => {
+  console.log(index, row);
+  if (!!index) {
+    index = dayjs(index).format('YYYY-MM-DD');
+  }
+  details.query[row.prop] = index;
+  if (!index) {
+    delete details.query[row.prop];
+  }
+  initOnLoad();
+};
+
+/** 表格表头下拉框选择 */
+const selectsc = (index, colors) => {
+  handleSelectQuery(index, colors, details.query);
+  initOnLoad();
+};
+
+/** 表格表头复选框选择 */
+const selectionChange = (list: any) => {
+  details.selectionList = list;
+};
+
+/** 每页数量改变执行的回调 */
+const sizeChange = (pageSize: number) => {
+  details.page.pageSize = pageSize;
+  initOnLoad();
+};
+
+/** 页码改变执行的回调 */
+const currentChange = pageNum => {
+  details.page.pageNum = pageNum;
+  onLoad();
+};
+
+/** 批量审核 */
+const handleAudit = () => {
+  if (details.selectionList.length === 0) {
+    ElMessage.warning('请选择要审核的单据');
+    return;
+  }
+};
+
+/** 导出 */
+const handleExport = () => {
+  ElMessageBox.confirm('是否确认导出?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(() => {
+    ElMessage({
+      type: 'success',
+      message: '导出成功!',
+    });
+  });
+};
+
+/** 查看二维码 */
+const handleShowQrCode = ({ row }) => {};
+
+/** 批量查看二维码 */
+const handleBatchShowQrCode = async () => {
+  if (details.selectionList.length == 0) return ElMessage.error({ message: '请先选择包件' });
+  try {
+    details.loadingObj.pageLoading = true;
+
+    let checkcode = [];
+    details.selectionList.map(item => {
+      checkcode.push(item.id);
+    });
+    // return
+    let qr = {
+      ids: checkcode.join(','),
+    };
+    details.html = '';
+    const res = await showOrderPackgeCode(qr);
+
+    const { code, data } = res.data;
+
+    if (code !== 200) return;
+    details.html = details.getHtmls(data.dataList, data.templateHtml);
+
+    details.popUpShow.dialogVisible = true;
+  } catch (error) {
+    console.log('error :>> ', error);
+  } finally {
+    details.loadingObj.pageLoading = false;
+  }
+};
+
+/** 入库 */
+const handleIncoming = ({ row }) => {
+  ElMessageBox.confirm('是否确认入库?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(() => {
+    try {
+      details.loadingObj.pageLoading = true;
+
+      ElMessage({
+        type: 'success',
+        message: '入库成功!',
+      });
+    } catch (error) {
+      console.log('error :>> ', error);
+    } finally {
+      details.loadingObj.pageLoading = false;
+    }
+  });
+};
+</script>
+
+<style scoped lang="scss">
+// 日期选择器
+:deep(.el-date-editor.el-input) {
+  height: 100% !important;
+  width: 100% !important;
+}
+
+:deep(.el-range-editor.el-input__wrapper) {
+  height: 100% !important;
+}
+</style>