From 062bb4500a6f74a38b8b5fe819bdb002cca9ea7a Mon Sep 17 00:00:00 2001
From: 13208366016 <47278630@qq.com>
Date: Tue, 7 Nov 2023 23:06:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=88=A4=E6=96=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/views/index.js                     |   24 +-
 .../driverArtery/basicdataDriverArtery.vue    |    2 +-
 src/views/distribution/signfor/devtmp.vue     | 1739 ++++++++
 .../signfor/distributionSignforedt.vue        | 3934 ++++++++++-------
 .../signfor/distributionSignforedtTD.vue      | 2299 ----------
 vite.config.js                                |    4 +-
 6 files changed, 4001 insertions(+), 4001 deletions(-)
 create mode 100644 src/views/distribution/signfor/devtmp.vue
 delete mode 100644 src/views/distribution/signfor/distributionSignforedtTD.vue

diff --git a/src/router/views/index.js b/src/router/views/index.js
index d7908df4..8cd8afd6 100644
--- a/src/router/views/index.js
+++ b/src/router/views/index.js
@@ -1047,18 +1047,18 @@ export default [
   //     },
   //   ],
   // },
-  // {
-  //   path: '/distribution/signfor/devtmp',
-  //   component: Layout,
-  //   redirect: '/distribution/signfor/devtmp',
-  //   children: [
-  //     {
-  //       path: '/distribution/signfor/devtmp',
-  //       name: '签收明细重构',
-  //       component: () => import('@/views/distribution/signfor/devtmp.vue'),
-  //     },
-  //   ],
-  // },
+  {
+    path: '/distribution/signfor/devtmp',
+    component: Layout,
+    redirect: '/distribution/signfor/devtmp',
+    children: [
+      {
+        path: '/distribution/signfor/devtmp',
+        name: '签收明细重构',
+        component: () => import('@/views/distribution/signfor/devtmp.vue'),
+      },
+    ],
+  },
   // {
   //   path: 'basicdata/goodsShelf/basicdataGoodsShelfView',
   //   component: Layout,
diff --git a/src/views/basicdata/driverArtery/basicdataDriverArtery.vue b/src/views/basicdata/driverArtery/basicdataDriverArtery.vue
index 8869fdb9..98310414 100644
--- a/src/views/basicdata/driverArtery/basicdataDriverArtery.vue
+++ b/src/views/basicdata/driverArtery/basicdataDriverArtery.vue
@@ -639,7 +639,7 @@ export default {
         console.log(row.bindVehicles);
       }
 
-      if (Array.isArray(row.bindVehicles)) {
+      if (Array.isArray(row.warehouseId)) {
         row.warehouseId = row.warehouseId.join(',');//仓库处理
         console.log(row.warehouseId);
       }
diff --git a/src/views/distribution/signfor/devtmp.vue b/src/views/distribution/signfor/devtmp.vue
new file mode 100644
index 00000000..b825295c
--- /dev/null
+++ b/src/views/distribution/signfor/devtmp.vue
@@ -0,0 +1,1739 @@
+<template>
+  <el-card class="box-card">
+    <template #header>
+      <div class="card-header">
+        <span>当前签收单状态</span>
+      </div>
+      <el-steps :active="1" finish-status="success">
+        <el-step title="待签收" />
+        <el-step title="司机签收" />
+        <el-step title="文员审核" />
+      </el-steps>
+    </template>
+
+    <!-- 基础信息 -->
+    <el-divider content-position="left"> 基本信息</el-divider>
+    <div class="Basic-information">
+      <div class="el-txt">
+        <el-icon><List /></el-icon>
+        <span class="title-name">预约单号:</span>
+        <el-tooltip
+          :content="form.reservationCode ? form.reservationCode : '暂无商场名称'"
+          placement="top"
+        >
+          <el-input v-model="form.reservationCode" disabled placeholder="预约单号" />
+        </el-tooltip>
+      </div>
+      <div class="el-txt">
+        <el-icon><School /></el-icon>
+        <span class="title-name">商场名称:</span>
+        <el-tooltip :content="form.mallName ? form.mallName : '暂无商场名称'" placement="top">
+          <el-input v-model="form.mallName" disabled placeholder="商场名称" />
+        </el-tooltip>
+      </div>
+      <div class="el-txt">
+        <el-icon><Calendar /></el-icon>
+        <span class="title-name"> 预约时间:</span>
+        <el-tooltip
+          :content="form.reservationDate ? form.reservationDate : '暂无预约时间'"
+          placement="top"
+        >
+          <el-input v-model="form.reservationDate" disabled placeholder="预约时间" />
+        </el-tooltip>
+      </div>
+    </div>
+
+    <!-- 配送信息 -->
+    <el-divider content-position="left">配送信息</el-divider>
+    <div class="Basic-information">
+      <div class="el-txt">
+        <el-icon><Van /></el-icon>
+        <span class="title-name">配送车次:</span>
+        <el-tooltip :content="form.trainNumber ? form.trainNumber : '暂无司机姓名'" placement="top">
+          <el-input v-model="form.trainNumber" disabled placeholder="配送车次" />
+        </el-tooltip>
+      </div>
+      <div class="el-txt">
+        <el-icon><User /></el-icon>
+        <span class="title-name">司机姓名:</span>
+        <el-tooltip :content="form.driverName ? form.driverName : '暂无司机姓名'" placement="top">
+          <el-input v-model="form.driverName" disabled placeholder="司机姓名" />
+        </el-tooltip>
+      </div>
+      <div class="el-txt">
+        <el-icon><Postcard /></el-icon>
+        <span class="title-name"> 车辆牌照:</span>
+        <el-tooltip :content="form.vehicleName ? form.vehicleName : '暂无车辆牌照'" placement="top">
+          <el-input v-model="form.vehicleName" disabled placeholder="车辆牌照" />
+        </el-tooltip>
+      </div>
+      <div class="el-txt">
+        <el-icon><Van /></el-icon>
+        <span class="title-name"> 装车班组:</span>
+        <el-tooltip
+          :content="form.loadingTeamName ? form.loadingTeamName : '暂无装车班组'"
+          placement="top"
+        >
+          <el-input v-model="form.loadingTeamName" disabled placeholder="装车班组" />
+        </el-tooltip>
+      </div>
+      <div class="el-txt" style="margin-top: 20px">
+        <el-icon><Van /></el-icon>
+        <span class="title-name"> 卸车班组:</span>
+        <el-tooltip
+          :content="form.unLoadingTeamName ? form.unLoadingTeamName : '暂无卸车班组'"
+          placement="top"
+        >
+          <el-input v-model="form.unLoadingTeamName" disabled placeholder="卸车班组" />
+        </el-tooltip>
+      </div>
+    </div>
+
+    <!-- 收货人信息 -->
+    <el-divider content-position="left">收货人信息</el-divider>
+    <div class="Basic-information">
+      <div class="el-txt">
+        <el-icon><User /></el-icon>
+        <span class="title-name">收货人姓名:</span>
+        <el-tooltip :content="form.consignee ? form.consignee : '暂无收货人姓名'" placement="top">
+          <el-input v-model="form.consignee" disabled placeholder="收货人姓名" />
+        </el-tooltip>
+      </div>
+      <div class="el-txt">
+        <el-icon><User /></el-icon>
+        <span class="title-name">收货人号码:</span>
+        <el-tooltip
+          :content="form.deliveryPhone ? form.deliveryPhone : '暂无收货人号码'"
+          placement="top"
+        >
+          <el-input v-model="form.deliveryPhone" disabled placeholder="收货人号码" />
+        </el-tooltip>
+      </div>
+      <div class="el-txt">
+        <el-icon><Postcard /></el-icon>
+        <span class="title-name"> 收货人地址:</span>
+        <el-tooltip
+          :content="form.deliveryAddress ? form.deliveryAddress : '暂无收货人地址'"
+          placement="top"
+        >
+          <el-input v-model="form.deliveryAddress" disabled placeholder="收货人地址" />
+        </el-tooltip>
+      </div>
+      <div class="el-txt">
+        <el-icon><Van /></el-icon>
+        <span class="title-name"> 是否加急:</span>
+        <el-tooltip :content="form.isUrgent ? form.isUrgent : '暂无加急信息'" placement="top">
+          <el-input v-model="form.isUrgent" disabled placeholder="是否加急" />
+        </el-tooltip>
+      </div>
+      <div class="el-txt notes">
+        <el-icon><Edit /></el-icon>
+        <span class="title-name title-notes"> 客户备注:</span>
+        <el-tooltip :content="form.remarks ? form.remarks : '暂无备注信息'" placement="top">
+          <el-input v-model="form.remarks" disabled placeholder="客户备注" />
+        </el-tooltip>
+      </div>
+    </div>
+    <!-- 签收信息 -->
+    <el-divider content-position="left">签收信息</el-divider>
+    <div class="Basic-information">
+      <div class="el-txt">
+        <el-icon><Star /></el-icon>
+        <span class="title-name">签收类型:</span>
+        <el-radio-group v-model="form.signingType">
+          <el-radio label="1" size="large" border>签收</el-radio>
+          <el-radio label="2" size="large" border>待签收</el-radio>
+        </el-radio-group>
+      </div>
+      <div class="el-txt el-positioning">
+        <el-icon><LocationInformation /></el-icon>
+        <span class="title-name">定位打卡:</span>
+        <el-tooltip
+          :content="form.positioningAdr ? form.positioningAdr : '暂无定位打卡'"
+          placement="top"
+        >
+          <el-input
+            class="positioning"
+            v-model="form.positioningAdr"
+            disabled
+            placeholder="定位打卡位置"
+          />
+        </el-tooltip>
+      </div>
+    </div>
+
+    <div class="FImg">
+      <div class="imgName">
+        <span
+          ><el-icon><PictureFilled /></el-icon>上门照</span
+        >
+        <!-- DoorstepPhoto -->
+        <el-upload
+          v-model:file-list="DoorstepPhoto"
+          :action="doubledCount"
+          list-type="picture-card"
+          :on-preview="EnlargeTheTmageA"
+          :on-remove="handleRemove"
+          :on-success="ImgSuccessA"
+          :headers="headers"
+          disabled
+        >
+          <el-icon><Plus /></el-icon>
+        </el-upload>
+        <el-dialog v-model="dialogVisibleA">
+          <img w-full :src="dialogImageUrlA" alt="IMG" />
+        </el-dialog>
+      </div>
+
+      <div class="imgName">
+        <span
+          ><el-icon><PictureFilled /></el-icon>堆码照</span
+        >
+        <!-- StackingPhoto -->
+        <el-upload
+          v-model:file-list="StackingPhoto"
+          :action="doubledCount"
+          list-type="picture-card"
+          :on-preview="EnlargeTheTmageB"
+          :on-remove="handleRemove"
+          :on-success="ImgSuccessB"
+          :headers="headers"
+          disabled
+        >
+          <el-icon><Plus /></el-icon>
+        </el-upload>
+        <el-dialog v-model="dialogVisibleB">
+          <div class="tc-img">
+            <img w-full :src="dialogImageUrlB" alt="IMG" />
+          </div>
+        </el-dialog>
+      </div>
+
+      <div class="imgName">
+        <span
+          ><el-icon><PictureFilled /></el-icon>易碎照</span
+        >
+        <!-- FragilePhotos -->
+        <el-upload
+          v-model:file-list="FragilePhotos"
+          :action="doubledCount"
+          list-type="picture-card"
+          :on-preview="EnlargeTheTmageC"
+          :on-remove="handleRemove"
+          :on-success="ImgSuccessC"
+          :headers="headers"
+          disabled
+        >
+          <el-icon><Plus /></el-icon>
+        </el-upload>
+        <el-dialog v-model="dialogVisibleC">
+          <img w-full :src="dialogImageUrlC" alt="IMG" />
+        </el-dialog>
+      </div>
+
+      <div class="imgName">
+        <span
+          ><el-icon><PictureFilled /></el-icon>家配照</span
+        >
+        <!-- HomePhotos -->
+        <el-upload
+          v-model:file-list="HomePhotos"
+          :action="doubledCount"
+          list-type="picture-card"
+          :on-preview="EnlargeTheTmageD"
+          :on-remove="handleRemove"
+          :on-success="ImgSuccessD"
+          :headers="headers"
+          disabled
+        >
+          <el-icon><Plus /></el-icon>
+        </el-upload>
+        <el-dialog v-model="dialogVisibleD">
+          <img w-full :src="dialogImageUrlD" alt="IMG" />
+        </el-dialog>
+      </div>
+
+      <div class="imgName">
+        <span
+          ><el-icon><PictureFilled /></el-icon>签收照</span
+        >
+        <!-- SignForPhotos  -->
+        <el-upload
+          v-model:file-list="SignForPhotos"
+          :action="doubledCount"
+          list-type="picture-card"
+          :on-preview="EnlargeTheTmageE"
+          :on-remove="handleRemove"
+          :on-success="ImgSuccessE"
+          :headers="headers"
+          disabled
+        >
+          <el-icon><Plus /></el-icon>
+        </el-upload>
+        <el-dialog v-model="dialogVisibleE">
+          <img w-full :src="dialogImageUrlE" alt="IMG" />
+        </el-dialog>
+      </div>
+    </div>
+    <!-- 签收信息 -->
+
+    <el-collapse v-model="activeNames" style="margin-top: 10px">
+      <el-collapse-item title="商品信息" name="1">
+        <el-tabs
+          v-loading="editLoading"
+          element-loading-text="数据正在更新中..."
+          type="border-card"
+          @tab-click="tabClick"
+        >
+          <template v-for="item in Tabs" :key="item.name">
+            <el-tab-pane :label="item.label" :name="item.name">
+              <div class="el-Cart">
+                <!-- 表格列开始 -->
+                <el-table
+                  :data="data"
+                  row-key="name"
+                  border
+                  height="500"
+                  style="width: 100%"
+                  ref="tableRef"
+                  @select-all="selectAll"
+                  @select="selectChange"
+                >
+                  <el-table-column type="selection" width="55" fixed />
+                  <el-table-column
+                    type="index"
+                    fixed
+                    width="50"
+                    height="100"
+                    label="#"
+                    align="center"
+                  />
+
+                  <!-- 
+            Type ===1 普通文本
+            Type ===2 图片显示
+            Type ===3 操作功能
+            label:    标题
+            width:    宽度
+            prop:     数据字段
+           -->
+                  <el-table-column
+                    :prop="item.prop"
+                    :label="item.label"
+                    :width="item.width"
+                    :fixed="item.fixed"
+                    align="center"
+                    v-for="(item, index) in menuData"
+                    :key="item.label"
+                  >
+                    <template #default="props">
+                      <img :src="props.row[item.prop]" class="el-Img" v-if="item.type === 2" />
+                      <!-- <div :class="ElBtnClass" v-if="item.type === 3">
+                    <el-button
+                      :link="ElButtonS[0].link"
+                      :class="ElButtonS[0].class"
+                      :auto-insert-space="ElButtonS[0].space"
+                      :size="ElButtonS[0].size"
+                      :icon="ElButtonS[0].icon"
+                      @click="DeleteEvent(scope.row)"
+                      >删除</el-button
+                    >
+                    <el-button
+                      :link="ElButtonS[1].link"
+                      :class="ElButtonS[1].class"
+                      :auto-insert-space="ElButtonS[1].space"
+                      :size="ElButtonS[1].size"
+                      :icon="ElButtonS[1].icon"
+                      @click="EditEvent(scope.row)"
+                      >编辑</el-button
+                    >
+                    <el-button
+                      :link="ElButtonS[2].link"
+                      :class="ElButtonS[2].class"
+                      :auto-insert-space="ElButtonS[2].space"
+                      :size="ElButtonS[2].size"
+                      :icon="ElButtonS[2].icon"
+                      @click="ViewEvent(scope.row)"
+                      >查看</el-button
+                    >
+                  </div> -->
+                      <span v-else>{{ props.row[item.prop] ? props.row[item.prop] : '/' }}</span>
+                    </template>
+                  </el-table-column>
+
+                  <template>
+                    <el-table-column
+                      v-if="item.head"
+                      fixed="right"
+                      label="操作"
+                      width="280"
+                      align="center "
+                    >
+                      <!-- <template #default="scope">
+                
+                  </template> -->
+                    </el-table-column>
+                  </template>
+                </el-table>
+                <!-- 表格翻页功能 -->
+                <!-- <div class="demo-pagination-block">
+              <el-pagination
+                v-model:current-page="currentPage"
+                v-model:page-size="pageSize"
+                :page-sizes="pageList"
+                :disabled="disabled"
+                :background="background"
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="total"
+                @size-change="PageSizeChange"
+                @current-change="SizeChange"
+              />
+            </div> -->
+              </div>
+            </el-tab-pane>
+          </template>
+        </el-tabs>
+      </el-collapse-item>
+    </el-collapse>
+    <!-- 增值服务信息 -->
+    <el-collapse @change="ServiceChange" style="margin-top: 10px">
+      <el-collapse-item title="增值服务信息" name="2">
+        <el-tabs
+          v-loading="editLoading"
+          element-loading-text="数据正在更新中..."
+          type="border-card"
+          @tab-click="tabClickB"
+        >
+          <template v-for="item in TabB" :key="item.name">
+            <el-tab-pane :label="item.label" :name="item.name">
+              <div class="tab-title">
+                <div class="BatchDelete">
+                  <el-button type="primary" @click="newlyAdded(item.name)"> 新增 </el-button>
+                  <el-button type="primary" @click="BatchDelete(item.name)"> 批量删除 </el-button>
+                </div>
+
+                <template v-for="(item, index) in TabTitle" :key="index">
+                  <span>
+                    <el-icon><component :is="item.icon" /></el-icon> {{ item.name }}
+                    {{ item.value }}
+                    {{ item.tap }}
+                  </span>
+                </template>
+              </div>
+              <div class="el-Cart">
+                <!-- 表格列开始 -->
+                <el-table
+                  :data="dataAdded"
+                  row-key="name"
+                  border
+                  height="500"
+                  style="width: 100%"
+                  ref="tableRef"
+                  @select-all="selectAll"
+                  @select="selectChange"
+                >
+                  <el-table-column type="selection" width="55" fixed />
+                  <el-table-column
+                    type="index"
+                    fixed
+                    width="50"
+                    height="100"
+                    label="#"
+                    align="center"
+                  />
+
+                  <!-- 
+            Type ===1 普通文本
+            Type ===2 图片显示
+            Type ===3 操作功能
+            label:    标题
+            width:    宽度
+            prop:     数据字段
+           -->
+                  <el-table-column
+                    :prop="item.prop"
+                    :label="item.label"
+                    :width="item.width"
+                    :fixed="item.fixed"
+                    align="center"
+                    v-for="(item, index) in menuDataB"
+                    :key="item.label"
+                  >
+                    <template #default="props">
+                      <img :src="props.row[item.prop]" class="el-Img" v-if="item.type === 2" />
+                      <div :class="ElBtnClass" v-if="item.type === 3">
+                        <!-- <el-button
+                      :link="ElButtonS[0].link"
+                      :class="ElButtonS[0].class"
+                      :auto-insert-space="ElButtonS[0].space"
+                      :size="ElButtonS[0].size"
+                      :icon="ElButtonS[0].icon"
+                      @click="DeleteEvent(scope.row)"
+                      >删除</el-button
+                    > -->
+                      </div>
+                      <span v-if="item.type == 6">{{
+                        props.row[item.prop] == 1
+                          ? '定制品'
+                          : props.row[item.prop] == 2
+                          ? '库存品'
+                          : props.row[item.prop] == 3
+                          ? '零担'
+                          : '/'
+                      }}</span>
+                      <span v-else>{{ props.row[item.prop] ? props.row[item.prop] : '/' }}</span>
+                    </template>
+                  </el-table-column>
+                </el-table>
+
+                <!-- 表格翻页功能 -->
+                <!-- <div class="demo-pagination-block">
+              <el-pagination
+                v-model:current-page="currentPage"
+                v-model:page-size="pageSize"
+                :page-sizes="pageList"
+                :disabled="disabled"
+                :background="background"
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="total"
+                @size-change="PageSizeChange"
+                @current-change="SizeChange"
+              />
+            </div> -->
+              </div>
+            </el-tab-pane>
+          </template>
+        </el-tabs>
+      </el-collapse-item>
+    </el-collapse>
+    <!-- 弹窗信息 -->
+    <el-dialog v-model="dialogBatchDelete" title="标题" width="60%" :before-close="handleClose">
+      <!-- 表格列开始 -->
+      <el-table
+        :data="dataAdded"
+        row-key="name"
+        border
+        height="500"
+        style="width: 100%"
+        ref="tableRef"
+        @select-all="selectAll"
+        @select="selectChange"
+      >
+        <el-table-column type="selection" width="55" fixed />
+        <el-table-column type="index" fixed width="50" height="100" label="#" align="center" />
+
+        <!-- 
+            Type ===1 普通文本
+            Type ===2 图片显示
+            Type ===3 操作功能
+            label:    标题
+            width:    宽度
+            prop:     数据字段
+           -->
+        <el-table-column
+          :prop="item.prop"
+          :label="item.label"
+          :width="item.width"
+          :fixed="item.fixed"
+          align="center"
+          v-for="(item, index) in menuDataB"
+          :key="item.label"
+        >
+          <template #default="props">
+            <img :src="props.row[item.prop]" class="el-Img" v-if="item.type === 2" />
+            <div :class="ElBtnClass" v-if="item.type === 3">
+              <!-- <el-button
+                      :link="ElButtonS[0].link"
+                      :class="ElButtonS[0].class"
+                      :auto-insert-space="ElButtonS[0].space"
+                      :size="ElButtonS[0].size"
+                      :icon="ElButtonS[0].icon"
+                      @click="DeleteEvent(scope.row)"
+                      >删除</el-button
+                    > -->
+            </div>
+            <span v-if="item.type == 6">{{
+              props.row[item.prop] == 1
+                ? '定制品'
+                : props.row[item.prop] == 2
+                ? '库存品'
+                : props.row[item.prop] == 3
+                ? '零担'
+                : '/'
+            }}</span>
+            <span v-else>{{ props.row[item.prop] ? props.row[item.prop] : '/' }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="dialogBatchDelete = false">取消</el-button>
+          <el-button type="primary" @click="dialogVisible = false"> 提交 </el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </el-card>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import {
+  getDetail,
+  signforPackageList,
+  signforInventoryList,
+  addvalueInfoList,
+} from '@/api/distribution/distributionSignfor';
+import { getToken } from '@/utils/auth';
+const form = ref({}); //基础信息
+const RouterId = ref('1721707916601487362'); //编辑ID
+const RouterReservationId = ref('1721707896171032578'); //编辑参数
+const DoorstepPhoto = ref([]); // 上门照
+const StackingPhoto = ref([]); // 堆门照
+const FragilePhotos = ref([]); // 易碎照
+const HomePhotos = ref([]); // 家配照
+const SignForPhotos = ref([]); //签收照
+const data = ref([]); //表格数据展示切换
+const InitializeTable = ref([]); //初始化展示信息（不可被修改）
+const menuData = ref([]); //表格头部
+const menuDataB = ref([]); //增值服务表格头部
+const editLoading = ref(false); //表格切换加载
+const currentPage = ref(1); // 默认页码
+const pageSize = ref(30); // 默认每一页几条
+const total = ref(0); //页码总页数
+const pageList = ref([5, 10, 50, 100, 200]); // 选择每页显示多少条
+const background = ref(true); // 是否开启背景颜色
+const disabled = ref(false); // 是否禁止使用页码功能
+const dialogImageUrlA = ref('');
+const dialogImageUrlB = ref('');
+const dialogImageUrlC = ref('');
+const dialogImageUrlD = ref('');
+const dialogImageUrlE = ref('');
+const dialogVisibleA = ref(false); //是否显放大图片
+const dialogVisibleB = ref(false);
+const dialogVisibleC = ref(false);
+const dialogVisibleD = ref(false);
+const dialogVisibleE = ref(false);
+const activeNames = ref(['1']);
+const active = ref(1); //签收状态
+const route = useRoute();
+const router = useRouter(); //参数ID
+const dataAdded = ref([]); //增值服务表格渲染参数
+const TcDataAdded = ref([]); //弹窗表格渲染的数据
+const TabIndex = ref(0); //增值服务标题默认显示
+const dialogBatchDelete = ref(false);
+const enlargeImage = (dialogImageUrl, dialogVisible) => {
+  return uploadFile => {
+    console.log(uploadFile, '点击放大的内容');
+    dialogImageUrl.value = uploadFile.url;
+    dialogVisible.value = true;
+  };
+};
+// 点击放大图片
+const EnlargeTheTmageA = enlargeImage(dialogImageUrlA, dialogVisibleA);
+const EnlargeTheTmageB = enlargeImage(dialogImageUrlB, dialogVisibleB);
+const EnlargeTheTmageC = enlargeImage(dialogImageUrlC, dialogVisibleC);
+const EnlargeTheTmageD = enlargeImage(dialogImageUrlD, dialogVisibleD);
+const EnlargeTheTmageE = enlargeImage(dialogImageUrlE, dialogVisibleE);
+
+const Tabs = ref([
+  {
+    label: '订单列表',
+    name: '0',
+  },
+  {
+    label: '包件列表',
+    name: '1',
+  },
+  {
+    label: '库存品列表',
+    name: '2',
+  },
+]);
+// 增值服务标题栏
+const TabB = ref([
+  {
+    label: '上楼',
+    name: '0',
+  },
+  {
+    label: '超区',
+    name: '1',
+  },
+  {
+    label: '平移',
+    name: '2',
+  },
+  {
+    label: '搬运',
+    name: '3',
+  },
+  {
+    label: '分拣',
+    name: '4',
+  },
+  {
+    label: '专车',
+    name: '5',
+  },
+]);
+const TabTitle = ref([
+  { name: '公里数:', value: '暂无数据', tap: '公里', icon: 'Van', btn: '新增' },
+  { name: '费用:', value: '暂无数据', tap: '￥', icon: 'Coin', btn: '新增' },
+  { name: '楼层:', value: '暂无数据', tap: '层', icon: 'School', btn: '新增' },
+  { name: '件数:', value: '暂无数据', tap: '件', icon: 'Box', btn: '新增' },
+]);
+// 订单列表
+const menuData1 = ref([
+  {
+    prop: 'orderCode',
+    label: '订单自编号',
+    type: 4,
+    values: '',
+    width: '280',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'serviceNumber',
+    label: '服务号',
+    type: 4,
+    values: '',
+    width: '250',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'waybillNumber',
+    label: '运单号',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'warehouse',
+    label: '仓库',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'brand',
+    label: '品牌',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'mallName',
+    label: '商场名称',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'storeName',
+    label: '门店名称',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+
+  {
+    prop: 'descriptionGoods',
+    label: '货物名称',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'reservationNum',
+    label: '计划包件数',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'consigneeUnit',
+    label: '收获单位',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'consigneePerson',
+    label: '运单收货人',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'consigneeAddress',
+    label: '运单收货地址',
+    type: 4,
+    values: '',
+    width: '250',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'consigneeMobile',
+    label: '运单收获电话',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'customerName',
+    label: '终端收货人',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'customerAddress',
+    label: '终端收获地址',
+    type: 4,
+    values: '',
+    width: '400',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'customerTelephone',
+    label: '终端收获电话',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+]);
+// 包件列表
+// 包件列表
+// 包件列表
+// 包件列表
+// 包件列表
+// 包件列表
+// 包件列表
+// 包件列表
+const menuData2 = ref([
+  {
+    prop: 'waybillNumber',
+    label: '运单号',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'serviceNumber',
+    label: '服务号',
+    type: 4,
+    values: '',
+    width: '250',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'orderCode',
+    label: '订单自编号',
+    type: 4,
+    values: '',
+    width: '280',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'orderPackageCode',
+    label: '包条码',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'warehouse',
+    label: '仓库',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'sendWarehouseName',
+    label: '发站仓',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'acceptWarehouseName',
+    label: '目的地',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+
+  {
+    prop: 'waybillNumber',
+    label: '发货时间',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'warehouseEntryTimeEnd',
+    label: '入库时间',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'trainNumber',
+    label: '进库车次',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'trainNumber',
+    label: '包件类型',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'reservationNum',
+    label: '计划数量',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'loadingNub',
+    label: '装车数量',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'signingNub',
+    label: '签收数量',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'firsts',
+    label: '一级品类',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'second',
+    label: '二级品类',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'thirdProduct',
+    label: '三级品类',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'orderPackageStatusName',
+    label: '包件状态',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'orderPackageFreezeStatusName',
+    label: '冻结状态',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'orderPackageGroundingStatusName',
+    label: '上架状态',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'orderPackageStockupStatusName',
+    label: '备货状态',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'orderPackageReservationStatusName',
+    label: '预约状态',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'orderPackageLoadingStatusName',
+    label: '装车状态 ',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'scanStatus',
+    label: '装车方式',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'driverName',
+    label: '计划装车人',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'scanUser',
+    label: '实际装车人',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'signingTime',
+    label: '签收扫描时间',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+]);
+// 库存品列表
+const menuData3 = ref([
+  {
+    prop: 'sku',
+    label: 'sku',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'descriptionGoods',
+    label: '物料名称',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'cargoNumber',
+    label: '物料编号',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'cargoNorms',
+    label: '物料规格',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'cargoUnit',
+    label: '物料单位',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'category',
+    label: '品分类',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'reservationNum',
+    label: '计划出库数',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'loadedinNumber',
+    label: '实际出库数',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'loadingStatusName',
+    label: '装车状态',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'signingStatusName',
+    label: '签收状态',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'signUser',
+    label: '签收人',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+]);
+const ElButtonS = ref([
+  // 1.class   按钮样式名(用于切换按钮样式)
+  // 2.space   是否开启按钮文子直接间距(true开启 ,false关闭)
+  // 3.size    按钮尺寸默认小尺寸('large'| 'default'| 'small')
+  // 4.icon    按钮图标
+  // 5.table   按钮名称
+  {
+    class: 'el-btn-view',
+    space: true,
+    size: 'small',
+    icon: 'el-icon-view',
+    table: '查看',
+  },
+  {
+    class: 'el-btn-success',
+    space: true,
+    size: 'small',
+    icon: 'Edit',
+    table: '编辑',
+  },
+  {
+    class: 'el-btn-danger',
+    space: true,
+    size: 'small',
+    icon: 'el-icon-delete',
+    table: '删除',
+  },
+]);
+
+// menuDataB 增值服务公共表头
+
+const menuDataB1 = ref([
+  {
+    prop: 'orderCode',
+    label: '订单自编号',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'materialName',
+    label: '货物名称',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'firsts',
+    label: '一级品',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'second',
+    label: '二级品',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'thirdProduct',
+    label: '二级品',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'orderPackageCode',
+    label: '包条码',
+    type: 5,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'quantity',
+    label: '数量',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'conditions',
+    label: '包条类型',
+    type: 6,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+]);
+
+// 页面初始化需要请求的参数
+const onLoad = () => {
+  menuData.value = menuData1.value; //页面初始化默认显示第一个表格
+  data.value = InitializeTable.value; //默认显示第一个表格数据
+};
+// RouterId.value = route.query.id; //获取当前路由参数ID
+console.log(route.query.id, '当前路由参数');
+// 图片上传必须携带TOKEN
+const headers = computed(() => {
+  return { 'Blade-Auth': 'Bearer ' + getToken() };
+});
+// 图片上传接口
+const doubledCount = computed(() => {
+  return '/api/blade-resource/oss/endpoint/put-file';
+});
+// 新增按钮
+const newlyAdded = val => {
+  dialogBatchDelete.value = true;
+  console.log(val, '触发了新增按钮');
+};
+// 批量删除按钮
+const BatchDelete = val => {
+  console.log(val);
+};
+// 获取基础信息
+editLoading.value = true; //表格开始加载
+getDetail(RouterId.value).then(res => {
+  editLoading.value = false; //表格加载结束
+  console.log(res, '基础信息');
+  // 当前订单状态
+  if (res.data.data.sijiSigningStatus) {
+    active.value = 2; //司机已签收
+  }
+  if (res.data.data.sijiSigningStatus && res.data.data.wenyuanSigningStatus) {
+    active.value = 3; //文员已签收
+  }
+  form.value = res.data.data; //基础信息
+  InitializeTable.value = res.data.data.orderInfo; //表格数据(订单列表)
+  onLoad();
+  // 照片回显分类
+  DoorstepPhoto.value = [];
+  StackingPhoto.value = [];
+  FragilePhotos.value = [];
+  HomePhotos.value = [];
+  SignForPhotos.value = [];
+  const photoTypes = {
+    photo_1: DoorstepPhoto.value,
+    photo_2: StackingPhoto.value,
+    photo_3: FragilePhotos.value,
+    photo_4: HomePhotos.value,
+    photo_5: SignForPhotos.value,
+  };
+
+  if (res.data.data.printVOList) {
+    res.data.data.printVOList.forEach(item => {
+      const { type, name, urlRoute } = item;
+      if (type in photoTypes) {
+        photoTypes[type].push({ name, url: urlRoute });
+      }
+    });
+  }
+});
+const handleRemove = () => {
+  console.log('图片移除事件');
+};
+// 包件列表
+function PackageList() {
+  editLoading.value = true; //表格加载开启
+  data.value = [];
+  signforPackageList(RouterId.value).then(res => {
+    console.log(res.data.data, '包件列表');
+    data.value = res.data.data;
+    editLoading.value = false; //表格加载结束
+  });
+}
+// 库存品列表
+function InventoryList() {
+  editLoading.value = true; //表格加载开启
+  data.value = [];
+  signforInventoryList(RouterId.value).then(res => {
+    console.log(res, '库存品列表');
+    data.value = res.data.data;
+    editLoading.value = false; //表格加载结束
+  });
+}
+//商品信息切换
+const tabClick = val => {
+  switch (val.props.name) {
+    case '0':
+      console.log(data.value, 'datavalue');
+      switchTableFields(menuData1.value);
+      data.value = InitializeTable.value;
+      break;
+    case '1':
+      switchTableFields(menuData2.value);
+      PackageList();
+      break;
+    case '2':
+      switchTableFields(menuData3.value);
+      InventoryList();
+      console.log(menuData.value, '当前表格参数');
+      break;
+    default:
+      break;
+  }
+};
+// 增值服务切换查询函数
+const valueAddedServices = val => {
+  addvalueInfoList({
+    addvalueId: val,
+    signforId: RouterId.value,
+    reservationId: RouterReservationId.value,
+  }).then(res => {
+    editLoading.value = false; //关闭加载效果
+    console.log(res, '增值服务上楼的返回值');
+    if (!res.data.data) {
+      dataAdded.value = [];
+      TabTitle.value[0].value = '暂无数据'; //距离
+      TabTitle.value[1].value = '暂无数据'; //费用
+      TabTitle.value[2].value = '暂无数据'; //楼层
+      TabTitle.value[3].value = '暂无数据'; //件数
+    } else {
+      dataAdded.value = res.data.data.packageEntityList;
+      TabTitle.value[0].value = res.data.data.distance ? res.data.data.distance : '暂无数据'; //距离
+      TabTitle.value[1].value = res.data.data.fee ? res.data.data.fee : '暂无数据'; //费用
+      TabTitle.value[2].value = res.data.data.floolNum ? res.data.data.floolNum : '暂无数据'; //楼层
+      TabTitle.value[3].value = res.data.data.num ? res.data.data.num : '暂无数据'; //件数
+    }
+  });
+};
+const ServiceChange = val => {
+  console.log(val, '增值服务点击');
+};
+// 增值服务信息tab切换
+const tabClickB = val => {
+  console.log(val, 'val当前信息');
+
+  editLoading.value = true; //开启加载效果
+  TabIndex.value = val.props.name;
+  if (val.props.name == 0) {
+    menuDataB.value = menuDataB1.value;
+    valueAddedServices(1);
+  }
+  if (val.props.name == 1) {
+    menuDataB.value = menuDataB1.value;
+    valueAddedServices(2);
+  }
+  if (val.props.name == 2) {
+    menuDataB.value = menuDataB1.value;
+    valueAddedServices(3);
+  }
+  if (val.props.name == 3) {
+    menuDataB.value = menuDataB1.value;
+    valueAddedServices(4);
+  }
+  if (val.props.name == 4) {
+    menuDataB.value = menuDataB1.value;
+    valueAddedServices(5);
+  }
+  if (val.props.name == 5) {
+    menuDataB.value = menuDataB1.value;
+    valueAddedServices(6);
+  }
+};
+//商品信息切换
+const switchTableFields = fields => {
+  menuData.value = fields; //切换表格展示字段
+};
+// 表格全选功能触发
+const selectAll = val => {
+  console.log(val);
+};
+// 表格单个选中触发事件
+const selectChange = (selection, row) => {
+  // 1.selection 选中的数组
+  // 2.row 选中的当前行
+  console.log(selection);
+};
+// 每页多少条触发
+const PageSizeChange = val => {
+  console.log('每一页', val, '条');
+};
+// 页码翻页触发
+const SizeChange = val => {
+  console.log('当前是第', val, '页');
+};
+// 上门照图片上传成功
+const ImgSuccessA = (response, uploadFile) => {
+  if (response.success == true) {
+    console.log(response, '上门图片上传成功');
+    DoorstepPhoto.value[DoorstepPhoto.value.length - 1].url = response.data.link;
+  }
+};
+// 堆门图片上传成功
+const ImgSuccessB = (response, uploadFile) => {
+  if (response.success == true) {
+    console.log(response, '堆门图片上传成功');
+    StackingPhoto.value[StackingPhoto.value.length - 1].url = response.data.link;
+  }
+};
+// 易碎图片上传成功
+const ImgSuccessC = (response, uploadFile) => {
+  if (response.success == true) {
+    console.log(response, '易碎图片上传成功');
+    FragilePhotos.value[FragilePhotos.value.length - 1].url = response.data.link;
+  }
+};
+// 家配图片上传成功
+const ImgSuccessD = (response, uploadFile) => {
+  if (response.success == true) {
+    console.log(response, '家配图片上传成功');
+    HomePhotos.value[HomePhotos.value.length - 1].url = response.data.link;
+  }
+};
+// 签收图片上传成功
+const ImgSuccessE = (response, uploadFile) => {
+  if (response.success == true) {
+    console.log(response, '签收图片上传成功');
+    SignForPhotos.value[SignForPhotos.value.length - 1].url = response.data.link;
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.el-card {
+  .el-card__header {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    .el-steps {
+      width: 100%;
+      margin-top: 25px;
+    }
+  }
+
+  .card-header {
+    font-size: 18px;
+    font-weight: 500;
+  }
+  :deep(.el-divider__text) {
+    font-weight: bold;
+    font-size: 16px;
+  }
+  .Basic-information {
+    display: flex;
+    justify-content: flex-start;
+    margin-bottom: 50px;
+    flex-wrap: wrap;
+  }
+  .el-txt:first-of-type {
+    /* 样式 */
+    // margin-top: 0;
+  }
+  .el-txt {
+    min-width: 280px;
+    margin-right: 1%;
+    display: flex;
+    align-items: center;
+    i {
+      margin-right: 5px;
+    }
+    .title-name {
+      min-width: 120px;
+      font-weight: 500;
+    }
+    .el-cont {
+      font-weight: 400;
+      padding: 0 10px;
+    }
+  }
+  .notes {
+    width: 100%;
+    margin-top: 30px;
+    margin-right: 0;
+  }
+  .title-notes {
+    width: 90px;
+  }
+  .el-positioning {
+    margin-left: auto;
+    width: 59%;
+  }
+  .FImg {
+    display: flex;
+  }
+  .imgName {
+    width: 30%;
+    span {
+      font-size: 16px;
+      position: relative;
+      font-weight: 500;
+      color: #958d8d;
+      display: inline-block;
+      border: 1px solid #ccc;
+      padding: 0 10px;
+      border-radius: 4px;
+      margin-bottom: 2px;
+      display: flex;
+      align-items: center;
+      width: fit-content;
+    }
+  }
+}
+:deep(.el-dialog__body) {
+  img {
+    width: 100%;
+  }
+}
+.tab-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 10px;
+  span {
+    display: flex;
+    align-items: center;
+  }
+}
+</style>
diff --git a/src/views/distribution/signfor/distributionSignforedt.vue b/src/views/distribution/signfor/distributionSignforedt.vue
index b825295c..5197092d 100644
--- a/src/views/distribution/signfor/distributionSignforedt.vue
+++ b/src/views/distribution/signfor/distributionSignforedt.vue
@@ -1,1739 +1,2299 @@
 <template>
-  <el-card class="box-card">
-    <template #header>
-      <div class="card-header">
-        <span>当前签收单状态</span>
-      </div>
-      <el-steps :active="1" finish-status="success">
-        <el-step title="待签收" />
-        <el-step title="司机签收" />
-        <el-step title="文员审核" />
-      </el-steps>
-    </template>
+  <basic-container>
+    <div class="avue-crud">
+      <el-row :gutter="24" class="rows">
+        <el-col :xl="7" :lg="7" :md="8" :sm="24">
+          <span style="padding-left: 10%"
+            >当前签收单状态>>>>>>>>> {{ signfordata.signingStatusAll }}</span
+          >
+        </el-col>
+      </el-row>
+      <el-divider>基本信息</el-divider>
+      <el-row :gutter="24" class="rows">
+        <el-col :xl="5" :lg="7" :md="8" :sm="24">
+          <span>预约单号：{{ signfordata.reservationCode }} </span>
+        </el-col>
+        <el-col :xl="5" :lg="7" :md="8" :sm="24">
+          <span>商场名称：{{ signfordata.mallName }} </span>
+        </el-col>
+        <el-col :xl="5" :lg="7" :md="8" :sm="24">
+          <span>预约时间：{{ signfordata.reservationDate }} </span>
+        </el-col>
+        <!--                <el-col :xl="3" :lg="7" :md="8" :sm="24">-->
+        <!--                    <span>配送车次：{{signfordata.deliveryType}}</span>-->
+        <!--                </el-col>-->
+        <!--                <el-col :xl="3" :lg="7" :md="8" :sm="24">-->
+        <!--                    <span>服务类型：{{signfordata.deliveryType}}</span>-->
+        <!--                </el-col>-->
+      </el-row>
+      <el-divider>配送信息</el-divider>
+      <el-row :gutter="24" class="rows">
+        <el-col :xl="5" :lg="7" :md="8" :sm="24">
+          <span>配送车次：{{ signfordata.trainNumber }} </span>
+        </el-col>
+        <el-col :xl="5" :lg="7" :md="8" :sm="24">
+          <span>配送司机：{{ signfordata.driverName }} </span>
+        </el-col>
+        <el-col :xl="4" :lg="7" :md="8" :sm="24">
+          <span>配送车辆：{{ signfordata.vehicleName }} </span>
+        </el-col>
+        <el-col :xl="5" :lg="7" :md="8" :sm="24">
+          <span>装车班组：{{ signfordata.loadingTeamName }} </span>
+        </el-col>
+        <el-col :xl="5" :lg="7" :md="8" :sm="24">
+          <span>卸车班组：{{ signfordata.unLoadingTeamName }} </span>
+        </el-col>
+        <!--                <el-col :xl="3" :lg="7" :md="8" :sm="24">-->
+        <!--                    <span>配送车次：{{signfordata.deliveryType}}</span>-->
+        <!--                </el-col>-->
+        <!--                <el-col :xl="3" :lg="7" :md="8" :sm="24">-->
+        <!--                    <span>服务类型：{{signfordata.deliveryType}}</span>-->
+        <!--                </el-col>-->
+      </el-row>
+      <el-divider>收货人信息</el-divider>
+      <el-row :gutter="24" class="rows">
+        <el-col :xl="7" :lg="7" :md="10" :sm="24">
+          <span>收货人：{{ signfordata.consignee }} </span>
+        </el-col>
+        <el-col :xl="7" :lg="7" :md="10" :sm="24">
+          <span>手机号码：{{ signfordata.deliveryPhone }} </span>
+        </el-col>
+        <el-col :xl="7" :lg="7" :md="10" :sm="24">
+          <span>收货地址：{{ signfordata.deliveryAddress }} </span>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24" class="rows">
+        <el-col :xl="7" :lg="7" :md="10" :sm="24">
+          <span>是否加急：{{ signfordata.isUrgent }} </span>
+        </el-col>
+        <el-col :xl="7" :lg="7" :md="10" :sm="24">
+          <span>客户备注：{{ signfordata.remarks }} </span>
+        </el-col>
+      </el-row>
+      <!--      <el-dialog v-model="fbox" title="增值服务" width="30%">-->
+      <!--        &lt;!&ndash;                :before-close="handleClose"&ndash;&gt;-->
+      <!--        <el-form-item label="增值服务" prop="freightMark">-->
+      <!--          <el-checkbox-group v-model="form.addvalueType" @change="handleCheckedCitiesChange">-->
+      <!--            <el-checkbox-->
+      <!--              style="width: 100%; margin-bottom: 3%"-->
+      <!--              :disabled="true"-->
+      <!--              v-for="(item, index) in addvalueServeTypeData"-->
+      <!--              :key="item.dictKey"-->
+      <!--              :label="item.dictKey"-->
+      <!--              >{{ item.dictValue }}-->
+      <!--              <span v-if="index === 0 || index === 6 || index === 2 || index === 4"-->
+      <!--                >&nbsp;件数:-->
+      <!--                <el-input-->
+      <!--                  v-model="item.f"-->
+      <!--                  :disabled="true"-->
+      <!--                  style="width: 10%; border: none; border-bottom: 2px solid #eee"-->
+      <!--                />-->
+      <!--              </span>-->
+      <!--              <span v-if="index === 1"-->
+      <!--                >公里:-->
+      <!--                <el-input-->
+      <!--                  v-model="item.a"-->
+      <!--                  :disabled="true"-->
+      <!--                  style="width: 10%; border: none; border-bottom: 2px solid #eee"-->
+      <!--                />-->
+      <!--              </span>-->
+      <!--              <span v-if="index === 3"-->
+      <!--                >距离:-->
+      <!--                <el-input-->
+      <!--                  v-model="item.b"-->
+      <!--                  :disabled="true"-->
+      <!--                  style="width: 10%; border: none; border-bottom: 2px solid #eee"-->
+      <!--                />-->
+      <!--              </span>-->
+      <!--              <span v-if="index === 5"-->
+      <!--                >人数:-->
+      <!--                <el-input-->
+      <!--                  v-model="item.c"-->
+      <!--                  :disabled="true"-->
+      <!--                  style="width: 10%; border: none; border-bottom: 2px solid #eee"-->
+      <!--                />-->
+      <!--              </span>-->
+      <!--              <span v-if="index === 0"-->
+      <!--                >楼层:-->
+      <!--                <el-input-->
+      <!--                  v-model="item.d"-->
+      <!--                  :disabled="true"-->
+      <!--                  style="width: 10%; border: none; border-bottom: 2px solid #eee"-->
+      <!--                />-->
+      <!--              </span>-->
+      <!--              <span v-if="item"-->
+      <!--                >预计费用:-->
+      <!--                <el-input-->
+      <!--                  v-model="item.e"-->
+      <!--                  :disabled="true"-->
+      <!--                  style="width: 20%; border: none; border-bottom: 2px solid #eee"-->
+      <!--                />-->
+      <!--              </span>-->
+      <!--            </el-checkbox>-->
+      <!--          </el-checkbox-group>-->
+      <!--        </el-form-item>-->
+      <!--        <template #footer>-->
+      <!--          <span class="dialog-footer">-->
+      <!--            <el-button @click="dialogVisible = false">关闭</el-button>-->
+      <!--            &lt;!&ndash;        <el-button type="primary" @click="dialogVisible = false">&ndash;&gt;-->
+      <!--            &lt;!&ndash;          确定(增值服务)&ndash;&gt;-->
+      <!--            &lt;!&ndash;        </el-button>&ndash;&gt;-->
+      <!--          </span>-->
+      <!--        </template>-->
+      <!--      </el-dialog>-->
 
-    <!-- 基础信息 -->
-    <el-divider content-position="left"> 基本信息</el-divider>
-    <div class="Basic-information">
-      <div class="el-txt">
-        <el-icon><List /></el-icon>
-        <span class="title-name">预约单号:</span>
-        <el-tooltip
-          :content="form.reservationCode ? form.reservationCode : '暂无商场名称'"
-          placement="top"
-        >
-          <el-input v-model="form.reservationCode" disabled placeholder="预约单号" />
-        </el-tooltip>
-      </div>
-      <div class="el-txt">
-        <el-icon><School /></el-icon>
-        <span class="title-name">商场名称:</span>
-        <el-tooltip :content="form.mallName ? form.mallName : '暂无商场名称'" placement="top">
-          <el-input v-model="form.mallName" disabled placeholder="商场名称" />
-        </el-tooltip>
-      </div>
-      <div class="el-txt">
-        <el-icon><Calendar /></el-icon>
-        <span class="title-name"> 预约时间:</span>
-        <el-tooltip
-          :content="form.reservationDate ? form.reservationDate : '暂无预约时间'"
-          placement="top"
-        >
-          <el-input v-model="form.reservationDate" disabled placeholder="预约时间" />
-        </el-tooltip>
-      </div>
-    </div>
+      <!--      <el-dialog :title="title"-->
+      <!--                 v-model="fbox"-->
+      <!--                 width="50%"-->
+      <!--                 :before-close="beforeClose"-->
+      <!--                 append-to-body>-->
+      <!--      <div class="topbox">-->
+      <!--        <div class="titlxbx">-->
+      <!--          <div>-->
+      <!--            <div>上楼</div>-->
+      <!--            <div>2178501088045989849</div>-->
+      <!--          </div>-->
+      <!--          <div>-->
+      <!--            <div>货物件数：</div>-->
+      <!--            <div>预估费用：500.00</div>-->
+      <!--          </div>-->
+      <!--        </div>-->
+      <!--        <div class="titlxbx">-->
+      <!--          <div>-->
+      <!--            <div>超区</div>-->
+      <!--            <div>超区公里：10KM</div>-->
+      <!--          </div>-->
+      <!--          <div>-->
+      <!--            <div></div>-->
+      <!--            <div>预估费用：500.00</div>-->
+      <!--          </div>-->
+      <!--        </div>-->
+      <!--        <div class="titlxbx">-->
+      <!--          <div>-->
+      <!--            <div>拆样</div>-->
+      <!--            <div>货物件数：10件</div>-->
+      <!--          </div>-->
+      <!--          <div>-->
+      <!--            <div></div>-->
+      <!--            <div>预估费用：500.00</div>-->
+      <!--          </div>-->
+      <!--        </div>-->
+      <!--        <div class="titlxbx">-->
+      <!--          <div>-->
+      <!--            <div>返货</div>-->
+      <!--            <div>货物件数：10件</div>-->
+      <!--          </div>-->
+      <!--          <div>-->
+      <!--            <div></div>-->
+      <!--            <div>预估费用：500.00</div>-->
+      <!--          </div>-->
+      <!--        </div>-->
+      <!--        <div class="titlxbx">-->
+      <!--          <div>-->
+      <!--            <div>搬运</div>-->
+      <!--            <div>人员：张三，李四</div>-->
+      <!--          </div>-->
+      <!--          <div>-->
+      <!--            <div></div>-->
+      <!--            <div></div>-->
+      <!--          </div>-->
+      <!--        </div>-->
 
-    <!-- 配送信息 -->
-    <el-divider content-position="left">配送信息</el-divider>
-    <div class="Basic-information">
-      <div class="el-txt">
-        <el-icon><Van /></el-icon>
-        <span class="title-name">配送车次:</span>
-        <el-tooltip :content="form.trainNumber ? form.trainNumber : '暂无司机姓名'" placement="top">
-          <el-input v-model="form.trainNumber" disabled placeholder="配送车次" />
-        </el-tooltip>
-      </div>
-      <div class="el-txt">
-        <el-icon><User /></el-icon>
-        <span class="title-name">司机姓名:</span>
-        <el-tooltip :content="form.driverName ? form.driverName : '暂无司机姓名'" placement="top">
-          <el-input v-model="form.driverName" disabled placeholder="司机姓名" />
-        </el-tooltip>
-      </div>
-      <div class="el-txt">
-        <el-icon><Postcard /></el-icon>
-        <span class="title-name"> 车辆牌照:</span>
-        <el-tooltip :content="form.vehicleName ? form.vehicleName : '暂无车辆牌照'" placement="top">
-          <el-input v-model="form.vehicleName" disabled placeholder="车辆牌照" />
-        </el-tooltip>
-      </div>
-      <div class="el-txt">
-        <el-icon><Van /></el-icon>
-        <span class="title-name"> 装车班组:</span>
-        <el-tooltip
-          :content="form.loadingTeamName ? form.loadingTeamName : '暂无装车班组'"
-          placement="top"
-        >
-          <el-input v-model="form.loadingTeamName" disabled placeholder="装车班组" />
-        </el-tooltip>
-      </div>
-      <div class="el-txt" style="margin-top: 20px">
-        <el-icon><Van /></el-icon>
-        <span class="title-name"> 卸车班组:</span>
-        <el-tooltip
-          :content="form.unLoadingTeamName ? form.unLoadingTeamName : '暂无卸车班组'"
-          placement="top"
-        >
-          <el-input v-model="form.unLoadingTeamName" disabled placeholder="卸车班组" />
-        </el-tooltip>
-      </div>
-    </div>
+      <!--        <div class="titlxbx">-->
+      <!--          <div>-->
+      <!--            <div>返货</div>-->
+      <!--            <div>货物件数：10件</div>-->
+      <!--          </div>-->
+      <!--          <div>-->
+      <!--            <div></div>-->
+      <!--            <div>预估费用：500.00</div>-->
+      <!--          </div>-->
+      <!--        </div>-->
 
-    <!-- 收货人信息 -->
-    <el-divider content-position="left">收货人信息</el-divider>
-    <div class="Basic-information">
-      <div class="el-txt">
-        <el-icon><User /></el-icon>
-        <span class="title-name">收货人姓名:</span>
-        <el-tooltip :content="form.consignee ? form.consignee : '暂无收货人姓名'" placement="top">
-          <el-input v-model="form.consignee" disabled placeholder="收货人姓名" />
-        </el-tooltip>
-      </div>
-      <div class="el-txt">
-        <el-icon><User /></el-icon>
-        <span class="title-name">收货人号码:</span>
-        <el-tooltip
-          :content="form.deliveryPhone ? form.deliveryPhone : '暂无收货人号码'"
-          placement="top"
-        >
-          <el-input v-model="form.deliveryPhone" disabled placeholder="收货人号码" />
-        </el-tooltip>
-      </div>
-      <div class="el-txt">
-        <el-icon><Postcard /></el-icon>
-        <span class="title-name"> 收货人地址:</span>
-        <el-tooltip
-          :content="form.deliveryAddress ? form.deliveryAddress : '暂无收货人地址'"
-          placement="top"
-        >
-          <el-input v-model="form.deliveryAddress" disabled placeholder="收货人地址" />
-        </el-tooltip>
-      </div>
-      <div class="el-txt">
-        <el-icon><Van /></el-icon>
-        <span class="title-name"> 是否加急:</span>
-        <el-tooltip :content="form.isUrgent ? form.isUrgent : '暂无加急信息'" placement="top">
-          <el-input v-model="form.isUrgent" disabled placeholder="是否加急" />
-        </el-tooltip>
-      </div>
-      <div class="el-txt notes">
-        <el-icon><Edit /></el-icon>
-        <span class="title-name title-notes"> 客户备注:</span>
-        <el-tooltip :content="form.remarks ? form.remarks : '暂无备注信息'" placement="top">
-          <el-input v-model="form.remarks" disabled placeholder="客户备注" />
-        </el-tooltip>
-      </div>
-    </div>
-    <!-- 签收信息 -->
-    <el-divider content-position="left">签收信息</el-divider>
-    <div class="Basic-information">
-      <div class="el-txt">
-        <el-icon><Star /></el-icon>
-        <span class="title-name">签收类型:</span>
-        <el-radio-group v-model="form.signingType">
-          <el-radio label="1" size="large" border>签收</el-radio>
-          <el-radio label="2" size="large" border>待签收</el-radio>
-        </el-radio-group>
-      </div>
-      <div class="el-txt el-positioning">
-        <el-icon><LocationInformation /></el-icon>
-        <span class="title-name">定位打卡:</span>
-        <el-tooltip
-          :content="form.positioningAdr ? form.positioningAdr : '暂无定位打卡'"
-          placement="top"
-        >
-          <el-input
-            class="positioning"
-            v-model="form.positioningAdr"
-            disabled
-            placeholder="定位打卡位置"
-          />
-        </el-tooltip>
-      </div>
-    </div>
+      <!--        <div class="titlxbx">-->
+      <!--          <div>-->
+      <!--            <div>到付运费</div>-->
+      <!--            <div></div>-->
+      <!--          </div>-->
+      <!--          <div>-->
+      <!--            <div></div>-->
+      <!--            <div>费用：500.00</div>-->
+      <!--          </div>-->
+      <!--        </div>-->
+      <!--        <div class="titlxbx">-->
+      <!--          <div>-->
+      <!--            <div>代收货款</div>-->
+      <!--            <div></div>-->
+      <!--          </div>-->
+      <!--          <div>-->
+      <!--            <div></div>-->
+      <!--            <div>费用：500.00</div>-->
+      <!--          </div>-->
+      <!--        </div>-->
+      <!--      </div>-->
+      <!--      </el-dialog>-->
 
-    <div class="FImg">
-      <div class="imgName">
-        <span
-          ><el-icon><PictureFilled /></el-icon>上门照</span
-        >
-        <!-- DoorstepPhoto -->
-        <el-upload
-          v-model:file-list="DoorstepPhoto"
-          :action="doubledCount"
-          list-type="picture-card"
-          :on-preview="EnlargeTheTmageA"
-          :on-remove="handleRemove"
-          :on-success="ImgSuccessA"
-          :headers="headers"
-          disabled
-        >
-          <el-icon><Plus /></el-icon>
-        </el-upload>
-        <el-dialog v-model="dialogVisibleA">
-          <img w-full :src="dialogImageUrlA" alt="IMG" />
-        </el-dialog>
-      </div>
+      <el-divider>签收信息</el-divider>
+      <avue-form :option="signoption" v-model="signfordata" :data="signdata" ref="signform">
+      </avue-form>
+      <el-divider>配送信息</el-divider>
+      <el-tabs type="border-card" v-model="activeTab" @tab-click="handleTabClick">
+        <el-tab-pane label="订 单 列 表" name="tab1">
+          <!-- 列表模块 -->
+          <el-table
+            ref="table"
+            v-loading="loading"
+            @selection-change="selectionChange"
+            :data="orderData"
+            :height="height"
+            style="width: 100%"
+            :border="ordoption.border"
+          >
+            <!--                        align="center"-->
+            <el-table-column type="expand" v-if="ordoption.expand"></el-table-column>
+            <template v-for="(item, index) in ordoption.column">
+              <!-- table字段 -->
+              <el-table-column
+                v-if="item.hide !== true"
+                :prop="item.prop"
+                :label="item.label"
+                :show-overflow-tooltip="true"
+                :width="item.width"
+                :key="index"
+              >
+                <!--                                                                             :align="center"
+                -->
+              </el-table-column>
+            </template>
+            <!--            <el-table-column prop="menu" label="操作" :width="250">-->
+            <!--              <template #="{row}">-->
+            <!--                <el-button type="primary" text icon="el-icon-view" @click="handleView(row)">查 看-->
+            <!--                </el-button>-->
+            <!--              </template>-->
+            <!--            </el-table-column>-->
+          </el-table>
+        </el-tab-pane>
+        <el-tab-pane label="包 件 列 表" name="tab2">
+          <!-- 列表模块 -->
+          <el-table
+            ref="table"
+            v-loading="loading"
+            @selection-change="selectionChange"
+            :data="packageData"
+            :height="height"
+            style="width: 100%"
+            :border="wrapoption.border"
+          >
+            <!--                        align="center"-->center
 
-      <div class="imgName">
-        <span
-          ><el-icon><PictureFilled /></el-icon>堆码照</span
-        >
-        <!-- StackingPhoto -->
-        <el-upload
-          v-model:file-list="StackingPhoto"
-          :action="doubledCount"
-          list-type="picture-card"
-          :on-preview="EnlargeTheTmageB"
-          :on-remove="handleRemove"
-          :on-success="ImgSuccessB"
-          :headers="headers"
-          disabled
-        >
-          <el-icon><Plus /></el-icon>
-        </el-upload>
-        <el-dialog v-model="dialogVisibleB">
-          <div class="tc-img">
-            <img w-full :src="dialogImageUrlB" alt="IMG" />
-          </div>
-        </el-dialog>
-      </div>
+            <el-table-column type="expand" v-if="wrapoption.expand"></el-table-column>
+            <template v-for="(item, index) in wrapoption.column">
+              <!-- table字段 -->
+              <el-table-column
+                v-if="item.hide !== true"
+                :prop="item.prop"
+                :label="item.label"
+                :show-overflow-tooltip="true"
+                :width="item.width"
+                :key="index"
+              >
+                <!--                                :align="center"-->
+              </el-table-column>
+            </template>
+          </el-table>
+        </el-tab-pane>
+        <el-tab-pane label="库 存 品 列 表" name="tab3">
+          <!-- 列表模块 -->
+          <el-table
+            ref="table"
+            v-loading="loading"
+            @selection-change="selectionChange"
+            :data="inventoryData"
+            :height="height"
+            style="width: 100%"
+            :border="inventory.border"
+          >
+            <!--                        align="center"-->center
 
-      <div class="imgName">
-        <span
-          ><el-icon><PictureFilled /></el-icon>易碎照</span
-        >
-        <!-- FragilePhotos -->
-        <el-upload
-          v-model:file-list="FragilePhotos"
-          :action="doubledCount"
-          list-type="picture-card"
-          :on-preview="EnlargeTheTmageC"
-          :on-remove="handleRemove"
-          :on-success="ImgSuccessC"
-          :headers="headers"
-          disabled
-        >
-          <el-icon><Plus /></el-icon>
-        </el-upload>
-        <el-dialog v-model="dialogVisibleC">
-          <img w-full :src="dialogImageUrlC" alt="IMG" />
-        </el-dialog>
-      </div>
+            <el-table-column type="expand" v-if="inventory.expand"></el-table-column>
+            <template v-for="(item, index) in inventory.column">
+              <!-- table字段 -->
+              <el-table-column
+                v-if="item.hide !== true"
+                :prop="item.prop"
+                :label="item.label"
+                :show-overflow-tooltip="true"
+                :width="item.width"
+                :key="index"
+              >
+                <!--                                :align="center"-->
+              </el-table-column>
+            </template>
+            <!--              <el-table-column prop="menu" label="操作" :width="220" align="center">-->
+            <!--                <template #="{row}">-->
+            <!--                  <el-button type="primary" text icon="el-icon-view" @click="handleInventoryView(row)">查看详情</el-button>-->
+            <!--                </template>-->
+            <!--              </el-table-column>-->
+          </el-table>
+        </el-tab-pane>
+      </el-tabs>
 
-      <div class="imgName">
-        <span
-          ><el-icon><PictureFilled /></el-icon>家配照</span
-        >
-        <!-- HomePhotos -->
-        <el-upload
-          v-model:file-list="HomePhotos"
-          :action="doubledCount"
-          list-type="picture-card"
-          :on-preview="EnlargeTheTmageD"
-          :on-remove="handleRemove"
-          :on-success="ImgSuccessD"
-          :headers="headers"
-          disabled
-        >
-          <el-icon><Plus /></el-icon>
-        </el-upload>
-        <el-dialog v-model="dialogVisibleD">
-          <img w-full :src="dialogImageUrlD" alt="IMG" />
-        </el-dialog>
-      </div>
+      <el-divider><h5>增值服务信息</h5></el-divider>
+      <el-tabs type="border-card" v-model="activeTab" @tab-click="handleAddvalueTabClick">
+        <el-tab-pane label="上&emsp;楼" name="tabs1">
+          <!-- 列表模块 -->
+          <el-row :gutter="24" class="rows">
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>楼层:{{ addvalueinfo.floolNum }} 层</span>
+            </el-col>
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>件数：{{ addvalueinfo.num }} 件</span>
+            </el-col>
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>费用：{{ addvalueinfo.fee }} ￥</span>
+            </el-col>
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>操作人：{{ addvalueinfo.createUser }} </span>
+            </el-col>
+          </el-row>
+          <el-table
+            ref="table"
+            v-loading="loading"
+            @selection-change="selectionChange"
+            :data="addvalueData"
+            :height="height"
+            style="width: 100%"
+            :border="addvalueOption.border"
+          >
+            <!--                        align="center"-->
+            <el-table-column type="expand" v-if="addvalueOption.expand"></el-table-column>
+            <template v-for="(item, index) in addvalueOption.column">
+              <!-- table字段 -->
+              <el-table-column
+                v-if="item.hide !== true"
+                :prop="item.prop"
+                :label="item.label"
+                :show-overflow-tooltip="true"
+                :width="item.width"
+                :key="index"
+              >
+                <!--                                                                             :align="center"
+                -->
+              </el-table-column>
+            </template>
+            <!--            <el-table-column prop="menu" label="操作" :width="250">-->
+            <!--              <template #="{row}">-->
+            <!--                <el-button type="primary" text icon="el-icon-view" @click="handleView(row)">查 看-->
+            <!--                </el-button>-->
+            <!--              </template>-->
+            <!--            </el-table-column>-->
+          </el-table>
+        </el-tab-pane>
+        <el-tab-pane label="超&emsp;区" name="tabs2">
+          <!-- 列表模块 -->
+          <el-row :gutter="24" class="rows">
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>公里数:{{ addvalueinfo.distance }}公里 </span>
+            </el-col>
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>件数:{{ addvalueinfo.num }} 件</span>
+            </el-col>
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>费用：{{ addvalueinfo.fee }} ￥</span>
+            </el-col>
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>操作人：{{ addvalueinfo.createUser }} </span>
+            </el-col>
+          </el-row>
+          <el-table
+            ref="table"
+            v-loading="loading"
+            @selection-change="selectionChange"
+            :data="addvalueData"
+            :height="height"
+            style="width: 100%"
+            :border="addvalueOption.border"
+          >
+            <!--                        align="center"-->center
 
-      <div class="imgName">
-        <span
-          ><el-icon><PictureFilled /></el-icon>签收照</span
-        >
-        <!-- SignForPhotos  -->
-        <el-upload
-          v-model:file-list="SignForPhotos"
-          :action="doubledCount"
-          list-type="picture-card"
-          :on-preview="EnlargeTheTmageE"
-          :on-remove="handleRemove"
-          :on-success="ImgSuccessE"
-          :headers="headers"
-          disabled
-        >
-          <el-icon><Plus /></el-icon>
-        </el-upload>
-        <el-dialog v-model="dialogVisibleE">
-          <img w-full :src="dialogImageUrlE" alt="IMG" />
-        </el-dialog>
-      </div>
-    </div>
-    <!-- 签收信息 -->
+            <el-table-column type="expand" v-if="addvalueOption.expand"></el-table-column>
+            <template v-for="(item, index) in addvalueOption.column">
+              <!-- table字段 -->
+              <el-table-column
+                v-if="item.hide !== true"
+                :prop="item.prop"
+                :label="item.label"
+                :show-overflow-tooltip="true"
+                :width="item.width"
+                :key="index"
+              >
+                <!--                                :align="center"-->
+              </el-table-column>
+            </template>
+          </el-table>
+        </el-tab-pane>
+        <el-tab-pane label="平&emsp;移" name="tabs3">
+          <!-- 列表模块 -->
+          <el-row :gutter="24" class="rows">
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>距离:{{ addvalueinfo.distance }}米 </span>
+            </el-col>
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>件数:{{ addvalueinfo.num }} 件</span>
+            </el-col>
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>费用：{{ addvalueinfo.fee }} ￥</span>
+            </el-col>
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>操作人：{{ addvalueinfo.deliveryAddress }} </span>
+            </el-col>
+          </el-row>
+          <el-table
+            ref="table"
+            v-loading="loading"
+            @selection-change="selectionChange"
+            :data="addvalueData"
+            :height="height"
+            style="width: 100%"
+            :border="addvalueOption.border"
+          >
+            <!--                        align="center"-->center
+
+            <el-table-column type="expand" v-if="addvalueOption.expand"></el-table-column>
+            <template v-for="(item, index) in addvalueOption.column">
+              <!-- table字段 -->
+              <el-table-column
+                v-if="item.hide !== true"
+                :prop="item.prop"
+                :label="item.label"
+                :show-overflow-tooltip="true"
+                :width="item.width"
+                :key="index"
+              >
+                <!--                                :align="center"-->
+              </el-table-column>
+            </template>
+          </el-table>
+        </el-tab-pane>
+        <el-tab-pane label="搬&emsp;运" name="tabs4">
+          <!-- 列表模块 -->
+          <el-row :gutter="24" class="rows">
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>班组:{{ addvalueinfo.consignee }} </span>
+            </el-col>
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>件数:{{ addvalueinfo.num }} </span>
+            </el-col>
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>费用：{{ addvalueinfo.fee }} </span>
+            </el-col>
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>操作人：{{ addvalueinfo.deliveryAddress }} </span>
+            </el-col>
+          </el-row>
+          <el-table
+            ref="table"
+            v-loading="loading"
+            @selection-change="selectionChange"
+            :data="addvalueData"
+            :height="height"
+            style="width: 100%"
+            :border="addvalueOption.border"
+          >
+            <!--                        align="center"-->center
 
-    <el-collapse v-model="activeNames" style="margin-top: 10px">
-      <el-collapse-item title="商品信息" name="1">
-        <el-tabs
-          v-loading="editLoading"
-          element-loading-text="数据正在更新中..."
-          type="border-card"
-          @tab-click="tabClick"
-        >
-          <template v-for="item in Tabs" :key="item.name">
-            <el-tab-pane :label="item.label" :name="item.name">
-              <div class="el-Cart">
-                <!-- 表格列开始 -->
-                <el-table
-                  :data="data"
-                  row-key="name"
-                  border
-                  height="500"
-                  style="width: 100%"
-                  ref="tableRef"
-                  @select-all="selectAll"
-                  @select="selectChange"
-                >
-                  <el-table-column type="selection" width="55" fixed />
-                  <el-table-column
-                    type="index"
-                    fixed
-                    width="50"
-                    height="100"
-                    label="#"
-                    align="center"
-                  />
+            <el-table-column type="expand" v-if="addvalueOption.expand"></el-table-column>
+            <template v-for="(item, index) in addvalueOption.column">
+              <!-- table字段 -->
+              <el-table-column
+                v-if="item.hide !== true"
+                :prop="item.prop"
+                :label="item.label"
+                :show-overflow-tooltip="true"
+                :width="item.width"
+                :key="index"
+              >
+                <!--                                :align="center"-->
+              </el-table-column>
+            </template>
+          </el-table>
+        </el-tab-pane>
+        <el-tab-pane label="分&emsp;拣" name="tabs5">
+          <!-- 列表模块 -->
+          <el-row :gutter="24" class="rows">
+            <!--             <el-col :xl="6" :lg="7" :md="10" :sm="24" >-->
+            <!--               <span>距离:{{signfordata.consignee}} </span>-->
+            <!--             </el-col>-->
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>件数:{{ addvalueinfo.num }} 件</span>
+            </el-col>
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>费用：{{ addvalueinfo.fee }} ￥</span>
+            </el-col>
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>操作人：{{ addvalueinfo.deliveryAddress }} </span>
+            </el-col>
+          </el-row>
+          <el-table
+            ref="table"
+            v-loading="loading"
+            @selection-change="selectionChange"
+            :data="addvalueData"
+            :height="height"
+            style="width: 100%"
+            :border="addvalueOption.border"
+          >
+            <!--                        align="center"-->center
 
-                  <!-- 
-            Type ===1 普通文本
-            Type ===2 图片显示
-            Type ===3 操作功能
-            label:    标题
-            width:    宽度
-            prop:     数据字段
-           -->
-                  <el-table-column
-                    :prop="item.prop"
-                    :label="item.label"
-                    :width="item.width"
-                    :fixed="item.fixed"
-                    align="center"
-                    v-for="(item, index) in menuData"
-                    :key="item.label"
-                  >
-                    <template #default="props">
-                      <img :src="props.row[item.prop]" class="el-Img" v-if="item.type === 2" />
-                      <!-- <div :class="ElBtnClass" v-if="item.type === 3">
-                    <el-button
-                      :link="ElButtonS[0].link"
-                      :class="ElButtonS[0].class"
-                      :auto-insert-space="ElButtonS[0].space"
-                      :size="ElButtonS[0].size"
-                      :icon="ElButtonS[0].icon"
-                      @click="DeleteEvent(scope.row)"
-                      >删除</el-button
-                    >
-                    <el-button
-                      :link="ElButtonS[1].link"
-                      :class="ElButtonS[1].class"
-                      :auto-insert-space="ElButtonS[1].space"
-                      :size="ElButtonS[1].size"
-                      :icon="ElButtonS[1].icon"
-                      @click="EditEvent(scope.row)"
-                      >编辑</el-button
-                    >
-                    <el-button
-                      :link="ElButtonS[2].link"
-                      :class="ElButtonS[2].class"
-                      :auto-insert-space="ElButtonS[2].space"
-                      :size="ElButtonS[2].size"
-                      :icon="ElButtonS[2].icon"
-                      @click="ViewEvent(scope.row)"
-                      >查看</el-button
-                    >
-                  </div> -->
-                      <span v-else>{{ props.row[item.prop] ? props.row[item.prop] : '/' }}</span>
-                    </template>
-                  </el-table-column>
+            <el-table-column type="expand" v-if="addvalueOption.expand"></el-table-column>
+            <template v-for="(item, index) in addvalueOption.column">
+              <!-- table字段 -->
+              <el-table-column
+                v-if="item.hide !== true"
+                :prop="item.prop"
+                :label="item.label"
+                :show-overflow-tooltip="true"
+                :width="item.width"
+                :key="index"
+              >
+                <!--                                :align="center"-->
+              </el-table-column>
+            </template>
+          </el-table>
+        </el-tab-pane>
+        <el-tab-pane label="专&emsp;车" name="tabs6">
+          <!-- 列表模块 -->
+          <el-row :gutter="24" class="rows">
+            <!--             <el-col :xl="6" :lg="7" :md="10" :sm="24" >-->
+            <!--               <span>距离:{{signfordata.consignee}} </span>-->
+            <!--             </el-col>-->
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>件数:{{ addvalueinfo.num }} 件</span>
+            </el-col>
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>费用：{{ addvalueinfo.fee }} ￥</span>
+            </el-col>
+            <el-col :xl="6" :lg="7" :md="10" :sm="24">
+              <span>操作人：{{ addvalueinfo.deliveryAddress }} </span>
+            </el-col>
+          </el-row>
+          <el-table
+            ref="table"
+            v-loading="loading"
+            @selection-change="selectionChange"
+            :data="addvalueData"
+            :height="height"
+            style="width: 100%"
+            :border="addvalueOption.border"
+          >
+            <!--                        align="center"-->center
 
-                  <template>
-                    <el-table-column
-                      v-if="item.head"
-                      fixed="right"
-                      label="操作"
-                      width="280"
-                      align="center "
-                    >
-                      <!-- <template #default="scope">
-                
-                  </template> -->
-                    </el-table-column>
-                  </template>
-                </el-table>
-                <!-- 表格翻页功能 -->
-                <!-- <div class="demo-pagination-block">
-              <el-pagination
-                v-model:current-page="currentPage"
-                v-model:page-size="pageSize"
-                :page-sizes="pageList"
-                :disabled="disabled"
-                :background="background"
-                layout="total, sizes, prev, pager, next, jumper"
-                :total="total"
-                @size-change="PageSizeChange"
-                @current-change="SizeChange"
-              />
-            </div> -->
-              </div>
-            </el-tab-pane>
-          </template>
-        </el-tabs>
-      </el-collapse-item>
-    </el-collapse>
-    <!-- 增值服务信息 -->
-    <el-collapse @change="ServiceChange" style="margin-top: 10px">
-      <el-collapse-item title="增值服务信息" name="2">
-        <el-tabs
-          v-loading="editLoading"
-          element-loading-text="数据正在更新中..."
-          type="border-card"
-          @tab-click="tabClickB"
-        >
-          <template v-for="item in TabB" :key="item.name">
-            <el-tab-pane :label="item.label" :name="item.name">
-              <div class="tab-title">
-                <div class="BatchDelete">
-                  <el-button type="primary" @click="newlyAdded(item.name)"> 新增 </el-button>
-                  <el-button type="primary" @click="BatchDelete(item.name)"> 批量删除 </el-button>
-                </div>
+            <el-table-column type="expand" v-if="addvalueOption.expand"></el-table-column>
+            <template v-for="(item, index) in addvalueOption.column">
+              <!-- table字段 -->
+              <el-table-column
+                v-if="item.hide !== true"
+                :prop="item.prop"
+                :label="item.label"
+                :show-overflow-tooltip="true"
+                :width="item.width"
+                :key="index"
+              >
+                <!--                                :align="center"-->
+              </el-table-column>
+            </template>
+          </el-table>
+        </el-tab-pane>
 
-                <template v-for="(item, index) in TabTitle" :key="index">
-                  <span>
-                    <el-icon><component :is="item.icon" /></el-icon> {{ item.name }}
-                    {{ item.value }}
-                    {{ item.tap }}
-                  </span>
-                </template>
-              </div>
-              <div class="el-Cart">
-                <!-- 表格列开始 -->
-                <el-table
-                  :data="dataAdded"
-                  row-key="name"
-                  border
-                  height="500"
-                  style="width: 100%"
-                  ref="tableRef"
-                  @select-all="selectAll"
-                  @select="selectChange"
-                >
-                  <el-table-column type="selection" width="55" fixed />
-                  <el-table-column
-                    type="index"
-                    fixed
-                    width="50"
-                    height="100"
-                    label="#"
-                    align="center"
-                  />
+        <!--         <el-tab-pane label="平移。搬运。分拣。专车" name="tab4">-->
+        <!--          &lt;!&ndash; 列表模块 &ndash;&gt;-->
+        <!--          <el-table ref="table" v-loading="loading"-->
+        <!--                    @selection-change="selectionChange"-->
+        <!--                    :data="inventoryData"-->
+        <!--                    :height="height"-->
+        <!--                    style="width: 100%"-->
+        <!--                    :border="inventory.border"-->
+        <!--          >-->
+        <!--            &lt;!&ndash;                        align="center"&ndash;&gt;center-->
 
-                  <!-- 
-            Type ===1 普通文本
-            Type ===2 图片显示
-            Type ===3 操作功能
-            label:    标题
-            width:    宽度
-            prop:     数据字段
-           -->
-                  <el-table-column
-                    :prop="item.prop"
-                    :label="item.label"
-                    :width="item.width"
-                    :fixed="item.fixed"
-                    align="center"
-                    v-for="(item, index) in menuDataB"
-                    :key="item.label"
-                  >
-                    <template #default="props">
-                      <img :src="props.row[item.prop]" class="el-Img" v-if="item.type === 2" />
-                      <div :class="ElBtnClass" v-if="item.type === 3">
-                        <!-- <el-button
-                      :link="ElButtonS[0].link"
-                      :class="ElButtonS[0].class"
-                      :auto-insert-space="ElButtonS[0].space"
-                      :size="ElButtonS[0].size"
-                      :icon="ElButtonS[0].icon"
-                      @click="DeleteEvent(scope.row)"
-                      >删除</el-button
-                    > -->
-                      </div>
-                      <span v-if="item.type == 6">{{
-                        props.row[item.prop] == 1
-                          ? '定制品'
-                          : props.row[item.prop] == 2
-                          ? '库存品'
-                          : props.row[item.prop] == 3
-                          ? '零担'
-                          : '/'
-                      }}</span>
-                      <span v-else>{{ props.row[item.prop] ? props.row[item.prop] : '/' }}</span>
-                    </template>
-                  </el-table-column>
-                </el-table>
+        <!--            <el-table-column type="expand" v-if="inventory.expand"></el-table-column>-->
+        <!--            <template v-for="(item,index) in inventory.column">-->
+        <!--              &lt;!&ndash; table字段 &ndash;&gt;-->
+        <!--              <el-table-column v-if="item.hide!==true"-->
+        <!--                               :prop="item.prop"-->
+        <!--                               :label="item.label"-->
+        <!--                               :show-overflow-tooltip="true"-->
+        <!--                               :width="item.width"-->
+        <!--                               :key="index">-->
+        <!--                &lt;!&ndash;                                :align="center"&ndash;&gt;-->
+        <!--              </el-table-column>-->
 
-                <!-- 表格翻页功能 -->
-                <!-- <div class="demo-pagination-block">
-              <el-pagination
-                v-model:current-page="currentPage"
-                v-model:page-size="pageSize"
-                :page-sizes="pageList"
-                :disabled="disabled"
-                :background="background"
-                layout="total, sizes, prev, pager, next, jumper"
-                :total="total"
-                @size-change="PageSizeChange"
-                @current-change="SizeChange"
-              />
-            </div> -->
-              </div>
-            </el-tab-pane>
-          </template>
-        </el-tabs>
-      </el-collapse-item>
-    </el-collapse>
-    <!-- 弹窗信息 -->
-    <el-dialog v-model="dialogBatchDelete" title="标题" width="60%" :before-close="handleClose">
-      <!-- 表格列开始 -->
-      <el-table
-        :data="dataAdded"
-        row-key="name"
-        border
-        height="500"
-        style="width: 100%"
-        ref="tableRef"
-        @select-all="selectAll"
-        @select="selectChange"
-      >
-        <el-table-column type="selection" width="55" fixed />
-        <el-table-column type="index" fixed width="50" height="100" label="#" align="center" />
+        <!--            </template>-->
+        <!--            &lt;!&ndash;              <el-table-column prop="menu" label="操作" :width="220" align="center">&ndash;&gt;-->
+        <!--            &lt;!&ndash;                <template #="{row}">&ndash;&gt;-->
+        <!--            &lt;!&ndash;                  <el-button type="primary" text icon="el-icon-view" @click="handleInventoryView(row)">查看详情</el-button>&ndash;&gt;-->
+        <!--            &lt;!&ndash;                </template>&ndash;&gt;-->
+        <!--            &lt;!&ndash;              </el-table-column>&ndash;&gt;-->
 
-        <!-- 
-            Type ===1 普通文本
-            Type ===2 图片显示
-            Type ===3 操作功能
-            label:    标题
-            width:    宽度
-            prop:     数据字段
-           -->
-        <el-table-column
-          :prop="item.prop"
-          :label="item.label"
-          :width="item.width"
-          :fixed="item.fixed"
-          align="center"
-          v-for="(item, index) in menuDataB"
-          :key="item.label"
-        >
-          <template #default="props">
-            <img :src="props.row[item.prop]" class="el-Img" v-if="item.type === 2" />
-            <div :class="ElBtnClass" v-if="item.type === 3">
-              <!-- <el-button
-                      :link="ElButtonS[0].link"
-                      :class="ElButtonS[0].class"
-                      :auto-insert-space="ElButtonS[0].space"
-                      :size="ElButtonS[0].size"
-                      :icon="ElButtonS[0].icon"
-                      @click="DeleteEvent(scope.row)"
-                      >删除</el-button
-                    > -->
-            </div>
-            <span v-if="item.type == 6">{{
-              props.row[item.prop] == 1
-                ? '定制品'
-                : props.row[item.prop] == 2
-                ? '库存品'
-                : props.row[item.prop] == 3
-                ? '零担'
-                : '/'
-            }}</span>
-            <span v-else>{{ props.row[item.prop] ? props.row[item.prop] : '/' }}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+        <!--          </el-table>-->
 
-      <template #footer>
-        <span class="dialog-footer">
-          <el-button @click="dialogBatchDelete = false">取消</el-button>
-          <el-button type="primary" @click="dialogVisible = false"> 提交 </el-button>
-        </span>
-      </template>
-    </el-dialog>
-  </el-card>
+        <!--        </el-tab-pane>-->
+      </el-tabs>
+    </div>
+  </basic-container>
 </template>
 
-<script setup lang="ts">
-import { ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
+<script>
 import {
+  getList,
   getDetail,
+  add,
+  update,
+  remove,
+  getDetailById,
+  getListOrder,
   signforPackageList,
   signforInventoryList,
   addvalueInfoList,
 } from '@/api/distribution/distributionSignfor';
-import { getToken } from '@/utils/auth';
-const form = ref({}); //基础信息
-const RouterId = ref('1721707916601487362'); //编辑ID
-const RouterReservationId = ref('1721707896171032578'); //编辑参数
-const DoorstepPhoto = ref([]); // 上门照
-const StackingPhoto = ref([]); // 堆门照
-const FragilePhotos = ref([]); // 易碎照
-const HomePhotos = ref([]); // 家配照
-const SignForPhotos = ref([]); //签收照
-const data = ref([]); //表格数据展示切换
-const InitializeTable = ref([]); //初始化展示信息（不可被修改）
-const menuData = ref([]); //表格头部
-const menuDataB = ref([]); //增值服务表格头部
-const editLoading = ref(false); //表格切换加载
-const currentPage = ref(1); // 默认页码
-const pageSize = ref(30); // 默认每一页几条
-const total = ref(0); //页码总页数
-const pageList = ref([5, 10, 50, 100, 200]); // 选择每页显示多少条
-const background = ref(true); // 是否开启背景颜色
-const disabled = ref(false); // 是否禁止使用页码功能
-const dialogImageUrlA = ref('');
-const dialogImageUrlB = ref('');
-const dialogImageUrlC = ref('');
-const dialogImageUrlD = ref('');
-const dialogImageUrlE = ref('');
-const dialogVisibleA = ref(false); //是否显放大图片
-const dialogVisibleB = ref(false);
-const dialogVisibleC = ref(false);
-const dialogVisibleD = ref(false);
-const dialogVisibleE = ref(false);
-const activeNames = ref(['1']);
-const active = ref(1); //签收状态
-const route = useRoute();
-const router = useRouter(); //参数ID
-const dataAdded = ref([]); //增值服务表格渲染参数
-const TcDataAdded = ref([]); //弹窗表格渲染的数据
-const TabIndex = ref(0); //增值服务标题默认显示
-const dialogBatchDelete = ref(false);
-const enlargeImage = (dialogImageUrl, dialogVisible) => {
-  return uploadFile => {
-    console.log(uploadFile, '点击放大的内容');
-    dialogImageUrl.value = uploadFile.url;
-    dialogVisible.value = true;
-  };
-};
-// 点击放大图片
-const EnlargeTheTmageA = enlargeImage(dialogImageUrlA, dialogVisibleA);
-const EnlargeTheTmageB = enlargeImage(dialogImageUrlB, dialogVisibleB);
-const EnlargeTheTmageC = enlargeImage(dialogImageUrlC, dialogVisibleC);
-const EnlargeTheTmageD = enlargeImage(dialogImageUrlD, dialogVisibleD);
-const EnlargeTheTmageE = enlargeImage(dialogImageUrlE, dialogVisibleE);
 
-const Tabs = ref([
-  {
-    label: '订单列表',
-    name: '0',
-  },
-  {
-    label: '包件列表',
-    name: '1',
-  },
-  {
-    label: '库存品列表',
-    name: '2',
-  },
-]);
-// 增值服务标题栏
-const TabB = ref([
-  {
-    label: '上楼',
-    name: '0',
-  },
-  {
-    label: '超区',
-    name: '1',
-  },
-  {
-    label: '平移',
-    name: '2',
-  },
-  {
-    label: '搬运',
-    name: '3',
-  },
-  {
-    label: '分拣',
-    name: '4',
-  },
-  {
-    label: '专车',
-    name: '5',
-  },
-]);
-const TabTitle = ref([
-  { name: '公里数:', value: '暂无数据', tap: '公里', icon: 'Van', btn: '新增' },
-  { name: '费用:', value: '暂无数据', tap: '￥', icon: 'Coin', btn: '新增' },
-  { name: '楼层:', value: '暂无数据', tap: '层', icon: 'School', btn: '新增' },
-  { name: '件数:', value: '暂无数据', tap: '件', icon: 'Box', btn: '新增' },
-]);
-// 订单列表
-const menuData1 = ref([
-  {
-    prop: 'orderCode',
-    label: '订单自编号',
-    type: 4,
-    values: '',
-    width: '280',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'serviceNumber',
-    label: '服务号',
-    type: 4,
-    values: '',
-    width: '250',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'waybillNumber',
-    label: '运单号',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'warehouse',
-    label: '仓库',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'brand',
-    label: '品牌',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'mallName',
-    label: '商场名称',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'storeName',
-    label: '门店名称',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
+import { mapGetters } from 'vuex';
+import { getDictionaryBiz } from '@/api/system/dict';
+import { getWrapdetail } from '@/api/distribution/distributionDeliveryList';
+import { getStockAddValue } from '@/api/distribution/distributionStockArticle';
 
-  {
-    prop: 'descriptionGoods',
-    label: '货物名称',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'reservationNum',
-    label: '计划包件数',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'consigneeUnit',
-    label: '收获单位',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'consigneePerson',
-    label: '运单收货人',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'consigneeAddress',
-    label: '运单收货地址',
-    type: 4,
-    values: '',
-    width: '250',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'consigneeMobile',
-    label: '运单收获电话',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'customerName',
-    label: '终端收货人',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'customerAddress',
-    label: '终端收获地址',
-    type: 4,
-    values: '',
-    width: '400',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'customerTelephone',
-    label: '终端收获电话',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-]);
-// 包件列表
-// 包件列表
-// 包件列表
-// 包件列表
-// 包件列表
-// 包件列表
-// 包件列表
-// 包件列表
-const menuData2 = ref([
-  {
-    prop: 'waybillNumber',
-    label: '运单号',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'serviceNumber',
-    label: '服务号',
-    type: 4,
-    values: '',
-    width: '250',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'orderCode',
-    label: '订单自编号',
-    type: 4,
-    values: '',
-    width: '280',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'orderPackageCode',
-    label: '包条码',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'warehouse',
-    label: '仓库',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'sendWarehouseName',
-    label: '发站仓',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'acceptWarehouseName',
-    label: '目的地',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
+export default {
+  data() {
+    return {
+      height: 100,
+      // 弹框标题
+      title: '',
+      // 是否展示弹框
+      box: false,
+      // 服务内容是否展示弹框
+      fbox: false,
+      dataForm: {},
+      // 是否显示查询
+      search: true,
+      // 是否显示新增
+      isadd: false,
+      signfordata: {},
+      // 加载中
+      loading: true,
+      // 查看按钮
+      edt: false,
+      // 查看pda
+      padview: false,
+      // 是否为查看模式。。
+      view: false,
+      // 查询信息
+      query: {},
+      // 包条查询信息
+      wquery: {},
+      inputTypeData: [],
+      // 签收表单数据
+      signform: {},
+      // 签收列表
+      signdata: [],
+      //tabs初始页码
+      activeTab: 'tab1',
+      //订单数据:
+      orderData: [],
+      addvalueinfo: {},
+      // 步骤条
+      stepsList: [
+        {
+          title: '待装车',
+          icon: 'Grid',
+        },
+        {
+          title: '待配送',
+          icon: 'Loading',
+        },
+        {
+          title: '配送中',
+          icon: 'Van',
+        },
+        {
+          title: '司机签收',
+          icon: 'Cellphone',
+        },
+        {
+          title: '文员签收',
+          icon: 'Platform',
+        },
+      ],
+      // 步骤条激活步骤
+      stepActive: 0,
+      addvalueData: [],
+      addvalueOption: {
+        expand: false,
+        index: true,
+        border: true,
+        selection: true,
+        column: [
+          {
+            prop: 'orderCode',
+            label: '订单自编号',
+            type: 2,
+            values: '',
+            width: '300',
+            checkarr: [],
+            fixed: true,
+            sortable: true,
+            // head: true,
+          },
+          {
+            label: '货物名称',
+            prop: 'materialName',
+            type: 1,
+            values: '',
+            width: '300',
+            checkarr: [],
+            fixed: false,
+            sortable: true,
+          },
+          {
+            label: '包条码',
+            prop: 'orderPackageCode',
+            type: 1,
+            values: '',
+            width: '300',
+            checkarr: [],
+            fixed: false,
+            sortable: true,
+          },
+          {
+            label: '数量',
+            prop: 'quantity',
+            type: 1,
+            values: '',
+            width: '220',
+            checkarr: [],
+            fixed: false,
+            sortable: true,
+          },
+          {
+            label: '包条类型',
+            prop: 'conditions',
+            type: 1,
+            values: '',
+            width: '220',
+            checkarr: [],
+            fixed: false,
+            sortable: true,
+          },
+          {
+            prop: '',
+            label: '操作',
+            type: 6,
+            values: '',
+            width: '300',
+            checkarr: [],
+            fixed: 'right',
+            sortable: false,
+          },
+          // 更多列的配置...
+        ],
+      },
+      //卡片列表
+      ordoption: {
+        expand: false,
+        index: true,
+        border: true,
+        selection: true,
+        column: [
+          // {
+          //   label: '车次号',
+          //   prop: 'trainNumber',
+          //   search: true,
+          //   width: '100px'
+          // },
+          {
+            label: '订单自编号',
+            prop: 'orderCode',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '服务号',
+            prop: 'serviceNumber',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '运单号',
+            prop: 'waybillNumber',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '仓库',
+            prop: 'warehouse',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '品牌',
+            prop: 'brand',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '商城名称',
+            prop: 'mallName',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '门店名称',
+            prop: 'storeName',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '货物名称',
+            prop: 'descriptionGoods',
+            search: true,
+            width: '100px',
+          },
+          // {
+          //   label: '订单状态',
+          //   prop: 'orderStatusName',
+          //   search: true,
+          //   width: '100px'
+          // },
+          {
+            label: '计划包件数量',
+            prop: 'reservationNum',
+            search: true,
+            width: '120px',
+          },
+          // {
+          //   label: '包件签收数量',
+          //   prop: 'stockupNumber',
+          //   search: true,
+          //   width: '120px'
+          // },
+          {
+            label: '收货单位',
+            prop: 'consigneeUnit',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '运单收货人',
+            prop: 'consigneePerson',
+            search: true,
+            width: '120px',
+          },
+          {
+            label: '运单收货地址',
+            prop: 'consigneeAddress',
+            search: true,
+            width: '130px',
+          },
+          {
+            label: '运单收货电话',
+            prop: 'consigneeMobile',
+            search: true,
+            width: '130px',
+          },
+          {
+            label: '终端收货人',
+            prop: 'customerName',
+            search: true,
+            width: '120px',
+          },
+          {
+            label: '终端收货地址',
+            prop: 'customerTelephone',
+            search: true,
+            width: '120px',
+          },
+          {
+            label: '终端收货电话',
+            prop: 'customerAddress',
+            search: true,
+            width: '120px',
+          },
+        ],
+      },
+      //包件卡片列表
+      wrapoption: {
+        expand: false,
+        index: true,
+        border: true,
+        selection: true,
+        column: [
+          {
+            label: '运单号',
+            prop: 'waybillNumber',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '服务号',
+            prop: 'serviceNumber',
+            search: true,
+            width: '100px',
+          },
+          {
+            search: true,
+            label: '订单自编号',
+            prop: 'orderCode',
+            width: '100px',
+          },
+          {
+            label: '包条码',
+            prop: 'orderPackageCode',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '仓库',
+            prop: 'warehouse',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '发站仓',
+            prop: 'sendWarehouseName',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '目的仓',
+            prop: 'acceptWarehouseName',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '发货时间',
+            prop: 'waybillNumber',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '入库时间',
+            prop: 'warehouseEntryTimeEnd',
+            search: true,
+            width: '100px',
+          },
+          // {
+          //   label: '客户车次号',
+          //   prop: 'trainNumber',
+          //   search: true,
+          //   width: '100px'
+          // },
+          // {
+          //   label: '发站出库车次',
+          //   prop: 'trainNumber',
+          //   search: true,
+          //   width: '100px'
+          // },
+          {
+            label: '入库车次',
+            prop: 'trainNumber',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '一级品类',
+            prop: 'firsts',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '二级品类',
+            prop: 'second',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '三级品类',
+            prop: 'thirdProduct',
+            search: true,
+            width: '100px',
+          },
+          // {
+          //   label: '物料编号',
+          //   prop: 'materialCode',
+          //   search: true,
+          //   width: '100px'
+          // },
+          // {
+          //   label: '物料名称',
+          //   prop: 'materialName',
+          //   search: true,
+          //   width: '100px'
+          // },
 
-  {
-    prop: 'waybillNumber',
-    label: '发货时间',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'warehouseEntryTimeEnd',
-    label: '入库时间',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'trainNumber',
-    label: '进库车次',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'trainNumber',
-    label: '包件类型',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'reservationNum',
-    label: '计划数量',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'loadingNub',
-    label: '装车数量',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'signingNub',
-    label: '签收数量',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'firsts',
-    label: '一级品类',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'second',
-    label: '二级品类',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'thirdProduct',
-    label: '三级品类',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'orderPackageStatusName',
-    label: '包件状态',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'orderPackageFreezeStatusName',
-    label: '冻结状态',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'orderPackageGroundingStatusName',
-    label: '上架状态',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'orderPackageStockupStatusName',
-    label: '备货状态',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'orderPackageReservationStatusName',
-    label: '预约状态',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'orderPackageLoadingStatusName',
-    label: '装车状态 ',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'scanStatus',
-    label: '装车方式',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'driverName',
-    label: '计划装车人',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'scanUser',
-    label: '实际装车人',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'signingTime',
-    label: '签收扫描时间',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-]);
-// 库存品列表
-const menuData3 = ref([
-  {
-    prop: 'sku',
-    label: 'sku',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'descriptionGoods',
-    label: '物料名称',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'cargoNumber',
-    label: '物料编号',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'cargoNorms',
-    label: '物料规格',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'cargoUnit',
-    label: '物料单位',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'category',
-    label: '品分类',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'reservationNum',
-    label: '计划出库数',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'loadedinNumber',
-    label: '实际出库数',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'loadingStatusName',
-    label: '装车状态',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'signingStatusName',
-    label: '签收状态',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'signUser',
-    label: '签收人',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-]);
-const ElButtonS = ref([
-  // 1.class   按钮样式名(用于切换按钮样式)
-  // 2.space   是否开启按钮文子直接间距(true开启 ,false关闭)
-  // 3.size    按钮尺寸默认小尺寸('large'| 'default'| 'small')
-  // 4.icon    按钮图标
-  // 5.table   按钮名称
-  {
-    class: 'el-btn-view',
-    space: true,
-    size: 'small',
-    icon: 'el-icon-view',
-    table: '查看',
-  },
-  {
-    class: 'el-btn-success',
-    space: true,
-    size: 'small',
-    icon: 'Edit',
-    table: '编辑',
-  },
-  {
-    class: 'el-btn-danger',
-    space: true,
-    size: 'small',
-    icon: 'el-icon-delete',
-    table: '删除',
-  },
-]);
+          {
+            label: '包件状态',
+            prop: 'orderPackageStatusName',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '冻结状态',
+            prop: 'orderPackageFreezeStatusName',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '上架状态',
+            prop: 'orderPackageGroundingStatusName',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '备货状态',
+            prop: 'orderPackageStockupStatusName',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '预约状态',
+            prop: 'orderPackageReservationStatusName',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '装车状态',
+            prop: 'orderPackageLoadingStatusName',
+            search: true,
+            width: '100px',
+          },
+          // {
+          //   label: '配送计划状态',
+          //   prop: 'orderPackageDeliveryStatus',
+          //   search: true,
+          //   width: '130px'
+          // },
+          //  {
+          //   label: '装车扫描时间',
+          //   prop: 'orderPackageReservationStatusName',
+          //   search: true,
+          //   width: '150px'
+          // },
+          {
+            label: '装车方式',
+            prop: 'scanStatus',
+            search: true,
+            width: '150px',
+          },
+          // {
+          //   label: '装车扫描人员',
+          //   prop: 'orderPackageDeliveryStatus',
+          //   search: true,
+          //   width: '150px'
+          // },
+          {
+            label: '计划装车人',
+            prop: 'driverName',
+            search: true,
+            width: '150px',
+          },
+          {
+            label: '实际装车人',
+            prop: 'scanUser',
+            search: true,
+            width: '150px',
+          },
+          {
+            label: '签收扫描时间',
+            prop: 'signingTime',
+            search: true,
+            width: '150px',
+          },
 
-// menuDataB 增值服务公共表头
+          // {
+          //   label: '托盘码',
+          //   prop: 'pallet',
+          //   width: '100px'
+          // },
+          // {
+          //   label: '库位号',
+          //   prop: 'goodsAllocation',
+          //   width: '100px'
+          // }
+        ],
+      },
+      packageData: [],
 
-const menuDataB1 = ref([
-  {
-    prop: 'orderCode',
-    label: '订单自编号',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'materialName',
-    label: '货物名称',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'firsts',
-    label: '一级品',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'second',
-    label: '二级品',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'thirdProduct',
-    label: '二级品',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'orderPackageCode',
-    label: '包条码',
-    type: 5,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'quantity',
-    label: '数量',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-  {
-    prop: 'conditions',
-    label: '包条类型',
-    type: 6,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: true,
-  },
-]);
+      // 表单配置
+      signoption: {
+        height: 'auto',
+        width: '40px',
+        calcHeight: 30,
+        tip: false,
+        searchShow: false,
+        searchMenuSpan: 6,
+        border: true,
+        index: true,
+        viewBtn: true,
+        dialogClickModal: false,
+        emptyBtn: false, //隐藏清空按钮
+        submitBtn: false, //隐藏提交按钮
+        column: [
+          {
+            label: '签收类型',
+            prop: 'signingType',
+            labelWidth: '150',
+            span: 11,
+            type: 'radio',
+            width: '150px',
+            align: 'center',
+            disabled: true,
+            dicData: [
+              {
+                label: '签收',
+                value: '1',
+              },
+              {
+                label: '代签收',
+                value: '2',
+              },
+            ],
+          },
+          {
+            label: '定位打卡位置',
+            prop: 'positioningAdr',
+            labelWidth: '150',
+            span: 11,
+            type: 'textarea',
+            width: '150px',
+            align: 'center',
+            disabled: true,
+          },
+          {
+            label: '司机签收图片',
+            prop: 'deliverySignPictures',
+            labelWidth: '150',
+            type: 'upload',
+            listType: 'picture-card',
+            width: '150px',
+            span: 15,
+            multiple: true,
+            align: 'left',
+            action: '/blade-resource/oss/endpoint/put-file',
+            limit: 5,
+            propsHttp: {
+              res: 'data',
+              url: 'link',
+            },
+            disabled: true,
+          },
+          // {
+          //   label: "复核图片",
+          //   prop: "clerkSignPictures",
+          //   type: 'upload',
+          //   listType: 'picture-card',
+          //   dataType: 'string',
+          //   labelWidth:'150',
+          //   span:15,
+          //   disabled:true,
+          //   multiple:true,
+          //   width:"200px",
+          //   align:'left',
+          //   action: '/blade-resource/oss/endpoint/put-file',
+          //   limit: 15,
+          //   propsHttp: {
+          //     res: 'data',
+          //     url: 'link',
+          //   },
+          //
+          // },
+        ],
+      },
+      columnList: [
+        // {
+        //   prop: '',
+        //   label: '序号',
+        //   type: 0,
+        //   values: '',
+        //   width: 55,
+        //   checkarr: [],
+        //   fixed: true,
+        // },
+        {
+          prop: 'orderCode',
+          label: '订单自编号',
+          type: 2,
+          values: '',
+          width: '150',
+          checkarr: [],
+          fixed: true,
+          sortable: true,
+          // head: true,
+        },
+        {
+          label: '货物名称',
+          prop: 'descriptionGoods',
+          type: 1,
+          values: '',
+          width: '150',
+          checkarr: [],
+          fixed: false,
+          sortable: true,
+        },
+        {
+          label: '物料名称',
+          prop: 'materialName',
+          type: 1,
+          values: '',
+          width: '180',
+          checkarr: [],
+          fixed: false,
+          sortable: true,
+        },
+        {
+          label: '备货件数',
+          prop: 'deliveryNumber',
+          type: 1,
+          values: '',
+          width: '180',
+          checkarr: [],
+          fixed: false,
+          sortable: true,
+        },
+        {
+          label: '已备数量',
+          prop: 'readyStock',
+          type: 1,
+          values: '',
+          width: '180',
+          checkarr: [],
+          fixed: false,
+          sortable: true,
+        },
+        {
+          label: '备货状态',
+          prop: 'stockArticleState',
+          type: 1,
+          values: '',
+          width: '180',
+          checkarr: [],
+          fixed: false,
+          sortable: true,
+        },
+        {
+          label: '托盘码',
+          prop: 'pallet',
+          type: 1,
+          values: '',
+          width: '180',
+          checkarr: [],
+          fixed: false,
+          sortable: true,
+        },
+        {
+          prop: '',
+          label: '操作',
+          type: 6,
+          values: '',
+          width: '150',
+          checkarr: [],
+          fixed: 'right',
+          sortable: false,
+        },
+        // 更多列的配置...
+      ],
+      // 分页信息
+      page: {
+        currentPage: 1,
+        pageSize: 30,
+        total: 40,
+      },
+      // 表单数据
+      form: {},
+      wid: null,
+      // 选择行
+      selectionList: [],
+      isLiabilityData: [],
+      addvalueServeTypeData: [],
+      dialogVisible: false,
+      //状态列表
+      stateData: [],
+      //包肩分页信息
+      wpage: {
+        currentPage: 1,
+        pageSize: 30,
+        total: 40,
+      },
+      // 包间配置
+      wrapoption: {
+        expand: false,
+        index: true,
+        border: true,
+        selection: true,
+        column: [
+          {
+            label: '运单号',
+            prop: 'waybillNumber',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '服务号',
+            prop: 'serviceNumber',
+            search: true,
+            width: '100px',
+          },
+          {
+            search: true,
+            label: '订单自编号',
+            prop: 'orderCode',
+            width: '100px',
+          },
+          {
+            label: '包条码',
+            prop: 'orderPackageCode',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '仓库',
+            prop: 'warehouse',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '发站仓',
+            prop: 'sendWarehouseName',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '目的仓',
+            prop: 'acceptWarehouseName',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '发货时间',
+            prop: 'waybillNumber',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '入库时间',
+            prop: 'warehouseEntryTimeEnd',
+            search: true,
+            width: '100px',
+          },
+          // {
+          //   label: '客户车次号',
+          //   prop: 'trainNumber',
+          //   search: true,
+          //   width: '100px'
+          // },
+          // {
+          //   label: '发站出库车次',
+          //   prop: 'trainNumber',
+          //   search: true,
+          //   width: '100px'
+          // },
+          {
+            label: '入库车次',
+            prop: 'trainNumber',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '包件类型',
+            prop: 'trainNumber',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '计划数量',
+            prop: 'reservationNum',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '装车数量',
+            prop: 'loadingNub',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '签收数量',
+            prop: 'signingNub',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '一级品类',
+            prop: 'firsts',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '二级品类',
+            prop: 'second',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '三级品类',
+            prop: 'thirdProduct',
+            search: true,
+            width: '100px',
+          },
+          // {
+          //   label: '物料编号',
+          //   prop: 'materialCode',
+          //   search: true,
+          //   width: '100px'
+          // },
+          // {
+          //   label: '物料名称',
+          //   prop: 'materialName',
+          //   search: true,
+          //   width: '100px'
+          // },
 
-// 页面初始化需要请求的参数
-const onLoad = () => {
-  menuData.value = menuData1.value; //页面初始化默认显示第一个表格
-  data.value = InitializeTable.value; //默认显示第一个表格数据
-};
-// RouterId.value = route.query.id; //获取当前路由参数ID
-console.log(route.query.id, '当前路由参数');
-// 图片上传必须携带TOKEN
-const headers = computed(() => {
-  return { 'Blade-Auth': 'Bearer ' + getToken() };
-});
-// 图片上传接口
-const doubledCount = computed(() => {
-  return '/api/blade-resource/oss/endpoint/put-file';
-});
-// 新增按钮
-const newlyAdded = val => {
-  dialogBatchDelete.value = true;
-  console.log(val, '触发了新增按钮');
-};
-// 批量删除按钮
-const BatchDelete = val => {
-  console.log(val);
-};
-// 获取基础信息
-editLoading.value = true; //表格开始加载
-getDetail(RouterId.value).then(res => {
-  editLoading.value = false; //表格加载结束
-  console.log(res, '基础信息');
-  // 当前订单状态
-  if (res.data.data.sijiSigningStatus) {
-    active.value = 2; //司机已签收
-  }
-  if (res.data.data.sijiSigningStatus && res.data.data.wenyuanSigningStatus) {
-    active.value = 3; //文员已签收
-  }
-  form.value = res.data.data; //基础信息
-  InitializeTable.value = res.data.data.orderInfo; //表格数据(订单列表)
-  onLoad();
-  // 照片回显分类
-  DoorstepPhoto.value = [];
-  StackingPhoto.value = [];
-  FragilePhotos.value = [];
-  HomePhotos.value = [];
-  SignForPhotos.value = [];
-  const photoTypes = {
-    photo_1: DoorstepPhoto.value,
-    photo_2: StackingPhoto.value,
-    photo_3: FragilePhotos.value,
-    photo_4: HomePhotos.value,
-    photo_5: SignForPhotos.value,
-  };
+          {
+            label: '包件状态',
+            prop: 'orderPackageStatusName',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '冻结状态',
+            prop: 'orderPackageFreezeStatusName',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '上架状态',
+            prop: 'orderPackageGroundingStatusName',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '备货状态',
+            prop: 'orderPackageStockupStatusName',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '预约状态',
+            prop: 'orderPackageReservationStatusName',
+            search: true,
+            width: '100px',
+          },
+          {
+            label: '装车状态',
+            prop: 'orderPackageLoadingStatusName',
+            search: true,
+            width: '100px',
+          },
+          // {
+          //   label: '配送计划状态',
+          //   prop: 'orderPackageDeliveryStatus',
+          //   search: true,
+          //   width: '130px'
+          // },
+          //  {
+          //   label: '装车扫描时间',
+          //   prop: 'orderPackageReservationStatusName',
+          //   search: true,
+          //   width: '150px'
+          // },
+          {
+            label: '装车方式',
+            prop: 'scanStatus',
+            search: true,
+            width: '150px',
+          },
+          // {
+          //   label: '装车扫描人员',
+          //   prop: 'orderPackageDeliveryStatus',
+          //   search: true,
+          //   width: '150px'
+          // },
+          {
+            label: '计划装车人',
+            prop: 'driverName',
+            search: true,
+            width: '150px',
+          },
+          {
+            label: '实际装车人',
+            prop: 'scanUser',
+            search: true,
+            width: '150px',
+          },
+          {
+            label: '签收扫描时间',
+            prop: 'signingTime',
+            search: true,
+            width: '150px',
+          },
 
-  if (res.data.data.printVOList) {
-    res.data.data.printVOList.forEach(item => {
-      const { type, name, urlRoute } = item;
-      if (type in photoTypes) {
-        photoTypes[type].push({ name, url: urlRoute });
+          // {
+          //   label: '托盘码',
+          //   prop: 'pallet',
+          //   width: '100px'
+          // },
+          // {
+          //   label: '库位号',
+          //   prop: 'goodsAllocation',
+          //   width: '100px'
+          // }
+        ],
+      },
+
+      inventory: {
+        expand: false,
+        index: true,
+        border: true,
+        selection: true,
+        column: [
+          {
+            prop: 'sku',
+            label: 'SKU',
+            type: 2,
+            values: '',
+            width: '150',
+            checkarr: [],
+            fixed: false,
+            sortable: true,
+            head: false,
+          },
+          {
+            prop: 'descriptionGoods',
+            label: '物料名称',
+            type: 2,
+            values: '',
+            width: '150',
+            checkarr: [],
+            fixed: false,
+            sortable: true,
+            head: false,
+          },
+          {
+            prop: 'cargoNumber',
+            label: '物料编号',
+            type: 2,
+            values: '',
+            width: '150',
+            checkarr: [],
+            fixed: false,
+            sortable: true,
+            head: false,
+          },
+          {
+            prop: 'cargoNorms',
+            label: '物料规格',
+            type: 2,
+            values: '',
+            width: '150',
+            checkarr: [],
+            fixed: false,
+            sortable: true,
+            head: false,
+          },
+          {
+            prop: 'cargoUnit',
+            label: '物料单位',
+            type: 2,
+            values: '',
+            width: '150',
+            checkarr: [],
+            fixed: false,
+            sortable: true,
+            head: false,
+          },
+          {
+            prop: 'category',
+            label: '品分类',
+            type: 2,
+            values: '',
+            width: '150',
+            checkarr: [],
+            fixed: false,
+            sortable: true,
+            head: false,
+          },
+          {
+            prop: 'reservationNum',
+            label: '计划出库数',
+            type: 2,
+            values: '',
+            width: '150',
+            checkarr: [],
+            fixed: false,
+            sortable: true,
+            head: false,
+          },
+          {
+            prop: 'loadedinNumber',
+            label: '实际出库数',
+            type: 2,
+            values: '',
+            width: '150',
+            checkarr: [],
+            fixed: false,
+            sortable: true,
+            head: false,
+          },
+          {
+            prop: 'loadingStatusName',
+            label: '装车状态',
+            type: 2,
+            values: '',
+            width: '150',
+            checkarr: [],
+            fixed: false,
+            sortable: true,
+            head: false,
+          },
+          {
+            prop: 'signingStatusName',
+            label: '签收状态',
+            type: 2,
+            values: '',
+            width: '150',
+            checkarr: [],
+            fixed: false,
+            sortable: true,
+            head: false,
+          },
+          {
+            prop: 'signUser',
+            label: '签收人',
+            type: 2,
+            values: '',
+            width: '150',
+            checkarr: [],
+            fixed: false,
+            sortable: true,
+            head: false,
+          },
+        ],
+      },
+
+      // 订单列表
+      data: [],
+      // 基本信息表单列表
+      basicdata: {},
+      //
+      wrapdata: [],
+    };
+  },
+  watch: {
+    // eslint-disable-next-line no-unused-vars
+    $route(to, from) {
+      // this.isadd =false;
+      // this.query.masterId = null;
+      // this.masterId = null;
+      if (!!this.$route.query.data) {
+        //   //做一些路由变化的响应
+        //   //   this.isadd =true;
+        //   this.query.masterId = this.$route.query.data;
+        //   this.masterId = this.$route.query.data;
+        //重新获取数据
+        this.onLoad(this.page);
+      } else {
       }
-    });
-  }
-});
-const handleRemove = () => {
-  console.log('图片移除事件');
-};
-// 包件列表
-function PackageList() {
-  editLoading.value = true; //表格加载开启
-  data.value = [];
-  signforPackageList(RouterId.value).then(res => {
-    console.log(res.data.data, '包件列表');
-    data.value = res.data.data;
-    editLoading.value = false; //表格加载结束
-  });
-}
-// 库存品列表
-function InventoryList() {
-  editLoading.value = true; //表格加载开启
-  data.value = [];
-  signforInventoryList(RouterId.value).then(res => {
-    console.log(res, '库存品列表');
-    data.value = res.data.data;
-    editLoading.value = false; //表格加载结束
-  });
-}
-//商品信息切换
-const tabClick = val => {
-  switch (val.props.name) {
-    case '0':
-      console.log(data.value, 'datavalue');
-      switchTableFields(menuData1.value);
-      data.value = InitializeTable.value;
-      break;
-    case '1':
-      switchTableFields(menuData2.value);
-      PackageList();
-      break;
-    case '2':
-      switchTableFields(menuData3.value);
-      InventoryList();
-      console.log(menuData.value, '当前表格参数');
-      break;
-    default:
-      break;
-  }
-};
-// 增值服务切换查询函数
-const valueAddedServices = val => {
-  addvalueInfoList({
-    addvalueId: val,
-    signforId: RouterId.value,
-    reservationId: RouterReservationId.value,
-  }).then(res => {
-    editLoading.value = false; //关闭加载效果
-    console.log(res, '增值服务上楼的返回值');
-    if (!res.data.data) {
-      dataAdded.value = [];
-      TabTitle.value[0].value = '暂无数据'; //距离
-      TabTitle.value[1].value = '暂无数据'; //费用
-      TabTitle.value[2].value = '暂无数据'; //楼层
-      TabTitle.value[3].value = '暂无数据'; //件数
-    } else {
-      dataAdded.value = res.data.data.packageEntityList;
-      TabTitle.value[0].value = res.data.data.distance ? res.data.data.distance : '暂无数据'; //距离
-      TabTitle.value[1].value = res.data.data.fee ? res.data.data.fee : '暂无数据'; //费用
-      TabTitle.value[2].value = res.data.data.floolNum ? res.data.data.floolNum : '暂无数据'; //楼层
-      TabTitle.value[3].value = res.data.data.num ? res.data.data.num : '暂无数据'; //件数
-    }
-  });
-};
-const ServiceChange = val => {
-  console.log(val, '增值服务点击');
-};
-// 增值服务信息tab切换
-const tabClickB = val => {
-  console.log(val, 'val当前信息');
+    },
+  },
+  mounted() {
+    this.init();
+    this.onLoad();
+    this.queryDictionary();
+  },
+  created() {
+    // //查询字典
+    // this.queryDictionary();
+  },
+  computed: {
+    ...mapGetters(['permission']),
+    ids() {
+      let ids = [];
+      this.selectionList.forEach(ele => {
+        ids.push(ele.id);
+      });
+      return ids.join(',');
+    },
+  },
+  methods: {
+    //修改
+    rowUpdate() {},
 
-  editLoading.value = true; //开启加载效果
-  TabIndex.value = val.props.name;
-  if (val.props.name == 0) {
-    menuDataB.value = menuDataB1.value;
-    valueAddedServices(1);
-  }
-  if (val.props.name == 1) {
-    menuDataB.value = menuDataB1.value;
-    valueAddedServices(2);
-  }
-  if (val.props.name == 2) {
-    menuDataB.value = menuDataB1.value;
-    valueAddedServices(3);
-  }
-  if (val.props.name == 3) {
-    menuDataB.value = menuDataB1.value;
-    valueAddedServices(4);
-  }
-  if (val.props.name == 4) {
-    menuDataB.value = menuDataB1.value;
-    valueAddedServices(5);
-  }
-  if (val.props.name == 5) {
-    menuDataB.value = menuDataB1.value;
-    valueAddedServices(6);
-  }
-};
-//商品信息切换
-const switchTableFields = fields => {
-  menuData.value = fields; //切换表格展示字段
-};
-// 表格全选功能触发
-const selectAll = val => {
-  console.log(val);
-};
-// 表格单个选中触发事件
-const selectChange = (selection, row) => {
-  // 1.selection 选中的数组
-  // 2.row 选中的当前行
-  console.log(selection);
-};
-// 每页多少条触发
-const PageSizeChange = val => {
-  console.log('每一页', val, '条');
-};
-// 页码翻页触发
-const SizeChange = val => {
-  console.log('当前是第', val, '页');
-};
-// 上门照图片上传成功
-const ImgSuccessA = (response, uploadFile) => {
-  if (response.success == true) {
-    console.log(response, '上门图片上传成功');
-    DoorstepPhoto.value[DoorstepPhoto.value.length - 1].url = response.data.link;
-  }
-};
-// 堆门图片上传成功
-const ImgSuccessB = (response, uploadFile) => {
-  if (response.success == true) {
-    console.log(response, '堆门图片上传成功');
-    StackingPhoto.value[StackingPhoto.value.length - 1].url = response.data.link;
-  }
-};
-// 易碎图片上传成功
-const ImgSuccessC = (response, uploadFile) => {
-  if (response.success == true) {
-    console.log(response, '易碎图片上传成功');
-    FragilePhotos.value[FragilePhotos.value.length - 1].url = response.data.link;
-  }
-};
-// 家配图片上传成功
-const ImgSuccessD = (response, uploadFile) => {
-  if (response.success == true) {
-    console.log(response, '家配图片上传成功');
-    HomePhotos.value[HomePhotos.value.length - 1].url = response.data.link;
-  }
-};
-// 签收图片上传成功
-const ImgSuccessE = (response, uploadFile) => {
-  if (response.success == true) {
-    console.log(response, '签收图片上传成功');
-    SignForPhotos.value[SignForPhotos.value.length - 1].url = response.data.link;
-  }
+    queryDictionary() {
+      getDictionaryBiz('yes_no').then(res => {
+        this.isLiabilityData = res.data.data;
+      });
+      getDictionaryBiz('basic_in_type').then(res => {
+        this.inputTypeData = res.data.data;
+      });
+      getDictionaryBiz('addvalue_serve_type').then(res => {
+        this.addvalueServeTypeData = res.data.data;
+      });
+    },
+    //返回
+    handleViewpda() {},
+    //增值服务
+    handleCheckedCitiesChange(value) {
+      if (value) {
+        this.form.addvalueType = value;
+      }
+      console.log('>>>>>', this.form);
+      if (value.length < 1) {
+        this.costList = [];
+        this.costListName = [];
+      }
+      this.deliveryWayData.forEach(i => {
+        if (value.includes(i.dictKey)) {
+          console.log(i);
+          i.pitch = true;
+          this.costListName = value;
+        }
+      });
+    },
+    init() {
+      this.height = this.setPx(document.body.clientHeight - 340);
+    },
+    searchHide() {
+      this.search = !this.search;
+    },
+    searchChange() {
+      this.onLoad(this.page);
+    },
+    searchReset() {
+      this.query = {};
+      this.page.currentPage = 1;
+      this.onLoad(this.page);
+    },
+    costadd(scope) {
+      const { row } = scope;
+      //查询增值任务
+      console.log('row>>>>>>>>>>>>>>>>>>>>', row);
+      this.fbox = true;
+    },
+    selectionsc(value) {
+      console.log('进来了>>>>>>>>>>>>>', value);
+    },
+    delectsolt(scope) {
+      const { row } = scope;
+      console.log(row);
+    },
+    handleClose(done) {
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          done();
+        })
+        .catch(_ => {});
+    },
+    editsolt(scope) {
+      const { row } = scope;
+      this.title = '查看包件';
+      console.log('row>>>>>>>', row);
+      this.view = true;
+      this.box = true;
+      this.wid = row.stockArticleId;
+      this.getWrapdetails(this.wpage);
+    },
+    btnsc(index, row) {
+      console.log(index, row);
+    },
+    selectsc(index, row) {
+      this.query[row.prop] = index;
+      if (!index) {
+        delete this.query[row.prop];
+      }
+      this.onLoad(this.page);
+    },
+    timesc(index, row) {
+      console.log(index, row);
+    },
+    inputsc(index, row) {
+      this.query[row.prop] = index;
+      if (!index) {
+        delete this.query[row.prop];
+      }
+      this.onLoad(this.page);
+    },
+    getWrapdetails(page) {
+      let params = {};
+      params.orderId = this.wid;
+      console.log('this.wid>>>>>>>', this.wid);
+      getWrapdetail(page.currentPage, page.pageSize, Object.assign(params, this.wquery)).then(
+        res => {
+          console.log('查看>>>>>>>', res.data.data);
+          const data = res.data.data;
+          this.wrapdata = data.records;
+          this.wpage.total = data.total;
+        }
+      );
+    },
+    handleSubmit() {
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          this.form.stringValue = jsonString;
+          if (!this.form.id) {
+            this.form.masterId = this.propertyformdata.id;
+            add(this.form).then(() => {
+              this.box = false;
+              this.onLoad(this.page);
+              this.$message({
+                type: 'success',
+                message: '操作成功!',
+              });
+              let str = {
+                val: false,
+              };
+              this.$emit('returnproperty', str);
+            });
+          } else {
+            update(this.form).then(() => {
+              this.box = false;
+              this.onLoad(this.page);
+              this.$message({
+                type: 'success',
+                message: '操作成功!',
+              });
+              let str = {
+                val: false,
+              };
+              this.$emit('returnproperty', str);
+            });
+          }
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+    handleAdd() {
+      this.title = '新增';
+      this.form = {};
+      this.box = true;
+    },
+    handleEdit(row) {
+      this.title = '编辑';
+      this.box = true;
+      getDetail(row.id).then(res => {
+        this.form = res.data.data;
+      });
+    },
+    handleView(row) {
+      console.log('查看>>>>>>>>>>', row);
+      this.title = '查看';
+      this.view = true;
+      this.box = true;
+      getWrapdetail(row.id).then(res => {
+        console.log('查看>>>>>>>', res.data.data);
+      });
+    },
+    handleInventoryView(row) {
+      console.log('查看>>>>>>>>>>', row);
+    },
+    //查看增值服务
+    checkAddValue(scope) {
+      const { row } = scope;
+      this.fbox = true;
+      let id = row.id;
+      getStockAddValue(id).then(res => {
+        let data = res.data.data.data;
+        //存在多种增值服务项
+        let a = [];
+        data.forEach((item, index) => {
+          if (item.addvalueId === '1') {
+            this.addvalueServeTypeData[0].f = item.number;
+            this.addvalueServeTypeData[0].e = item.fee;
+            this.addvalueServeTypeData[0].d = item.floor;
+          }
+
+          if (item.addvalueId === '2') {
+            this.addvalueServeTypeData[1].a = item.kilometer;
+            this.addvalueServeTypeData[1].e = item.fee;
+          }
+          if (item.addvalueId === '3') {
+            this.addvalueServeTypeData[2].f = item.number;
+            this.addvalueServeTypeData[2].e = item.fee;
+          }
+          if (item.addvalueId === '4') {
+            this.addvalueServeTypeData[3].b = item.distance;
+            this.addvalueServeTypeData[3].e = item.fee;
+          }
+          if (item.addvalueId === '5') {
+            this.addvalueServeTypeData[4].f = item.number;
+            this.addvalueServeTypeData[4].e = item.fee;
+          }
+          if (item.addvalueId === '6') {
+            this.addvalueServeTypeData[5].c = item.peopleNum;
+            this.addvalueServeTypeData[5].e = item.fee;
+          }
+          if (item.addvalueId === '7') {
+            this.addvalueServeTypeData[6].f = item.number;
+            this.addvalueServeTypeData[6].e = item.fee;
+          }
+          a.push(item.addvalueId);
+          console.log('<<<<<<<<<<', a);
+        });
+        this.form.addvalueType = a;
+
+        console.log('>>>>>>>>>>>>>>>>>>>>>>>>>', res);
+      });
+    },
+    handleDelete() {
+      if (this.selectionList.length === 0) {
+        this.$message.warning('请选择至少一条数据');
+        return;
+      }
+      this.$confirm('确定将选择数据删除?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          return remove(this.ids);
+        })
+        .then(() => {
+          this.selectionClear();
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+        });
+    },
+    handleAddvalueTabClick(tab, event) {
+      console.log('tab>>>>>>>>', tab.paneName);
+      let tabName = tab.paneName;
+      let addvalueId = 0;
+      switch (tabName) {
+        case 'tabs1':
+          //上楼
+          console.log('上楼');
+          addvalueId = 1;
+          break;
+        case 'tabs2':
+          //超区
+          console.log('超区');
+          addvalueId = 2;
+
+          break;
+        case 'tabs3':
+          //平移
+          console.log('平移');
+          addvalueId = 3;
+
+          break;
+        case 'tabs4':
+          //搬运
+          console.log('搬运');
+          addvalueId = 4;
+
+          break;
+        case 'tabs5':
+          //分拣
+          console.log('分拣');
+          addvalueId = 5;
+
+          break;
+        case 'tabs6':
+          //专车
+          console.log('专车');
+          addvalueId = 6;
+
+          break;
+      }
+
+      let a = {
+        signforId: this.$route.query.id,
+        addvalueId: addvalueId,
+      };
+      addvalueInfoList(a).then(res => {
+        console.log('res------------->', res.data.data);
+        const data = res.data.data;
+        if (data === null) {
+          this.addvalueData = [];
+          this.addvalueinfo = {};
+        } else {
+          this.addvalueinfo = data;
+          this.addvalueData = data.packageEntityList;
+        }
+        // if (data !== null ){
+        //   if (!!data.packageEntityList){
+        //     this.addvalueData = data.packageEntityList;
+        //   }
+        // }
+      });
+    },
+    rowDel(row) {
+      this.$confirm('确定将选择数据删除?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          return remove(row.id);
+        })
+        .then(() => {
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+        });
+    },
+    beforeClose(done) {
+      done();
+      this.form = {};
+      this.view = false;
+    },
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    handleTabClick(tab, event) {
+      console.log('tab>>>>>>>>', tab.paneName);
+      let tabName = tab.paneName;
+      switch (tabName) {
+        case 'tab1':
+          console.log('ssss');
+          break;
+        case 'tab2':
+          console.log('ssss');
+          break;
+        case 'tab3':
+          console.log('ssss');
+          break;
+        case 'tab4':
+          console.log('ssss');
+          break;
+      }
+    },
+    selectionClear() {
+      this.selectionList = [];
+      this.$refs.table.clearSelection();
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+      this.getListOrders(this.page);
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+      this.getListOrders(this.page);
+    },
+    wcurrentChange(currentPage) {
+      this.wpage.currentPage = currentPage;
+      this.getWrapdetails(this.wpage);
+    },
+    wsizeChange(pageSize) {
+      this.wpage.pageSize = pageSize;
+      this.getWrapdetails(this.wpage);
+    },
+    onLoad() {
+      //查询详情
+      this.loading = true;
+      let id = this.$route.query.id;
+      getDetail(id).then(res => {
+        const data = res.data.data;
+        if (data.orderInfo) {
+          this.orderData = data.orderInfo;
+        }
+        console.log('data111>>>>>>', data);
+        this.stepActive = this.stepsList.findIndex(item => item.title === data.signingStatusAll);
+        this.signfordata = data;
+        this.signfordata.address = 'aa';
+
+        // this.getListOrders(this.page)
+        this.getListPackage();
+      });
+      // this.getListOrders(this.page)
+
+      this.getListPackage();
+      let a = {
+        signforId: id,
+        addvalueId: 1,
+      };
+      addvalueInfoList(a).then(res => {
+        console.log('res------------->', res.data.data);
+        const data = res.data.data;
+        if (data === null) {
+          this.addvalueData = [];
+          this.addvalueinfo = {};
+        } else {
+          this.addvalueinfo = data;
+          this.addvalueData = data.packageEntityList;
+        }
+      });
+      this.loading = false;
+    },
+    getListOrders(page, params = {}) {
+      this.query.reservationId = this.signfordata.reservationId;
+      getListOrder(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
+        const data = res.data.data;
+        console.log('------------>data', data);
+        this.page.total = data.total;
+        this.orderData = data.records;
+      });
+    },
+    getListPackage() {
+      let signforId = this.$route.query.id;
+      console.log('--------------->', this.signfordata);
+      console.log('--------------->signforId', signforId);
+      signforPackageList(signforId).then(res => {
+        const data = res.data.data;
+        console.log('------------>data', data);
+        // this.page.total = data.total
+        this.packageData = data;
+      });
+      // console.log("data",data);
+      if (this.signfordata.deliveryType !== '商配') {
+        signforInventoryList(signforId).then(res => {
+          const data = res.data.data;
+          console.log('------------>data', data);
+          // this.page.total = data.total
+          this.inventoryData = data;
+        });
+      }
+    },
+  },
 };
 </script>
 
-<style lang="scss" scoped>
-.el-card {
-  .el-card__header {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    .el-steps {
-      width: 100%;
-      margin-top: 25px;
-    }
-  }
-
-  .card-header {
-    font-size: 18px;
-    font-weight: 500;
-  }
-  :deep(.el-divider__text) {
-    font-weight: bold;
-    font-size: 16px;
-  }
-  .Basic-information {
-    display: flex;
-    justify-content: flex-start;
-    margin-bottom: 50px;
-    flex-wrap: wrap;
-  }
-  .el-txt:first-of-type {
-    /* 样式 */
-    // margin-top: 0;
+<style lang="scss">
+.btsbx {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 20px;
+  > button {
+    width: 120px;
+    height: 40px;
   }
-  .el-txt {
-    min-width: 280px;
-    margin-right: 1%;
+}
+.maxitembxlist {
+  display: flex;
+  flex-direction: column;
+  // padding: 10px;
+  box-sizing: border-box;
+  margin-top: 20px;
+  > .items {
     display: flex;
-    align-items: center;
-    i {
-      margin-right: 5px;
-    }
-    .title-name {
-      min-width: 120px;
-      font-weight: 500;
+    flex-direction: column;
+    width: 100%;
+    background-color: #fcfcfc;
+    padding: 10px;
+    box-sizing: border-box;
+    border: 1px solid #e2e0e0;
+    border-radius: 2px;
+    margin-bottom: 20px;
+    &:nth-last-child(1) {
+      margin-bottom: 0;
     }
-    .el-cont {
-      font-weight: 400;
-      padding: 0 10px;
+    > .contbx {
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+      margin-top: 10px;
+      > .tabitem {
+        display: flex;
+        align-items: center;
+        > div {
+          flex: 1;
+          height: 45px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          background-color: #f3f3f3;
+          border: 1px solid #e2e0e0;
+          margin-bottom: -2px;
+          margin-right: -2px;
+        }
+      }
+      > .contentitem {
+        display: flex;
+        align-items: center;
+        > div {
+          flex: 1;
+          height: 45px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          background-color: #ffffff;
+          border: 1px solid #e2e0e0;
+          margin-bottom: -2px;
+          margin-right: -2px;
+        }
+      }
     }
-  }
-  .notes {
-    width: 100%;
-    margin-top: 30px;
-    margin-right: 0;
-  }
-  .title-notes {
-    width: 90px;
-  }
-  .el-positioning {
-    margin-left: auto;
-    width: 59%;
-  }
-  .FImg {
-    display: flex;
-  }
-  .imgName {
-    width: 30%;
-    span {
-      font-size: 16px;
-      position: relative;
-      font-weight: 500;
-      color: #958d8d;
-      display: inline-block;
-      border: 1px solid #ccc;
-      padding: 0 10px;
-      border-radius: 4px;
-      margin-bottom: 2px;
+    > .titltophead {
+      width: 100%;
       display: flex;
       align-items: center;
-      width: fit-content;
+      justify-content: space-between;
+      .icons {
+        font-size: 27px;
+        &:nth-of-type(1) {
+          margin-right: 8px;
+        }
+      }
+    }
+    > .editinput {
+      display: flex;
+      flex-direction: column;
+      padding: 20px 0;
+      > .inputitem {
+        display: flex;
+        align-items: flex-start;
+        justify-content: space-between;
+        margin-bottom: 10px;
+        &:nth-last-child(1) {
+          margin-bottom: 0;
+        }
+        .inpts {
+          display: flex;
+          align-items: flex-start;
+
+          flex: 1;
+          padding-right: 10px;
+          > span {
+            width: 90px;
+          }
+          > div:nth-of-type(1) {
+            flex: 1;
+          }
+        }
+      }
     }
   }
 }
-:deep(.el-dialog__body) {
-  img {
-    width: 100%;
-  }
-}
-.tab-title {
+.topbox {
   display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 10px;
-  span {
+  flex-direction: column;
+  > .titlxbx {
+    font-size: 16px;
     display: flex;
     align-items: center;
+    > div {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      > div {
+        flex: 1;
+        height: 40px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: 1px solid #e2e0e0;
+        margin-bottom: -1px;
+        margin-right: -1px;
+        word-break: break-all;
+        &:nth-of-type(1) {
+          background-color: #f3f3f3;
+        }
+      }
+    }
   }
 }
 </style>
diff --git a/src/views/distribution/signfor/distributionSignforedtTD.vue b/src/views/distribution/signfor/distributionSignforedtTD.vue
deleted file mode 100644
index 5197092d..00000000
--- a/src/views/distribution/signfor/distributionSignforedtTD.vue
+++ /dev/null
@@ -1,2299 +0,0 @@
-<template>
-  <basic-container>
-    <div class="avue-crud">
-      <el-row :gutter="24" class="rows">
-        <el-col :xl="7" :lg="7" :md="8" :sm="24">
-          <span style="padding-left: 10%"
-            >当前签收单状态>>>>>>>>> {{ signfordata.signingStatusAll }}</span
-          >
-        </el-col>
-      </el-row>
-      <el-divider>基本信息</el-divider>
-      <el-row :gutter="24" class="rows">
-        <el-col :xl="5" :lg="7" :md="8" :sm="24">
-          <span>预约单号：{{ signfordata.reservationCode }} </span>
-        </el-col>
-        <el-col :xl="5" :lg="7" :md="8" :sm="24">
-          <span>商场名称：{{ signfordata.mallName }} </span>
-        </el-col>
-        <el-col :xl="5" :lg="7" :md="8" :sm="24">
-          <span>预约时间：{{ signfordata.reservationDate }} </span>
-        </el-col>
-        <!--                <el-col :xl="3" :lg="7" :md="8" :sm="24">-->
-        <!--                    <span>配送车次：{{signfordata.deliveryType}}</span>-->
-        <!--                </el-col>-->
-        <!--                <el-col :xl="3" :lg="7" :md="8" :sm="24">-->
-        <!--                    <span>服务类型：{{signfordata.deliveryType}}</span>-->
-        <!--                </el-col>-->
-      </el-row>
-      <el-divider>配送信息</el-divider>
-      <el-row :gutter="24" class="rows">
-        <el-col :xl="5" :lg="7" :md="8" :sm="24">
-          <span>配送车次：{{ signfordata.trainNumber }} </span>
-        </el-col>
-        <el-col :xl="5" :lg="7" :md="8" :sm="24">
-          <span>配送司机：{{ signfordata.driverName }} </span>
-        </el-col>
-        <el-col :xl="4" :lg="7" :md="8" :sm="24">
-          <span>配送车辆：{{ signfordata.vehicleName }} </span>
-        </el-col>
-        <el-col :xl="5" :lg="7" :md="8" :sm="24">
-          <span>装车班组：{{ signfordata.loadingTeamName }} </span>
-        </el-col>
-        <el-col :xl="5" :lg="7" :md="8" :sm="24">
-          <span>卸车班组：{{ signfordata.unLoadingTeamName }} </span>
-        </el-col>
-        <!--                <el-col :xl="3" :lg="7" :md="8" :sm="24">-->
-        <!--                    <span>配送车次：{{signfordata.deliveryType}}</span>-->
-        <!--                </el-col>-->
-        <!--                <el-col :xl="3" :lg="7" :md="8" :sm="24">-->
-        <!--                    <span>服务类型：{{signfordata.deliveryType}}</span>-->
-        <!--                </el-col>-->
-      </el-row>
-      <el-divider>收货人信息</el-divider>
-      <el-row :gutter="24" class="rows">
-        <el-col :xl="7" :lg="7" :md="10" :sm="24">
-          <span>收货人：{{ signfordata.consignee }} </span>
-        </el-col>
-        <el-col :xl="7" :lg="7" :md="10" :sm="24">
-          <span>手机号码：{{ signfordata.deliveryPhone }} </span>
-        </el-col>
-        <el-col :xl="7" :lg="7" :md="10" :sm="24">
-          <span>收货地址：{{ signfordata.deliveryAddress }} </span>
-        </el-col>
-      </el-row>
-      <el-row :gutter="24" class="rows">
-        <el-col :xl="7" :lg="7" :md="10" :sm="24">
-          <span>是否加急：{{ signfordata.isUrgent }} </span>
-        </el-col>
-        <el-col :xl="7" :lg="7" :md="10" :sm="24">
-          <span>客户备注：{{ signfordata.remarks }} </span>
-        </el-col>
-      </el-row>
-      <!--      <el-dialog v-model="fbox" title="增值服务" width="30%">-->
-      <!--        &lt;!&ndash;                :before-close="handleClose"&ndash;&gt;-->
-      <!--        <el-form-item label="增值服务" prop="freightMark">-->
-      <!--          <el-checkbox-group v-model="form.addvalueType" @change="handleCheckedCitiesChange">-->
-      <!--            <el-checkbox-->
-      <!--              style="width: 100%; margin-bottom: 3%"-->
-      <!--              :disabled="true"-->
-      <!--              v-for="(item, index) in addvalueServeTypeData"-->
-      <!--              :key="item.dictKey"-->
-      <!--              :label="item.dictKey"-->
-      <!--              >{{ item.dictValue }}-->
-      <!--              <span v-if="index === 0 || index === 6 || index === 2 || index === 4"-->
-      <!--                >&nbsp;件数:-->
-      <!--                <el-input-->
-      <!--                  v-model="item.f"-->
-      <!--                  :disabled="true"-->
-      <!--                  style="width: 10%; border: none; border-bottom: 2px solid #eee"-->
-      <!--                />-->
-      <!--              </span>-->
-      <!--              <span v-if="index === 1"-->
-      <!--                >公里:-->
-      <!--                <el-input-->
-      <!--                  v-model="item.a"-->
-      <!--                  :disabled="true"-->
-      <!--                  style="width: 10%; border: none; border-bottom: 2px solid #eee"-->
-      <!--                />-->
-      <!--              </span>-->
-      <!--              <span v-if="index === 3"-->
-      <!--                >距离:-->
-      <!--                <el-input-->
-      <!--                  v-model="item.b"-->
-      <!--                  :disabled="true"-->
-      <!--                  style="width: 10%; border: none; border-bottom: 2px solid #eee"-->
-      <!--                />-->
-      <!--              </span>-->
-      <!--              <span v-if="index === 5"-->
-      <!--                >人数:-->
-      <!--                <el-input-->
-      <!--                  v-model="item.c"-->
-      <!--                  :disabled="true"-->
-      <!--                  style="width: 10%; border: none; border-bottom: 2px solid #eee"-->
-      <!--                />-->
-      <!--              </span>-->
-      <!--              <span v-if="index === 0"-->
-      <!--                >楼层:-->
-      <!--                <el-input-->
-      <!--                  v-model="item.d"-->
-      <!--                  :disabled="true"-->
-      <!--                  style="width: 10%; border: none; border-bottom: 2px solid #eee"-->
-      <!--                />-->
-      <!--              </span>-->
-      <!--              <span v-if="item"-->
-      <!--                >预计费用:-->
-      <!--                <el-input-->
-      <!--                  v-model="item.e"-->
-      <!--                  :disabled="true"-->
-      <!--                  style="width: 20%; border: none; border-bottom: 2px solid #eee"-->
-      <!--                />-->
-      <!--              </span>-->
-      <!--            </el-checkbox>-->
-      <!--          </el-checkbox-group>-->
-      <!--        </el-form-item>-->
-      <!--        <template #footer>-->
-      <!--          <span class="dialog-footer">-->
-      <!--            <el-button @click="dialogVisible = false">关闭</el-button>-->
-      <!--            &lt;!&ndash;        <el-button type="primary" @click="dialogVisible = false">&ndash;&gt;-->
-      <!--            &lt;!&ndash;          确定(增值服务)&ndash;&gt;-->
-      <!--            &lt;!&ndash;        </el-button>&ndash;&gt;-->
-      <!--          </span>-->
-      <!--        </template>-->
-      <!--      </el-dialog>-->
-
-      <!--      <el-dialog :title="title"-->
-      <!--                 v-model="fbox"-->
-      <!--                 width="50%"-->
-      <!--                 :before-close="beforeClose"-->
-      <!--                 append-to-body>-->
-      <!--      <div class="topbox">-->
-      <!--        <div class="titlxbx">-->
-      <!--          <div>-->
-      <!--            <div>上楼</div>-->
-      <!--            <div>2178501088045989849</div>-->
-      <!--          </div>-->
-      <!--          <div>-->
-      <!--            <div>货物件数：</div>-->
-      <!--            <div>预估费用：500.00</div>-->
-      <!--          </div>-->
-      <!--        </div>-->
-      <!--        <div class="titlxbx">-->
-      <!--          <div>-->
-      <!--            <div>超区</div>-->
-      <!--            <div>超区公里：10KM</div>-->
-      <!--          </div>-->
-      <!--          <div>-->
-      <!--            <div></div>-->
-      <!--            <div>预估费用：500.00</div>-->
-      <!--          </div>-->
-      <!--        </div>-->
-      <!--        <div class="titlxbx">-->
-      <!--          <div>-->
-      <!--            <div>拆样</div>-->
-      <!--            <div>货物件数：10件</div>-->
-      <!--          </div>-->
-      <!--          <div>-->
-      <!--            <div></div>-->
-      <!--            <div>预估费用：500.00</div>-->
-      <!--          </div>-->
-      <!--        </div>-->
-      <!--        <div class="titlxbx">-->
-      <!--          <div>-->
-      <!--            <div>返货</div>-->
-      <!--            <div>货物件数：10件</div>-->
-      <!--          </div>-->
-      <!--          <div>-->
-      <!--            <div></div>-->
-      <!--            <div>预估费用：500.00</div>-->
-      <!--          </div>-->
-      <!--        </div>-->
-      <!--        <div class="titlxbx">-->
-      <!--          <div>-->
-      <!--            <div>搬运</div>-->
-      <!--            <div>人员：张三，李四</div>-->
-      <!--          </div>-->
-      <!--          <div>-->
-      <!--            <div></div>-->
-      <!--            <div></div>-->
-      <!--          </div>-->
-      <!--        </div>-->
-
-      <!--        <div class="titlxbx">-->
-      <!--          <div>-->
-      <!--            <div>返货</div>-->
-      <!--            <div>货物件数：10件</div>-->
-      <!--          </div>-->
-      <!--          <div>-->
-      <!--            <div></div>-->
-      <!--            <div>预估费用：500.00</div>-->
-      <!--          </div>-->
-      <!--        </div>-->
-
-      <!--        <div class="titlxbx">-->
-      <!--          <div>-->
-      <!--            <div>到付运费</div>-->
-      <!--            <div></div>-->
-      <!--          </div>-->
-      <!--          <div>-->
-      <!--            <div></div>-->
-      <!--            <div>费用：500.00</div>-->
-      <!--          </div>-->
-      <!--        </div>-->
-      <!--        <div class="titlxbx">-->
-      <!--          <div>-->
-      <!--            <div>代收货款</div>-->
-      <!--            <div></div>-->
-      <!--          </div>-->
-      <!--          <div>-->
-      <!--            <div></div>-->
-      <!--            <div>费用：500.00</div>-->
-      <!--          </div>-->
-      <!--        </div>-->
-      <!--      </div>-->
-      <!--      </el-dialog>-->
-
-      <el-divider>签收信息</el-divider>
-      <avue-form :option="signoption" v-model="signfordata" :data="signdata" ref="signform">
-      </avue-form>
-      <el-divider>配送信息</el-divider>
-      <el-tabs type="border-card" v-model="activeTab" @tab-click="handleTabClick">
-        <el-tab-pane label="订 单 列 表" name="tab1">
-          <!-- 列表模块 -->
-          <el-table
-            ref="table"
-            v-loading="loading"
-            @selection-change="selectionChange"
-            :data="orderData"
-            :height="height"
-            style="width: 100%"
-            :border="ordoption.border"
-          >
-            <!--                        align="center"-->
-            <el-table-column type="expand" v-if="ordoption.expand"></el-table-column>
-            <template v-for="(item, index) in ordoption.column">
-              <!-- table字段 -->
-              <el-table-column
-                v-if="item.hide !== true"
-                :prop="item.prop"
-                :label="item.label"
-                :show-overflow-tooltip="true"
-                :width="item.width"
-                :key="index"
-              >
-                <!--                                                                             :align="center"
-                -->
-              </el-table-column>
-            </template>
-            <!--            <el-table-column prop="menu" label="操作" :width="250">-->
-            <!--              <template #="{row}">-->
-            <!--                <el-button type="primary" text icon="el-icon-view" @click="handleView(row)">查 看-->
-            <!--                </el-button>-->
-            <!--              </template>-->
-            <!--            </el-table-column>-->
-          </el-table>
-        </el-tab-pane>
-        <el-tab-pane label="包 件 列 表" name="tab2">
-          <!-- 列表模块 -->
-          <el-table
-            ref="table"
-            v-loading="loading"
-            @selection-change="selectionChange"
-            :data="packageData"
-            :height="height"
-            style="width: 100%"
-            :border="wrapoption.border"
-          >
-            <!--                        align="center"-->center
-
-            <el-table-column type="expand" v-if="wrapoption.expand"></el-table-column>
-            <template v-for="(item, index) in wrapoption.column">
-              <!-- table字段 -->
-              <el-table-column
-                v-if="item.hide !== true"
-                :prop="item.prop"
-                :label="item.label"
-                :show-overflow-tooltip="true"
-                :width="item.width"
-                :key="index"
-              >
-                <!--                                :align="center"-->
-              </el-table-column>
-            </template>
-          </el-table>
-        </el-tab-pane>
-        <el-tab-pane label="库 存 品 列 表" name="tab3">
-          <!-- 列表模块 -->
-          <el-table
-            ref="table"
-            v-loading="loading"
-            @selection-change="selectionChange"
-            :data="inventoryData"
-            :height="height"
-            style="width: 100%"
-            :border="inventory.border"
-          >
-            <!--                        align="center"-->center
-
-            <el-table-column type="expand" v-if="inventory.expand"></el-table-column>
-            <template v-for="(item, index) in inventory.column">
-              <!-- table字段 -->
-              <el-table-column
-                v-if="item.hide !== true"
-                :prop="item.prop"
-                :label="item.label"
-                :show-overflow-tooltip="true"
-                :width="item.width"
-                :key="index"
-              >
-                <!--                                :align="center"-->
-              </el-table-column>
-            </template>
-            <!--              <el-table-column prop="menu" label="操作" :width="220" align="center">-->
-            <!--                <template #="{row}">-->
-            <!--                  <el-button type="primary" text icon="el-icon-view" @click="handleInventoryView(row)">查看详情</el-button>-->
-            <!--                </template>-->
-            <!--              </el-table-column>-->
-          </el-table>
-        </el-tab-pane>
-      </el-tabs>
-
-      <el-divider><h5>增值服务信息</h5></el-divider>
-      <el-tabs type="border-card" v-model="activeTab" @tab-click="handleAddvalueTabClick">
-        <el-tab-pane label="上&emsp;楼" name="tabs1">
-          <!-- 列表模块 -->
-          <el-row :gutter="24" class="rows">
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>楼层:{{ addvalueinfo.floolNum }} 层</span>
-            </el-col>
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>件数：{{ addvalueinfo.num }} 件</span>
-            </el-col>
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>费用：{{ addvalueinfo.fee }} ￥</span>
-            </el-col>
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>操作人：{{ addvalueinfo.createUser }} </span>
-            </el-col>
-          </el-row>
-          <el-table
-            ref="table"
-            v-loading="loading"
-            @selection-change="selectionChange"
-            :data="addvalueData"
-            :height="height"
-            style="width: 100%"
-            :border="addvalueOption.border"
-          >
-            <!--                        align="center"-->
-            <el-table-column type="expand" v-if="addvalueOption.expand"></el-table-column>
-            <template v-for="(item, index) in addvalueOption.column">
-              <!-- table字段 -->
-              <el-table-column
-                v-if="item.hide !== true"
-                :prop="item.prop"
-                :label="item.label"
-                :show-overflow-tooltip="true"
-                :width="item.width"
-                :key="index"
-              >
-                <!--                                                                             :align="center"
-                -->
-              </el-table-column>
-            </template>
-            <!--            <el-table-column prop="menu" label="操作" :width="250">-->
-            <!--              <template #="{row}">-->
-            <!--                <el-button type="primary" text icon="el-icon-view" @click="handleView(row)">查 看-->
-            <!--                </el-button>-->
-            <!--              </template>-->
-            <!--            </el-table-column>-->
-          </el-table>
-        </el-tab-pane>
-        <el-tab-pane label="超&emsp;区" name="tabs2">
-          <!-- 列表模块 -->
-          <el-row :gutter="24" class="rows">
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>公里数:{{ addvalueinfo.distance }}公里 </span>
-            </el-col>
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>件数:{{ addvalueinfo.num }} 件</span>
-            </el-col>
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>费用：{{ addvalueinfo.fee }} ￥</span>
-            </el-col>
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>操作人：{{ addvalueinfo.createUser }} </span>
-            </el-col>
-          </el-row>
-          <el-table
-            ref="table"
-            v-loading="loading"
-            @selection-change="selectionChange"
-            :data="addvalueData"
-            :height="height"
-            style="width: 100%"
-            :border="addvalueOption.border"
-          >
-            <!--                        align="center"-->center
-
-            <el-table-column type="expand" v-if="addvalueOption.expand"></el-table-column>
-            <template v-for="(item, index) in addvalueOption.column">
-              <!-- table字段 -->
-              <el-table-column
-                v-if="item.hide !== true"
-                :prop="item.prop"
-                :label="item.label"
-                :show-overflow-tooltip="true"
-                :width="item.width"
-                :key="index"
-              >
-                <!--                                :align="center"-->
-              </el-table-column>
-            </template>
-          </el-table>
-        </el-tab-pane>
-        <el-tab-pane label="平&emsp;移" name="tabs3">
-          <!-- 列表模块 -->
-          <el-row :gutter="24" class="rows">
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>距离:{{ addvalueinfo.distance }}米 </span>
-            </el-col>
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>件数:{{ addvalueinfo.num }} 件</span>
-            </el-col>
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>费用：{{ addvalueinfo.fee }} ￥</span>
-            </el-col>
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>操作人：{{ addvalueinfo.deliveryAddress }} </span>
-            </el-col>
-          </el-row>
-          <el-table
-            ref="table"
-            v-loading="loading"
-            @selection-change="selectionChange"
-            :data="addvalueData"
-            :height="height"
-            style="width: 100%"
-            :border="addvalueOption.border"
-          >
-            <!--                        align="center"-->center
-
-            <el-table-column type="expand" v-if="addvalueOption.expand"></el-table-column>
-            <template v-for="(item, index) in addvalueOption.column">
-              <!-- table字段 -->
-              <el-table-column
-                v-if="item.hide !== true"
-                :prop="item.prop"
-                :label="item.label"
-                :show-overflow-tooltip="true"
-                :width="item.width"
-                :key="index"
-              >
-                <!--                                :align="center"-->
-              </el-table-column>
-            </template>
-          </el-table>
-        </el-tab-pane>
-        <el-tab-pane label="搬&emsp;运" name="tabs4">
-          <!-- 列表模块 -->
-          <el-row :gutter="24" class="rows">
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>班组:{{ addvalueinfo.consignee }} </span>
-            </el-col>
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>件数:{{ addvalueinfo.num }} </span>
-            </el-col>
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>费用：{{ addvalueinfo.fee }} </span>
-            </el-col>
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>操作人：{{ addvalueinfo.deliveryAddress }} </span>
-            </el-col>
-          </el-row>
-          <el-table
-            ref="table"
-            v-loading="loading"
-            @selection-change="selectionChange"
-            :data="addvalueData"
-            :height="height"
-            style="width: 100%"
-            :border="addvalueOption.border"
-          >
-            <!--                        align="center"-->center
-
-            <el-table-column type="expand" v-if="addvalueOption.expand"></el-table-column>
-            <template v-for="(item, index) in addvalueOption.column">
-              <!-- table字段 -->
-              <el-table-column
-                v-if="item.hide !== true"
-                :prop="item.prop"
-                :label="item.label"
-                :show-overflow-tooltip="true"
-                :width="item.width"
-                :key="index"
-              >
-                <!--                                :align="center"-->
-              </el-table-column>
-            </template>
-          </el-table>
-        </el-tab-pane>
-        <el-tab-pane label="分&emsp;拣" name="tabs5">
-          <!-- 列表模块 -->
-          <el-row :gutter="24" class="rows">
-            <!--             <el-col :xl="6" :lg="7" :md="10" :sm="24" >-->
-            <!--               <span>距离:{{signfordata.consignee}} </span>-->
-            <!--             </el-col>-->
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>件数:{{ addvalueinfo.num }} 件</span>
-            </el-col>
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>费用：{{ addvalueinfo.fee }} ￥</span>
-            </el-col>
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>操作人：{{ addvalueinfo.deliveryAddress }} </span>
-            </el-col>
-          </el-row>
-          <el-table
-            ref="table"
-            v-loading="loading"
-            @selection-change="selectionChange"
-            :data="addvalueData"
-            :height="height"
-            style="width: 100%"
-            :border="addvalueOption.border"
-          >
-            <!--                        align="center"-->center
-
-            <el-table-column type="expand" v-if="addvalueOption.expand"></el-table-column>
-            <template v-for="(item, index) in addvalueOption.column">
-              <!-- table字段 -->
-              <el-table-column
-                v-if="item.hide !== true"
-                :prop="item.prop"
-                :label="item.label"
-                :show-overflow-tooltip="true"
-                :width="item.width"
-                :key="index"
-              >
-                <!--                                :align="center"-->
-              </el-table-column>
-            </template>
-          </el-table>
-        </el-tab-pane>
-        <el-tab-pane label="专&emsp;车" name="tabs6">
-          <!-- 列表模块 -->
-          <el-row :gutter="24" class="rows">
-            <!--             <el-col :xl="6" :lg="7" :md="10" :sm="24" >-->
-            <!--               <span>距离:{{signfordata.consignee}} </span>-->
-            <!--             </el-col>-->
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>件数:{{ addvalueinfo.num }} 件</span>
-            </el-col>
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>费用：{{ addvalueinfo.fee }} ￥</span>
-            </el-col>
-            <el-col :xl="6" :lg="7" :md="10" :sm="24">
-              <span>操作人：{{ addvalueinfo.deliveryAddress }} </span>
-            </el-col>
-          </el-row>
-          <el-table
-            ref="table"
-            v-loading="loading"
-            @selection-change="selectionChange"
-            :data="addvalueData"
-            :height="height"
-            style="width: 100%"
-            :border="addvalueOption.border"
-          >
-            <!--                        align="center"-->center
-
-            <el-table-column type="expand" v-if="addvalueOption.expand"></el-table-column>
-            <template v-for="(item, index) in addvalueOption.column">
-              <!-- table字段 -->
-              <el-table-column
-                v-if="item.hide !== true"
-                :prop="item.prop"
-                :label="item.label"
-                :show-overflow-tooltip="true"
-                :width="item.width"
-                :key="index"
-              >
-                <!--                                :align="center"-->
-              </el-table-column>
-            </template>
-          </el-table>
-        </el-tab-pane>
-
-        <!--         <el-tab-pane label="平移。搬运。分拣。专车" name="tab4">-->
-        <!--          &lt;!&ndash; 列表模块 &ndash;&gt;-->
-        <!--          <el-table ref="table" v-loading="loading"-->
-        <!--                    @selection-change="selectionChange"-->
-        <!--                    :data="inventoryData"-->
-        <!--                    :height="height"-->
-        <!--                    style="width: 100%"-->
-        <!--                    :border="inventory.border"-->
-        <!--          >-->
-        <!--            &lt;!&ndash;                        align="center"&ndash;&gt;center-->
-
-        <!--            <el-table-column type="expand" v-if="inventory.expand"></el-table-column>-->
-        <!--            <template v-for="(item,index) in inventory.column">-->
-        <!--              &lt;!&ndash; table字段 &ndash;&gt;-->
-        <!--              <el-table-column v-if="item.hide!==true"-->
-        <!--                               :prop="item.prop"-->
-        <!--                               :label="item.label"-->
-        <!--                               :show-overflow-tooltip="true"-->
-        <!--                               :width="item.width"-->
-        <!--                               :key="index">-->
-        <!--                &lt;!&ndash;                                :align="center"&ndash;&gt;-->
-        <!--              </el-table-column>-->
-
-        <!--            </template>-->
-        <!--            &lt;!&ndash;              <el-table-column prop="menu" label="操作" :width="220" align="center">&ndash;&gt;-->
-        <!--            &lt;!&ndash;                <template #="{row}">&ndash;&gt;-->
-        <!--            &lt;!&ndash;                  <el-button type="primary" text icon="el-icon-view" @click="handleInventoryView(row)">查看详情</el-button>&ndash;&gt;-->
-        <!--            &lt;!&ndash;                </template>&ndash;&gt;-->
-        <!--            &lt;!&ndash;              </el-table-column>&ndash;&gt;-->
-
-        <!--          </el-table>-->
-
-        <!--        </el-tab-pane>-->
-      </el-tabs>
-    </div>
-  </basic-container>
-</template>
-
-<script>
-import {
-  getList,
-  getDetail,
-  add,
-  update,
-  remove,
-  getDetailById,
-  getListOrder,
-  signforPackageList,
-  signforInventoryList,
-  addvalueInfoList,
-} from '@/api/distribution/distributionSignfor';
-
-import { mapGetters } from 'vuex';
-import { getDictionaryBiz } from '@/api/system/dict';
-import { getWrapdetail } from '@/api/distribution/distributionDeliveryList';
-import { getStockAddValue } from '@/api/distribution/distributionStockArticle';
-
-export default {
-  data() {
-    return {
-      height: 100,
-      // 弹框标题
-      title: '',
-      // 是否展示弹框
-      box: false,
-      // 服务内容是否展示弹框
-      fbox: false,
-      dataForm: {},
-      // 是否显示查询
-      search: true,
-      // 是否显示新增
-      isadd: false,
-      signfordata: {},
-      // 加载中
-      loading: true,
-      // 查看按钮
-      edt: false,
-      // 查看pda
-      padview: false,
-      // 是否为查看模式。。
-      view: false,
-      // 查询信息
-      query: {},
-      // 包条查询信息
-      wquery: {},
-      inputTypeData: [],
-      // 签收表单数据
-      signform: {},
-      // 签收列表
-      signdata: [],
-      //tabs初始页码
-      activeTab: 'tab1',
-      //订单数据:
-      orderData: [],
-      addvalueinfo: {},
-      // 步骤条
-      stepsList: [
-        {
-          title: '待装车',
-          icon: 'Grid',
-        },
-        {
-          title: '待配送',
-          icon: 'Loading',
-        },
-        {
-          title: '配送中',
-          icon: 'Van',
-        },
-        {
-          title: '司机签收',
-          icon: 'Cellphone',
-        },
-        {
-          title: '文员签收',
-          icon: 'Platform',
-        },
-      ],
-      // 步骤条激活步骤
-      stepActive: 0,
-      addvalueData: [],
-      addvalueOption: {
-        expand: false,
-        index: true,
-        border: true,
-        selection: true,
-        column: [
-          {
-            prop: 'orderCode',
-            label: '订单自编号',
-            type: 2,
-            values: '',
-            width: '300',
-            checkarr: [],
-            fixed: true,
-            sortable: true,
-            // head: true,
-          },
-          {
-            label: '货物名称',
-            prop: 'materialName',
-            type: 1,
-            values: '',
-            width: '300',
-            checkarr: [],
-            fixed: false,
-            sortable: true,
-          },
-          {
-            label: '包条码',
-            prop: 'orderPackageCode',
-            type: 1,
-            values: '',
-            width: '300',
-            checkarr: [],
-            fixed: false,
-            sortable: true,
-          },
-          {
-            label: '数量',
-            prop: 'quantity',
-            type: 1,
-            values: '',
-            width: '220',
-            checkarr: [],
-            fixed: false,
-            sortable: true,
-          },
-          {
-            label: '包条类型',
-            prop: 'conditions',
-            type: 1,
-            values: '',
-            width: '220',
-            checkarr: [],
-            fixed: false,
-            sortable: true,
-          },
-          {
-            prop: '',
-            label: '操作',
-            type: 6,
-            values: '',
-            width: '300',
-            checkarr: [],
-            fixed: 'right',
-            sortable: false,
-          },
-          // 更多列的配置...
-        ],
-      },
-      //卡片列表
-      ordoption: {
-        expand: false,
-        index: true,
-        border: true,
-        selection: true,
-        column: [
-          // {
-          //   label: '车次号',
-          //   prop: 'trainNumber',
-          //   search: true,
-          //   width: '100px'
-          // },
-          {
-            label: '订单自编号',
-            prop: 'orderCode',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '服务号',
-            prop: 'serviceNumber',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '运单号',
-            prop: 'waybillNumber',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '仓库',
-            prop: 'warehouse',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '品牌',
-            prop: 'brand',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '商城名称',
-            prop: 'mallName',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '门店名称',
-            prop: 'storeName',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '货物名称',
-            prop: 'descriptionGoods',
-            search: true,
-            width: '100px',
-          },
-          // {
-          //   label: '订单状态',
-          //   prop: 'orderStatusName',
-          //   search: true,
-          //   width: '100px'
-          // },
-          {
-            label: '计划包件数量',
-            prop: 'reservationNum',
-            search: true,
-            width: '120px',
-          },
-          // {
-          //   label: '包件签收数量',
-          //   prop: 'stockupNumber',
-          //   search: true,
-          //   width: '120px'
-          // },
-          {
-            label: '收货单位',
-            prop: 'consigneeUnit',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '运单收货人',
-            prop: 'consigneePerson',
-            search: true,
-            width: '120px',
-          },
-          {
-            label: '运单收货地址',
-            prop: 'consigneeAddress',
-            search: true,
-            width: '130px',
-          },
-          {
-            label: '运单收货电话',
-            prop: 'consigneeMobile',
-            search: true,
-            width: '130px',
-          },
-          {
-            label: '终端收货人',
-            prop: 'customerName',
-            search: true,
-            width: '120px',
-          },
-          {
-            label: '终端收货地址',
-            prop: 'customerTelephone',
-            search: true,
-            width: '120px',
-          },
-          {
-            label: '终端收货电话',
-            prop: 'customerAddress',
-            search: true,
-            width: '120px',
-          },
-        ],
-      },
-      //包件卡片列表
-      wrapoption: {
-        expand: false,
-        index: true,
-        border: true,
-        selection: true,
-        column: [
-          {
-            label: '运单号',
-            prop: 'waybillNumber',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '服务号',
-            prop: 'serviceNumber',
-            search: true,
-            width: '100px',
-          },
-          {
-            search: true,
-            label: '订单自编号',
-            prop: 'orderCode',
-            width: '100px',
-          },
-          {
-            label: '包条码',
-            prop: 'orderPackageCode',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '仓库',
-            prop: 'warehouse',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '发站仓',
-            prop: 'sendWarehouseName',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '目的仓',
-            prop: 'acceptWarehouseName',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '发货时间',
-            prop: 'waybillNumber',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '入库时间',
-            prop: 'warehouseEntryTimeEnd',
-            search: true,
-            width: '100px',
-          },
-          // {
-          //   label: '客户车次号',
-          //   prop: 'trainNumber',
-          //   search: true,
-          //   width: '100px'
-          // },
-          // {
-          //   label: '发站出库车次',
-          //   prop: 'trainNumber',
-          //   search: true,
-          //   width: '100px'
-          // },
-          {
-            label: '入库车次',
-            prop: 'trainNumber',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '一级品类',
-            prop: 'firsts',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '二级品类',
-            prop: 'second',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '三级品类',
-            prop: 'thirdProduct',
-            search: true,
-            width: '100px',
-          },
-          // {
-          //   label: '物料编号',
-          //   prop: 'materialCode',
-          //   search: true,
-          //   width: '100px'
-          // },
-          // {
-          //   label: '物料名称',
-          //   prop: 'materialName',
-          //   search: true,
-          //   width: '100px'
-          // },
-
-          {
-            label: '包件状态',
-            prop: 'orderPackageStatusName',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '冻结状态',
-            prop: 'orderPackageFreezeStatusName',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '上架状态',
-            prop: 'orderPackageGroundingStatusName',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '备货状态',
-            prop: 'orderPackageStockupStatusName',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '预约状态',
-            prop: 'orderPackageReservationStatusName',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '装车状态',
-            prop: 'orderPackageLoadingStatusName',
-            search: true,
-            width: '100px',
-          },
-          // {
-          //   label: '配送计划状态',
-          //   prop: 'orderPackageDeliveryStatus',
-          //   search: true,
-          //   width: '130px'
-          // },
-          //  {
-          //   label: '装车扫描时间',
-          //   prop: 'orderPackageReservationStatusName',
-          //   search: true,
-          //   width: '150px'
-          // },
-          {
-            label: '装车方式',
-            prop: 'scanStatus',
-            search: true,
-            width: '150px',
-          },
-          // {
-          //   label: '装车扫描人员',
-          //   prop: 'orderPackageDeliveryStatus',
-          //   search: true,
-          //   width: '150px'
-          // },
-          {
-            label: '计划装车人',
-            prop: 'driverName',
-            search: true,
-            width: '150px',
-          },
-          {
-            label: '实际装车人',
-            prop: 'scanUser',
-            search: true,
-            width: '150px',
-          },
-          {
-            label: '签收扫描时间',
-            prop: 'signingTime',
-            search: true,
-            width: '150px',
-          },
-
-          // {
-          //   label: '托盘码',
-          //   prop: 'pallet',
-          //   width: '100px'
-          // },
-          // {
-          //   label: '库位号',
-          //   prop: 'goodsAllocation',
-          //   width: '100px'
-          // }
-        ],
-      },
-      packageData: [],
-
-      // 表单配置
-      signoption: {
-        height: 'auto',
-        width: '40px',
-        calcHeight: 30,
-        tip: false,
-        searchShow: false,
-        searchMenuSpan: 6,
-        border: true,
-        index: true,
-        viewBtn: true,
-        dialogClickModal: false,
-        emptyBtn: false, //隐藏清空按钮
-        submitBtn: false, //隐藏提交按钮
-        column: [
-          {
-            label: '签收类型',
-            prop: 'signingType',
-            labelWidth: '150',
-            span: 11,
-            type: 'radio',
-            width: '150px',
-            align: 'center',
-            disabled: true,
-            dicData: [
-              {
-                label: '签收',
-                value: '1',
-              },
-              {
-                label: '代签收',
-                value: '2',
-              },
-            ],
-          },
-          {
-            label: '定位打卡位置',
-            prop: 'positioningAdr',
-            labelWidth: '150',
-            span: 11,
-            type: 'textarea',
-            width: '150px',
-            align: 'center',
-            disabled: true,
-          },
-          {
-            label: '司机签收图片',
-            prop: 'deliverySignPictures',
-            labelWidth: '150',
-            type: 'upload',
-            listType: 'picture-card',
-            width: '150px',
-            span: 15,
-            multiple: true,
-            align: 'left',
-            action: '/blade-resource/oss/endpoint/put-file',
-            limit: 5,
-            propsHttp: {
-              res: 'data',
-              url: 'link',
-            },
-            disabled: true,
-          },
-          // {
-          //   label: "复核图片",
-          //   prop: "clerkSignPictures",
-          //   type: 'upload',
-          //   listType: 'picture-card',
-          //   dataType: 'string',
-          //   labelWidth:'150',
-          //   span:15,
-          //   disabled:true,
-          //   multiple:true,
-          //   width:"200px",
-          //   align:'left',
-          //   action: '/blade-resource/oss/endpoint/put-file',
-          //   limit: 15,
-          //   propsHttp: {
-          //     res: 'data',
-          //     url: 'link',
-          //   },
-          //
-          // },
-        ],
-      },
-      columnList: [
-        // {
-        //   prop: '',
-        //   label: '序号',
-        //   type: 0,
-        //   values: '',
-        //   width: 55,
-        //   checkarr: [],
-        //   fixed: true,
-        // },
-        {
-          prop: 'orderCode',
-          label: '订单自编号',
-          type: 2,
-          values: '',
-          width: '150',
-          checkarr: [],
-          fixed: true,
-          sortable: true,
-          // head: true,
-        },
-        {
-          label: '货物名称',
-          prop: 'descriptionGoods',
-          type: 1,
-          values: '',
-          width: '150',
-          checkarr: [],
-          fixed: false,
-          sortable: true,
-        },
-        {
-          label: '物料名称',
-          prop: 'materialName',
-          type: 1,
-          values: '',
-          width: '180',
-          checkarr: [],
-          fixed: false,
-          sortable: true,
-        },
-        {
-          label: '备货件数',
-          prop: 'deliveryNumber',
-          type: 1,
-          values: '',
-          width: '180',
-          checkarr: [],
-          fixed: false,
-          sortable: true,
-        },
-        {
-          label: '已备数量',
-          prop: 'readyStock',
-          type: 1,
-          values: '',
-          width: '180',
-          checkarr: [],
-          fixed: false,
-          sortable: true,
-        },
-        {
-          label: '备货状态',
-          prop: 'stockArticleState',
-          type: 1,
-          values: '',
-          width: '180',
-          checkarr: [],
-          fixed: false,
-          sortable: true,
-        },
-        {
-          label: '托盘码',
-          prop: 'pallet',
-          type: 1,
-          values: '',
-          width: '180',
-          checkarr: [],
-          fixed: false,
-          sortable: true,
-        },
-        {
-          prop: '',
-          label: '操作',
-          type: 6,
-          values: '',
-          width: '150',
-          checkarr: [],
-          fixed: 'right',
-          sortable: false,
-        },
-        // 更多列的配置...
-      ],
-      // 分页信息
-      page: {
-        currentPage: 1,
-        pageSize: 30,
-        total: 40,
-      },
-      // 表单数据
-      form: {},
-      wid: null,
-      // 选择行
-      selectionList: [],
-      isLiabilityData: [],
-      addvalueServeTypeData: [],
-      dialogVisible: false,
-      //状态列表
-      stateData: [],
-      //包肩分页信息
-      wpage: {
-        currentPage: 1,
-        pageSize: 30,
-        total: 40,
-      },
-      // 包间配置
-      wrapoption: {
-        expand: false,
-        index: true,
-        border: true,
-        selection: true,
-        column: [
-          {
-            label: '运单号',
-            prop: 'waybillNumber',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '服务号',
-            prop: 'serviceNumber',
-            search: true,
-            width: '100px',
-          },
-          {
-            search: true,
-            label: '订单自编号',
-            prop: 'orderCode',
-            width: '100px',
-          },
-          {
-            label: '包条码',
-            prop: 'orderPackageCode',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '仓库',
-            prop: 'warehouse',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '发站仓',
-            prop: 'sendWarehouseName',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '目的仓',
-            prop: 'acceptWarehouseName',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '发货时间',
-            prop: 'waybillNumber',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '入库时间',
-            prop: 'warehouseEntryTimeEnd',
-            search: true,
-            width: '100px',
-          },
-          // {
-          //   label: '客户车次号',
-          //   prop: 'trainNumber',
-          //   search: true,
-          //   width: '100px'
-          // },
-          // {
-          //   label: '发站出库车次',
-          //   prop: 'trainNumber',
-          //   search: true,
-          //   width: '100px'
-          // },
-          {
-            label: '入库车次',
-            prop: 'trainNumber',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '包件类型',
-            prop: 'trainNumber',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '计划数量',
-            prop: 'reservationNum',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '装车数量',
-            prop: 'loadingNub',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '签收数量',
-            prop: 'signingNub',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '一级品类',
-            prop: 'firsts',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '二级品类',
-            prop: 'second',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '三级品类',
-            prop: 'thirdProduct',
-            search: true,
-            width: '100px',
-          },
-          // {
-          //   label: '物料编号',
-          //   prop: 'materialCode',
-          //   search: true,
-          //   width: '100px'
-          // },
-          // {
-          //   label: '物料名称',
-          //   prop: 'materialName',
-          //   search: true,
-          //   width: '100px'
-          // },
-
-          {
-            label: '包件状态',
-            prop: 'orderPackageStatusName',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '冻结状态',
-            prop: 'orderPackageFreezeStatusName',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '上架状态',
-            prop: 'orderPackageGroundingStatusName',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '备货状态',
-            prop: 'orderPackageStockupStatusName',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '预约状态',
-            prop: 'orderPackageReservationStatusName',
-            search: true,
-            width: '100px',
-          },
-          {
-            label: '装车状态',
-            prop: 'orderPackageLoadingStatusName',
-            search: true,
-            width: '100px',
-          },
-          // {
-          //   label: '配送计划状态',
-          //   prop: 'orderPackageDeliveryStatus',
-          //   search: true,
-          //   width: '130px'
-          // },
-          //  {
-          //   label: '装车扫描时间',
-          //   prop: 'orderPackageReservationStatusName',
-          //   search: true,
-          //   width: '150px'
-          // },
-          {
-            label: '装车方式',
-            prop: 'scanStatus',
-            search: true,
-            width: '150px',
-          },
-          // {
-          //   label: '装车扫描人员',
-          //   prop: 'orderPackageDeliveryStatus',
-          //   search: true,
-          //   width: '150px'
-          // },
-          {
-            label: '计划装车人',
-            prop: 'driverName',
-            search: true,
-            width: '150px',
-          },
-          {
-            label: '实际装车人',
-            prop: 'scanUser',
-            search: true,
-            width: '150px',
-          },
-          {
-            label: '签收扫描时间',
-            prop: 'signingTime',
-            search: true,
-            width: '150px',
-          },
-
-          // {
-          //   label: '托盘码',
-          //   prop: 'pallet',
-          //   width: '100px'
-          // },
-          // {
-          //   label: '库位号',
-          //   prop: 'goodsAllocation',
-          //   width: '100px'
-          // }
-        ],
-      },
-
-      inventory: {
-        expand: false,
-        index: true,
-        border: true,
-        selection: true,
-        column: [
-          {
-            prop: 'sku',
-            label: 'SKU',
-            type: 2,
-            values: '',
-            width: '150',
-            checkarr: [],
-            fixed: false,
-            sortable: true,
-            head: false,
-          },
-          {
-            prop: 'descriptionGoods',
-            label: '物料名称',
-            type: 2,
-            values: '',
-            width: '150',
-            checkarr: [],
-            fixed: false,
-            sortable: true,
-            head: false,
-          },
-          {
-            prop: 'cargoNumber',
-            label: '物料编号',
-            type: 2,
-            values: '',
-            width: '150',
-            checkarr: [],
-            fixed: false,
-            sortable: true,
-            head: false,
-          },
-          {
-            prop: 'cargoNorms',
-            label: '物料规格',
-            type: 2,
-            values: '',
-            width: '150',
-            checkarr: [],
-            fixed: false,
-            sortable: true,
-            head: false,
-          },
-          {
-            prop: 'cargoUnit',
-            label: '物料单位',
-            type: 2,
-            values: '',
-            width: '150',
-            checkarr: [],
-            fixed: false,
-            sortable: true,
-            head: false,
-          },
-          {
-            prop: 'category',
-            label: '品分类',
-            type: 2,
-            values: '',
-            width: '150',
-            checkarr: [],
-            fixed: false,
-            sortable: true,
-            head: false,
-          },
-          {
-            prop: 'reservationNum',
-            label: '计划出库数',
-            type: 2,
-            values: '',
-            width: '150',
-            checkarr: [],
-            fixed: false,
-            sortable: true,
-            head: false,
-          },
-          {
-            prop: 'loadedinNumber',
-            label: '实际出库数',
-            type: 2,
-            values: '',
-            width: '150',
-            checkarr: [],
-            fixed: false,
-            sortable: true,
-            head: false,
-          },
-          {
-            prop: 'loadingStatusName',
-            label: '装车状态',
-            type: 2,
-            values: '',
-            width: '150',
-            checkarr: [],
-            fixed: false,
-            sortable: true,
-            head: false,
-          },
-          {
-            prop: 'signingStatusName',
-            label: '签收状态',
-            type: 2,
-            values: '',
-            width: '150',
-            checkarr: [],
-            fixed: false,
-            sortable: true,
-            head: false,
-          },
-          {
-            prop: 'signUser',
-            label: '签收人',
-            type: 2,
-            values: '',
-            width: '150',
-            checkarr: [],
-            fixed: false,
-            sortable: true,
-            head: false,
-          },
-        ],
-      },
-
-      // 订单列表
-      data: [],
-      // 基本信息表单列表
-      basicdata: {},
-      //
-      wrapdata: [],
-    };
-  },
-  watch: {
-    // eslint-disable-next-line no-unused-vars
-    $route(to, from) {
-      // this.isadd =false;
-      // this.query.masterId = null;
-      // this.masterId = null;
-      if (!!this.$route.query.data) {
-        //   //做一些路由变化的响应
-        //   //   this.isadd =true;
-        //   this.query.masterId = this.$route.query.data;
-        //   this.masterId = this.$route.query.data;
-        //重新获取数据
-        this.onLoad(this.page);
-      } else {
-      }
-    },
-  },
-  mounted() {
-    this.init();
-    this.onLoad();
-    this.queryDictionary();
-  },
-  created() {
-    // //查询字典
-    // this.queryDictionary();
-  },
-  computed: {
-    ...mapGetters(['permission']),
-    ids() {
-      let ids = [];
-      this.selectionList.forEach(ele => {
-        ids.push(ele.id);
-      });
-      return ids.join(',');
-    },
-  },
-  methods: {
-    //修改
-    rowUpdate() {},
-
-    queryDictionary() {
-      getDictionaryBiz('yes_no').then(res => {
-        this.isLiabilityData = res.data.data;
-      });
-      getDictionaryBiz('basic_in_type').then(res => {
-        this.inputTypeData = res.data.data;
-      });
-      getDictionaryBiz('addvalue_serve_type').then(res => {
-        this.addvalueServeTypeData = res.data.data;
-      });
-    },
-    //返回
-    handleViewpda() {},
-    //增值服务
-    handleCheckedCitiesChange(value) {
-      if (value) {
-        this.form.addvalueType = value;
-      }
-      console.log('>>>>>', this.form);
-      if (value.length < 1) {
-        this.costList = [];
-        this.costListName = [];
-      }
-      this.deliveryWayData.forEach(i => {
-        if (value.includes(i.dictKey)) {
-          console.log(i);
-          i.pitch = true;
-          this.costListName = value;
-        }
-      });
-    },
-    init() {
-      this.height = this.setPx(document.body.clientHeight - 340);
-    },
-    searchHide() {
-      this.search = !this.search;
-    },
-    searchChange() {
-      this.onLoad(this.page);
-    },
-    searchReset() {
-      this.query = {};
-      this.page.currentPage = 1;
-      this.onLoad(this.page);
-    },
-    costadd(scope) {
-      const { row } = scope;
-      //查询增值任务
-      console.log('row>>>>>>>>>>>>>>>>>>>>', row);
-      this.fbox = true;
-    },
-    selectionsc(value) {
-      console.log('进来了>>>>>>>>>>>>>', value);
-    },
-    delectsolt(scope) {
-      const { row } = scope;
-      console.log(row);
-    },
-    handleClose(done) {
-      this.$confirm('确认关闭？')
-        .then(_ => {
-          done();
-        })
-        .catch(_ => {});
-    },
-    editsolt(scope) {
-      const { row } = scope;
-      this.title = '查看包件';
-      console.log('row>>>>>>>', row);
-      this.view = true;
-      this.box = true;
-      this.wid = row.stockArticleId;
-      this.getWrapdetails(this.wpage);
-    },
-    btnsc(index, row) {
-      console.log(index, row);
-    },
-    selectsc(index, row) {
-      this.query[row.prop] = index;
-      if (!index) {
-        delete this.query[row.prop];
-      }
-      this.onLoad(this.page);
-    },
-    timesc(index, row) {
-      console.log(index, row);
-    },
-    inputsc(index, row) {
-      this.query[row.prop] = index;
-      if (!index) {
-        delete this.query[row.prop];
-      }
-      this.onLoad(this.page);
-    },
-    getWrapdetails(page) {
-      let params = {};
-      params.orderId = this.wid;
-      console.log('this.wid>>>>>>>', this.wid);
-      getWrapdetail(page.currentPage, page.pageSize, Object.assign(params, this.wquery)).then(
-        res => {
-          console.log('查看>>>>>>>', res.data.data);
-          const data = res.data.data;
-          this.wrapdata = data.records;
-          this.wpage.total = data.total;
-        }
-      );
-    },
-    handleSubmit() {
-      this.$refs.form.validate(valid => {
-        if (valid) {
-          this.form.stringValue = jsonString;
-          if (!this.form.id) {
-            this.form.masterId = this.propertyformdata.id;
-            add(this.form).then(() => {
-              this.box = false;
-              this.onLoad(this.page);
-              this.$message({
-                type: 'success',
-                message: '操作成功!',
-              });
-              let str = {
-                val: false,
-              };
-              this.$emit('returnproperty', str);
-            });
-          } else {
-            update(this.form).then(() => {
-              this.box = false;
-              this.onLoad(this.page);
-              this.$message({
-                type: 'success',
-                message: '操作成功!',
-              });
-              let str = {
-                val: false,
-              };
-              this.$emit('returnproperty', str);
-            });
-          }
-        } else {
-          console.log('error submit!!');
-          return false;
-        }
-      });
-    },
-    handleAdd() {
-      this.title = '新增';
-      this.form = {};
-      this.box = true;
-    },
-    handleEdit(row) {
-      this.title = '编辑';
-      this.box = true;
-      getDetail(row.id).then(res => {
-        this.form = res.data.data;
-      });
-    },
-    handleView(row) {
-      console.log('查看>>>>>>>>>>', row);
-      this.title = '查看';
-      this.view = true;
-      this.box = true;
-      getWrapdetail(row.id).then(res => {
-        console.log('查看>>>>>>>', res.data.data);
-      });
-    },
-    handleInventoryView(row) {
-      console.log('查看>>>>>>>>>>', row);
-    },
-    //查看增值服务
-    checkAddValue(scope) {
-      const { row } = scope;
-      this.fbox = true;
-      let id = row.id;
-      getStockAddValue(id).then(res => {
-        let data = res.data.data.data;
-        //存在多种增值服务项
-        let a = [];
-        data.forEach((item, index) => {
-          if (item.addvalueId === '1') {
-            this.addvalueServeTypeData[0].f = item.number;
-            this.addvalueServeTypeData[0].e = item.fee;
-            this.addvalueServeTypeData[0].d = item.floor;
-          }
-
-          if (item.addvalueId === '2') {
-            this.addvalueServeTypeData[1].a = item.kilometer;
-            this.addvalueServeTypeData[1].e = item.fee;
-          }
-          if (item.addvalueId === '3') {
-            this.addvalueServeTypeData[2].f = item.number;
-            this.addvalueServeTypeData[2].e = item.fee;
-          }
-          if (item.addvalueId === '4') {
-            this.addvalueServeTypeData[3].b = item.distance;
-            this.addvalueServeTypeData[3].e = item.fee;
-          }
-          if (item.addvalueId === '5') {
-            this.addvalueServeTypeData[4].f = item.number;
-            this.addvalueServeTypeData[4].e = item.fee;
-          }
-          if (item.addvalueId === '6') {
-            this.addvalueServeTypeData[5].c = item.peopleNum;
-            this.addvalueServeTypeData[5].e = item.fee;
-          }
-          if (item.addvalueId === '7') {
-            this.addvalueServeTypeData[6].f = item.number;
-            this.addvalueServeTypeData[6].e = item.fee;
-          }
-          a.push(item.addvalueId);
-          console.log('<<<<<<<<<<', a);
-        });
-        this.form.addvalueType = a;
-
-        console.log('>>>>>>>>>>>>>>>>>>>>>>>>>', res);
-      });
-    },
-    handleDelete() {
-      if (this.selectionList.length === 0) {
-        this.$message.warning('请选择至少一条数据');
-        return;
-      }
-      this.$confirm('确定将选择数据删除?', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
-      })
-        .then(() => {
-          return remove(this.ids);
-        })
-        .then(() => {
-          this.selectionClear();
-          this.onLoad(this.page);
-          this.$message({
-            type: 'success',
-            message: '操作成功!',
-          });
-        });
-    },
-    handleAddvalueTabClick(tab, event) {
-      console.log('tab>>>>>>>>', tab.paneName);
-      let tabName = tab.paneName;
-      let addvalueId = 0;
-      switch (tabName) {
-        case 'tabs1':
-          //上楼
-          console.log('上楼');
-          addvalueId = 1;
-          break;
-        case 'tabs2':
-          //超区
-          console.log('超区');
-          addvalueId = 2;
-
-          break;
-        case 'tabs3':
-          //平移
-          console.log('平移');
-          addvalueId = 3;
-
-          break;
-        case 'tabs4':
-          //搬运
-          console.log('搬运');
-          addvalueId = 4;
-
-          break;
-        case 'tabs5':
-          //分拣
-          console.log('分拣');
-          addvalueId = 5;
-
-          break;
-        case 'tabs6':
-          //专车
-          console.log('专车');
-          addvalueId = 6;
-
-          break;
-      }
-
-      let a = {
-        signforId: this.$route.query.id,
-        addvalueId: addvalueId,
-      };
-      addvalueInfoList(a).then(res => {
-        console.log('res------------->', res.data.data);
-        const data = res.data.data;
-        if (data === null) {
-          this.addvalueData = [];
-          this.addvalueinfo = {};
-        } else {
-          this.addvalueinfo = data;
-          this.addvalueData = data.packageEntityList;
-        }
-        // if (data !== null ){
-        //   if (!!data.packageEntityList){
-        //     this.addvalueData = data.packageEntityList;
-        //   }
-        // }
-      });
-    },
-    rowDel(row) {
-      this.$confirm('确定将选择数据删除?', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
-      })
-        .then(() => {
-          return remove(row.id);
-        })
-        .then(() => {
-          this.onLoad(this.page);
-          this.$message({
-            type: 'success',
-            message: '操作成功!',
-          });
-        });
-    },
-    beforeClose(done) {
-      done();
-      this.form = {};
-      this.view = false;
-    },
-    selectionChange(list) {
-      this.selectionList = list;
-    },
-    handleTabClick(tab, event) {
-      console.log('tab>>>>>>>>', tab.paneName);
-      let tabName = tab.paneName;
-      switch (tabName) {
-        case 'tab1':
-          console.log('ssss');
-          break;
-        case 'tab2':
-          console.log('ssss');
-          break;
-        case 'tab3':
-          console.log('ssss');
-          break;
-        case 'tab4':
-          console.log('ssss');
-          break;
-      }
-    },
-    selectionClear() {
-      this.selectionList = [];
-      this.$refs.table.clearSelection();
-    },
-    currentChange(currentPage) {
-      this.page.currentPage = currentPage;
-      this.getListOrders(this.page);
-    },
-    sizeChange(pageSize) {
-      this.page.pageSize = pageSize;
-      this.getListOrders(this.page);
-    },
-    wcurrentChange(currentPage) {
-      this.wpage.currentPage = currentPage;
-      this.getWrapdetails(this.wpage);
-    },
-    wsizeChange(pageSize) {
-      this.wpage.pageSize = pageSize;
-      this.getWrapdetails(this.wpage);
-    },
-    onLoad() {
-      //查询详情
-      this.loading = true;
-      let id = this.$route.query.id;
-      getDetail(id).then(res => {
-        const data = res.data.data;
-        if (data.orderInfo) {
-          this.orderData = data.orderInfo;
-        }
-        console.log('data111>>>>>>', data);
-        this.stepActive = this.stepsList.findIndex(item => item.title === data.signingStatusAll);
-        this.signfordata = data;
-        this.signfordata.address = 'aa';
-
-        // this.getListOrders(this.page)
-        this.getListPackage();
-      });
-      // this.getListOrders(this.page)
-
-      this.getListPackage();
-      let a = {
-        signforId: id,
-        addvalueId: 1,
-      };
-      addvalueInfoList(a).then(res => {
-        console.log('res------------->', res.data.data);
-        const data = res.data.data;
-        if (data === null) {
-          this.addvalueData = [];
-          this.addvalueinfo = {};
-        } else {
-          this.addvalueinfo = data;
-          this.addvalueData = data.packageEntityList;
-        }
-      });
-      this.loading = false;
-    },
-    getListOrders(page, params = {}) {
-      this.query.reservationId = this.signfordata.reservationId;
-      getListOrder(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
-        const data = res.data.data;
-        console.log('------------>data', data);
-        this.page.total = data.total;
-        this.orderData = data.records;
-      });
-    },
-    getListPackage() {
-      let signforId = this.$route.query.id;
-      console.log('--------------->', this.signfordata);
-      console.log('--------------->signforId', signforId);
-      signforPackageList(signforId).then(res => {
-        const data = res.data.data;
-        console.log('------------>data', data);
-        // this.page.total = data.total
-        this.packageData = data;
-      });
-      // console.log("data",data);
-      if (this.signfordata.deliveryType !== '商配') {
-        signforInventoryList(signforId).then(res => {
-          const data = res.data.data;
-          console.log('------------>data', data);
-          // this.page.total = data.total
-          this.inventoryData = data;
-        });
-      }
-    },
-  },
-};
-</script>
-
-<style lang="scss">
-.btsbx {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: 20px;
-  > button {
-    width: 120px;
-    height: 40px;
-  }
-}
-.maxitembxlist {
-  display: flex;
-  flex-direction: column;
-  // padding: 10px;
-  box-sizing: border-box;
-  margin-top: 20px;
-  > .items {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    background-color: #fcfcfc;
-    padding: 10px;
-    box-sizing: border-box;
-    border: 1px solid #e2e0e0;
-    border-radius: 2px;
-    margin-bottom: 20px;
-    &:nth-last-child(1) {
-      margin-bottom: 0;
-    }
-    > .contbx {
-      display: flex;
-      flex-direction: column;
-      width: 100%;
-      margin-top: 10px;
-      > .tabitem {
-        display: flex;
-        align-items: center;
-        > div {
-          flex: 1;
-          height: 45px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          background-color: #f3f3f3;
-          border: 1px solid #e2e0e0;
-          margin-bottom: -2px;
-          margin-right: -2px;
-        }
-      }
-      > .contentitem {
-        display: flex;
-        align-items: center;
-        > div {
-          flex: 1;
-          height: 45px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          background-color: #ffffff;
-          border: 1px solid #e2e0e0;
-          margin-bottom: -2px;
-          margin-right: -2px;
-        }
-      }
-    }
-    > .titltophead {
-      width: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      .icons {
-        font-size: 27px;
-        &:nth-of-type(1) {
-          margin-right: 8px;
-        }
-      }
-    }
-    > .editinput {
-      display: flex;
-      flex-direction: column;
-      padding: 20px 0;
-      > .inputitem {
-        display: flex;
-        align-items: flex-start;
-        justify-content: space-between;
-        margin-bottom: 10px;
-        &:nth-last-child(1) {
-          margin-bottom: 0;
-        }
-        .inpts {
-          display: flex;
-          align-items: flex-start;
-
-          flex: 1;
-          padding-right: 10px;
-          > span {
-            width: 90px;
-          }
-          > div:nth-of-type(1) {
-            flex: 1;
-          }
-        }
-      }
-    }
-  }
-}
-.topbox {
-  display: flex;
-  flex-direction: column;
-  > .titlxbx {
-    font-size: 16px;
-    display: flex;
-    align-items: center;
-    > div {
-      flex: 1;
-      display: flex;
-      align-items: center;
-      > div {
-        flex: 1;
-        height: 40px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border: 1px solid #e2e0e0;
-        margin-bottom: -1px;
-        margin-right: -1px;
-        word-break: break-all;
-        &:nth-of-type(1) {
-          background-color: #f3f3f3;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/vite.config.js b/vite.config.js
index c74cba5a..f84500a1 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -20,8 +20,8 @@ export default ({ mode, command }) => {
           // target: 'http://192.168.10.101:8888',
           // target: 'http://192.168.10.75:8777',
           // tjj
-          // target: 'http://192.168.10.29:13000',
-          target: 'http://test.api.huitongys.com',
+          target: 'http://192.168.10.29:13000',
+          // target: 'http://test.api.huitongys.com',
           // target: 'http://h5uapi.huitongys.com',
           changeOrigin: true,
           rewrite: path => path.replace(/^\/api/, ''),