修改打印

public/static/print.html

@@ -25,9 +25,10 @@
     }
 
     .name {
-      font-size: 14px;
+      font-size: 16px;
       font-weight: 500;
       color: #323233;
+      margin: 10px;
     }
 
     .price {
@@ -36,20 +37,25 @@
       bottom: 0;
       margin: auto;
       font-size: 14px;
-
+      top: 0;
+      display: flex;
+    align-items: center;
     }
     .tableBox {
       width: 80px;
+      border-left: 1px solid #ccc;
+      /* border-right: 1px solid #ccc; */
     }
     .tableBox tr {
       font-size: 12px;
       padding: 0 !important;
       display: flow-root;
-      border-left:1px solid #ccc;
-      border-right:1px solid #ccc;
-      border-bottom:1px solid #ccc;
+      /* border-left:1px solid #ccc; */
+      /* border-right:1px solid #ccc;*/
+      border-bottom:1px solid #ccc; 
       display: flex;
       justify-content: space-between;
+      padding-right: 10px;
     }
 
     .tableBox td {
@@ -60,7 +66,7 @@
     .tableBox .cell {
       text-align: center;
       padding: 0!important;
-      margin:0 2px!important;
+      /* margin:0 2px!important; */
     }
     .table-row{
       display: flex;
@@ -73,10 +79,12 @@
     border: 0;
     padding: 0;
     text-overflow: initial;
+    border-right: 1px solid #ccc;
 }
 .el-table__row td:nth-of-type(1){
   width: 40%;
-  border-right: 1px solid #ccc!important;
+  /* border-right: 1px solid #ccc!important; */
+  background: #cccccc3d;
 }
 .el-table__row td:nth-of-type(2){
   width: 60%;
@@ -89,19 +97,25 @@
 }
 .content0{
   margin-bottom: 30vh;
-  padding-top: 5vh;
+  /* padding-top: 5vh; */
 }
 .content1{
   margin-bottom: 30vh;
-  padding-top: 5vh;
+  /* padding-top: 5vh; */
 
 }
 .content2{
-  padding-top: 5vh;
-  margin-bottom: 30vh;
+  /* padding-top: 5vh; */
+  /* margin-bottom: 30vh; */
 }
 .content3{
-  padding-top: 5vh;
+  /* padding-top: 10px; */
+}
+.has-gutter th:nth-of-type(1){
+  width: 40%;
+}
+.tableBox7 tr{
+border-right: 1px solid #ccc!important;
 }
   </style>
 </head>
@@ -201,7 +215,7 @@
             <el-table-column prop="priceOther" label="单价" v-if="index==3" header-align="center">
             </el-table-column>
           </el-table>
-          <el-table :data="tableData7" :row-class-name="tableRowClassName" class="tableBox">
+          <el-table :data="tableData7" :row-class-name="tableRowClassName" class="tableBox tableBox7">
             <el-table-column prop="waterMin" label="水分" header-align="center">
             </el-table-column>
             <!-- <el-table-column prop="waterMax" label="水分上限(%)" header-align="center">
@@ -298,7 +312,7 @@
           this.tableData7.push(this.tableData[i])
         }
       }
-      window.print()
+      // window.print()
       window.onafterprint = function (event) {
         window.history.back(-1)
       };