Revert "a4打印模板修改"

This reverts commit e0f43674575ab18c169c8b416f293d971b80c965.

public/order-print-module/module0.html

@@ -16,7 +16,7 @@
 
     .table table td,
     .table table th {
-      padding: 10px;
+      padding: 15px;
       font-size: 16px;
     }
 
@@ -30,18 +30,14 @@
       position: relative;
       display: flex;
       justify-content: center;
-      font-size: 20px;
+      font-size: 25px;
       font-weight: bold;
-    }
-
-    .shop-name {
-      width: 350px;
-      text-align: center;
+      padding: 10px 0;
     }
 
     .order-num {
       position: absolute;
-      top: 0;
+      top: 10px;
       right: 10px;
     }
 
@@ -49,20 +45,14 @@
       font-weight: bold;
     }
 
-    .product-list {
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: space-around;
-    }
-
     .product-info {
       display: flex;
       padding: 15px 0;
     }
 
     .product-img {
-      width: 150px;
-      height: 150px;
+      width: 220px;
+      height: 220px;
       margin-right: 15px;
     }
 
@@ -83,10 +73,7 @@
         <tr>
           <td colspan="4">
             <div class="title">
-              <div class="shop-name">
-                <span>平台店铺名称</span>
-                (配送单)
-              </div>
+              <div>平台店铺名称(配送单)</div>
               <div class="order-num">订单号：M1</div>
             </div>
           </td>
@@ -107,14 +94,12 @@
         <tr class="tr-goods">
           <td style="line-height: 1.5">商品信息</td>
           <td colspan="3">
-            <div class="product-list">
-              <div class="product-info">
-                <img class="product-img"
-                  src="https://ecloud-cdn.51sssd.com/20230309/9cd72cf69ade42b398aededd219c53a0.jpg">
-                <div class="other-info">
-                  <p class="product-name content">这里是商品标题</p>
-                  <p class="product-tips">这里是商品的描述信息</p>
-                </div>
+            <div class="product-info">
+              <img class="product-img"
+                src="https://ecloud-cdn.51sssd.com/20230309/9cd72cf69ade42b398aededd219c53a0.jpg">
+              <div class="other-info">
+                <p class="product-name content">这里是商品标题</p>
+                <p class="product-tips">这里是商品的描述信息</p>
               </div>
             </div>
           </td>

public/order-print-module/module1.html

@@ -16,7 +16,7 @@
 
     .table table td,
     .table table th {
-      padding: 10px;
+      padding: 15px;
       font-size: 16px;
     }
 
@@ -30,18 +30,14 @@
       position: relative;
       display: flex;
       justify-content: center;
-      font-size: 20px;
+      font-size: 25px;
       font-weight: bold;
-    }
-
-    .shop-name {
-      width: 350px;
-      text-align: center;
+      padding: 10px 0;
     }
 
     .order-num {
       position: absolute;
-      top: 0;
+      top: 10px;
       right: 10px;
     }
 
@@ -82,7 +78,7 @@
         <tr>
           <td colspan="4">
             <div class="title">
-              <div class="shop-name">平台店铺名称(预订单)</div>
+              <div>平台店铺名称(预订单)</div>
               <div class="order-num">订单号：M1</div>
             </div>
           </td>

public/order-print-module/module2.html

@@ -16,7 +16,7 @@
 
     .table table td,
     .table table th {
-      padding: 10px;
+      padding: 15px;
       font-size: 16px;
     }
 
@@ -30,18 +30,14 @@
       position: relative;
       display: flex;
       justify-content: center;
-      font-size: 20px;
+      font-size: 25px;
       font-weight: bold;
-    }
-
-    .shop-name {
-      width: 350px;
-      text-align: center;
+      padding: 10px 0;
     }
 
     .order-num {
       position: absolute;
-      top: 0;
+      top: 10px;
       right: 10px;
     }
 
@@ -83,12 +79,12 @@
       width: 15px;
       height: 15px;
       border: 1px solid #333;
-      margin: 0 5px;
+      margin-left: 5px;
     }
 
     .contact {
       text-align: center;
-      line-height: 25px !important;
+      line-height: 35px !important;
     }
 
     .contact1 {
@@ -104,7 +100,7 @@
         <tr>
           <td colspan="4">
             <div class="title">
-              <div class="shop-name">平台店铺名称(配送单)</div>
+              <div>平台店铺名称(配送单)</div>
               <div class="order-num">订单号：M1</div>
             </div>
           </td>