feat: 产品试样确认单-审核详情

@@ -57,7 +57,8 @@ export default {
         // todo 等下还原
         // canEdit: !e && m.showAudit || false,
         canEdit: true,
-        canAudit: e === 'AUDIT' && m.showExamine || false,
+        // canAudit: e === 'AUDIT' && m.showExamine || false,
+        canAudit: true,
         canAuditDetail: !!e || false,
       }
     },

@@ -3,23 +3,30 @@
     <scroll-view class="scroll" scroll-y>
       <view class="detail-page">
         <view class="section">
-          <text class="row company">{{ form.purchaseOrderName }}</text>
-          <view class="row"><text class="label">补货单编号</text><text class="value">{{ form.code }}</text></view>
+          <text class="row company">{{ form.orderingUnitName }}</text>
+          <view :class="['status', `status_${form.status}`]" />
+          <view class="row"><text class="label">试样种类</text><text class="value">{{ form.sampleTypeName }}</text></view>
+          <view class="row"><text class="label">客户类型</text><text class="value">{{ form.customerTypeName }}</text></view>
           <view class="row"><text class="label">分厂</text><text class="value">{{ form.workshopName }}</text></view>
-          <view class="row"><text class="label">办事处</text><text class="value">{{ form.deptName }}</text></view>
-          <view class="row"><text class="label">区域</text><text class="value">{{ form.regionName }}</text></view>
-          <view class="row"><text class="label">购货单位</text><text class="value">{{ form.customerName }}</text></view>
-          <view class="row"><text class="label">原计划发货日期</text><text class="value">{{ form.originPlanShipDate }}</text></view>         
+          <view class="row"><text class="label">所属品种</text><text class="value">{{ form.belongingBreed }}</text></view>
+          <view class="row"><text class="label">原供货同行</text><text class="value">{{ form.originalSupplierPeer }}</text>
+          </view>
         </view>
 
         <!-- 产品 -->
         <view class="section2">
-          <Product mode="view" :list="form.replenishmentOrderLineList"
-            :orderDate="form.orderDate"
-            :totalQuantity="form.totalQuantity"
-            :totalShippedQuantity="form.totalShippedQuantity"
-            :totalSupplementaryQuantity="form.totalSupplementaryQuantity"
-             />
+          <Product mode="view" :list="form.productSampleConfirmationSlipDetailList" />
+        </view>
+
+        <view class="section">
+          <view class="row"><text class="label">数量</text><text class="value">{{ form.totalQuantity }}</text></view>
+          <view class="row"><text class="label">本次试样数量是否超规定</text><text class="value">{{ form.sampleQuantityRegulation ?
+              '是' : '否' }}</text></view>
+          <view class="row"><text class="label">试样规格个数是否超规定</text><text class="value">{{
+            form.specificationQuantityRegulation ? '是' : '否' }}</text></view>
+          <view class="row"><text class="label">试样次数</text><text class="value">{{ form.sampleFrequency }}</text></view>
+          <view class="row"><text class="label">前期不合格描述</text><text class="value">{{ form.earlyNonconformityDescription
+              }}</text></view>
         </view>
       </view>
     </scroll-view>
@@ -27,11 +34,11 @@
 </template>
 
 <script>
-import { getDetailApi } from '@/api/replenishment_order.js'
+import { getDetailApi } from '@/api/confirmation_form.js'
 import Product from './product.vue'
 
 export default {
-  name: 'ReplenishmentOrderViewer',
+  name: 'ConfirmationFormViewer',
   components: { Product },
   props: { id: { type: [String, Number], default: '' } },
   data() {
@@ -107,7 +114,8 @@ export default {
   }
 
   .label {
-    width: 240rpx;
+    max-width: 400rpx;
+    margin-right: 20rpx;
     line-height: 32rpx;
     font-size: 28rpx;
     color: rgba(0, 0, 0, 0.6);

@@ -12,6 +12,8 @@ import RestockApprovalViewer from '@/pages/replenishment_order/viewer.vue'
 import RestockApprovalApprove from '@/pages/replenishment_order/approve.vue'
 import DraftOrderViewer from '@/pages/draft_order/viewer.vue'
 import DelayedShipmentViewer from '@/pages/delay_invoice/viewer.vue'
+import ConfirmationDormViewer from '@/pages/confirmation_form/viewer.vue'
+import ConfirmationDormApprove from '@/pages/confirmation_form/approve.vue'
 
 export default function registerComponents(Vue) {
   Vue.component('CustomerDevelopViewer', CustomerDevelopViewer)
@@ -28,4 +30,6 @@ export default function registerComponents(Vue) {
   Vue.component('RestockApprovalApprove', RestockApprovalApprove)
   Vue.component('DraftOrderViewer', DraftOrderViewer)
   Vue.component('DelayedShipmentViewer', DelayedShipmentViewer)
+  Vue.component('ConfirmationDormViewer', ConfirmationDormViewer)
+  Vue.component('ConfirmationDormApprove', ConfirmationDormApprove)
 }
\ No newline at end of file

@@ -79,6 +79,11 @@ export const getSysFlowComponentPath = (bizFlag) => {
       break;
     case 'DELAYED_SHIPMENT_EDIT': // 延期发货单
       componentPath = 'DelayedShipmentViewer'; // 延期发货单-审批
+    case 'CONFIRMATION_SLIP': // 产品试样确认单
+      componentPath = 'ConfirmationDormViewer'; // 产品试样确认单-审批详情
+      break;
+    case 'CONFIRMATION_SLIP_EDIT': // 产品试样确认单
+      componentPath = 'ConfirmationDormApprove'; // 产品试样确认单-审批
       break;
   }
   return componentPath;