打印标签

src/views/ecw/box/shippingAir/nodePage/mergePkg/index.vue

@@ -107,7 +107,7 @@
           <pkg-page v-if="pkgPageType == 2" :pkgData="pkgData" :shipmentObj="shipmentObj" @closeDialog="closeDialog" />
         </el-dialog>
         <!-- 打印标签 -->
-        <el-dialog :title="$t('集运封箱标签')" :visible.sync="printdialogVisible" width="300px" :modal-append-to-body="false" append-to-body>
+        <el-dialog :title="$t('集运封箱标签')" :visible.sync="printdialogVisible" width="350px" :modal-append-to-body="false" append-to-body>
           <print-tag v-if="printdialogVisible" :tagData="tagData" />
         </el-dialog>
 

src/views/ecw/box/shippingAir/nodePage/mergePkg/printTag.vue

 <template>
 <div>
   <div class="tag">
-    <div style="display: flex;height: 200px;">
-      <div style="border-right: 1px solid #999; width: 125px">
+    <div style="display: flex;height: 180px;">
+      <div style="border-right: 1px solid #999; width: 140px">
         <div>
           <p style="margin-top: 1mm; text-align: center">
             <span style="text-align: center; font-weight: 600; font-size: 3mm">{{ $t('扫码查看产品数量') }}</span>
@@ -13,7 +13,7 @@
           </p>
         </div>
       </div>
-      <div style="width: 125px">
+      <div style="width: 140px">
         <p style="margin-top: 1mm; text-align: center">
           <span style="text-align: center; font-weight: 600; font-size: 4mm">EC001141212</span>
         </p>
@@ -27,29 +27,30 @@
         </p>
         <div style="border: 1px solid #999;margin-left: 10px;" />
         <div style="display: flex;margin-top: 10px;">
-          <div style="border-right: 2px solid #999;width: 35px;">
+          <div style="border-right: 2px solid #999;width: 45px;">
             <p style="margin-top: 1mm; text-align: center">
               <span style="text-align: center; font-weight: 600; font-size: 4mm">{{ tagData.transportName }}</span>
             </p>
           </div>
-          <div style="width: 75px;">
+          <div style="width: 90px;">
             <p style="margin-top: 1mm; text-align: center">
-              <span style="text-align: center; font-weight: 600; font-size: 3mm">{{ tagData.date }}</span>
+              <span style="text-align: center; font-weight: 600; font-size: 4mm">{{ tagData.date }}</span>
             </p>
           </div>
         </div>
       </div>
     </div>
+    <div style="border: 1px solid #999;margin: 10px;" />
     <div>
-      <!-- <img :src="tagData.qrCodeUrl" style="margin-left: 10px;width:17mm;vertical-align:middle" /> -->
+      <img :src="tagData.barcodeUrl" style="width:250px;height: 50px;" />
     </div>
-    <div style="height: 50px;border-top: 1px solid #999;">
+    <div style="height: 50px;">
       <p style="margin-top: 1mm; text-align: center">
         <span style="text-align: center; font-weight: 600; font-size: 3mm">E&C Logistics: www.groupage.com</span>
       </p>
     </div>
     </div>
-    <div style="text-align:center;">
+    <div style="text-align:center;margin-top: 20px;">
             <el-button type="primary" @click="print">{{$t('确定打印')}}</el-button>
         </div>
   </div>
@@ -101,8 +102,8 @@ export default {
 
 <style scoped>
 .tag {
-  width: 250px;
-  height: 250px;
+  width: 300px;
+  height: 300px;
   /* background-color: #e2dede; */
   text-align: center;
   padding: 15px;