From e9f7c9a4b1a012a9f3c39d16212c684a80b08071 Mon Sep 17 00:00:00 2001
From: qb <1191961160@qq.com>
Date: Thu, 12 Dec 2024 14:50:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=85=8D=E8=BD=BD=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/print.js                            |  14 +-
 src/views/desk/DataBoard.vue                  |  20 +--
 .../artery/VehicleArrivalManagement.vue       |  15 +-
 .../distribution/artery/VehicleNodeImgs.vue   | 163 +++++++++++-------
 .../distribution/artery/VehicleStowage.vue    |   1 +
 5 files changed, 130 insertions(+), 83 deletions(-)

diff --git a/src/utils/print.js b/src/utils/print.js
index fa20edf3..dfb4a3c2 100644
--- a/src/utils/print.js
+++ b/src/utils/print.js
@@ -47,6 +47,13 @@ const print = (nodeList, type = 'deliveryPrint') => {
   // 初始化打印实例
   let LODOP = getLodop();
 
+  // const _count = LODOP.GET_PRINTER_COUNT();
+
+  // for (let index = 0; index < _count; index++) {
+  //   const name = LODOP.GET_PRINTER_NAME(index);
+  //   console.log('name :>> ', name);
+  // }
+
   // 当列表内没有元素时, 退出函数
   if (nodeList.length === 0) return;
 
@@ -68,13 +75,6 @@ const print = (nodeList, type = 'deliveryPrint') => {
 
 const newPrint = nodeName => {
   if (nodeName) return hwyPrintNew(nodeName);
-  // const nodeList = document.querySelectorAll('.el-dialog__body>div>div>div')
-
-  // for (const iterator of nodeList) {
-  //   //$Print(iterator)
-
-  //   console.log(iterator, 'iterator');
-  // }
 
   hwyPrintNew('.el-dialog__body>div>div>div');
 };
diff --git a/src/views/desk/DataBoard.vue b/src/views/desk/DataBoard.vue
index b86d8ec1..e7000ff1 100644
--- a/src/views/desk/DataBoard.vue
+++ b/src/views/desk/DataBoard.vue
@@ -905,13 +905,13 @@
                 () =>
                   handleDetails('trunklineCarsDataColumn', '干线车次统计 - 在途 - 车', {
                     tip: '在途',
-                    prop: 'inTransitNum',
+                    prop: 'onTheWayNum',
                   })
               "
             >
               <div class="data_box mb10">
                 <div class="data mr5px underline">
-                  {{ details.trunklineCarsDataInfo.inTransitNum || 0 }}
+                  {{ details.trunklineCarsDataInfo.onTheWayNum || 0 }}
                 </div>
                 <div class="">车</div>
               </div>
@@ -926,13 +926,13 @@
                 () =>
                   handleDetails('trunklineCarsDataColumn', '干线车次统计 - 作业 - 车', {
                     tip: '作业',
-                    prop: 'workNum',
+                    prop: 'workingNum',
                   })
               "
             >
               <div class="data_box mb10">
                 <div class="data mr5px underline">
-                  {{ details.trunklineCarsDataInfo.workNum || 0 }}
+                  {{ details.trunklineCarsDataInfo.workingNum || 0 }}
                 </div>
                 <div class="">车</div>
               </div>
@@ -947,13 +947,13 @@
                 () =>
                   handleDetails('trunklineCarsDataColumn', '干线车次统计 - 卸车完成 - 车', {
                     tip: '卸车完成',
-                    prop: 'unloadNum',
+                    prop: 'unloadCompleteNum',
                   })
               "
             >
               <div class="data_box mb10">
                 <div class="data mr5px underline">
-                  {{ details.trunklineCarsDataInfo.unloadNum || 0 }}
+                  {{ details.trunklineCarsDataInfo.unloadCompleteNum || 0 }}
                 </div>
                 <div class="">车</div>
               </div>
@@ -1841,10 +1841,10 @@ const details = reactive({
   },
   /** 干线车次数据 */
   trunklineCarsDataInfo: {
-    inTransitNum: 0,
+    onTheWayNum: 0,
     totalNum: 0,
-    unloadNum: 0,
-    workNum: 0,
+    unloadCompleteNum: 0,
+    workingNum: 0,
   },
   /** 异常卸车数据 */
   unloadAbnormalDataInfo: {
@@ -2136,7 +2136,7 @@ const initTrunklineHandOrderData = async () => {
 /** 请求干线车次数据 */
 const initTrunklineCarsData = async () => {
   const _obj: any = {};
-  const _keyArr = ['inTransitNum', 'totalNum', 'unloadNum', 'workNum'];
+  const _keyArr = ['onTheWayNum', 'totalNum', 'unloadCompleteNum', 'workingNum'];
   for (let i = 0; i < _keyArr.length; i++) {
     const value = _keyArr[i];
 
diff --git a/src/views/distribution/artery/VehicleArrivalManagement.vue b/src/views/distribution/artery/VehicleArrivalManagement.vue
index 746b3846..002e2bb8 100644
--- a/src/views/distribution/artery/VehicleArrivalManagement.vue
+++ b/src/views/distribution/artery/VehicleArrivalManagement.vue
@@ -397,9 +397,9 @@
                   </el-dropdown-item>
 
                   <!-- 配载图片 -->
-                  <!-- <el-dropdown-item>
+                  <el-dropdown-item>
                     <el-text @click="handleShowVehicleImgs(slotProps.scope)"> 配载图片 </el-text>
-                  </el-dropdown-item> -->
+                  </el-dropdown-item>
                 </el-dropdown-menu>
               </template>
             </el-dropdown>
@@ -1870,6 +1870,17 @@ const handleExportAbnormal = () => {
   const time = new Date().getTime();
   exportExcelByDom(abnormalOrderTableNode.value.$el, '异常数据' + ' - ' + time + '.xlsx');
 };
+
+/** 配载图片 */
+const handleShowVehicleImgs = ({ row }) => {
+  $router.push({
+    path: '/distribution/artery/VehicleNodeImgs',
+    query: {
+      name: `${row.carsNo} - 节点图片`,
+      loadId: row.id,
+    },
+  });
+};
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/distribution/artery/VehicleNodeImgs.vue b/src/views/distribution/artery/VehicleNodeImgs.vue
index 21d9f4d8..55c6c1a7 100644
--- a/src/views/distribution/artery/VehicleNodeImgs.vue
+++ b/src/views/distribution/artery/VehicleNodeImgs.vue
@@ -10,7 +10,7 @@
           :key="item.nodeId"
           :class="{
             VehicleLineNode_item: true,
-            notActive: false,
+            notActive: details.nowWarehoseIndex < index,
             choose: details.activeIndex === index,
           }"
           @click="() => handleCheckNode(item, index)"
@@ -34,74 +34,83 @@
 
       <!-- 图片容器 -->
       <div class="VehicleLineImgs_container">
-        <div class="mb20 align-center">
-          <div class="VehicleLineImgs_container_title">装车前图片</div>
+        <!-- 装车前图片 -->
+        <template v-if="details.activeIndex !== details.loadLineArr.length - 1">
+          <div class="mb20 align-center">
+            <div class="VehicleLineImgs_container_title">装车前图片</div>
 
-          <el-button
-            type="primary"
-            icon="edit"
-            @click="() => handleEdit('beforeLoad', beforeLoadImgArr, '装车前图片')"
+            <el-button
+              type="primary"
+              icon="edit"
+              @click="() => handleEdit('beforeLoad', beforeLoadImgArr, '装车前图片')"
+              v-if="details.myWarehouseId === details.loadLineArr[details.activeIndex]?.nodeId"
+            >
+              编辑
+            </el-button>
+          </div>
+          <div
+            class="VehicleLineImgs_container_list mb20"
+            v-for="(item, index) in beforeLoadImgArr"
+            :key="item.type + '-' + item.position"
           >
-            编辑
-          </el-button>
-        </div>
-        <div
-          class="VehicleLineImgs_container_list mb20"
-          v-for="(item, index) in beforeLoadImgArr"
-          :key="item.type + '-' + item.position"
-        >
-          <div class="title">{{ item.title }}</div>
+            <div class="title">{{ item.title }}</div>
 
-          <div class="item">
-            <el-image
-              v-for="(value, i) in item.imgArr"
-              :key="value.url"
-              style="width: 150px; height: 150px; margin: 5px; border-radius: 5px"
-              :src="value.url"
-              :zoom-rate="1.2"
-              :max-scale="7"
-              :min-scale="0.2"
-              :preview-src-list="item.imgArr.map(val => val.url)"
-              :initial-index="i"
-              fit="cover"
-            />
+            <div class="item">
+              <el-image
+                v-for="(value, i) in item.imgArr"
+                :key="value.url"
+                style="width: 150px; height: 150px; margin: 5px; border-radius: 5px"
+                :src="value.url"
+                :zoom-rate="1.2"
+                :max-scale="7"
+                :min-scale="0.2"
+                :preview-src-list="item.imgArr.map(val => val.url)"
+                :initial-index="i"
+                fit="cover"
+              />
+            </div>
           </div>
-        </div>
+        </template>
 
-        <div class="mb20 align-center">
-          <div class="VehicleLineImgs_container_title">发车前图片</div>
+        <!-- 发车前图片 -->
+        <template v-if="details.activeIndex !== details.loadLineArr.length - 1">
+          <div class="mb20 align-center">
+            <div class="VehicleLineImgs_container_title">发车前图片</div>
 
-          <el-button
-            type="primary"
-            icon="edit"
-            @click="() => handleEdit('boforeStart', boforeStartImgArr, '发车前图片')"
+            <el-button
+              type="primary"
+              icon="edit"
+              @click="() => handleEdit('boforeStart', boforeStartImgArr, '发车前图片')"
+              v-if="details.myWarehouseId === details.loadLineArr[details.activeIndex]?.nodeId"
+            >
+              编辑
+            </el-button>
+          </div>
+          <div
+            class="VehicleLineImgs_container_list mb20"
+            v-for="(item, index) in boforeStartImgArr"
+            :key="item.type + '-' + item.position"
           >
-            编辑
-          </el-button>
-        </div>
-        <div
-          class="VehicleLineImgs_container_list mb20"
-          v-for="(item, index) in boforeStartImgArr"
-          :key="item.type + '-' + item.position"
-        >
-          <div class="title">{{ item.title }}</div>
+            <div class="title">{{ item.title }}</div>
 
-          <div class="item">
-            <el-image
-              v-for="(value, i) in item.imgArr"
-              :key="value.url"
-              style="width: 150px; height: 150px; margin: 5px; border-radius: 5px"
-              :src="value.url"
-              :zoom-rate="1.2"
-              :max-scale="7"
-              :min-scale="0.2"
-              :preview-src-list="item.imgArr.map(val => val.url)"
-              :initial-index="i"
-              fit="cover"
-            />
+            <div class="item">
+              <el-image
+                v-for="(value, i) in item.imgArr"
+                :key="value.url"
+                style="width: 150px; height: 150px; margin: 5px; border-radius: 5px"
+                :src="value.url"
+                :zoom-rate="1.2"
+                :max-scale="7"
+                :min-scale="0.2"
+                :preview-src-list="item.imgArr.map(val => val.url)"
+                :initial-index="i"
+                fit="cover"
+              />
+            </div>
           </div>
-        </div>
+        </template>
 
+        <!-- 卸车前图片 -->
         <template v-if="details.activeIndex !== 0">
           <div class="mb20 align-center">
             <div class="VehicleLineImgs_container_title">卸车前图片</div>
@@ -110,6 +119,7 @@
               type="primary"
               icon="edit"
               @click="() => handleEdit('beforeUnload', beforeUnloadImgArr, '卸车前图片')"
+              v-if="details.myWarehouseId === details.loadLineArr[details.activeIndex]?.nodeId"
             >
               编辑
             </el-button>
@@ -205,7 +215,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, toRefs, computed, onMounted, nextTick } from 'vue';
+import { ref, reactive, toRefs, computed, onMounted, nextTick, watch } from 'vue';
 /** 获取字典 */
 import { getDictionaryBiz } from '@/api/system/dict';
 import { deepClone, getObjType, ChecksWhetherTheWarehouseIsSelected } from '@/utils/util';
@@ -243,6 +253,7 @@ type ImgArr = {
 type LoadItme = {
   nodeName?: string;
   nodeId?: string;
+  nowWarehouseId?: string;
   /** 装车前图片 */
   beforeLoadImgArr?: ImgArr;
   /** 发车前图片 */
@@ -263,6 +274,7 @@ const details = reactive({
   title: '',
   loadLineArr: [] as LoadItme[],
   activeIndex: 0,
+  nowWarehoseIndex: 0,
   /** 提交类型 */
   editType: 'beforeLoad' as 'beforeLoad' | 'boforeStart' | 'beforeUnload',
   /** 回显数据 */
@@ -288,6 +300,8 @@ const details = reactive({
   headers: {
     'Blade-Auth': 'bearer ' + getToken(),
   },
+  /** 当前用户选择的仓库 */
+  myWarehouseId: '',
 });
 
 // 装车前
@@ -363,6 +377,15 @@ const handleAddImg = (arr, addArr, isHavePosition = true) => {
   }
 };
 
+/** 获取当前用户的仓库id */
+const getWarehouseId = () => {
+  const myData = JSON.parse(localStorage.getItem('my_data') || '') || {};
+
+  details.myWarehouseId = myData.id;
+};
+
+getWarehouseId();
+
 /** 配载图片显示 */
 const initImgList = async () => {
   try {
@@ -373,11 +396,13 @@ const initImgList = async () => {
     details.loadLineArr = [];
     for (let i = 0; i < data.length; i++) {
       const value = data[i];
-      const { loadingObject, startObject, unloadObject, carsLoadLineEntity } = value;
+      const { loadingObject, startObject, unloadObject, carsLoadLineEntity, nowWarehouseId } =
+        value;
 
       const _obj: LoadItme = {
         nodeId: '',
         nodeName: '',
+        nowWarehouseId: '',
         beforeLoadImgArr: [
           {
             title: '车厢卫生',
@@ -468,6 +493,12 @@ const initImgList = async () => {
       if (getObjType(carsLoadLineEntity) === 'object') {
         _obj.nodeName = carsLoadLineEntity.nodeName;
         _obj.nodeId = carsLoadLineEntity.nodeId;
+        _obj.nowWarehouseId = nowWarehouseId;
+
+        if (details.myWarehouseId === _obj.nodeId) {
+          details.nowWarehoseIndex = i;
+          details.activeIndex = i;
+        }
       } else {
         ElMessage.warning('存在异常节点信息');
         return;
@@ -498,9 +529,10 @@ const initImgList = async () => {
   }
 };
 
-initImgList();
+// initImgList();
 
 const handleCheckNode = (item, index) => {
+  if (details.nowWarehoseIndex < index) return;
   details.activeIndex = index;
 };
 
@@ -643,6 +675,8 @@ const handleEditSubmit = async () => {
     details.loadingObj.imgEdit = false;
   }
 };
+
+watch(() => $route.fullPath, initImgList, { immediate: true });
 </script>
 
 <style lang="scss" scoped>
@@ -681,7 +715,7 @@ const handleEditSubmit = async () => {
 
   // 节点
   .VehicleLineNode_item {
-    $transition: all 0.3s;
+    $transition: all 1s;
     $activeColor: #0bc80b;
     $disabled: #808080 !important ;
 
@@ -702,8 +736,9 @@ const handleEditSubmit = async () => {
       }
 
       .VehicleLineNode_item_container {
-        background-color: #fff !important;
+        background-color: #f5f7fa !important;
         cursor: no-drop;
+        border-radius: 0;
       }
     }
 
diff --git a/src/views/distribution/artery/VehicleStowage.vue b/src/views/distribution/artery/VehicleStowage.vue
index 1bd93341..adee79fc 100644
--- a/src/views/distribution/artery/VehicleStowage.vue
+++ b/src/views/distribution/artery/VehicleStowage.vue
@@ -1671,6 +1671,7 @@ const searchOrder = async () => {
   }
 };
 
+/** 配载图片 */
 const handleShowVehicleImgs = ({ row }) => {
   $router.push({
     path: '/distribution/artery/VehicleNodeImgs',