【修改】打印单

src/components/Common/print-foshan.vue

@@ -3,7 +3,11 @@
     <div class="print-page" v-for="(item, index) in showData" :key="index">
       <div class="print-title">
         <div class="title1">佛山盛世欣兴格力贸易有限公司</div>
-        <div class="title2">商品发货单</div>
+        <div class="title2">
+          <div></div>
+          <div>销售发货单</div>
+          <div>{{ item.pickOrderWater }}</div>
+        </div>
       </div>
       <div class="print-form-1">
         <el-row :gutter="0">
@@ -169,6 +173,12 @@ export default {
     .title2 {
       font-size: 18px;
       margin-bottom: 24px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      div {
+        width: 33.333%;
+      }
     }
   }
   .print-form-1 {

src/components/Common/print-guangzhou.vue

@@ -2,8 +2,12 @@
   <div class="detail-container">
     <div class="print-page" v-for="(item, index) in showData" :key="index">
       <div class="print-title">
-        <div class="title1">广州盛世欣兴格力贸易有限公司销售发货单</div>
-        <div class="title2">{{ item.informationKey }}</div>
+        <div class="title1">佛山盛世欣兴格力贸易有限公司</div>
+        <div class="title2">
+          <div></div>
+          <div>销售发货单</div>
+          <div>{{ item.pickOrderWater }}</div>
+        </div>
       </div>
       <div class="print-form-2">
         <el-row :gutter="0">
@@ -223,16 +227,20 @@ export default {
     page-break-after: always;
   }
   .print-title {
+    text-align: center;
     .title1 {
       font-size: 24px;
-      margin-bottom: 10px;
-      text-align: center;
+      margin-bottom: 18px;
     }
     .title2 {
       font-size: 18px;
-      margin-bottom: 20px;
-      text-align: right;
-      margin-right: 100px;
+      margin-bottom: 24px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      div {
+        width: 33.333%;
+      }
     }
   }
   .print-table-1 {