修改打印功能

src/views/produce/components/juRenPackOne.vue

@@ -10,16 +10,16 @@
       <div
         style="
           position: relative;
-          width: 90mm;
+          width: 98mm;
           height: 70mm;
           box-sizing: border-box;
-          font-size: 12px;
+          font-size: 10px;
           color: green;
           margin: 0 auto;
           font-weight: 700;
         "
       >
-        <div style="display: flex; margin: 63px 0 0 64px; flex-direction: row">
+        <div style="display: flex; margin: 62px 0 0 75px; flex-direction: row">
           <span style="display: inline-block; width: 70px; height: 19px">{{
             productName ? productName : ' '
           }}</span>
@@ -30,17 +30,17 @@
               width: 70px;
               height: 19px;
             "
-            >{{ '' }}</span
+            >{{ '123' }}</span
           >
         </div>
 
-        <div style="margin-left: 64px">
+        <div style="margin-left: 75px">
           <span style="display: inline-block; width: 70px; height: 19px">{{
             purchaseOrigins ? purchaseOrigins : ' '
           }}</span>
         </div>
 
-        <div style="margin-left: 64px">
+        <div style="margin-left: 75px">
           <span style="display: inline-block; width: 70px; height: 19px">{{
             specification ? specification : ' '
           }}</span>
@@ -56,13 +56,13 @@
           >
         </div>
 
-        <div style="margin: 2px 0 0 110px">
+        <div style="margin: 2px 0 0 130px">
           <span style="display: inline-block; height: 19px">{{
             level ? level : ' '
           }}</span>
         </div>
 
-        <div style="margin: 3px 0 0 64px">
+        <div style="margin: 3px 0 0 75px">
           <span style="display: inline-block; width: 60px; height: 19px">{{
             batchNo ? batchNo : ' '
           }}</span>
@@ -88,19 +88,19 @@
           >
         </div>
 
-        <div style="margin: 3px 0 0 64px">
+        <div style="margin: 3px 0 0 75px">
           <span style="display: inline-block; height: 19px">{{
             notice ? notice : ' '
           }}</span>
         </div>
 
-        <div style="margin: 3px 0 0 64px">
+        <div style="margin: 3px 0 0 75px">
           <span style="display: inline-block; height: 19px">{{
             layBy ? layBy : ' '
           }}</span>
         </div>
 
-        <div style="margin: 3px 0 0 64px">
+        <div style="margin: 3px 0 0 75px">
           <span style="display: inline-block; height: 19px">{{
             enforceStandards ? enforceStandards : ' '
           }}</span>
@@ -109,10 +109,10 @@
         <div
           style="
             position: absolute;
-            top: 0;
-            right: 15px;
-            width: 60px;
-            height: 60px;
+            top: -10px;
+            right: 80px;
+            width: 40px;
+            height: 40px;
           "
         >
           <img style="width: 100%; height: 100%" :src="url" />
@@ -270,22 +270,12 @@
 </script>
 
 <style scoped lang="scss">
-  @media print {
-    #printSection {
-      font-size: 34px;
-
-      span {
-        font-size: 34px;
-      }
-    }
-  }
-
   .label-container {
     position: relative;
     width: 90mm;
     height: 70mm;
     box-sizing: border-box;
-    font-size: 12px;
+    font-size: 8px;
     color: green;
     margin: 0 auto;
     font-weight: 700;