feat: 延期发货单-审核详情&审核-暂存

+<template>
+  <view class="page">
+    <view class="section">
+      <text class="row company">{{ form.deptName }}</text>
+      <view class="row"><text class="label">要车日期</text><text class="value">{{ form.applyDate }}</text></view>
+    </view>
+
+    <!-- 产品 -->
+    <view class="section2">
+      <Product mode="view" :list="form.delayedShipmentDetailList" />
+    </view>
+  </view>
+</template>
+
+<script>
+import { getDetailApi } from '@/api/delay_invoice.js'
+import Product from './product.vue'
+
+export default {
+  name: 'DelayInvoiceViewer',
+  components: { Product },
+  props: { id: { type: [String, Number], default: '' } },
+  data() {
+    return {
+      form: {},
+    }
+  },
+  computed: {
+  },
+  watch: {
+    id: {
+      immediate: true,
+      handler(val) {
+        const v = (val !== undefined && val !== null) ? String(val) : ''
+        if (v) this.loadDetail(v)
+      }
+    }
+  },
+  onLoad(query) {
+  },
+  methods: {
+    async loadDetail(id) {
+      try {
+        const res = await getDetailApi(id)
+        this.form = res.data || {}
+      } catch (e) {
+        this.form = {}
+      }
+    },
+    getFormValues() {
+      const m = this.form || {}
+      return JSON.parse(JSON.stringify(m))
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+.section {
+  padding: 32rpx;
+  background: #fff;
+  margin-bottom: 20rpx;
+  position: relative;
+
+}
+
+.row {
+  display: flex;
+  margin-bottom: 28rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  &.company {
+    font-size: 36rpx;
+    font-weight: 600;
+    color: rgba(0, 0, 0, 0.9);
+    padding-top: 10rpx;
+    margin-bottom: 32rpx;
+    line-height: 50rpx;
+  }
+
+  .label {
+    width: 240rpx;
+    line-height: 32rpx;
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.6);
+  }
+
+  .value {
+    flex: 1;
+    line-height: 32rpx;
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.9);
+    text-align: right;
+    word-break: break-all;
+  }
+}
+
+.title-header {
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  padding: 32rpx 32rpx 22rpx;
+  border-bottom: 1rpx dashed #f0f0f0;
+
+  &_icon {
+    width: 32rpx;
+    height: 28rpx;
+    margin-right: 16rpx;
+  }
+
+  span {
+    color: rgba(0, 0, 0, 0.9);
+    font-size: 32rpx;
+    line-height: 44rpx;
+    font-weight: 600;
+  }
+}
+</style>

@@ -11,6 +11,7 @@ import RevokeListViewer from '@/pages/revoke_list/viewer.vue'
 import RestockApprovalViewer from '@/pages/replenishment_order/viewer.vue'
 import RestockApprovalViewer from '@/pages/replenishment_order/viewer.vue'
 import RestockApprovalApprove from '@/pages/replenishment_order/approve.vue'
 import RestockApprovalApprove from '@/pages/replenishment_order/approve.vue'
 import DraftOrderViewer from '@/pages/draft_order/viewer.vue'
 import DraftOrderViewer from '@/pages/draft_order/viewer.vue'
+import DelayedShipmentViewer from '@/pages/delay_invoice/viewer.vue'
 
 
 export default function registerComponents(Vue) {
 export default function registerComponents(Vue) {
   Vue.component('CustomerDevelopViewer', CustomerDevelopViewer)
   Vue.component('CustomerDevelopViewer', CustomerDevelopViewer)
@@ -26,4 +27,5 @@ export default function registerComponents(Vue) {
   Vue.component('RestockApprovalViewer', RestockApprovalViewer)
   Vue.component('RestockApprovalViewer', RestockApprovalViewer)
   Vue.component('RestockApprovalApprove', RestockApprovalApprove)
   Vue.component('RestockApprovalApprove', RestockApprovalApprove)
   Vue.component('DraftOrderViewer', DraftOrderViewer)
   Vue.component('DraftOrderViewer', DraftOrderViewer)
+  Vue.component('DelayedShipmentViewer', DelayedShipmentViewer)
 }
 }

@@ -73,6 +73,13 @@ export const getSysFlowComponentPath = (bizFlag) => {
       break;
       break;
     case 'DRAFT_REQUEST_CAR_EDIT': // 草稿要车单
     case 'DRAFT_REQUEST_CAR_EDIT': // 草稿要车单
       componentPath = 'DraftOrderViewer'; // 草稿要车单-审批
       componentPath = 'DraftOrderViewer'; // 草稿要车单-审批
+      break;
+    case 'DELAYED_SHIPMENT': // 延期发货单
+      componentPath = 'DelayedShipmentViewer'; // 延期发货单-审批详情
+      break;
+    case 'DELAYED_SHIPMENT_EDIT': // 延期发货单
+      componentPath = 'DelayedShipmentViewer'; // 延期发货单-审批
+      break;
   }
   }
   return componentPath;
   return componentPath;
 };
 };