11

src/views/produceOrder/index.vue

@@ -75,52 +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: 10px; margin: auto;">
-           <div  style="width: 260px; height: 240px; ">
+        <div v-for="(item, index) in codeList" :key="index" style=" display: flex; padding-left: 20px;  align-items: center; justify-content: center; margin: auto;">
+           <div  style="width: 250px; 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>
+          <div  style="width: 440px; 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: 20px; "   >
+              <span style="display: inline-block;  width: 100px;">产品编码：</span>
               <span style="color: #000;">{{ item.productCode }}</span>
             </div>
 
-          <div style="text-align: left;   font-size: 18px; "   >
-              <span style="display: inline-block;  width: 90px;">名称：</span>
+          <div style="text-align: left;   font-size: 20px; "   >
+              <span style="display: inline-block;  width: 100px;">名称：</span>
               <span style="color: #000;">{{ item.productName }}</span>
             </div>
 
-          <div style="text-align: left;   font-size: 18px; "   >
-              <span style="display: inline-block;  width: 90px;">牌号：</span>
+          <div style="text-align: left;   font-size: 20px; "   >
+              <span style="display: inline-block;  width: 100px;">牌号：</span>
               <span style="color: #000;">{{ item.brandNo }}</span>
             </div>
 
-          <div style="text-align: left;   font-size: 18px; "   >
-              <span style="display: inline-block;  width: 90px;">型号：</span>
+          <div style="text-align: left;   font-size: 20px; "   >
+              <span style="display: inline-block;  width: 100px;">型号：</span>
               <span style="color: #000;">{{ item.model }}</span>
             </div>
 
 
-          <div style="text-align: left;   font-size: 18px; "   >
-              <span style="display: inline-block;  width: 90px;">生产数量：</span>
+          <div style="text-align: left;   font-size: 20px; "   >
+              <span style="display: inline-block;  width: 100px;">生产数量：</span>
               <span style="color: #000;">{{ item.formingNum }} {{ item.unit }}</span>
             </div>
 
 
 
-          <div style="text-align: left;   font-size: 18px; "   >
-              <span style="display: inline-block;  width: 90px;">生产重量：</span>
+          <div style="text-align: left;   font-size: 20px; "   >
+              <span style="display: inline-block;  width: 100px;">生产重量：</span>
               <span style="color: #000;">{{ item.formingWeight }} {{ item.weightUnit }}</span>
             </div>
 
-          <div style="text-align: left;   font-size: 18px; "   >
-              <span style="display: inline-block;  width: 90px;">状态：</span>
+          <div style="text-align: left;   font-size: 20px; "   >
+              <span style="display: inline-block;  width: 100px;">状态：</span>
               <span style="color: #000;">{{ statusList[item.status] }}</span>
             </div>
 
 
-          <div style="text-align: left;   font-size: 18px; "   >
-              <span style="display: inline-block;  width: 90px;">工艺路线：</span>
+          <div style="text-align: left;   font-size: 20px; "   >
+              <span style="display: inline-block;  width: 100px;">工艺路线：</span>
               <span style="color: #000;">{{ item.produceRoutingName }} </span>
             </div>
 
@@ -654,9 +654,9 @@ export default {
 @media print {
 
   #printSection{
-    font-size: 30px;
+    font-size: 34px;
     span{
-      font-size: 30px;
+      font-size: 34px;
     }
   
   }