打印页面

src/xt_pages/supply/components/purchaseOrderPrint.vue

@@ -106,17 +106,98 @@
               <div style="width: 100px">供应商签字：</div>
               <div style="width: 100px"><span></span></div>
             </div> -->
-            <div class="description">
-              <div class="content">折扣额：</div>
-              <div class="content">折扣金额：</div>
-              <div class="content">本次付款：</div>
-              <div class="content">本次欠款：</div>
-              <div class="content_1">备注：</div>
-              <div class="content">制单人：</div>
-              <div class="content">收货人签字：</div>
-              <div class="content">供应商签字：</div>
+          </div>
+          <div
+            style="
+              width: 100%;
+              display: flex;
+              flex: 1;
+              justify-content: flex-start;
+              flex-wrap: wrap;
+            "
+          >
+            <div
+              style="
+                width: 25%;
+                text-align: left;
+                margin-bottom: 1px;
+                font-size: 18px;
+              "
+            >
+              供应商：
+            </div>
+            <div
+              style="
+                width: 25%;
+                text-align: left;
+                margin-bottom: 1px;
+                font-size: 18px;
+              "
+            >
+              折扣金额：
+            </div>
+            <div
+              style="
+                width: 25%;
+                text-align: left;
+                margin-bottom: 1px;
+                font-size: 18px;
+              "
+            >
+              本次付款：
+            </div>
+            <div
+              style="
+                width: 25%;
+                text-align: left;
+                margin-bottom: 1px;
+                font-size: 18px;
+              "
+            >
+              本次欠款：
+            </div>
+            <div
+              style="
+                width: 100%;
+                text-align: left;
+                margin-bottom: 1px;
+                font-size: 18px;
+              "
+            >
+              备注：
+            </div>
+            <div
+              style="
+                width: 25%;
+                text-align: left;
+                margin-bottom: 1px;
+                font-size: 18px;
+              "
+            >
+              制单人：
+            </div>
+            <div
+              style="
+                width: 25%;
+                text-align: left;
+                margin-bottom: 1px;
+                font-size: 18px;
+              "
+            >
+              收货人签字：
+            </div>
+            <div
+              style="
+                width: 25%;
+                text-align: left;
+                margin-bottom: 1px;
+                font-size: 18px;
+              "
+            >
+              供应商签字：
             </div>
           </div>
+     
         </div>
       </div>
     </div>
@@ -177,7 +258,7 @@ export default {
     btnClickPrint: function () {
       let LODOP = getLodop(); //调用getLodop获取LODOP对象
       LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_整页缩放打印输出");
-      
+
       LODOP.ADD_PRINT_BARCODE(15, 15, 300, 300, "QRCode", "xxxxxxxxxxxxx");
       LODOP.SET_PRINT_STYLEA(0, "Stretch", 1); //(可变形)扩展缩放模式
       LODOP.PREVIEW(); //预览(预览打印无脚标)
@@ -347,9 +428,15 @@ export default {
   flex-wrap: wrap;
   .content {
     width: 25%;
+    text-align: left;
+    margin-bottom: 1px;
+    font-size: 18px;
   }
   .content_1 {
     width: 100%;
+    text-align: left;
+    margin-bottom: 1px;
+    font-size: 18px;
   }
   // .content_2{
   //   width: 33%;