diff --git a/src/api/distribution/directMerchantSign.js b/src/api/distribution/directMerchantSign.js
new file mode 100644
index 00000000..cbe6c6ee
--- /dev/null
+++ b/src/api/distribution/directMerchantSign.js
@@ -0,0 +1,27 @@
+import request from '@/axios';
+
+/**
+ * 直发商家签收列表
+ * @param {*} data
+ * @returns
+ */
+export const postFindSignOrderPageList = data => {
+  return request({
+    url: '/api/logpm-trunkline/carsLoad/findSignOrderPageList',
+    method: 'post',
+    data,
+  });
+};
+
+/**
+ * 直发商家签收列表
+ * @param {*} data
+ * @returns
+ */
+export const postFindSignPhotoList = data => {
+  return request({
+    url: '/api/logpm-trunkline/carsLoad/findSignPhotoList',
+    method: 'post',
+    data,
+  });
+};
diff --git a/src/option/distribution/TripartiteTransfer.js b/src/option/distribution/TripartiteTransfer.js
index ee0efc9e..59c45359 100644
--- a/src/option/distribution/TripartiteTransfer.js
+++ b/src/option/distribution/TripartiteTransfer.js
@@ -338,6 +338,16 @@ export const detailsColumnList = [
     fixed: false,
     sortable: true,
   },
+  {
+    prop: 'destinationWarehouseName',
+    label: '运单目的仓',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
   {
     prop: 'scanStatusName',
     label: '装卸状态',
diff --git a/src/option/distribution/VehicleArrivalManagement.js b/src/option/distribution/VehicleArrivalManagement.js
index 34ad3cfb..1aa68d1d 100644
--- a/src/option/distribution/VehicleArrivalManagement.js
+++ b/src/option/distribution/VehicleArrivalManagement.js
@@ -99,16 +99,19 @@ export const columnList = [
   //   fixed: false,
   //   sortable: true,
   // },
-  // {
-  //   prop: 'endTime',
-  //   label: '直发商家',
-  //   type: 1,
-  //   values: '',
-  //   width: '130',
-  //   checkarr: [],
-  //   fixed: false,
-  //   sortable: true,
-  // },
+  {
+    prop: 'isCustomerName',
+    label: '是否直发商家',
+    type: 6,
+    values: '',
+    width: '130',
+    checkarr: [
+      { label: '是', value: '1' },
+      { label: '否', value: '2' },
+    ],
+    fixed: false,
+    sortable: true,
+  },
   // {
   //   prop: 'planVolume',
   //   label: '类型',
diff --git a/src/option/distribution/VehicleStowage.js b/src/option/distribution/VehicleStowage.js
index dc850f17..9eac2c5b 100644
--- a/src/option/distribution/VehicleStowage.js
+++ b/src/option/distribution/VehicleStowage.js
@@ -99,19 +99,19 @@ export const columnList = [
   //   fixed: false,
   //   sortable: true,
   // },
-  // {
-  //   prop: 'isCustomerName',
-  //   label: '是否直发商家',
-  //   type: 6,
-  //   values: '',
-  //   width: '130',
-  //   checkarr: [
-  //     { label: '是', value: '1' },
-  //     { label: '否', value: '2' },
-  //   ],
-  //   fixed: false,
-  //   sortable: true,
-  // },
+  {
+    prop: 'isCustomerName',
+    label: '是否直发商家',
+    type: 6,
+    values: '',
+    width: '130',
+    checkarr: [
+      { label: '是', value: '1' },
+      { label: '否', value: '2' },
+    ],
+    fixed: false,
+    sortable: true,
+  },
   // {
   //   prop: 'planVolume',
   //   label: '类型',
diff --git a/src/option/distribution/directMerchantSign.js b/src/option/distribution/directMerchantSign.js
new file mode 100644
index 00000000..565f7c26
--- /dev/null
+++ b/src/option/distribution/directMerchantSign.js
@@ -0,0 +1,154 @@
+/** 签收列表 */
+export const columnList = [
+  {
+    prop: '',
+    label: '复选框',
+    type: 0,
+    width: 55,
+    fixed: true,
+  },
+  {
+    prop: '',
+    label: '序号',
+    type: 12,
+    values: '',
+    width: 55,
+    fixed: true,
+  },
+  {
+    prop: 'carsNo',
+    label: '车次号',
+    type: 2,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'loadSignCode',
+    label: '签收号',
+    type: 2,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'belongToWarehouseName',
+    label: '归属仓库',
+    type: 2,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'mallName',
+    label: '商场名称',
+    type: 2,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'mallPerson',
+    label: '商场联系人',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'mallMobile',
+    label: '商场电话',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'mallAddress',
+    label: '商场地址',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'driverName',
+    label: '司机名称',
+    type: 2,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'planNum',
+    label: '计划数',
+    type: 1,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'loadingNum',
+    label: '装车数',
+    type: 1,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'signNum',
+    label: '签收数',
+    type: 1,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'signStatusName',
+    label: '签收状态',
+    type: 14,
+    values: '',
+    width: '130',
+    checkarr: [
+      { label: '未签收', value: '0' },
+      { label: '部分签收', value: '10' },
+      { label: '已签收', value: '20' },
+    ],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'createUserName',
+    label: '操作',
+    type: 6,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: 'right',
+    sortable: false,
+  },
+];
diff --git a/src/views/distribution/artery/AddVehicleStowage.vue b/src/views/distribution/artery/AddVehicleStowage.vue
index 8756fd4a..4d98fe1e 100644
--- a/src/views/distribution/artery/AddVehicleStowage.vue
+++ b/src/views/distribution/artery/AddVehicleStowage.vue
@@ -27,7 +27,15 @@
                   </div>
 
                   <!-- 控件 -->
-                  <div v-if="Number(details.pageType) !== 3">
+                  <div
+                    v-if="
+                      Number(details.pageType) === 3
+                        ? false
+                        : Number(details.pageType) === 2
+                        ? index > details.active
+                        : true
+                    "
+                  >
                     <!-- 删除节点 -->
                     <el-button
                       icon="Delete"
@@ -285,7 +293,12 @@
               :precision="2"
               :min="0"
               :step="1"
-              :disabled="slotProps.scope.row.blackList.includes(slotProps.scope.column.property)"
+              :disabled="
+                Number(details.pageType) === 1
+                  ? slotProps.scope.row.blackList.includes(slotProps.scope.column.property)
+                  : slotProps.scope.row.index < details.active ||
+                    slotProps.scope.row.blackList.includes(slotProps.scope.column.property)
+              "
               :value-on-clear="0"
               @change="handleComputedNum"
               v-model.lazy="slotProps.scope.row[slotProps.scope.column.property]"
@@ -1013,6 +1026,7 @@ const onLoad = async () => {
       details.pageInfo = data;
       details.nodeInfoData = [
         {
+          index: 1,
           nodeName: data.startWarehouseInfo.warehouseName,
           nodeId: data.startWarehouseInfo.warehouseId,
           linkMan: data.startWarehouseInfo.linkMan,
@@ -1038,6 +1052,7 @@ const onLoad = async () => {
       details.nodeInfoData = handleEditForbidden(
         data.allCarsLineList.map((val, index) => {
           const _node = {
+            index,
             ...val,
             // 筛选
             query: {},
@@ -1388,6 +1403,7 @@ const handleAddNode = async (index: number) => {
   }
 
   details.nodeInfoData.splice(index + 1, 0, {
+    index: index + 1,
     // 筛选
     query: {},
     // 时间筛选
@@ -1877,6 +1893,8 @@ const nodeCostSubmit = async () => {
 
 /** 提交 */
 const handleSubmit = (formEl: FormInstance | undefined) => {
+  if (details.nodeInfoData.length <= 1) return ElMessage.warning('最少存在一个目的仓');
+
   if (btnLoadingObj.submitBtn) return;
   if (!formEl) return;
   formEl.validate((valid, fields) => {
diff --git a/src/views/distribution/artery/TripartiteTransfer.vue b/src/views/distribution/artery/TripartiteTransfer.vue
index ba25c705..f4b0e01a 100644
--- a/src/views/distribution/artery/TripartiteTransfer.vue
+++ b/src/views/distribution/artery/TripartiteTransfer.vue
@@ -202,6 +202,7 @@
             <!-- 结算 -->
             <el-text
               v-if="
+                slotProps.scope.row.signTime &&
                 permissionObj.TripartiteTransfer_Account &&
                 Number(slotProps.scope.row.isSettlement) === 1
               "
diff --git a/src/views/distribution/artery/VehicleArrivalManagement.vue b/src/views/distribution/artery/VehicleArrivalManagement.vue
index ce21d4a5..e8bcfea0 100644
--- a/src/views/distribution/artery/VehicleArrivalManagement.vue
+++ b/src/views/distribution/artery/VehicleArrivalManagement.vue
@@ -258,6 +258,14 @@
             <el-tag type="danger">{{ slotProps.scope.row.loadStatusName }}</el-tag>
           </template>
 
+          <template v-else-if="slotProps.scope.column.label === '是否直发商家'">
+            <el-tag
+              v-if="slotProps.scope.row.isCustomer"
+              :class="slotProps.scope.row.isCustomer === '1' ? 'green' : 'red'"
+              >{{ slotProps.scope.row.isCustomerName }}</el-tag
+            >
+          </template>
+
           <template
             v-else-if="
               slotProps.scope.column.label === '操作' &&
@@ -275,20 +283,14 @@
             <el-text
               v-if="
                 permissionObj.VehicleArrivalManagement_edit &&
-                (Mydata.id === slotProps.scope.row.nowWarehouseId ||
-                  Number(slotProps.scope.row.loadStatus) !== 40)
+                Mydata.id === slotProps.scope.row.nowWarehouseId &&
+                Number(slotProps.scope.row.loadStatus) === 20
               "
               @click="handleEditStowage(slotProps.scope)"
               >编辑
             </el-text>
 
-            <el-dropdown
-              v-if="
-                Mydata.id === slotProps.scope.row.nowWarehouseId &&
-                Number(slotProps.scope.row.loadingType) === 1 &&
-                Number(slotProps.scope.row.loadStatus) === 20
-              "
-            >
+            <el-dropdown v-if="Number(slotProps.scope.row.loadStatus) !== 0">
               <span class="el-dropdown-link">
                 <el-text>
                   更多 <el-icon class="el-icon--right"><arrow-down /></el-icon
@@ -296,11 +298,21 @@
               </span>
               <template #dropdown>
                 <el-dropdown-menu>
-                  <!-- <el-dropdown-item v-if="Mydata.id === slotProps.scope.row.nowWarehouseId">
+                  <el-dropdown-item
+                    v-if="
+                      Mydata.id === slotProps.scope.row.nowWarehouseId &&
+                      Number(slotProps.scope.row.loadStatus) === 20
+                    "
+                  >
                     <el-text @click="handleNodeCost(slotProps.scope)"> 节点费用 </el-text>
                   </el-dropdown-item>
 
-                  <el-dropdown-item v-if="Mydata.id === slotProps.scope.row.nowWarehouseId">
+                  <el-dropdown-item
+                    v-if="
+                      Mydata.id === slotProps.scope.row.nowWarehouseId &&
+                      Number(slotProps.scope.row.loadStatus) === 20
+                    "
+                  >
                     <el-text @click="handleDirectGoMarketVesited(slotProps.scope)">
                       配置直发商家
                     </el-text>
@@ -310,7 +322,7 @@
                     <el-text @click="handleDirectGoMarketDetails(slotProps.scope)">
                       签收详情
                     </el-text>
-                  </el-dropdown-item> -->
+                  </el-dropdown-item>
 
                   <!-- 手动装车 -->
                   <el-dropdown-item
@@ -579,6 +591,7 @@ import {
   setNodeHeight,
   debounce,
   handleClearTableQuery,
+  handleTranslationDataSeclect,
 } from '@/utils/util';
 import { columnList } from '@/option/distribution/VehicleArrivalManagement';
 import { packageColumnList } from '@/option/distribution/VehicleStowage';
@@ -599,11 +612,12 @@ import {
   postFindLoadingListData,
   postFindWarehouseUnloadReport,
 } from '@/api/distribution/VehicleStowage';
-import { useRouter } from 'vue-router';
+import { useRouter, useRoute } from 'vue-router';
 import { ElMessage, ElMessageBox } from 'element-plus';
 
 // 获取路由实例
 const $router = useRouter();
+const $route = useRoute();
 
 const $store = useStore();
 
@@ -811,12 +825,13 @@ const onLoad = debounce(async (params = {}) => {
     if (code !== 200) return;
     details.data = data.records;
     // 装车状态
-    const codes = details.carsStatus.map(val => val.value);
-    for (let item of details.data) {
-      const _index = codes.indexOf(Number(item.loadStatus));
-      item.loadStatusName = _index !== -1 ? details.carsStatus[_index].label : '未知';
-      item.NumberOfPiecesInTheCar = item.realLoadingNumber - item.unloadNumber;
-    }
+    // const codes = details.carsStatus.map(val => val.value);
+    // for (let item of details.data) {
+    //   const _index = codes.indexOf(Number(item.loadStatus));
+    //   item.loadStatusName = _index !== -1 ? details.carsStatus[_index].label : '未知';
+    //   item.NumberOfPiecesInTheCar = item.realLoadingNumber - item.unloadNumber;
+    // }
+    handleTranslationDataSeclect(details.data, details.columnList);
     details.page.total = data.total;
   } catch (error) {
     console.log('error :>> ', error);
@@ -1400,6 +1415,40 @@ const handleShowUnloadReport = async () => {
     details.loadingObj.pageLoading = false;
   }
 };
+
+/** 节点费用 */
+const handleNodeCost = ({ row }) => {
+  $store.commit('DEL_ONCE_TAG', '/distribution/artery/AddVehicleStowage');
+
+  $router.push({
+    path: '/distribution/artery/AddVehicleStowage',
+    query: { name: '节点费用更改', type: 3, loadId: row.id },
+  });
+};
+
+/** 配置直发商家弹窗显示 */
+const handleDirectGoMarketVesited = ({ row }) => {
+  $router.push({
+    path: '/distribution/artery/directGoMarket',
+    query: {
+      loadId: row.id,
+      name: row.carsNo + '--' + '配置直发商家',
+      backPath: $route.fullPath,
+    },
+  });
+};
+
+/** 直发商家签收详情 */
+const handleDirectGoMarketDetails = ({ row }) => {
+  $router.push({
+    path: '/distribution/artery/directGoMarketDetails',
+    query: {
+      loadId: row.id,
+      name: row.carsNo + '--' + '签收详情',
+      backPath: $route.fullPath,
+    },
+  });
+};
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/distribution/artery/VehicleStowage.vue b/src/views/distribution/artery/VehicleStowage.vue
index 59a7d87f..26b8cda7 100644
--- a/src/views/distribution/artery/VehicleStowage.vue
+++ b/src/views/distribution/artery/VehicleStowage.vue
@@ -232,6 +232,7 @@
                 v-if="
                   permissionObj.VehicleStowage_zeroAdditionalRecording &&
                   Mydata.id === slotProps.scope.row.nowWarehouseId &&
+                  Number(slotProps.scope.row.loadStatus) === 0 &&
                   Number(slotProps.scope.row.loadingType) === 1
                 "
                 @click="handleShowzeroAdditionalRecording(slotProps.scope)"
@@ -269,7 +270,12 @@
                 <template #dropdown>
                   <el-dropdown-menu>
                     <!-- 节点费用 -->
-                    <el-dropdown-item v-if="permissionObj.VehicleStowage_nodeCost">
+                    <el-dropdown-item
+                      v-if="
+                        permissionObj.VehicleStowage_nodeCost &&
+                        Number(slotProps.scope.row.loadStatus) === 0
+                      "
+                    >
                       <el-text @click="handleNodeCost(slotProps.scope)"> 节点费用 </el-text>
                     </el-dropdown-item>
 
diff --git a/src/views/distribution/artery/directMerchantSign.vue b/src/views/distribution/artery/directMerchantSign.vue
new file mode 100644
index 00000000..37aeeea6
--- /dev/null
+++ b/src/views/distribution/artery/directMerchantSign.vue
@@ -0,0 +1,438 @@
+<template>
+  <basic-container v-loading="details.loadingObj.pageLoading">
+    <div class="avue-crud">
+      <!-- 搜索模块 -->
+      <div v-h5uShow="search">
+        <!-- 查询模块 -->
+        <el-form :inline="true" :model="query" class="header_search" label-width="100px">
+          <!-- 查询按钮 -->
+          <el-form-item class="el-btn">
+            <el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button>
+            <el-button icon="el-icon-delete" @click="searchReset">清 空</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+
+      <!-- 控件模块 -->
+      <el-row>
+        <div class="avue-crud__header">
+          <!-- 头部左侧按钮模块 -->
+          <div></div>
+          <!-- 头部右侧按钮模块 -->
+          <div class="avue-crud__right">
+            <el-button icon="el-icon-refresh" @click="searchChange" circle></el-button>
+            <el-button icon="Operation" @click="showdrawer(true)" circle></el-button>
+            <el-button icon="Search" @click="searchHide" circle></el-button>
+          </div>
+        </div>
+      </el-row>
+
+      <!-- 表格 -->
+      <!-- 列表模块 -->
+      <tablecmt
+        :columnList="details.columnList"
+        :tableData="details.packageListData"
+        :loading="loadingObj.list"
+        @inputTxt="inputsc"
+        @timeCheck="timesc"
+        @btnCheck="btnsc"
+        @selectCheck="selectsc"
+        @selection="selectionChange"
+      >
+        <template #default="slotProps">
+          <template v-if="slotProps.scope.column.label === '签收状态'">
+            <el-tag
+              :class="{
+                err: Number(slotProps.scope.row.signStatus) === 0,
+                sub: Number(slotProps.scope.row.signStatus) === 10,
+                primary: Number(slotProps.scope.row.signStatus) === 20,
+              }"
+            >
+              {{ slotProps.scope.row.signStatusName }}
+            </el-tag>
+          </template>
+
+          <template v-else-if="slotProps.scope.column.label === '操作'">
+            <el-text
+              v-if="Number(slotProps.scope.row.signStatus) !== 0"
+              @click="() => handleShowSignImg(slotProps.scope)"
+            >
+              查看签收图片
+            </el-text>
+          </template>
+        </template>
+      </tablecmt>
+
+      <!-- 分页模块 -->
+      <el-row class="el-fy">
+        <div class="avue-crud__pagination flex-c-sb" style="width: 100%">
+          <div style="font-size: 14px">勾选数量: {{ selectionList.length }}</div>
+          <!-- 分页模块 -->
+          <el-pagination
+            align="right"
+            background
+            @size-change="sizeChange"
+            @current-change="currentChange"
+            :current-page="page.pageNum"
+            :page-sizes="[30, 50, 80, 120]"
+            :page-size="page.pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="page.total"
+          >
+          </el-pagination>
+        </div>
+      </el-row>
+    </div>
+  </basic-container>
+
+  <el-dialog
+    title="签收图片"
+    v-model="details.popUpShow.signImg"
+    width="50%"
+    append-to-body
+    :show-close="true"
+    class="signImg"
+  >
+    <div class="signImg_container">
+      <el-image
+        v-for="(item, index) in details.signImgList"
+        :key="item"
+        style="width: 100px; height: 100px"
+        :src="item"
+        :zoom-rate="1.2"
+        :max-scale="7"
+        :min-scale="0.2"
+        :preview-src-list="details.signImgList"
+        :initial-index="index"
+        fit="cover"
+      />
+    </div>
+  </el-dialog>
+
+  <!-- 列表配置显示 -->
+  <edittablehead
+    @setcolum="setnewcolum"
+    @closce="showdrawer"
+    :drawerShow="drawerShow"
+    :columnList="details.columnList"
+    v-model="details.columnList"
+  ></edittablehead>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, toRefs, computed, onMounted, nextTick } from 'vue';
+import functions from '@/utils/functions.js';
+import dayjs from 'dayjs';
+import { mapGetters, useStore } from 'vuex';
+/** 获取字典 */
+import { getDictionaryBiz } from '@/api/system/dict';
+import {
+  postFindSignOrderPageList,
+  postFindSignPhotoList,
+} from '@/api/distribution/directMerchantSign.js';
+import {
+  downloadXls,
+  setNodeHeight,
+  getHtmls,
+  deepClone,
+  getObjType,
+  handleTranslationDataSeclect,
+  handleClearTableQuery,
+  handleSelectQuery,
+  handleInputQuery,
+} from '@/utils/util';
+import { columnList } from '@/option/distribution/directMerchantSign.js';
+import { flowNodeColumnList } from '@/option/waybill/orderPackageListDetails.js';
+import { useRouter } from 'vue-router';
+import print from '@/utils/print';
+import { ElMessage, ElMessageBox } from 'element-plus';
+
+// 获取路由实例
+const $router = useRouter();
+const $store = useStore();
+
+const details = reactive<any>({
+  /** 是否开启搜索 */
+  search: false,
+  /** 表格搜索条件 */
+  query: {},
+  /** 时间快捷选择设置 */
+  shortcuts: [
+    {
+      text: '最近一周',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+        return [start, end];
+      },
+    },
+    {
+      text: '最近一个月',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+        return [start, end];
+      },
+    },
+    {
+      text: '最近三个月',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+        return [start, end];
+      },
+    },
+  ],
+  /** 时间选择器数据 */
+  stockupDate: [],
+  /** 包明细表头 */
+  columnList: deepClone(columnList),
+  /** 包明细数据 */
+  packageListData: [],
+  /** 页面loading */
+  loadingObj: {
+    /** 列表加载loading */
+    list: false,
+    /** 页面loading */
+    pageLoading: false,
+  },
+  /** 列表复选框选中的数据 */
+  selectionList: [],
+  /** 是否显示设置表格 */
+  drawerShow: false,
+  /** 分页参数 */
+  page: {
+    pageNum: 1,
+    pageSize: 30,
+    total: 0,
+  },
+  /** 弹出层显示 */
+  popUpShow: {
+    signImg: false,
+  },
+  /** 列表Dom节点 */
+  listNode: '',
+  html: '',
+  signImgList: [],
+});
+
+const {
+  search,
+  query,
+  shortcuts,
+  stockupDate,
+  data,
+  loadingObj,
+  selectionList,
+  drawerShow,
+  page,
+  trickleLoadingPage,
+  zeroAdditionalRecordingInfo,
+  popUpShow,
+} = toRefs(details);
+
+/** vuex */
+const permission = computed(() => mapGetters(['permission', 'tagWel', 'tagList']));
+console.log('permission :>> ', permission);
+
+/** 权限按钮 */
+const permissionObj = reactive({});
+
+onMounted(() => {
+  const timer = setTimeout(() => {
+    details.listNode = document.querySelector('.maboxhi');
+    details.listNode.style.transition = 'all .5s ease-out';
+    clearTimeout(timer);
+  }, 100);
+});
+
+/** 请求页面数据 */
+const onLoad = async (params = {}) => {
+  try {
+    // if (Object.keys(details.query).length === 0) return (details.packageListData = []);
+
+    details.loadingObj.list = true;
+
+    const submitData = { ...details.page, ...details.query, ...params };
+
+    // 创建时间
+    if (
+      getObjType(details.query.createTimeArr) === 'array' &&
+      details.query.createTimeArr.length > 0
+    ) {
+      submitData.createTimeStartStr = details.query.createTimeArr[0];
+      submitData.createTimeEndStr = details.query.createTimeArr[1];
+    }
+
+    delete submitData.createTimeArr;
+    const res = await postFindSignOrderPageList(submitData);
+    const { code, data } = res.data;
+    if (code !== 200) return;
+    details.packageListData = data.records;
+    details.page.total = data.total;
+
+    handleTranslationDataSeclect(details.packageListData, details.columnList);
+  } catch (error) {
+    console.log('error :>> ', error);
+  } finally {
+    details.loadingObj.list = false;
+  }
+};
+
+onLoad();
+
+/** 搜索 */
+const searchChange = () => {
+  onLoad();
+};
+
+/** 清空表单 */
+const searchReset = () => {
+  details.query = {};
+  details.stockupDate = [];
+  details.page.pageNum = 1;
+  handleClearTableQuery(details.columnList);
+  onLoad();
+};
+
+/** 展开列表控件 */
+const showdrawer = (_flag?: boolean) => {
+  details.drawerShow = _flag;
+};
+
+/** 是否开启搜索区 */
+const searchHide = () => {
+  details.search = !details.search;
+
+  setNodeHeight(details.listNode, '', true);
+};
+
+/** 表格表头输入框搜索 */
+const inputsc = (index, row) => {
+  handleInputQuery(index, row, details.query);
+  onLoad();
+};
+
+/** 表格表头时间选择 */
+const timesc = (index, row) => {
+  console.log(index, row);
+  if (!!index) {
+    index = dayjs(index).format('YYYY-MM-DD');
+  }
+  details.query[row.prop] = index;
+  if (!index) {
+    delete details.query[row.prop];
+  }
+  onLoad();
+};
+
+/** 表格表头输入框搜索 */
+const btnsc = () => {};
+
+/** 表格表头下拉框选择 */
+const selectsc = (index, row) => {
+  handleSelectQuery(index, row, details.query);
+  onLoad();
+};
+
+/** 表格表头复选框选择 */
+const selectionChange = (list: any) => {
+  details.selectionList = list;
+};
+
+/** 每页数量改变执行的回调 */
+const sizeChange = (pageSize: number) => {
+  details.page.pageSize = pageSize;
+  onLoad();
+};
+
+/** 页码改变执行的回调 */
+const currentChange = pageNum => {
+  details.page.pageNum = pageNum;
+  onLoad();
+};
+
+/**
+ * 设置列表 -- 固定函数
+ * 弹窗的勾选回调，用于更改头部数组
+ * 固定搭配，只需要更换   columnList
+ *  */
+const setnewcolum = (newarr, headarr, type) => {
+  if (type == 1) {
+    details.columnList = newarr;
+    functions.setStorage(window.location.pathname + 'checkList', headarr);
+  } else if (type == 2) {
+    details.columnList = newarr;
+    functions.setStorage(window.location.pathname + 'flexList', headarr);
+  } else if (type == 3) {
+    details.columnList = newarr;
+    functions.setStorage(window.location.pathname + 'sortlist', headarr);
+  }
+};
+
+/** 查看签收图片 */
+const handleShowSignImg = async ({ row }) => {
+  try {
+    details.loadingObj.pageLoading = true;
+
+    const submitData = {
+      signOrderId: row.id,
+    };
+
+    const res = await postFindSignPhotoList(submitData);
+
+    const { code, data } = res.data;
+
+    if (code !== 200) return;
+
+    details.signImgList = data || [];
+    if (details.signImgList.length === 0) return ElMessage.warning('暂无签收图片');
+    details.popUpShow.signImg = true;
+  } catch (error) {
+    console.log('error :>> ', error);
+  } finally {
+    details.loadingObj.pageLoading = false;
+  }
+};
+</script>
+
+<style scoped lang="scss">
+// 日期选择器
+:deep(.el-date-editor.el-input) {
+  height: 100% !important;
+  width: 100% !important;
+}
+
+:deep(.el-range-editor.el-input__wrapper) {
+  height: 100% !important;
+}
+
+:deep(.el-tag) {
+  &.err {
+    background-color: #f8544b;
+    border-color: #f8544b;
+    color: #fff;
+  }
+
+  &.primary {
+    background-color: #0086f1;
+    border-color: #0086f1;
+    color: #fff;
+  }
+
+  &.sub {
+    background-color: #d3832a;
+    border-color: #d3832a;
+    color: #fff;
+  }
+}
+
+// 签收图片
+.signImg_container {
+  display: flex;
+  flex-wrap: wrap;
+}
+</style>
diff --git a/src/views/distribution/artery/truckLoadingDetails.vue b/src/views/distribution/artery/truckLoadingDetails.vue
index 0ca9dad8..14db4b00 100644
--- a/src/views/distribution/artery/truckLoadingDetails.vue
+++ b/src/views/distribution/artery/truckLoadingDetails.vue
@@ -129,6 +129,9 @@
             >
               零担卸车
             </el-text>
+
+            <!-- 零担二维码 -->
+            <el-text @click="() => printOrderByZero(slotProps.scope)">零担二维码</el-text>
           </template>
 
           <!-- 包件 -->
@@ -246,6 +249,7 @@ import {
   postLoadingDetailExport,
 } from '@/api/distribution/truckLoadingDetails';
 import { getShowAdvancePackgeCode } from '@/api/waybill/orderPackageListDetails';
+import { postShowOrderCode } from '@/api/distribution/distributionStockArticle';
 /** 获取字典 */
 import { getDictionaryBiz } from '@/api/system/dict';
 import {
@@ -1152,20 +1156,46 @@ const printOrder = async ({ row }) => {
   }
 };
 
+/** 查看零担零担码 */
+const printOrderByZero = async ({ row }) => {
+  try {
+    details.loadingObj.pageLoading = true;
+
+    let ids = {
+      ids: row.id,
+    };
+
+    const res = await postShowOrderCode(ids);
+
+    if (res.data.code !== 200) return;
+    details.popUpShow.QRCodeVisible = true;
+    console.log(res.data);
+    details.html = '';
+    details.html = getHtmls(res.data.data.dataList, res.data.data.templateHtml);
+  } catch (error) {
+    console.log('error :>> ', error);
+  } finally {
+    details.loadingObj.pageLoading = false;
+  }
+};
+
 /** 批量查看二维码 */
 const handleBatchBarcode = async () => {
   if (details.selectionList.length === 0)
     return ElMessage.warning({ message: '请选择需要查看的数据' });
 
   const _arr = [];
+  const _zeroArr = [];
+
   for (const iterator of details.selectionList) {
     if (Number(iterator.type) === 1) _arr.push(iterator);
+    else _zeroArr.push(iterator);
   }
 
-  tableNodeRef.value.handleClearSelect();
-  tableNodeRef.value.handleCheckSelect(_arr);
+  // tableNodeRef.value.handleClearSelect();
+  // tableNodeRef.value.handleCheckSelect(_arr);
 
-  if (_arr.length === 0) return ElMessage.warning('零担无法查看二维码');
+  // if (_arr.length === 0) return ElMessage.warning('零担无法查看二维码');
 
   try {
     details.loadingObj.pageLoading = true;
@@ -1174,13 +1204,19 @@ const handleBatchBarcode = async () => {
       orderPackageCodes: _arr.map(val => val.scanCode).join(','),
     };
 
-    const res = await getShowAdvancePackgeCode(qr);
+    const [res, zeroRes] = await Promise.all([
+      getShowAdvancePackgeCode(qr),
+      postShowOrderCode({ ids: _zeroArr.map(val => val.id).join(',') }),
+    ]);
 
-    if (res.data.code !== 200) return;
+    // const res = await getShowAdvancePackgeCode(qr);
+
+    if (res.data.code !== 200 || zeroRes.data.code !== 200) return;
     details.popUpShow.QRCodeVisible = true;
     console.log(res.data);
     details.html = '';
     details.html = getHtmls(res.data.data.dataList, res.data.data.templateHtml);
+    details.html += getHtmls(zeroRes.data.data.dataList, zeroRes.data.data.templateHtml);
   } catch (error) {
     console.log('error :>> ', error);
   } finally {
diff --git a/src/views/distribution/inventory/BookingNote.vue b/src/views/distribution/inventory/BookingNote.vue
index 0f1e308b..95f531fb 100644
--- a/src/views/distribution/inventory/BookingNote.vue
+++ b/src/views/distribution/inventory/BookingNote.vue
@@ -1840,7 +1840,7 @@ const handlePrint = async () => {
 
     const res = await postPrintBatch({
       ids: $route.query.id,
-      tempId: 15,
+      tempId: 16,
     });
 
     const { code, data } = res.data;
diff --git a/src/views/distribution/inventory/CreateOrder.vue b/src/views/distribution/inventory/CreateOrder.vue
index 7163c18c..79430a62 100644
--- a/src/views/distribution/inventory/CreateOrder.vue
+++ b/src/views/distribution/inventory/CreateOrder.vue
@@ -3561,7 +3561,7 @@ const handlePrint = async () => {
 
     const res = await postPrintBatch({
       ids: details.waybillId,
-      tempId: 15,
+      tempId: 16,
     });
 
     const { code, data } = res.data;
diff --git a/src/views/waybill/CreateZeroOrder.vue b/src/views/waybill/CreateZeroOrder.vue
index cfd28df9..ad9254c0 100644
--- a/src/views/waybill/CreateZeroOrder.vue
+++ b/src/views/waybill/CreateZeroOrder.vue
@@ -3081,7 +3081,7 @@ const handlePrint = async () => {
 
     const res = await postPrintBatch({
       ids: details.waybillId,
-      tempId: 15,
+      tempId: 16,
     });
 
     const { code, data } = res.data;
diff --git a/src/views/waybill/WaybillOrderList.vue b/src/views/waybill/WaybillOrderList.vue
index fe328ac9..bf2c90f7 100644
--- a/src/views/waybill/WaybillOrderList.vue
+++ b/src/views/waybill/WaybillOrderList.vue
@@ -655,7 +655,7 @@ const batchPrint = async () => {
 
     const res = await postPrintBatch({
       ids: details.selectionList.map(val => val.id).join(','),
-      tempId: 15,
+      tempId: 16,
     });
 
     const { code, data } = res.data;
diff --git a/src/views/waybill/orderPackageList.vue b/src/views/waybill/orderPackageList.vue
index 87ea0e82..052968b4 100644
--- a/src/views/waybill/orderPackageList.vue
+++ b/src/views/waybill/orderPackageList.vue
@@ -833,12 +833,6 @@ const handleShowFlowNode = async ({ row }) => {
 </script>
 
 <style scoped lang="scss">
-.fo-fl {
-  display: flex;
-  flex-wrap: wrap;
-  zoom: 0.9;
-}
-
 // 日期选择器
 :deep(.el-date-editor.el-input) {
   height: 100% !important;
@@ -848,57 +842,4 @@ const handleShowFlowNode = async ({ row }) => {
 :deep(.el-range-editor.el-input__wrapper) {
   height: 100% !important;
 }
-
-// 新增行
-.add_row {
-  display: flex;
-  justify-content: space-between;
-}
-
-.add_row_title {
-  text-align: center;
-  margin-bottom: 10px;
-  font-size: 18px;
-  font-weight: bold;
-}
-
-// 统计行
-.statistics_row {
-  margin: 10px 0;
-  font-size: 14px;
-  zoom: 0.9;
-  display: flex;
-
-  > div {
-    margin-right: 20px;
-  }
-}
-
-// 卡片容器
-.crad_container {
-  display: flex;
-
-  .card_container_item {
-    flex: 1;
-    // padding: 10px;
-    border-radius: 5px;
-    box-shadow: 0 0 5px #ccc;
-
-    &:first-child {
-      margin-right: 20px;
-    }
-
-    .card_container_item_title {
-      padding: 10px;
-      border-bottom: 1px solid #ccc;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-    }
-
-    .card_container_item_box {
-      padding: 10px;
-    }
-  }
-}
 </style>
diff --git a/src/views/wel/index.vue b/src/views/wel/index.vue
index 80394da6..6395f423 100644
--- a/src/views/wel/index.vue
+++ b/src/views/wel/index.vue
@@ -1,222 +1,1576 @@
 <template>
-  <div class="bx" v-if="indexState">
-    <div class="left">
-      <div class="tptitl">
-        <img src="./static/topicon.png" />
-        <span>发货操作</span>
+  <div class="main_container">
+    <el-button @click="handleRefresh">刷新</el-button>
+
+    <!-- 开单数据 && 开单收入 -->
+    <div class="flex mb10 row_first">
+      <!-- 开单数据 -->
+      <div class="mr10 box1 view_box" v-loading="details.loadingObj.openOrderData">
+        <!-- 标题 -->
+        <div class="align_center mb20">
+          <img class="mr10 img_13pt" src="@/static/icon_data.png" alt="" />
+
+          <div class="title">开单数据</div>
+        </div>
+
+        <!-- 数据 -->
+        <div class="border pd10">
+          <div class="height40pt flex-c-sb border-bottom">
+            <div class="align_center">
+              <img class="mr10 img_16pt" src="@/static/icon_storage.png" alt="" />
+
+              <div>总计</div>
+            </div>
+
+            <div class="align_center">
+              <span class="data mr10">{{ details.openOrderDataInfo.totalNum || 0 }}</span>
+              <span>单</span>
+            </div>
+          </div>
+
+          <div class="height40pt flex-c-sb border-bottom">
+            <div class="align_center">
+              <img class="mr10 img_16pt" src="@/static/icon_month.png" alt="" />
+
+              <div>当月</div>
+            </div>
+
+            <div class="align_center">
+              <span class="data mr10">{{ details.openOrderDataInfo.monthNum || 0 }}</span>
+              <span>单</span>
+            </div>
+          </div>
+
+          <div class="height40pt flex-c-sb">
+            <div class="align_center">
+              <img class="mr10 img_16pt" src="@/static/icon_day.png" alt="" />
+
+              <div>当日</div>
+            </div>
+
+            <div class="align_center">
+              <span class="data mr10">{{ details.openOrderDataInfo.dayNum || 0 }}</span>
+
+              <span>单</span>
+            </div>
+          </div>
+        </div>
       </div>
-      <div class="onebx1">
-        <div class="item1">
-          <img src="./static/1.png" />
-          <span>提货</span>
-        </div>
-        <div class="item2">
-          <img src="./static/2.png" />
-          <span>预开单</span>
-        </div>
-        <div class="item3">
-          <img src="./static/3.png" />
-          <span>创建运单</span>
-        </div>
-        <div class="item4">
-          <img src="./static/4.png" />
-          <span>补录运单</span>
-        </div>
-        <div class="item5">
-          <img src="./static/5.png" />
-          <span>短驳发车</span>
-        </div>
-        <div class="item6">
-          <img src="./static/6.png" />
-          <span>外部中转</span>
-        </div>
-        <div class="item7">
-          <img src="./static/7.png" />
-          <span>库存管理</span>
-        </div>
-        <div class="item8">
-          <img src="./static/8.png" />
-          <span>车辆配载</span>
-        </div>
-        <img class="upimg" src="./static/up.png" />
-        <img class="rigth1" src="./static/rigth.png" />
-        <img class="rigth2" src="./static/rigth.png" />
-        <img class="rigth3" src="./static/rigth.png" />
-        <img class="rigth4" src="./static/rigth.png" />
-        <img class="rigthall" src="./static/rigthall.png" />
+
+      <!-- 开单收入 -->
+      <div class="flex1 box2 view_box" v-loading="details.loadingObj.openOrderIncome">
+        <!-- 标题 -->
+        <div class="align_center mb20">
+          <img class="mr10 img_13pt" src="@/static/icon_money.png" alt="" />
+
+          <div class="title">开单收入</div>
+        </div>
+
+        <div class="flex">
+          <!-- 统计数据 -->
+          <div class="border flexnone totol pd10">
+            <!-- 总计 -->
+            <div class="height40pt flex-c-sb border-bottom">
+              <div class="align_center">
+                <img class="mr10 img_16pt" src="@/static/icon_storage.png" alt="" />
+
+                <div>总计</div>
+              </div>
+
+              <div class="align_center">
+                <span class="data mr10">{{ details.openOrderIncomeInfo.totalFee || 0 }}</span>
+                <span>元</span>
+              </div>
+            </div>
+
+            <div class="monthData flex-c-sb">
+              <!-- 当月 -->
+              <div class="flex1">
+                <div class="align_center">
+                  <img class="mr10 img_16pt" src="@/static/icon_month.png" alt="" />
+
+                  <div>当月</div>
+                </div>
+
+                <div class="align_center">
+                  <span class="data mr10">{{ details.openOrderIncomeInfo.monthFee || 0 }}</span>
+                  <span>元</span>
+                </div>
+              </div>
+
+              <!-- 当日 -->
+              <div class="flex1 border-left">
+                <div class="align_center">
+                  <img class="mr10 img_16pt" src="@/static/icon_day.png" alt="" />
+
+                  <div>当日</div>
+                </div>
+
+                <div class="align_center">
+                  <span class="data mr10">{{ details.openOrderIncomeInfo.dayFee || 0 }}</span>
+                  <span>元</span>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 详情数据 -->
+          <div class="detailsData flex1 ml10">
+            <!-- 月 -->
+            <div class="flex-c-sb">
+              <!-- 干线 -->
+              <div class="item flex1 mr10">
+                <div>
+                  <span class="data mr5px">{{
+                    details.openOrderIncomeInfo.monthTrunklineFee || 0
+                  }}</span>
+                  <span>元</span>
+                </div>
+
+                <div>干线 - 月</div>
+              </div>
+              <!-- 仓储 -->
+              <div class="item flex1 mr10">
+                <div>
+                  <span class="data mr5px">{{
+                    details.openOrderIncomeInfo.monthWarehouseFee || 0
+                  }}</span>
+                  <span>元</span>
+                </div>
+
+                <div>仓储 - 月</div>
+              </div>
+              <!-- 配送 -->
+              <div class="item flex1 mr10">
+                <div>
+                  <span class="data mr5px">{{
+                    details.openOrderIncomeInfo.monthDistributionFee || 0
+                  }}</span>
+                  <span>元</span>
+                </div>
+
+                <div>配送 - 月</div>
+              </div>
+              <!-- 提货 -->
+              <div class="item flex1 mr10">
+                <div>
+                  <span class="data mr5px">{{
+                    details.openOrderIncomeInfo.monthBillladingFee || 0
+                  }}</span>
+                  <span>元</span>
+                </div>
+
+                <div>提货 - 月</div>
+              </div>
+              <!-- 安装 -->
+              <div class="item flex1">
+                <div>
+                  <span class="data mr5px">{{
+                    details.openOrderIncomeInfo.monthInstallFee || 0
+                  }}</span>
+                  <span>元</span>
+                </div>
+
+                <div>安装 - 月</div>
+              </div>
+            </div>
+
+            <!-- 日 -->
+            <div class="flex-c-sb mt10">
+              <!-- 干线 -->
+              <div class="item flex1 mr10">
+                <div>
+                  <span class="data mr5px">{{
+                    details.openOrderIncomeInfo.dayTrunklineFee || 0
+                  }}</span>
+                  <span>元</span>
+                </div>
+
+                <div>干线 - 日</div>
+              </div>
+              <!-- 仓储 -->
+              <div class="item flex1 mr10">
+                <div>
+                  <span class="data mr5px">{{
+                    details.openOrderIncomeInfo.dayWarehouseFee || 0
+                  }}</span>
+                  <span>元</span>
+                </div>
+
+                <div>仓储 - 日</div>
+              </div>
+              <!-- 配送 -->
+              <div class="item flex1 mr10">
+                <div>
+                  <span class="data mr5px">{{
+                    details.openOrderIncomeInfo.dayDistributionFee || 0
+                  }}</span>
+                  <span>元</span>
+                </div>
+
+                <div>配送 - 日</div>
+              </div>
+              <!-- 提货 -->
+              <div class="item flex1 mr10">
+                <div>
+                  <span class="data mr5px">{{
+                    details.openOrderIncomeInfo.dayBillladingFee || 0
+                  }}</span>
+                  <span>元</span>
+                </div>
+
+                <div>提货 - 日</div>
+              </div>
+              <!-- 安装 -->
+              <div class="item flex1">
+                <div>
+                  <span class="data mr5px">{{
+                    details.openOrderIncomeInfo.dayInstallFee || 0
+                  }}</span>
+                  <span>元</span>
+                </div>
+
+                <div>安装 - 日</div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
-    <div class="ztjk">
-      <img src="./static/9.png" />
-      <span>到货操作</span>
-    </div>
-    <div class="rigth">
-      <div class="tptitl">
-        <img src="./static/topicon.png" />
-        <span>到货操作</span>
+
+    <!-- 当前所在库位数据 && 库位数据 -->
+    <div class="flex mb10 row_second">
+      <!-- 当前所在库位数据 -->
+      <div class="mr10 box1 view_box" v-loading="details.loadingObj.handOrderData">
+        <!-- 标题 -->
+        <div class="align_center mb20">
+          <img class="mr10 img_13pt" src="@/static/icon_data.png" alt="" />
+
+          <div class="title">当前在库数据</div>
+        </div>
+
+        <!-- 数据 -->
+        <div class="border data_container pd10 flex">
+          <div class="item">
+            <div class="align_center">
+              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
+              <span>总数</span>
+            </div>
+            <div class="mt10">
+              <span class="data mr5px">{{ details.handOrderDataInfo.totalNum || 0 }}</span>
+              <span class="">件</span>
+            </div>
+          </div>
+
+          <div class="item border-left">
+            <div class="align_center">
+              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
+              <span>零担</span>
+            </div>
+            <div class="mt10">
+              <span class="data mr5px">{{ details.handOrderDataInfo.zeroNum || 0 }}</span>
+              <span class="">件</span>
+            </div>
+          </div>
+
+          <div class="item border-left">
+            <div class="align_center">
+              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
+              <span>三方中转</span>
+            </div>
+            <div class="mt10">
+              <span class="data mr5px">{{ details.handOrderDataInfo.thirdTransferNum || 0 }}</span>
+              <span class="">件</span>
+            </div>
+          </div>
+
+          <div class="item border-left">
+            <div class="align_center">
+              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
+              <span>商配</span>
+            </div>
+            <div class="mt10">
+              <span class="data mr5px">{{ details.handOrderDataInfo.mallNum || 0 }}</span>
+              <span class="">件</span>
+            </div>
+          </div>
+
+          <div class="item border-left">
+            <div class="align_center">
+              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
+              <span>市配</span>
+            </div>
+            <div class="mt10">
+              <span class="data mr5px">{{ details.handOrderDataInfo.cityNum || 0 }}</span>
+              <span class="">件</span>
+            </div>
+          </div>
+
+          <div class="item border-left">
+            <div class="align_center">
+              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
+              <span>自提</span>
+            </div>
+            <div class="mt10">
+              <span class="data mr5px">{{ details.handOrderDataInfo.billNum || 0 }}</span>
+              <span class="">件</span>
+            </div>
+          </div>
+
+          <div class="item border-left">
+            <div class="align_center">
+              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
+              <span>已打托</span>
+            </div>
+            <div class="mt10">
+              <span class="data mr5px">{{ details.handOrderDataInfo.trayNum || 0 }}</span>
+              <span class="">件</span>
+            </div>
+          </div>
+        </div>
       </div>
-      <div class="onebx1">
-        <div class="item1">
-          <img src="./static/10.png" />
-          <span>到站卸车</span>
-        </div>
-        <div class="item2">
-          <img src="./static/11.png" />
-          <span>库存管理</span>
-        </div>
-        <div class="item3">
-          <img src="./static/12.png" />
-          <span>短驳接收</span>
-        </div>
-        <div class="item4">
-          <img src="./static/13.png" />
-          <span>外部中转</span>
-        </div>
-        <div class="item5">
-          <img src="./static/14.png" />
-          <span>送货</span>
-        </div>
-        <div class="item6">
-          <img src="./static/15.png" />
-          <span>中转签收</span>
-        </div>
-        <div class="item7">
-          <img src="./static/16.png" />
-          <span>送货签收</span>
-        </div>
-        <div class="item8">
-          <img src="./static/17.png" />
-          <span>自提签收</span>
-        </div>
-        <img class="upimg" src="./static/down.png" />
-        <img class="rigth1" src="./static/rigth.png" />
-        <img class="rigth2" src="./static/rigth.png" />
-        <img class="rigth3" src="./static/rigth.png" />
-        <img class="rigth4" src="./static/rigth.png" />
-        <img class="rigthall" src="./static/rigthall2.png" />
-        <img class="leftall" src="./static/leftall.png" />
+
+      <!-- 库位数据 -->
+      <div class="flex1 box2 view_box" v-loading="details.loadingObj.allocationData">
+        <!-- 标题 -->
+        <div class="align_center mb20">
+          <img class="mr10 img_13pt" src="@/static/icon_money.png" alt="" />
+
+          <div class="title">库位数据</div>
+        </div>
+
+        <div class="border data_container pd10 flex">
+          <div class="item">
+            <div class="align_center">
+              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
+              <span>总数</span>
+            </div>
+            <div class="mt10">
+              <span class="data mr5px">{{ details.allocationDataInfo.totalNum || 0 }}</span>
+              <span class="">个</span>
+            </div>
+          </div>
+
+          <div class="item border-left">
+            <div class="align_center">
+              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
+              <span>已上架</span>
+            </div>
+            <div class="mt10">
+              <span class="data mr5px">{{ details.allocationDataInfo.useNum || 0 }}</span>
+              <span class="">个</span>
+            </div>
+          </div>
+
+          <div class="item border-left">
+            <div class="align_center">
+              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
+              <span>空置</span>
+            </div>
+            <div class="mt10">
+              <span class="data mr5px">{{ details.allocationDataInfo.nullNum || 0 }}</span>
+              <span class="">个</span>
+            </div>
+          </div>
+
+          <div class="item border-left">
+            <div class="align_center">
+              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
+              <span>已上架</span>
+            </div>
+            <div class="mt10">
+              <span class="data mr5px">{{ details.allocationDataInfo.upshelfNum || 0 }}</span>
+              <span class="">件</span>
+            </div>
+          </div>
+
+          <div class="item border-left">
+            <div class="align_center">
+              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
+              <span>未上架</span>
+            </div>
+            <div class="mt10">
+              <span class="data mr5px">{{ details.allocationDataInfo.noUpshelfNum || 0 }}</span>
+              <span class="">件</span>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
-    <div class="buts">
-      <div class="tptitl">
-        <img src="./static/topicon.png" />
-        <span>回单管理</span>
+
+    <!-- 干线待发运在库数据 && 干线车次统计 && 异常数据 -->
+    <div class="flex mb10 row_third">
+      <!-- 当前所在库位数据 -->
+      <div class="mr10 box1 flex1 view_box" v-loading="details.loadingObj.trunklineHandOrderData">
+        <!-- 标题 -->
+        <div class="align_center mb20">
+          <img class="mr10 img_13pt" src="@/static/icon_data.png" alt="" />
+
+          <div class="title">干线待发运在库数据</div>
+        </div>
+
+        <!-- 数据 -->
+        <div class="border pd10 flex-c-sb">
+          <div class="text_center">
+            <div class="data_box orange mb10">
+              <div class="data mr5px">{{ details.trunklineHandOrderDataInfo.waybillNum || 0 }}</div>
+              <div class="">单</div>
+            </div>
+            <div class="">
+              <span>运单总数</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box orange mb10">
+              <div class="data mr5px">{{ details.trunklineHandOrderDataInfo.handleNum || 0 }}</div>
+              <div class="">件</div>
+            </div>
+            <div class="">
+              <span>在库总件数</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box orange mb10">
+              <div class="data mr5px">
+                {{ details.trunklineHandOrderDataInfo.handleWeight || 0 }}
+              </div>
+              <div class="">kg</div>
+            </div>
+            <div class="">
+              <span>在库总重量</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box orange mb10">
+              <div class="data mr5px">
+                {{ details.trunklineHandOrderDataInfo.handleVolume || 0 }}
+              </div>
+              <div class="">m³</div>
+            </div>
+            <div class="">
+              <span>在库总方数</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 干线车次统计 -->
+      <div class="mr10 flex1 box2 view_box" v-loading="details.loadingObj.trunklineCarsData">
+        <!-- 标题 -->
+        <div class="align_center mb20">
+          <img class="mr10 img_13pt" src="@/static/icon_money.png" alt="" />
+
+          <div class="title">干线车次统计</div>
+        </div>
+
+        <div class="border pd10 flex-c-sb">
+          <div class="text_center">
+            <div class="data_box mb10">
+              <div class="data mr5px">{{ details.trunklineCarsDataInfo.totalNum || 0 }}</div>
+              <div class="">车</div>
+            </div>
+            <div class="">
+              <span>总车次</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box mb10">
+              <div class="data mr5px">{{ details.trunklineCarsDataInfo.inTransitNum || 0 }}</div>
+              <div class="">车</div>
+            </div>
+            <div class="">
+              <span>在途</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box mb10">
+              <div class="data mr5px">{{ details.trunklineCarsDataInfo.workNum || 0 }}</div>
+              <div class="">车</div>
+            </div>
+            <div class="">
+              <span>作业</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box mb10">
+              <div class="data mr5px">{{ details.trunklineCarsDataInfo.unloadNum || 0 }}</div>
+              <div class="">车</div>
+            </div>
+            <div class="">
+              <span>卸车完成</span>
+            </div>
+          </div>
+        </div>
       </div>
-      <div class="onebx1">
-        <div class="item1">
-          <img src="./static/18.png" />
-          <span>回单回收</span>
-        </div>
-        <div class="item2">
-          <img src="./static/19.png" />
-          <span>回单寄出</span>
-        </div>
-        <div class="item3">
-          <img src="./static/20.png" />
-          <span>回单接收</span>
-        </div>
-        <div class="item4">
-          <img src="./static/21.png" />
-          <span>回单发放</span>
-        </div>
-        <img class="left1" src="./static/rigth.png" />
-        <img class="left2" src="./static/rigth.png" />
-        <img class="left3" src="./static/rigth.png" />
+
+      <!-- 异常数据 -->
+      <div class="flex1 box2 view_box" v-loading="details.loadingObj.unloadAbnormalData">
+        <!-- 标题 -->
+        <div class="flex-c-sb mb20">
+          <div class="align_center">
+            <img class="mr10 img_13pt" src="@/static/icon_money.png" alt="" />
+
+            <div class="title">异常数据</div>
+          </div>
+
+          <div class="align_center">
+            <div
+              :class="{ button: true, active: abnormal_status === 'day' }"
+              @click="() => (abnormal_status = 'day')"
+            >
+              当天
+            </div>
+            <div
+              :class="{ button: true, active: abnormal_status === 'month' }"
+              @click="() => (abnormal_status = 'month')"
+            >
+              当月
+            </div>
+          </div>
+        </div>
+
+        <div class="abnormal_container flex-c-sb">
+          <div class="abnormal_item green">
+            <div class="align_center">
+              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
+              <span>发起数</span>
+            </div>
+            <div class="mt10">
+              <span class="data mr5px">{{ abnormal_Info.sendNum }}</span>
+              <span class="">单</span>
+            </div>
+          </div>
+
+          <div class="abnormal_item blue">
+            <div class="align_center">
+              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
+              <span>待处理</span>
+            </div>
+            <div class="mt10">
+              <span class="data mr5px">{{ abnormal_Info.noDealNum }}</span>
+              <span class="">单</span>
+            </div>
+          </div>
+
+          <div class="abnormal_item red">
+            <div class="align_center">
+              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
+              <span>异常率</span>
+            </div>
+            <div class="mt10">
+              <span class="data mr5px">{{ abnormal_Info.abnormalRate }}</span>
+              <span class="">%</span>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
-    <div class="el-gl">
-      <div>公告栏</div>
+
+    <!-- 当前配送数据 && 签收数据 -->
+    <div class="flex mb10 row_fourthly">
+      <!-- 当前配送数据 -->
+      <div
+        class="mr10 box1 view_box"
+        style="width: 40%"
+        v-loading="details.loadingObj.deliveryData"
+      >
+        <!-- 标题 -->
+        <div class="flex-c-sb mb20">
+          <div class="align_center">
+            <img class="mr10 img_13pt" src="@/static/icon_data.png" alt="" />
+
+            <div class="title">当前配送数据</div>
+          </div>
+
+          <div class="align_center">
+            <!-- 商配 -->
+            <div
+              :class="{ button: true, active: delivery_status === 1 }"
+              @click="delivery_status = 1"
+            >
+              商配
+            </div>
+
+            <!-- 外协商配 -->
+            <div
+              :class="{ button: true, active: delivery_status === 4 }"
+              @click="delivery_status = 4"
+            >
+              外协商配
+            </div>
+
+            <div
+              :class="{ button: true, active: delivery_status === 2 }"
+              @click="delivery_status = 2"
+            >
+              市配
+            </div>
+
+            <div
+              :class="{ button: true, active: delivery_status === 5 }"
+              @click="delivery_status = 5"
+            >
+              外协市配
+            </div>
+          </div>
+        </div>
+
+        <!-- 数据 -->
+        <div class="border pd10 flex-c-sb">
+          <div class="text_center">
+            <div class="data_box blue mb10">
+              <div class="data mr5px">{{ delivery_info.totalDeliveryNum || 0 }}</div>
+              <div class="">单</div>
+            </div>
+            <div class="">
+              <span>配送计划总数</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box blue mb10">
+              <div class="data mr5px">{{ delivery_info.totalNum || 0 }}</div>
+              <div class="">件</div>
+            </div>
+            <div class="">
+              <span>总作业</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box blue mb10">
+              <div class="data mr5px">{{ delivery_info.totalWeight || 0 }}</div>
+              <div class="">kg</div>
+            </div>
+            <div class="">
+              <span>总重量</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box blue mb10">
+              <div class="data mr5px">{{ delivery_info.totalVolume || 0 }}</div>
+              <div class="">m³</div>
+            </div>
+            <div class="">
+              <span>总方数</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box blue mb10">
+              <div class="data mr5px">{{ delivery_info.totalRoadNum || 0 }}</div>
+              <div class="">件</div>
+            </div>
+            <div class="">
+              <span>在途件数</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 签收数据 -->
+      <div class="flex1 box2 view_box" v-loading="details.loadingObj.signforData">
+        <!-- 标题 -->
+        <div class="align_center mb20 flex-c-sb">
+          <div class="flex">
+            <img class="mr10 img_13pt" src="@/static/icon_money.png" alt="" />
+
+            <div class="title">签收数据</div>
+          </div>
+
+          <div class="align_center">
+            <div
+              :class="{ button: true, active: signforData_status === '1' }"
+              @click="() => (signforData_status = '1')"
+            >
+              当天
+            </div>
+            <div
+              :class="{ button: true, active: signforData_status === '2' }"
+              @click="() => (signforData_status = '2')"
+            >
+              当月
+            </div>
+          </div>
+        </div>
+
+        <div class="border pd10 flex-c-sb">
+          <div class="text_center">
+            <div class="data_box mb10">
+              <div class="data mr5px">{{ signforData.signNum || 0 }}</div>
+              <div class="">件</div>
+            </div>
+            <div class="">
+              <span>已签收</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box orange mb10">
+              <div class="data mr5px">{{ signforData.unSignNum || 0 }}</div>
+              <div class="">件</div>
+            </div>
+            <div class="">
+              <span>未签收</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box blue mb10">
+              <div class="data mr5px">
+                {{
+                  signforData.signScale
+                    ? computeNumber(signforData.signScale, '*', 100).toFixed(2)
+                    : 0
+                }}
+              </div>
+              <div class="">%</div>
+            </div>
+            <div class="">
+              <span>签收率</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box purple mb10">
+              <div class="data mr5px">{{ signforData.clerkSignNum || 0 }}</div>
+              <div class="">件</div>
+            </div>
+            <div class="">
+              <span>文员签收数</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box purple mb10">
+              <div class="data mr5px">
+                {{
+                  signforData.clerkSignforScale
+                    ? computeNumber(signforData.clerkSignforScale, '*', 100).toFixed(2)
+                    : 0
+                }}
+              </div>
+              <div class="">%</div>
+            </div>
+            <div class="">
+              <span>文员签收率</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box red mb10">
+              <div class="data mr5px">{{ signforData.clerkOverTimeSignfoNum || 0 }}</div>
+              <div class="">件</div>
+            </div>
+            <div class="">
+              <span>超时签收</span>
+            </div>
+          </div>
+
+          <div class="text_center" v-if="signforData_status !== '1'">
+            <div class="data_box red mb10">
+              <div class="data mr5px">
+                {{
+                  signforData.clerkOverTimeScale
+                    ? Number(signforData.clerkOverTimeScale * 100).toFixed(2)
+                    : 0
+                }}
+              </div>
+              <div class="">%</div>
+            </div>
+            <div class="">
+              <span>签收超时率</span>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
-  </div>
-  <div v-else class="el_Hwlogo">
-    <div class="content">
-      <img src="/public/img/p-logo.png" alt="" />
-      <div class="info">
-        <div class="name">{{ name }}</div>
-        <div class="slogan">您好！欢迎使用货无忧</div>
-        <div class="title">成都数联物科信息技术有限公司</div>
-        <div class="time">{{ currentTime }}</div>
+
+    <!-- 当前配送数据 && 签收数据 -- 自提 -->
+    <div class="flex mb10 row_fourthly">
+      <!-- 当前配送数据 -->
+      <div
+        class="mr10 box1 view_box"
+        style="width: 40%"
+        v-loading="details.loadingObj.deliveryData"
+      >
+        <!-- 标题 -->
+        <div class="flex-c-sb mb20">
+          <div class="align_center">
+            <img class="mr10 img_13pt" src="@/static/icon_data.png" alt="" />
+
+            <div class="title">当前配送数据 -- 自提</div>
+          </div>
+        </div>
+
+        <!-- 数据 -->
+        <div class="border pd10 flex-c-sb">
+          <div class="text_center">
+            <div class="data_box blue mb10">
+              <div class="data mr5px">{{ delivery_bill_info.totalDeliveryNum || 0 }}</div>
+              <div class="">单</div>
+            </div>
+            <div class="">
+              <span>配送计划总数</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box blue mb10">
+              <div class="data mr5px">{{ delivery_bill_info.totalNum || 0 }}</div>
+              <div class="">件</div>
+            </div>
+            <div class="">
+              <span>总作业</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box blue mb10">
+              <div class="data mr5px">{{ delivery_bill_info.totalWeight || 0 }}</div>
+              <div class="">kg</div>
+            </div>
+            <div class="">
+              <span>总重量</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box blue mb10">
+              <div class="data mr5px">{{ delivery_bill_info.totalVolume || 0 }}</div>
+              <div class="">m³</div>
+            </div>
+            <div class="">
+              <span>总方数</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box blue mb10">
+              <div class="data mr5px">{{ delivery_bill_info.totalRoadNum || 0 }}</div>
+              <div class="">件</div>
+            </div>
+            <div class="">
+              <span>在途件数</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 签收数据 -->
+      <div class="flex1 box2 view_box" v-loading="details.loadingObj.signforData">
+        <!-- 标题 -->
+        <div class="align_center mb20 flex-c-sb">
+          <div class="flex">
+            <img class="mr10 img_13pt" src="@/static/icon_money.png" alt="" />
+
+            <div class="title">签收数据 -- 自提</div>
+          </div>
+
+          <div class="align_center">
+            <div
+              :class="{ button: true, active: billSignforData_status === '3' }"
+              @click="() => (billSignforData_status = '3')"
+            >
+              当天
+            </div>
+            <div
+              :class="{ button: true, active: billSignforData_status === '4' }"
+              @click="() => (billSignforData_status = '4')"
+            >
+              当月
+            </div>
+          </div>
+        </div>
+
+        <div class="border pd10 flex-c-sb">
+          <div class="text_center">
+            <div class="data_box mb10">
+              <div class="data mr5px">{{ billSignforData.signNum || 0 }}</div>
+              <div class="">件</div>
+            </div>
+            <div class="">
+              <span>已签收</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box orange mb10">
+              <div class="data mr5px">{{ billSignforData.unSignNum || 0 }}</div>
+              <div class="">件</div>
+            </div>
+            <div class="">
+              <span>未签收</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box blue mb10">
+              <div class="data mr5px">
+                {{
+                  billSignforData.signScale ? Number(billSignforData.signScale * 100).toFixed(2) : 0
+                }}
+              </div>
+              <div class="">%</div>
+            </div>
+            <div class="">
+              <span>签收率</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box purple mb10">
+              <div class="data mr5px">{{ billSignforData.clerkSignNum || 0 }}</div>
+              <div class="">件</div>
+            </div>
+            <div class="">
+              <span>文员签收数</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box purple mb10">
+              <div class="data mr5px">
+                {{
+                  billSignforData.clerkSignforScale
+                    ? Number(billSignforData.clerkSignforScale * 100).toFixed(2)
+                    : 0
+                }}
+              </div>
+              <div class="">%</div>
+            </div>
+            <div class="">
+              <span>文员签收率</span>
+            </div>
+          </div>
+
+          <div class="text_center">
+            <div class="data_box red mb10">
+              <div class="data mr5px">{{ billSignforData.clerkOverTimeSignfoNum || 0 }}</div>
+              <div class="">件</div>
+            </div>
+            <div class="">
+              <span>超时签收</span>
+            </div>
+          </div>
+
+          <div class="text_center" v-if="billSignforData_status !== '3'">
+            <div class="data_box red mb10">
+              <div class="data mr5px">
+                {{
+                  billSignforData.clerkOverTimeScale
+                    ? Number(billSignforData.clerkOverTimeScale * 100).toFixed(2)
+                    : 0
+                }}
+              </div>
+              <div class="">%</div>
+            </div>
+            <div class="">
+              <span>签收超时率</span>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   </div>
 </template>
-<script setup>
-import { ref, onMounted } from 'vue';
-const indexState = ref(false);
-const currentTime = ref('0000年00月00日00时00分00秒');
-const name = ref('');
-name.value = JSON.parse(localStorage.getItem('TWMS-userInfo')).content.real_name;
-setInterval(() => {
-  const now = new Date();
-  const year = now.getFullYear();
-  const month = String(now.getMonth() + 1).padStart(2, '0');
-  const day = String(now.getDate()).padStart(2, '0');
-  const hours = String(now.getHours()).padStart(2, '0');
-  const minutes = String(now.getMinutes()).padStart(2, '0');
-  const seconds = String(now.getSeconds()).padStart(2, '0');
-  currentTime.value = `${year}年${month}月${day}日${hours}时${minutes}分${seconds}秒`;
-}, 1000);
-</script>
-<style scoped lang="scss">
-.info {
-  display: flex;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  .name {
-    font-size: 40px;
-    color: #d3832a;
-    font-weight: bold;
+<script setup lang="ts">
+import { ref, onMounted, computed, reactive } from 'vue';
+import { computeNumber } from '@/utils/util.js';
+
+import {
+  postAllocationData,
+  postHandOrderData,
+  postOpenOrderData,
+  postOpenOrderIncome,
+  postTrunklineCarsData,
+  postTrunklineHandOrderData,
+  postUnloadAbnormalData,
+  postDeliveryData,
+  postSignforData,
+} from '@/api/wel/index';
+
+const details = reactive({
+  /** 开单数据 */
+  openOrderDataInfo: {
+    /** 开单 -- 总计 */
+    dayNum: 0,
+    /** 开单 -- 当月 */
+    monthNum: 0,
+    /** 开单 -- 当日 */
+    totalNum: 0,
+  },
+  /** 开单收入 */
+  openOrderIncomeInfo: {
+    dayBillladingFee: '0.00',
+    dayDistributionFee: '0.00',
+    dayFee: '0.00',
+    dayInstallFee: '0.00',
+    dayTrunklineFee: '0.00',
+    dayWarehouseFee: '0.00',
+    monthBillladingFee: '0.00',
+    monthDistributionFee: '0.00',
+    monthFee: '0.00',
+    monthInstallFee: '0.00',
+    monthTrunklineFee: '0.00',
+    monthWarehouseFee: '0.00',
+    totalFee: '0',
+  },
+  /** 当前在库数据 */
+  handOrderDataInfo: {
+    billNum: 0,
+    cityNum: 0,
+    mallNum: 0,
+    thirdTransferNum: 0,
+    totalNum: 0,
+    trayNum: 0,
+    zeroNum: 0,
+  },
+  /** 库位数据 */
+  allocationDataInfo: {
+    noUpshelfNum: 0,
+    nullNum: 0,
+    totalNum: 0,
+    upshelfNum: 0,
+    useNum: 0,
+  },
+  /** 干线发运数据 */
+  trunklineHandOrderDataInfo: {
+    handleNum: 0,
+    handleVolume: '0.0000',
+    handleWeight: '0.0000',
+    waybillNum: 0,
+  },
+  /** 干线车次数据 */
+  trunklineCarsDataInfo: {
+    inTransitNum: 1,
+    totalNum: 4,
+    unloadNum: 1,
+    workNum: 3,
+  },
+  /** 异常卸车数据 */
+  unloadAbnormalDataInfo: {
+    abnormalDayRate: '0',
+    abnormalMonthRate: '0',
+    noDealDayNum: 0,
+    noDealMonthNum: 0,
+    sendDayNum: 0,
+    sendMonthNum: 0,
+    unloadDayNum: 0,
+    unloadMonthNum: 0,
+  },
+  /** 配送数据 */
+  deliveryDataInfo: [],
+  /** 签收数据 */
+  signforDataInfo: [],
+  loadingObj: {
+    /** 开单数据 */
+    openOrderData: false,
+    /** 开单收入 */
+    openOrderIncome: false,
+    /** 当前在库数据 */
+    handOrderData: false,
+    /** 库位数据 */
+    allocationData: false,
+    /** 干线发运数据 */
+    trunklineHandOrderData: false,
+    /** 干线车次数据 */
+    trunklineCarsData: false,
+    /** 异常卸车数据 */
+    unloadAbnormalData: false,
+    /** 配送数据 */
+    deliveryData: false,
+    /** 签收数据 */
+    signforData: false,
+  },
+});
+
+const deliveryDataBill = computed(() => {});
+
+/**
+ * 配送显示数据类型
+ * 1 -- 商配
+ * 2 -- 市配
+ * 3 -- 自提
+ * 4 -- 外协商配
+ * 5 -- 外协市配
+ */
+const delivery_status = ref<1 | 2 | 3 | 4 | 5>(1);
+
+/** 异常数据状态 */
+const abnormal_status = ref<'day' | 'month'>('day');
+
+/** 签收数据状态 */
+const signforData_status = ref<'1' | '2'>('1');
+
+/** 自提签收数据状态 */
+const billSignforData_status = ref<'3' | '4'>('3');
+
+/** 请求开单数据 */
+const initOpenOrderData = async () => {
+  try {
+    details.loadingObj.openOrderData = true;
+    const res = await postOpenOrderData({});
+    const { code, data } = res.data;
+    if (code !== 200) return;
+    details.openOrderDataInfo = data || {};
+  } catch (error) {
+    console.log('error :>> ', error);
+  } finally {
+    details.loadingObj.openOrderData = false;
+  }
+};
+
+/** 请求开单收入 */
+const initOpenOrderIncome = async () => {
+  try {
+    details.loadingObj.openOrderIncome = true;
+    const res = await postOpenOrderIncome({});
+    const { code, data } = res.data;
+    if (code !== 200) return;
+    details.openOrderIncomeInfo = data || {};
+  } catch (error) {
+    console.log('error :>> ', error);
+  } finally {
+    details.loadingObj.openOrderIncome = false;
+  }
+};
+
+/** 请求库位数据 */
+const initAllocationData = async () => {
+  try {
+    details.loadingObj.allocationData = true;
+    const res = await postAllocationData({});
+    const { code, data } = res.data;
+    if (code !== 200) return;
+    details.allocationDataInfo = data || {};
+  } catch (error) {
+    console.log('error :>> ', error);
+  } finally {
+    details.loadingObj.allocationData = false;
+  }
+};
+
+/** 请求在库数据 */
+const initHandOrderData = async () => {
+  try {
+    details.loadingObj.handOrderData = true;
+    const res = await postHandOrderData({});
+    const { code, data } = res.data;
+    if (code !== 200) return;
+    details.handOrderDataInfo = data || {};
+  } catch (error) {
+    console.log('error :>> ', error);
+  } finally {
+    details.loadingObj.handOrderData = false;
+  }
+};
+
+/** 请求干线发运数据 */
+const initTrunklineHandOrderData = async () => {
+  try {
+    details.loadingObj.trunklineHandOrderData = true;
+    const res = await postTrunklineHandOrderData({});
+    const { code, data } = res.data;
+    if (code !== 200) return;
+    details.trunklineHandOrderDataInfo = data || {};
+  } catch (error) {
+    console.log('error :>> ', error);
+  } finally {
+    details.loadingObj.trunklineHandOrderData = false;
+  }
+};
+
+/** 请求干线车次数据 */
+const initTrunklineCarsData = async () => {
+  try {
+    details.loadingObj.trunklineCarsData = true;
+    const res = await postTrunklineCarsData({});
+    const { code, data } = res.data;
+    if (code !== 200) return;
+    details.trunklineCarsDataInfo = data || {};
+  } catch (error) {
+    console.log('error :>> ', error);
+  } finally {
+    details.loadingObj.trunklineCarsData = false;
+  }
+};
+
+/** 卸车异常数据 */
+const initUnloadAbnormalData = async () => {
+  try {
+    details.loadingObj.unloadAbnormalData = true;
+    const res = await postUnloadAbnormalData({});
+    const { code, data } = res.data;
+    if (code !== 200) return;
+    details.unloadAbnormalDataInfo = data || {};
+  } catch (error) {
+    console.log('error :>> ', error);
+  } finally {
+    details.loadingObj.unloadAbnormalData = false;
+  }
+};
+
+/** 配送数据 */
+const initDeliveryData = async () => {
+  try {
+    details.loadingObj.deliveryData = true;
+    const res = await postDeliveryData({});
+    const { code, data } = res.data;
+    if (code !== 200) return;
+    details.deliveryDataInfo = data || [];
+  } catch (error) {
+    console.log('error :>> ', error);
+  } finally {
+    details.loadingObj.deliveryData = false;
+  }
+};
+
+/** 签收数据 */
+const initSignforData = async () => {
+  try {
+    details.loadingObj.signforData = true;
+    const res = await postSignforData({});
+    const { code, data } = res.data;
+    if (code !== 200) return;
+    details.signforDataInfo = data || [];
+  } catch (error) {
+    console.log('error :>> ', error);
+  } finally {
+    details.loadingObj.signforData = false;
   }
-  .slogan {
-    font-size: 3em;
+};
+
+const handleRefresh = () => {
+  initAllocationData();
+  initHandOrderData();
+  initOpenOrderData();
+  initOpenOrderIncome();
+  initTrunklineCarsData();
+  initTrunklineHandOrderData();
+  initUnloadAbnormalData();
+  initDeliveryData();
+  initSignforData();
+};
+
+handleRefresh();
+
+/** 异常数据 */
+const abnormal_Info = computed(() => {
+  const _obj =
+    abnormal_status.value === 'day'
+      ? {
+          sendNum: details.unloadAbnormalDataInfo.sendDayNum,
+          noDealNum: details.unloadAbnormalDataInfo.noDealDayNum,
+          abnormalRate: details.unloadAbnormalDataInfo.abnormalDayRate,
+        }
+      : {
+          sendNum: details.unloadAbnormalDataInfo.sendMonthNum,
+          noDealNum: details.unloadAbnormalDataInfo.noDealMonthNum,
+          abnormalRate: details.unloadAbnormalDataInfo.abnormalMonthRate,
+        };
+
+  return _obj;
+});
+
+/** 配送数据 */
+const delivery_info = computed(() => {
+  let _obj = {};
+
+  for (let i = 0; i < details.deliveryDataInfo.length; i++) {
+    const value = details.deliveryDataInfo[i];
+    if (delivery_status.value + '' === value.type + '') _obj = value;
   }
-  .time {
-    display: flex;
-    margin-top: 10px;
-    justify-content: flex-end;
+
+  return _obj;
+});
+
+/** 配送自提数据 */
+const delivery_bill_info = computed(() => {
+  let _obj = {};
+
+  for (let i = 0; i < details.deliveryDataInfo.length; i++) {
+    const value = details.deliveryDataInfo[i];
+    if (value.type + '' === '3') _obj = value;
   }
+
+  return _obj;
+});
+
+/** 签收数据 */
+const signforData = computed(() => {
+  let _obj = {};
+
+  for (let i = 0; i < details.signforDataInfo.length; i++) {
+    const value = details.signforDataInfo[i];
+    if (value.type + '' === signforData_status.value) _obj = value;
+  }
+
+  return _obj;
+});
+
+/** 签收数据 -- 自提 */
+const billSignforData = computed(() => {
+  let _obj = {};
+
+  for (let i = 0; i < details.signforDataInfo.length; i++) {
+    const value = details.signforDataInfo[i];
+    if (value.type + '' === billSignforData_status.value) _obj = value;
+  }
+
+  return _obj;
+});
+</script>
+
+<style scoped lang="scss">
+.main_container {
+  font-size: 14px;
+  background: #f5f5f6;
+  padding: 0 5px;
+}
+
+.view_box {
+  padding: 10px;
+  padding-top: 8px;
+  background: #fff;
+  border-radius: 5px;
+
   .title {
-    display: flex;
-    margin-top: 10px;
-    justify-content: flex-end;
+    font-weight: bold;
+    font-size: 18px;
+    line-height: 18px;
+  }
+
+  .img_16pt {
+    width: 20px;
+    height: 20px;
   }
 }
-.el_Hwlogo {
-  width: 100%;
-  height: 100%;
+
+.mb20 {
+  margin-bottom: 20px;
+}
+
+.pd10 {
+  padding: 0 10px;
+}
+
+.align_center {
   display: flex;
   align-items: center;
-  justify-content: center;
-  span {
-    color: #d3832a;
+}
+
+// 开单数据
+.height40pt {
+  height: 60px;
+}
+
+// 数据样式
+.data {
+  font-weight: bold;
+  color: #000;
+  font-family: DIN-Bold;
+  font-size: 20px;
+}
+
+.border {
+  border: 1pt solid #f5f5f6;
+  border-radius: 5px;
+  box-sizing: border-box;
+}
+
+.border-bottom {
+  border-bottom: 1pt solid #f5f5f6;
+  box-sizing: border-box;
+}
+
+.border-left {
+  border-left: 1px solid #f5f5f6;
+  box-sizing: border-box;
+}
+
+// 第一排
+.row_first {
+  & > div {
+    height: 100%;
   }
-  img {
-    width: 300px;
-    height: 300px;
+
+  .box1 {
+    height: 100%;
+    width: 340px;
+    box-sizing: border-box;
+    flex: none;
   }
-  .content {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: center;
+
+  // 开单收入
+  .box2 {
+    height: 100%;
+
+    // 统计数据
+    .totol {
+      width: 460px;
+
+      .monthData {
+        height: 120px;
+
+        & > div {
+          height: 80%;
+          flex-direction: column;
+          display: flex;
+          justify-content: space-around;
+          padding: 0 10px;
+          box-sizing: border-box;
+        }
+      }
+    }
+
+    // 详情数据
+    .detailsData {
+      .item {
+        background: #f2f7fb;
+        border-radius: 5px;
+        height: 85px;
+        box-sizing: border-box;
+        padding: 10px;
+        color: #a4b0c2;
+        display: flex;
+        justify-content: space-between;
+        flex-direction: column;
+      }
+    }
   }
 }
-.el-gl {
-  font-weight: 500;
+
+// 第二排
+.row_second {
+  .dataIcon {
+    height: 14px;
+    width: 14px;
+  }
+
+  .data_container {
+    height: 100px;
+    box-sizing: border-box;
+    padding: 20px 0;
+  }
+
+  .item {
+    width: 137px;
+    height: 100%;
+    padding: 0 20px;
+    box-sizing: border-box;
+    flex: none;
+  }
+}
+
+// 第三排
+.row_third {
+  @extend .row_second;
+  .abnormal_container {
+    height: 100px;
+  }
+
+  .abnormal_item {
+    box-sizing: border-box;
+    padding: 20px;
+    width: 160px;
+    color: #7b8ba4;
+
+    &.red {
+      background: #ffeeed;
+
+      .data {
+        color: #ff5d52;
+      }
+    }
+
+    &.blue {
+      background: #e9f4ff;
+
+      .data {
+        color: #2693ff;
+      }
+    }
+
+    &.green {
+      background: #e5f8f3;
+
+      .data {
+        color: #00c090;
+      }
+    }
+  }
+
+  .button {
+    padding: 0px 10px;
+    height: 18px;
+    line-height: 18px;
+    background: #fff;
+    border: 1px solid #f5f5f6;
+    border-radius: 2px;
+    color: #000;
+    font-size: 12px;
+    transition: all 0.3s;
+    cursor: pointer;
+    &.active {
+      color: #fff;
+      background: #2693ff;
+      border-color: #2693ff;
+    }
+  }
+}
+
+// 第四排
+.row_fourthly {
+  @extend .row_third;
+
+  .item {
+    width: 150px;
+  }
+}
+
+.data_box {
+  padding: 16px;
+  min-width: 80px;
+  word-break: break-all;
+  background-color: #e5f8f3;
+  border-radius: 4px;
+  border-bottom: 5px solid #00c090;
+
+  &.orange {
+    background: #fff4ec;
+    border-color: #ff9545;
+  }
+
+  &.blue {
+    background-color: #f2f7fb;
+    border-color: #2693ff;
+  }
+
+  &.red {
+    background: #ffeeed;
+    border-color: #ff5d52;
+  }
+
+  &.purple {
+    background: #f0eff8;
+    border-color: #6b60c2;
+  }
+}
+
+.mr5px {
+  margin-right: 5px;
+}
+
+.text_center {
   text-align: center;
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  width: 15%;
-  background-color: #fff;
-  border-radius: 32px;
-  padding: 5px;
-  box-sizing: border-box;
-  border: 1px solid #f1eeee69;
-  box-shadow: 4px 6px 0 #d3dff6, 1px 1px 9px #d3dff6;
-  height: 762px;
 }
 </style>
 <style lang="scss" scope>
@@ -226,23 +1580,3 @@ setInterval(() => {
   background-color: #fff;
 }
 </style>
-<script>
-import { mapGetters } from 'vuex';
-export default {
-  name: 'wel',
-  data() {
-    return {
-      activeNames: ['1', '2', '3', '5'],
-      logActiveNames: ['29'],
-    };
-  },
-  computed: {
-    ...mapGetters(['userInfo']),
-  },
-  methods: {
-    handleChange(val) {
-      window.console.log(val);
-    },
-  },
-};
-</script>
diff --git a/src/views/wel/index1.vue b/src/views/wel/index1.vue
new file mode 100644
index 00000000..80394da6
--- /dev/null
+++ b/src/views/wel/index1.vue
@@ -0,0 +1,248 @@
+<template>
+  <div class="bx" v-if="indexState">
+    <div class="left">
+      <div class="tptitl">
+        <img src="./static/topicon.png" />
+        <span>发货操作</span>
+      </div>
+      <div class="onebx1">
+        <div class="item1">
+          <img src="./static/1.png" />
+          <span>提货</span>
+        </div>
+        <div class="item2">
+          <img src="./static/2.png" />
+          <span>预开单</span>
+        </div>
+        <div class="item3">
+          <img src="./static/3.png" />
+          <span>创建运单</span>
+        </div>
+        <div class="item4">
+          <img src="./static/4.png" />
+          <span>补录运单</span>
+        </div>
+        <div class="item5">
+          <img src="./static/5.png" />
+          <span>短驳发车</span>
+        </div>
+        <div class="item6">
+          <img src="./static/6.png" />
+          <span>外部中转</span>
+        </div>
+        <div class="item7">
+          <img src="./static/7.png" />
+          <span>库存管理</span>
+        </div>
+        <div class="item8">
+          <img src="./static/8.png" />
+          <span>车辆配载</span>
+        </div>
+        <img class="upimg" src="./static/up.png" />
+        <img class="rigth1" src="./static/rigth.png" />
+        <img class="rigth2" src="./static/rigth.png" />
+        <img class="rigth3" src="./static/rigth.png" />
+        <img class="rigth4" src="./static/rigth.png" />
+        <img class="rigthall" src="./static/rigthall.png" />
+      </div>
+    </div>
+    <div class="ztjk">
+      <img src="./static/9.png" />
+      <span>到货操作</span>
+    </div>
+    <div class="rigth">
+      <div class="tptitl">
+        <img src="./static/topicon.png" />
+        <span>到货操作</span>
+      </div>
+      <div class="onebx1">
+        <div class="item1">
+          <img src="./static/10.png" />
+          <span>到站卸车</span>
+        </div>
+        <div class="item2">
+          <img src="./static/11.png" />
+          <span>库存管理</span>
+        </div>
+        <div class="item3">
+          <img src="./static/12.png" />
+          <span>短驳接收</span>
+        </div>
+        <div class="item4">
+          <img src="./static/13.png" />
+          <span>外部中转</span>
+        </div>
+        <div class="item5">
+          <img src="./static/14.png" />
+          <span>送货</span>
+        </div>
+        <div class="item6">
+          <img src="./static/15.png" />
+          <span>中转签收</span>
+        </div>
+        <div class="item7">
+          <img src="./static/16.png" />
+          <span>送货签收</span>
+        </div>
+        <div class="item8">
+          <img src="./static/17.png" />
+          <span>自提签收</span>
+        </div>
+        <img class="upimg" src="./static/down.png" />
+        <img class="rigth1" src="./static/rigth.png" />
+        <img class="rigth2" src="./static/rigth.png" />
+        <img class="rigth3" src="./static/rigth.png" />
+        <img class="rigth4" src="./static/rigth.png" />
+        <img class="rigthall" src="./static/rigthall2.png" />
+        <img class="leftall" src="./static/leftall.png" />
+      </div>
+    </div>
+    <div class="buts">
+      <div class="tptitl">
+        <img src="./static/topicon.png" />
+        <span>回单管理</span>
+      </div>
+      <div class="onebx1">
+        <div class="item1">
+          <img src="./static/18.png" />
+          <span>回单回收</span>
+        </div>
+        <div class="item2">
+          <img src="./static/19.png" />
+          <span>回单寄出</span>
+        </div>
+        <div class="item3">
+          <img src="./static/20.png" />
+          <span>回单接收</span>
+        </div>
+        <div class="item4">
+          <img src="./static/21.png" />
+          <span>回单发放</span>
+        </div>
+        <img class="left1" src="./static/rigth.png" />
+        <img class="left2" src="./static/rigth.png" />
+        <img class="left3" src="./static/rigth.png" />
+      </div>
+    </div>
+    <div class="el-gl">
+      <div>公告栏</div>
+    </div>
+  </div>
+  <div v-else class="el_Hwlogo">
+    <div class="content">
+      <img src="/public/img/p-logo.png" alt="" />
+      <div class="info">
+        <div class="name">{{ name }}</div>
+        <div class="slogan">您好！欢迎使用货无忧</div>
+        <div class="title">成都数联物科信息技术有限公司</div>
+        <div class="time">{{ currentTime }}</div>
+      </div>
+    </div>
+  </div>
+</template>
+<script setup>
+import { ref, onMounted } from 'vue';
+const indexState = ref(false);
+const currentTime = ref('0000年00月00日00时00分00秒');
+const name = ref('');
+name.value = JSON.parse(localStorage.getItem('TWMS-userInfo')).content.real_name;
+setInterval(() => {
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0');
+  const day = String(now.getDate()).padStart(2, '0');
+  const hours = String(now.getHours()).padStart(2, '0');
+  const minutes = String(now.getMinutes()).padStart(2, '0');
+  const seconds = String(now.getSeconds()).padStart(2, '0');
+  currentTime.value = `${year}年${month}月${day}日${hours}时${minutes}分${seconds}秒`;
+}, 1000);
+</script>
+<style scoped lang="scss">
+.info {
+  display: flex;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  .name {
+    font-size: 40px;
+    color: #d3832a;
+    font-weight: bold;
+  }
+  .slogan {
+    font-size: 3em;
+  }
+  .time {
+    display: flex;
+    margin-top: 10px;
+    justify-content: flex-end;
+  }
+  .title {
+    display: flex;
+    margin-top: 10px;
+    justify-content: flex-end;
+  }
+}
+.el_Hwlogo {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  span {
+    color: #d3832a;
+  }
+  img {
+    width: 300px;
+    height: 300px;
+  }
+  .content {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+  }
+}
+.el-gl {
+  font-weight: 500;
+  text-align: center;
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  width: 15%;
+  background-color: #fff;
+  border-radius: 32px;
+  padding: 5px;
+  box-sizing: border-box;
+  border: 1px solid #f1eeee69;
+  box-shadow: 4px 6px 0 #d3dff6, 1px 1px 9px #d3dff6;
+  height: 762px;
+}
+</style>
+<style lang="scss" scope>
+@import '../../styles/flowStyle.scss';
+
+#avue-view {
+  background-color: #fff;
+}
+</style>
+<script>
+import { mapGetters } from 'vuex';
+export default {
+  name: 'wel',
+  data() {
+    return {
+      activeNames: ['1', '2', '3', '5'],
+      logActiveNames: ['29'],
+    };
+  },
+  computed: {
+    ...mapGetters(['userInfo']),
+  },
+  methods: {
+    handleChange(val) {
+      window.console.log(val);
+    },
+  },
+};
+</script>
diff --git a/src/views/wel/index2.vue b/src/views/wel/index2.vue
deleted file mode 100644
index 4f3ab717..00000000
--- a/src/views/wel/index2.vue
+++ /dev/null
@@ -1,1459 +0,0 @@
-<template>
-  <div class="main_container">
-    <el-button @click="handleRefresh">刷新</el-button>
-
-    <!-- 开单数据 && 开单收入 -->
-    <div class="flex mb10 row_first">
-      <!-- 开单数据 -->
-      <div class="mr10 box1 view_box" v-loading="details.loadingObj.openOrderData">
-        <!-- 标题 -->
-        <div class="align_center mb20">
-          <img class="mr10 img_13pt" src="@/static/icon_data.png" alt="" />
-
-          <div class="title">开单数据</div>
-        </div>
-
-        <!-- 数据 -->
-        <div class="border pd10">
-          <div class="height40pt flex-c-sb border-bottom">
-            <div class="align_center">
-              <img class="mr10 img_16pt" src="@/static/icon_storage.png" alt="" />
-
-              <div>总计</div>
-            </div>
-
-            <div class="align_center">
-              <span class="data mr10">{{ details.openOrderDataInfo.totalNum || 0 }}</span>
-              <span>单</span>
-            </div>
-          </div>
-
-          <div class="height40pt flex-c-sb border-bottom">
-            <div class="align_center">
-              <img class="mr10 img_16pt" src="@/static/icon_month.png" alt="" />
-
-              <div>当月</div>
-            </div>
-
-            <div class="align_center">
-              <span class="data mr10">{{ details.openOrderDataInfo.monthNum || 0 }}</span>
-              <span>单</span>
-            </div>
-          </div>
-
-          <div class="height40pt flex-c-sb">
-            <div class="align_center">
-              <img class="mr10 img_16pt" src="@/static/icon_day.png" alt="" />
-
-              <div>当日</div>
-            </div>
-
-            <div class="align_center">
-              <span class="data mr10">{{ details.openOrderDataInfo.dayNum || 0 }}</span>
-
-              <span>单</span>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- 开单收入 -->
-      <div class="flex1 box2 view_box" v-loading="details.loadingObj.openOrderIncome">
-        <!-- 标题 -->
-        <div class="align_center mb20">
-          <img class="mr10 img_13pt" src="@/static/icon_money.png" alt="" />
-
-          <div class="title">开单收入</div>
-        </div>
-
-        <div class="flex">
-          <!-- 统计数据 -->
-          <div class="border flexnone totol pd10">
-            <!-- 总计 -->
-            <div class="height40pt flex-c-sb border-bottom">
-              <div class="align_center">
-                <img class="mr10 img_16pt" src="@/static/icon_storage.png" alt="" />
-
-                <div>总计</div>
-              </div>
-
-              <div class="align_center">
-                <span class="data mr10">{{ details.openOrderIncomeInfo.totalFee || 0 }}</span>
-                <span>元</span>
-              </div>
-            </div>
-
-            <div class="monthData flex-c-sb">
-              <!-- 当月 -->
-              <div class="flex1">
-                <div class="align_center">
-                  <img class="mr10 img_16pt" src="@/static/icon_month.png" alt="" />
-
-                  <div>当月</div>
-                </div>
-
-                <div class="align_center">
-                  <span class="data mr10">{{ details.openOrderIncomeInfo.monthFee || 0 }}</span>
-                  <span>元</span>
-                </div>
-              </div>
-
-              <!-- 当日 -->
-              <div class="flex1 border-left">
-                <div class="align_center">
-                  <img class="mr10 img_16pt" src="@/static/icon_day.png" alt="" />
-
-                  <div>当日</div>
-                </div>
-
-                <div class="align_center">
-                  <span class="data mr10">{{ details.openOrderIncomeInfo.dayFee || 0 }}</span>
-                  <span>元</span>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <!-- 详情数据 -->
-          <div class="detailsData flex1 ml10">
-            <!-- 月 -->
-            <div class="flex-c-sb">
-              <!-- 干线 -->
-              <div class="item flex1 mr10">
-                <div>
-                  <span class="data mr5px">{{
-                    details.openOrderIncomeInfo.monthTrunklineFee || 0
-                  }}</span>
-                  <span>元</span>
-                </div>
-
-                <div>干线 - 月</div>
-              </div>
-              <!-- 仓储 -->
-              <div class="item flex1 mr10">
-                <div>
-                  <span class="data mr5px">{{
-                    details.openOrderIncomeInfo.monthWarehouseFee || 0
-                  }}</span>
-                  <span>元</span>
-                </div>
-
-                <div>仓储 - 月</div>
-              </div>
-              <!-- 配送 -->
-              <div class="item flex1 mr10">
-                <div>
-                  <span class="data mr5px">{{
-                    details.openOrderIncomeInfo.monthDistributionFee || 0
-                  }}</span>
-                  <span>元</span>
-                </div>
-
-                <div>配送 - 月</div>
-              </div>
-              <!-- 提货 -->
-              <div class="item flex1 mr10">
-                <div>
-                  <span class="data mr5px">{{
-                    details.openOrderIncomeInfo.monthBillladingFee || 0
-                  }}</span>
-                  <span>元</span>
-                </div>
-
-                <div>提货 - 月</div>
-              </div>
-              <!-- 安装 -->
-              <div class="item flex1">
-                <div>
-                  <span class="data mr5px">{{
-                    details.openOrderIncomeInfo.monthInstallFee || 0
-                  }}</span>
-                  <span>元</span>
-                </div>
-
-                <div>安装 - 月</div>
-              </div>
-            </div>
-
-            <!-- 日 -->
-            <div class="flex-c-sb mt10">
-              <!-- 干线 -->
-              <div class="item flex1 mr10">
-                <div>
-                  <span class="data mr5px">{{
-                    details.openOrderIncomeInfo.dayTrunklineFee || 0
-                  }}</span>
-                  <span>元</span>
-                </div>
-
-                <div>干线 - 日</div>
-              </div>
-              <!-- 仓储 -->
-              <div class="item flex1 mr10">
-                <div>
-                  <span class="data mr5px">{{
-                    details.openOrderIncomeInfo.dayWarehouseFee || 0
-                  }}</span>
-                  <span>元</span>
-                </div>
-
-                <div>仓储 - 日</div>
-              </div>
-              <!-- 配送 -->
-              <div class="item flex1 mr10">
-                <div>
-                  <span class="data mr5px">{{
-                    details.openOrderIncomeInfo.dayDistributionFee || 0
-                  }}</span>
-                  <span>元</span>
-                </div>
-
-                <div>配送 - 日</div>
-              </div>
-              <!-- 提货 -->
-              <div class="item flex1 mr10">
-                <div>
-                  <span class="data mr5px">{{
-                    details.openOrderIncomeInfo.dayBillladingFee || 0
-                  }}</span>
-                  <span>元</span>
-                </div>
-
-                <div>提货 - 日</div>
-              </div>
-              <!-- 安装 -->
-              <div class="item flex1">
-                <div>
-                  <span class="data mr5px">{{
-                    details.openOrderIncomeInfo.dayInstallFee || 0
-                  }}</span>
-                  <span>元</span>
-                </div>
-
-                <div>安装 - 日</div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 当前所在库位数据 && 库位数据 -->
-    <div class="flex mb10 row_second">
-      <!-- 当前所在库位数据 -->
-      <div class="mr10 box1 view_box" v-loading="details.loadingObj.handOrderData">
-        <!-- 标题 -->
-        <div class="align_center mb20">
-          <img class="mr10 img_13pt" src="@/static/icon_data.png" alt="" />
-
-          <div class="title">当前在库数据</div>
-        </div>
-
-        <!-- 数据 -->
-        <div class="border data_container pd10 flex">
-          <div class="item">
-            <div class="align_center">
-              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>总数</span>
-            </div>
-            <div class="mt10">
-              <span class="data mr5px">{{ details.handOrderDataInfo.totalNum || 0 }}</span>
-              <span class="">件</span>
-            </div>
-          </div>
-
-          <div class="item border-left">
-            <div class="align_center">
-              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>零担</span>
-            </div>
-            <div class="mt10">
-              <span class="data mr5px">{{ details.handOrderDataInfo.zeroNum || 0 }}</span>
-              <span class="">件</span>
-            </div>
-          </div>
-
-          <div class="item border-left">
-            <div class="align_center">
-              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>三方中转</span>
-            </div>
-            <div class="mt10">
-              <span class="data mr5px">{{ details.handOrderDataInfo.thirdTransferNum || 0 }}</span>
-              <span class="">件</span>
-            </div>
-          </div>
-
-          <div class="item border-left">
-            <div class="align_center">
-              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>商配</span>
-            </div>
-            <div class="mt10">
-              <span class="data mr5px">{{ details.handOrderDataInfo.mallNum || 0 }}</span>
-              <span class="">件</span>
-            </div>
-          </div>
-
-          <div class="item border-left">
-            <div class="align_center">
-              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>市配</span>
-            </div>
-            <div class="mt10">
-              <span class="data mr5px">{{ details.handOrderDataInfo.cityNum || 0 }}</span>
-              <span class="">件</span>
-            </div>
-          </div>
-
-          <div class="item border-left">
-            <div class="align_center">
-              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>自提</span>
-            </div>
-            <div class="mt10">
-              <span class="data mr5px">{{ details.handOrderDataInfo.billNum || 0 }}</span>
-              <span class="">件</span>
-            </div>
-          </div>
-
-          <div class="item border-left">
-            <div class="align_center">
-              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>已打托</span>
-            </div>
-            <div class="mt10">
-              <span class="data mr5px">{{ details.handOrderDataInfo.trayNum || 0 }}</span>
-              <span class="">件</span>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- 库位数据 -->
-      <div class="flex1 box2 view_box" v-loading="details.loadingObj.allocationData">
-        <!-- 标题 -->
-        <div class="align_center mb20">
-          <img class="mr10 img_13pt" src="@/static/icon_money.png" alt="" />
-
-          <div class="title">库位数据</div>
-        </div>
-
-        <div class="border data_container pd10 flex">
-          <div class="item">
-            <div class="align_center">
-              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>总数</span>
-            </div>
-            <div class="mt10">
-              <span class="data mr5px">{{ details.allocationDataInfo.totalNum || 0 }}</span>
-              <span class="">个</span>
-            </div>
-          </div>
-
-          <div class="item border-left">
-            <div class="align_center">
-              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>已上架</span>
-            </div>
-            <div class="mt10">
-              <span class="data mr5px">{{ details.allocationDataInfo.useNum || 0 }}</span>
-              <span class="">个</span>
-            </div>
-          </div>
-
-          <div class="item border-left">
-            <div class="align_center">
-              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>空置</span>
-            </div>
-            <div class="mt10">
-              <span class="data mr5px">{{ details.allocationDataInfo.nullNum || 0 }}</span>
-              <span class="">个</span>
-            </div>
-          </div>
-
-          <div class="item border-left">
-            <div class="align_center">
-              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>已上架</span>
-            </div>
-            <div class="mt10">
-              <span class="data mr5px">{{ details.allocationDataInfo.upshelfNum || 0 }}</span>
-              <span class="">件</span>
-            </div>
-          </div>
-
-          <div class="item border-left">
-            <div class="align_center">
-              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>未上架</span>
-            </div>
-            <div class="mt10">
-              <span class="data mr5px">{{ details.allocationDataInfo.noUpshelfNum || 0 }}</span>
-              <span class="">件</span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 干线待发运在库数据 && 干线车次统计 && 异常数据 -->
-    <div class="flex mb10 row_third">
-      <!-- 当前所在库位数据 -->
-      <div class="mr10 box1 flex1 view_box" v-loading="details.loadingObj.trunklineHandOrderData">
-        <!-- 标题 -->
-        <div class="align_center mb20">
-          <img class="mr10 img_13pt" src="@/static/icon_data.png" alt="" />
-
-          <div class="title">干线待发运在库数据</div>
-        </div>
-
-        <!-- 数据 -->
-        <div class="border pd10 flex-c-sb">
-          <div class="text_center">
-            <div class="data_box orange mb10">
-              <div class="data mr5px">{{ details.trunklineHandOrderDataInfo.waybillNum || 0 }}</div>
-              <div class="">单</div>
-            </div>
-            <div class="">
-              <span>运单总数</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box orange mb10">
-              <div class="data mr5px">{{ details.trunklineHandOrderDataInfo.handleNum || 0 }}</div>
-              <div class="">件</div>
-            </div>
-            <div class="">
-              <span>在库总件数</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box orange mb10">
-              <div class="data mr5px">
-                {{ details.trunklineHandOrderDataInfo.handleWeight || 0 }}
-              </div>
-              <div class="">kg</div>
-            </div>
-            <div class="">
-              <span>在库总重量</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box orange mb10">
-              <div class="data mr5px">
-                {{ details.trunklineHandOrderDataInfo.handleVolume || 0 }}
-              </div>
-              <div class="">m³</div>
-            </div>
-            <div class="">
-              <span>在库总方数</span>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- 干线车次统计 -->
-      <div class="mr10 flex1 box2 view_box" v-loading="details.loadingObj.trunklineCarsData">
-        <!-- 标题 -->
-        <div class="align_center mb20">
-          <img class="mr10 img_13pt" src="@/static/icon_money.png" alt="" />
-
-          <div class="title">干线车次统计</div>
-        </div>
-
-        <div class="border pd10 flex-c-sb">
-          <div class="text_center">
-            <div class="data_box mb10">
-              <div class="data mr5px">{{ details.trunklineCarsDataInfo.totalNum || 0 }}</div>
-              <div class="">车</div>
-            </div>
-            <div class="">
-              <span>总车次</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box mb10">
-              <div class="data mr5px">{{ details.trunklineCarsDataInfo.inTransitNum || 0 }}</div>
-              <div class="">车</div>
-            </div>
-            <div class="">
-              <span>在途</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box mb10">
-              <div class="data mr5px">{{ details.trunklineCarsDataInfo.workNum || 0 }}</div>
-              <div class="">车</div>
-            </div>
-            <div class="">
-              <span>作业</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box mb10">
-              <div class="data mr5px">{{ details.trunklineCarsDataInfo.unloadNum || 0 }}</div>
-              <div class="">车</div>
-            </div>
-            <div class="">
-              <span>卸车完成</span>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- 异常数据 -->
-      <div class="flex1 box2 view_box" v-loading="details.loadingObj.unloadAbnormalData">
-        <!-- 标题 -->
-        <div class="flex-c-sb mb20">
-          <div class="align_center">
-            <img class="mr10 img_13pt" src="@/static/icon_money.png" alt="" />
-
-            <div class="title">异常数据</div>
-          </div>
-
-          <div class="align_center">
-            <div
-              :class="{ button: true, active: abnormal_status === 'day' }"
-              @click="() => (abnormal_status = 'day')"
-            >
-              当天
-            </div>
-            <div
-              :class="{ button: true, active: abnormal_status === 'month' }"
-              @click="() => (abnormal_status = 'month')"
-            >
-              当月
-            </div>
-          </div>
-        </div>
-
-        <div class="abnormal_container flex-c-sb">
-          <div class="abnormal_item green">
-            <div class="align_center">
-              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>发起数</span>
-            </div>
-            <div class="mt10">
-              <span class="data mr5px">{{ abnormal_Info.sendNum }}</span>
-              <span class="">单</span>
-            </div>
-          </div>
-
-          <div class="abnormal_item blue">
-            <div class="align_center">
-              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>待处理</span>
-            </div>
-            <div class="mt10">
-              <span class="data mr5px">{{ abnormal_Info.noDealNum }}</span>
-              <span class="">单</span>
-            </div>
-          </div>
-
-          <div class="abnormal_item red">
-            <div class="align_center">
-              <img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" />
-              <span>异常率</span>
-            </div>
-            <div class="mt10">
-              <span class="data mr5px">{{ abnormal_Info.abnormalRate }}</span>
-              <span class="">%</span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 当前配送数据 && 签收数据 -->
-    <div class="flex mb10 row_fourthly">
-      <!-- 当前配送数据 -->
-      <div
-        class="mr10 box1 view_box"
-        style="width: 40%"
-        v-loading="details.loadingObj.deliveryData"
-      >
-        <!-- 标题 -->
-        <div class="flex-c-sb mb20">
-          <div class="align_center">
-            <img class="mr10 img_13pt" src="@/static/icon_data.png" alt="" />
-
-            <div class="title">当前配送数据</div>
-          </div>
-
-          <div class="align_center">
-            <div :class="{ button: true, active: isActive }" @click="isActive = !isActive">
-              市配
-            </div>
-            <div :class="{ button: true, active: !isActive }" @click="isActive = !isActive">
-              商配
-            </div>
-          </div>
-        </div>
-
-        <!-- 数据 -->
-        <div class="border pd10 flex-c-sb">
-          <div class="text_center">
-            <div class="data_box blue mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">单</div>
-            </div>
-            <div class="">
-              <span>配送计划总数</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box blue mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">件</div>
-            </div>
-            <div class="">
-              <span>总作业</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box blue mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">kg</div>
-            </div>
-            <div class="">
-              <span>总重量</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box blue mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">m³</div>
-            </div>
-            <div class="">
-              <span>总方数</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box blue mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">件</div>
-            </div>
-            <div class="">
-              <span>在途件数</span>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- 签收数据 -->
-      <div class="flex1 box2 view_box" v-loading="details.loadingObj.signforData">
-        <!-- 标题 -->
-        <div class="align_center mb20 flex-c-sb">
-          <div class="flex">
-            <img class="mr10 img_13pt" src="@/static/icon_money.png" alt="" />
-
-            <div class="title">签收数据</div>
-          </div>
-
-          <div class="align_center">
-            <div
-              :class="{ button: true, active: abnormal_status === 'day' }"
-              @click="() => (abnormal_status = 'day')"
-            >
-              当天
-            </div>
-            <div
-              :class="{ button: true, active: abnormal_status === 'month' }"
-              @click="() => (abnormal_status = 'month')"
-            >
-              当月
-            </div>
-          </div>
-        </div>
-
-        <div class="border pd10 flex-c-sb">
-          <div class="text_center">
-            <div class="data_box mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">件</div>
-            </div>
-            <div class="">
-              <span>已签收</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box orange mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">件</div>
-            </div>
-            <div class="">
-              <span>未签收</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box blue mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">%</div>
-            </div>
-            <div class="">
-              <span>签收率</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box purple mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">件</div>
-            </div>
-            <div class="">
-              <span>文员签收数</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box purple mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">%</div>
-            </div>
-            <div class="">
-              <span>文员签收率</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box red mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">件</div>
-            </div>
-            <div class="">
-              <span>超时签收</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box red mb10">
-              <div class="data mr5px">168991</div>
-              <div class="">%</div>
-            </div>
-            <div class="">
-              <span>签收超时率</span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 当前配送数据 && 签收数据 -->
-    <div class="flex mb10 row_fourthly">
-      <!-- 当前配送数据 -->
-      <div
-        class="mr10 box1 view_box"
-        style="width: 40%"
-        v-loading="details.loadingObj.deliveryData"
-      >
-        <!-- 标题 -->
-        <div class="flex-c-sb mb20">
-          <div class="align_center">
-            <img class="mr10 img_13pt" src="@/static/icon_data.png" alt="" />
-
-            <div class="title">当前配送数据 -- 自提</div>
-          </div>
-        </div>
-
-        <!-- 数据 -->
-        <div class="border pd10 flex-c-sb">
-          <div class="text_center">
-            <div class="data_box blue mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">单</div>
-            </div>
-            <div class="">
-              <span>配送计划总数</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box blue mb10">
-              <div class="data mr5px">{{ deliveryDataBill }}</div>
-              <div class="">件</div>
-            </div>
-            <div class="">
-              <span>总作业</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box blue mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">kg</div>
-            </div>
-            <div class="">
-              <span>总重量</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box blue mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">m³</div>
-            </div>
-            <div class="">
-              <span>总方数</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box blue mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">件</div>
-            </div>
-            <div class="">
-              <span>在途件数</span>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- 签收数据 -->
-      <div class="flex1 box2 view_box" v-loading="details.loadingObj.signforData">
-        <!-- 标题 -->
-        <div class="align_center mb20 flex-c-sb">
-          <div class="flex">
-            <img class="mr10 img_13pt" src="@/static/icon_money.png" alt="" />
-
-            <div class="title">签收数据 -- 自提</div>
-          </div>
-
-          <div class="align_center">
-            <div
-              :class="{ button: true, active: abnormal_status === 'day' }"
-              @click="() => (abnormal_status = 'day')"
-            >
-              当天
-            </div>
-            <div
-              :class="{ button: true, active: abnormal_status === 'month' }"
-              @click="() => (abnormal_status = 'month')"
-            >
-              当月
-            </div>
-          </div>
-        </div>
-
-        <div class="border pd10 flex-c-sb">
-          <div class="text_center">
-            <div class="data_box mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">件</div>
-            </div>
-            <div class="">
-              <span>已签收</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box orange mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">件</div>
-            </div>
-            <div class="">
-              <span>未签收</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box blue mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">%</div>
-            </div>
-            <div class="">
-              <span>签收率</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box purple mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">件</div>
-            </div>
-            <div class="">
-              <span>文员签收数</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box purple mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">%</div>
-            </div>
-            <div class="">
-              <span>文员签收率</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box red mb10">
-              <div class="data mr5px">16899</div>
-              <div class="">件</div>
-            </div>
-            <div class="">
-              <span>超时签收</span>
-            </div>
-          </div>
-
-          <div class="text_center">
-            <div class="data_box red mb10">
-              <div class="data mr5px">168991</div>
-              <div class="">%</div>
-            </div>
-            <div class="">
-              <span>签收超时率</span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script setup lang="ts">
-import { ref, onMounted } from 'vue';
-
-import {
-  postAllocationData,
-  postHandOrderData,
-  postOpenOrderData,
-  postOpenOrderIncome,
-  postTrunklineCarsData,
-  postTrunklineHandOrderData,
-  postUnloadAbnormalData,
-  postDeliveryData,
-  postSignforData,
-} from '@/api/wel/index';
-
-const details = reactive({
-  /** 开单数据 */
-  openOrderDataInfo: {
-    /** 开单 -- 总计 */
-    dayNum: 0,
-    /** 开单 -- 当月 */
-    monthNum: 0,
-    /** 开单 -- 当日 */
-    totalNum: 0,
-  },
-  /** 开单收入 */
-  openOrderIncomeInfo: {
-    dayBillladingFee: '0.00',
-    dayDistributionFee: '0.00',
-    dayFee: '0.00',
-    dayInstallFee: '0.00',
-    dayTrunklineFee: '0.00',
-    dayWarehouseFee: '0.00',
-    monthBillladingFee: '0.00',
-    monthDistributionFee: '0.00',
-    monthFee: '0.00',
-    monthInstallFee: '0.00',
-    monthTrunklineFee: '0.00',
-    monthWarehouseFee: '0.00',
-    totalFee: '0',
-  },
-  /** 当前在库数据 */
-  handOrderDataInfo: {
-    billNum: 0,
-    cityNum: 0,
-    mallNum: 0,
-    thirdTransferNum: 0,
-    totalNum: 0,
-    trayNum: 0,
-    zeroNum: 0,
-  },
-  /** 库位数据 */
-  allocationDataInfo: {
-    noUpshelfNum: 0,
-    nullNum: 0,
-    totalNum: 0,
-    upshelfNum: 0,
-    useNum: 0,
-  },
-  /** 干线发运数据 */
-  trunklineHandOrderDataInfo: {
-    handleNum: 0,
-    handleVolume: '0.0000',
-    handleWeight: '0.0000',
-    waybillNum: 0,
-  },
-  /** 干线车次数据 */
-  trunklineCarsDataInfo: {
-    inTransitNum: 1,
-    totalNum: 4,
-    unloadNum: 1,
-    workNum: 3,
-  },
-  /** 异常卸车数据 */
-  unloadAbnormalDataInfo: {
-    abnormalDayRate: '0',
-    abnormalMonthRate: '0',
-    noDealDayNum: 0,
-    noDealMonthNum: 0,
-    sendDayNum: 0,
-    sendMonthNum: 0,
-    unloadDayNum: 0,
-    unloadMonthNum: 0,
-  },
-  /** 配送数据 */
-  deliveryDataInfo: [],
-  loadingObj: {
-    /** 开单数据 */
-    openOrderData: false,
-    /** 开单收入 */
-    openOrderIncome: false,
-    /** 当前在库数据 */
-    handOrderData: false,
-    /** 库位数据 */
-    allocationData: false,
-    /** 干线发运数据 */
-    trunklineHandOrderData: false,
-    /** 干线车次数据 */
-    trunklineCarsData: false,
-    /** 异常卸车数据 */
-    unloadAbnormalData: false,
-    /** 配送数据 */
-    deliveryData: false,
-    /** 签收数据 */
-    signforData: false,
-  },
-});
-
-const deliveryDataBill = computed(() => {});
-
-const isActive = ref(false);
-
-/** 异常数据状态 */
-const abnormal_status = ref<'day' | 'month'>('day');
-
-/** 请求开单数据 */
-const initOpenOrderData = async () => {
-  try {
-    details.loadingObj.openOrderData = true;
-    const res = await postOpenOrderData({});
-    const { code, data } = res.data;
-    if (code !== 200) return;
-    details.openOrderDataInfo = data;
-  } catch (error) {
-    console.log('error :>> ', error);
-  } finally {
-    details.loadingObj.openOrderData = false;
-  }
-};
-
-/** 请求开单收入 */
-const initOpenOrderIncome = async () => {
-  try {
-    details.loadingObj.openOrderIncome = true;
-    const res = await postOpenOrderIncome({});
-    const { code, data } = res.data;
-    if (code !== 200) return;
-    details.openOrderIncomeInfo = data;
-  } catch (error) {
-    console.log('error :>> ', error);
-  } finally {
-    details.loadingObj.openOrderIncome = false;
-  }
-};
-
-/** 请求库位数据 */
-const initAllocationData = async () => {
-  try {
-    details.loadingObj.allocationData = true;
-    const res = await postAllocationData({});
-    const { code, data } = res.data;
-    if (code !== 200) return;
-    details.allocationDataInfo = data;
-  } catch (error) {
-    console.log('error :>> ', error);
-  } finally {
-    details.loadingObj.allocationData = false;
-  }
-};
-
-/** 请求在库数据 */
-const initHandOrderData = async () => {
-  try {
-    details.loadingObj.handOrderData = true;
-    const res = await postHandOrderData({});
-    const { code, data } = res.data;
-    if (code !== 200) return;
-    details.handOrderDataInfo = data;
-  } catch (error) {
-    console.log('error :>> ', error);
-  } finally {
-    details.loadingObj.handOrderData = false;
-  }
-};
-
-/** 请求干线发运数据 */
-const initTrunklineHandOrderData = async () => {
-  try {
-    details.loadingObj.trunklineHandOrderData = true;
-    const res = await postTrunklineHandOrderData({});
-    const { code, data } = res.data;
-    if (code !== 200) return;
-    details.trunklineHandOrderDataInfo = data;
-  } catch (error) {
-    console.log('error :>> ', error);
-  } finally {
-    details.loadingObj.trunklineHandOrderData = false;
-  }
-};
-
-/** 请求干线车次数据 */
-const initTrunklineCarsData = async () => {
-  try {
-    details.loadingObj.trunklineCarsData = true;
-    const res = await postTrunklineCarsData({});
-    const { code, data } = res.data;
-    if (code !== 200) return;
-    details.trunklineCarsDataInfo = data;
-  } catch (error) {
-    console.log('error :>> ', error);
-  } finally {
-    details.loadingObj.trunklineCarsData = false;
-  }
-};
-
-/** 卸车异常数据 */
-const initUnloadAbnormalData = async () => {
-  try {
-    details.loadingObj.unloadAbnormalData = true;
-    const res = await postUnloadAbnormalData({});
-    const { code, data } = res.data;
-    if (code !== 200) return;
-    details.unloadAbnormalDataInfo = data;
-  } catch (error) {
-    console.log('error :>> ', error);
-  } finally {
-    details.loadingObj.unloadAbnormalData = false;
-  }
-};
-
-/** 配送数据 */
-const initDeliveryData = async () => {
-  try {
-    details.loadingObj.deliveryData = true;
-    const res = await postDeliveryData({});
-    const { code, data } = res.data;
-    if (code !== 200) return;
-    details.deliveryDataInfo = data;
-  } catch (error) {
-    console.log('error :>> ', error);
-  } finally {
-    details.loadingObj.deliveryData = false;
-  }
-};
-
-/** 签收数据 */
-const initSignforData = async () => {
-  try {
-    details.loadingObj.signforData = true;
-    const res = await postSignforData({});
-    const { code, data } = res.data;
-    if (code !== 200) return;
-    details.unloadAbnormalDataInfo = data;
-  } catch (error) {
-    console.log('error :>> ', error);
-  } finally {
-    details.loadingObj.signforData = false;
-  }
-};
-
-const handleRefresh = () => {
-  // initAllocationData();
-  // initHandOrderData();
-  // initOpenOrderData();
-  // initOpenOrderIncome();
-  // initTrunklineCarsData();
-  // initTrunklineHandOrderData();
-  // initUnloadAbnormalData();
-  // initDeliveryData();
-  initSignforData();
-};
-
-handleRefresh();
-
-const abnormal_Info = computed(() => {
-  const _obj =
-    abnormal_status.value === 'day'
-      ? {
-          sendNum: details.unloadAbnormalDataInfo.sendDayNum,
-          noDealNum: details.unloadAbnormalDataInfo.noDealDayNum,
-          abnormalRate: details.unloadAbnormalDataInfo.abnormalDayRate,
-        }
-      : {
-          sendNum: details.unloadAbnormalDataInfo.sendMonthNum,
-          noDealNum: details.unloadAbnormalDataInfo.noDealMonthNum,
-          abnormalRate: details.unloadAbnormalDataInfo.abnormalMonthRate,
-        };
-
-  return _obj;
-});
-</script>
-
-<style scoped lang="scss">
-.main_container {
-  font-size: 14px;
-  background: #f5f5f6;
-  padding: 0 5px;
-}
-
-.view_box {
-  padding: 10px;
-  padding-top: 8px;
-  background: #fff;
-  border-radius: 5px;
-
-  .title {
-    font-weight: bold;
-    font-size: 18px;
-    line-height: 18px;
-  }
-
-  .img_16pt {
-    width: 20px;
-    height: 20px;
-  }
-}
-
-.mb20 {
-  margin-bottom: 20px;
-}
-
-.pd10 {
-  padding: 0 10px;
-}
-
-.align_center {
-  display: flex;
-  align-items: center;
-}
-
-// 开单数据
-.height40pt {
-  height: 60px;
-}
-
-// 数据样式
-.data {
-  font-weight: bold;
-  color: #000;
-  font-family: DIN-Bold;
-  font-size: 20px;
-}
-
-.border {
-  border: 1pt solid #f5f5f6;
-  border-radius: 5px;
-  box-sizing: border-box;
-}
-
-.border-bottom {
-  border-bottom: 1pt solid #f5f5f6;
-  box-sizing: border-box;
-}
-
-.border-left {
-  border-left: 1px solid #f5f5f6;
-  box-sizing: border-box;
-}
-
-// 第一排
-.row_first {
-  & > div {
-    height: 100%;
-  }
-
-  .box1 {
-    height: 100%;
-    width: 340px;
-    box-sizing: border-box;
-    flex: none;
-  }
-
-  // 开单收入
-  .box2 {
-    height: 100%;
-
-    // 统计数据
-    .totol {
-      width: 460px;
-
-      .monthData {
-        height: 120px;
-
-        & > div {
-          height: 80%;
-          flex-direction: column;
-          display: flex;
-          justify-content: space-around;
-          padding: 0 10px;
-          box-sizing: border-box;
-        }
-      }
-    }
-
-    // 详情数据
-    .detailsData {
-      .item {
-        background: #f2f7fb;
-        border-radius: 5px;
-        height: 85px;
-        box-sizing: border-box;
-        padding: 10px;
-        color: #a4b0c2;
-        display: flex;
-        justify-content: space-between;
-        flex-direction: column;
-      }
-    }
-  }
-}
-
-// 第二排
-.row_second {
-  .dataIcon {
-    height: 14px;
-    width: 14px;
-  }
-
-  .data_container {
-    height: 100px;
-    box-sizing: border-box;
-    padding: 20px 0;
-  }
-
-  .item {
-    width: 137px;
-    height: 100%;
-    padding: 0 20px;
-    box-sizing: border-box;
-    flex: none;
-  }
-}
-
-// 第三排
-.row_third {
-  @extend .row_second;
-  .abnormal_container {
-    height: 100px;
-  }
-
-  .abnormal_item {
-    box-sizing: border-box;
-    padding: 20px;
-    width: 160px;
-    color: #7b8ba4;
-
-    &.red {
-      background: #ffeeed;
-
-      .data {
-        color: #ff5d52;
-      }
-    }
-
-    &.blue {
-      background: #e9f4ff;
-
-      .data {
-        color: #2693ff;
-      }
-    }
-
-    &.green {
-      background: #e5f8f3;
-
-      .data {
-        color: #00c090;
-      }
-    }
-  }
-
-  .button {
-    padding: 0px 10px;
-    height: 18px;
-    line-height: 18px;
-    background: #fff;
-    border: 1px solid #f5f5f6;
-    border-radius: 2px;
-    color: #000;
-    font-size: 12px;
-    transition: all 0.3s;
-    cursor: pointer;
-    &.active {
-      color: #fff;
-      background: #2693ff;
-      border-color: #2693ff;
-    }
-  }
-}
-
-// 第四排
-.row_fourthly {
-  @extend .row_third;
-
-  .item {
-    width: 150px;
-  }
-}
-
-.data_box {
-  padding: 16px;
-  min-width: 80px;
-  word-break: break-all;
-  background-color: #e5f8f3;
-  border-radius: 4px;
-  border-bottom: 5px solid #00c090;
-
-  &.orange {
-    background: #fff4ec;
-    border-color: #ff9545;
-  }
-
-  &.blue {
-    background-color: #f2f7fb;
-    border-color: #2693ff;
-  }
-
-  &.red {
-    background: #ffeeed;
-    border-color: #ff5d52;
-  }
-
-  &.purple {
-    background: #f0eff8;
-    border-color: #6b60c2;
-  }
-}
-
-.mr5px {
-  margin-right: 5px;
-}
-
-.text_center {
-  text-align: center;
-}
-</style>
-<style lang="scss" scope>
-@import '../../styles/flowStyle.scss';
-
-#avue-view {
-  background-color: #fff;
-}
-</style>