出货审核

src/views/bpm/processInstance/detail.vue

@@ -424,7 +424,9 @@ export default {
         },
         // 出货审核
         air_shipment: {
-
+          component: "shippingDetail",
+          processId: this.processInstance.businessKey,
+          type: 'shipment'
         }
       }
       console.log('formCustomViewPath', this.processInstance.processDefinition.formCustomViewPath.trim())

src/views/ecw/box/shippingDetail.vue

@@ -20,6 +20,30 @@
       </el-descriptions-item>
     </el-descriptions>
 
+    <div class="mt-20" v-if="type === 'shipment'">
+      <el-descriptions :column="1" v-if="boxAirShipmentBackVO" border label-style="width: 200px">
+        <el-descriptions-item :label="$t('出货方式')">
+          {{deliverType}}
+        </el-descriptions-item>
+        <el-descriptions-item :label="$t('送货时间') + '/' + $t('自提时间')">
+          {{boxAirShipmentBackVO.deliverTime}}
+        </el-descriptions-item>
+        <el-descriptions-item :label="$t('送货地址') + '/' + $t('自提地址')">
+          {{boxAirShipmentBackVO.deliverAddress}}
+        </el-descriptions-item>
+        <el-descriptions-item :label="$t('车牌')">
+          {{boxAirShipmentBackVO.licensePlate}}
+        </el-descriptions-item>
+        <el-descriptions-item :label="$t('司机')">
+          {{boxAirShipmentBackVO.driver}}
+        </el-descriptions-item>
+        <el-descriptions-item :label="$t('司机联系方式')">
+          {{boxAirShipmentBackVO.driverPhone}}
+        </el-descriptions-item>
+      </el-descriptions>
+      <template v-else>暂无出货审核信息</template>
+    </div>
+
     <el-row style="marginTop:15px">
       <el-button type="primary" @click="showOrder">{{$t('订单列表')}}</el-button>
     </el-row>
@@ -103,12 +127,13 @@
 </template>
 
 <script>
-import { approvalDetail } from "@/api/ecw/box";
+import {approvalDetail, getbox} from "@/api/ecw/box";
 import { getSeaStatus, getTotlContent } from "./shippingSea/utils";
 import { getCabinetPage } from "@/api/ecw/cabinet";
 import { getChannelList } from "@/api/ecw/channel";
 import Decimal from "decimal.js";
 import ImagePreview from "@/components/ImagePreview";
+import {constantDict} from "@/views/ecw/box/shippingAir/utils";
 
 /**
  * 出货审核详情
@@ -137,6 +162,8 @@ export default {
         visible: false,
       },
       srcStrs: [],
+      // 出货审核详情
+      boxAirShipmentBackVO: null
     };
   },
   created() {
@@ -161,8 +188,17 @@ export default {
             ? res.data.cabinetUnloadVO.ulImgs.split(",")
             : [];
         }
+        // 如果是出货审核则需要调用出货详情获取出货信息
+        if (this.type === "shipment") {
+          this.getShipmentDetail();
+        }
       });
     },
+    getShipmentDetail(){
+      getbox(this.boxBackVO.id).then(res => {
+        this.boxAirShipmentBackVO = res.data.boxAirShipmentBackVO
+      })
+    },
     /* 获取柜型 */
     getCabinetLabel(cabinetId) {
       getCabinetPage(null).then((response) => {
@@ -210,6 +246,9 @@ export default {
     },
   },
   computed: {
+    constantDict() {
+      return constantDict
+    },
     /* 渠道 */
     getShipChannelName() {
       return (shippingChannelId) => {
@@ -232,6 +271,11 @@ export default {
         return getSeaStatus(shippingVO) >= 182 ? true : false;
       };
     },
+    // 出乎方式
+    deliverType(){
+      if(!this.boxAirShipmentBackVO) return ''
+      return constantDict.deliverType.find(item => item.value == this.boxAirShipmentBackVO.deliverType)?.label
+    }
   },
 };
 </script>