1

src/views/produceOrder/index.vue

@@ -75,50 +75,52 @@
     <ele-modal title="二维码" :visible.sync="QRvisible" width="800px">
 
       <div id="printSection">
-        <div v-for="(item, index) in codeList" :key="index" style=" display: flex;  align-items: center; justify-content: center; padding-top: 40px;">
-          <img :src="item.qrcode" alt="QR Code" style=" width: 120px; height: 120px; margin-right: 20px;">
-          <div  style="width: 500px; display: flex;  flex-direction: row;  flex-wrap: wrap; justify-content: space-between; align-items: center;">
-            <div style="width: 240px; text-align: left;">
-              <span style="display: inline-block;  width: 80px;">产品编码：</span>
+        <div v-for="(item, index) in codeList" :key="index" style=" display: flex;  align-items: center; justify-content: center; padding: 10px; margin: auto;">
+           <div  style="width: 260px; height: 240px; ">
+            <img :src="item.qrcode" alt="QR Code" style=" width: 240px; height: 240px;">
+           </div>
+          <div  style="width: 400px; height: 240px; display: flex;  flex-direction: column;  flex-wrap: wrap; justify-content: space-between; align-items:flex-start;">
+          <div style="text-align: left;   font-size: 18px; "   >
+              <span style="display: inline-block;  width: 90px;">产品编码：</span>
               <span style="color: #000;">{{ item.productCode }}</span>
             </div>
 
-            <div style="width: 240px; text-align: left;">
-              <span style="display: inline-block;  width: 80px;">名称：</span>
+          <div style="text-align: left;   font-size: 18px; "   >
+              <span style="display: inline-block;  width: 90px;">名称：</span>
               <span style="color: #000;">{{ item.productName }}</span>
             </div>
 
-            <div style="width: 240px; text-align: left;">
-              <span style="display: inline-block;  width: 80px;">牌号：</span>
+          <div style="text-align: left;   font-size: 18px; "   >
+              <span style="display: inline-block;  width: 90px;">牌号：</span>
               <span style="color: #000;">{{ item.brandNo }}</span>
             </div>
 
-            <div style="width: 240px; text-align: left;">
-              <span style="display: inline-block;  width: 80px;">型号：</span>
+          <div style="text-align: left;   font-size: 18px; "   >
+              <span style="display: inline-block;  width: 90px;">型号：</span>
               <span style="color: #000;">{{ item.model }}</span>
             </div>
 
 
-            <div style="width: 240px; text-align: left;">
-              <span style="display: inline-block;  width: 80px;">生产数量：</span>
+          <div style="text-align: left;   font-size: 18px; "   >
+              <span style="display: inline-block;  width: 90px;">生产数量：</span>
               <span style="color: #000;">{{ item.formingNum }} {{ item.unit }}</span>
             </div>
 
 
 
-            <div style="width: 240px; text-align: left;">
-              <span style="display: inline-block;  width: 80px;">生产重量：</span>
+          <div style="text-align: left;   font-size: 18px; "   >
+              <span style="display: inline-block;  width: 90px;">生产重量：</span>
               <span style="color: #000;">{{ item.formingWeight }} {{ item.weightUnit }}</span>
             </div>
 
-            <div style="width: 240px; text-align: left;">
-              <span style="display: inline-block;  width: 80px;">状态：</span>
+          <div style="text-align: left;   font-size: 18px; "   >
+              <span style="display: inline-block;  width: 90px;">状态：</span>
               <span style="color: #000;">{{ statusList[item.status] }}</span>
             </div>
 
 
-            <div style="width: 240px; text-align: left;">
-              <span style="display: inline-block;  width: 80px;">工艺路线：</span>
+          <div style="text-align: left;   font-size: 18px; "   >
+              <span style="display: inline-block;  width: 90px;">工艺路线：</span>
               <span style="color: #000;">{{ item.produceRoutingName }} </span>
             </div>
 
@@ -650,8 +652,13 @@ export default {
 
 <style lang="scss" scoped>
 @media print {
+
   #printSection{
-    font-size: 20px;
+    font-size: 30px;
+    span{
+      font-size: 30px;
+    }
+  
   }
 
 }