优化采购协同显示

jnpf-app/pages/yys/materialProcurementOrder/index.vue

@@ -14,7 +14,7 @@
       <view class="" slot="body">
         <u-row gutter="16">
           <u-col span="12">
-            <text>订单日期：</text><text>{{ orderItem.orderDate }}</text>
+            <text>订单日期：</text><text>{{ fnFormat(orderItem.orderDate) }}</text>
           </u-col>
           <u-col span="6">
             <text>物料名称：</text><text>{{ orderItem.materialName }}</text>
@@ -28,8 +28,14 @@
           <u-col span="6">
             <text>下单数量：</text><text>{{ orderItem.orderQuantity }}</text>
           </u-col>
+          <u-col span="12">
+            <text>要求到货日期：</text><text>{{ fnFormat(orderItem.requestDeliveryDate) }}</text>
+          </u-col>
           <u-col span="6">
-            <text>要求到货日期：</text><text>{{ orderItem.orderDate }}</text>
+            <text>总投产数量：</text><text>{{ orderItem.totalProductionQuantity }}</text>
+          </u-col>
+          <u-col span="6">
+            <text>总发货数量：</text><text>{{ orderItem.totalSendQuantity }}</text>
           </u-col>
         </u-row>
       </view>
@@ -120,6 +126,7 @@
 <script>
 import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
 import { mapGetters } from "vuex";
+import dayjs from "dayjs";
 import {
   getOrderList,
   takeOrder,
@@ -264,6 +271,9 @@ export default {
       });
       this.fnGetList();
     },
+    fnFormat(time, fmtStr = "YYYY-MM-DD") {
+      return dayjs(time).format(fmtStr);
+    },
   },
 };
 </script>