调整打印页样式

src/App.vue

 <template>
   <div id="app">
-    <router-view/>
+    <router-view />
   </div>
 </template>
 
@@ -83,10 +83,17 @@ input[type='number'] {
   display: flex;
   flex-wrap: wrap;
 }
+.line-wrap,
 .col-line-1,
 .el-form-item {
   width: 100%;
 }
+.line-wrap {
+  display: flex;
+}
+.tableMinHeightBig {
+  min-height: 120px;
+}
 .col-line-2 {
   width: 45%;
 }

src/containers/print/publicCar.vue

@@ -14,7 +14,7 @@
         <div :span="6" class="tableCell tabelCol-6">用车人数</div>
         <div :span="4" class="tableCell tabelCol-4">{{selected.userCount}}人</div>
       </div>
-      <div class="tableRow">
+      <div class="tableRow tableMinHeightBig">
         <div :span="4" class="tableCell tabelCol-4">用车类型<br>（勾选）</div>
         <div :span="20" class="tableCell tabelCol-20 tal">{{selected.categoryName}}</div>
       </div>
@@ -22,17 +22,23 @@
         <div :span="4" class="tableCell tabelCol-4">用车起始时间</div>
         <div :span="20" class="tableCell tabelCol-20 tal">{{selected.beginDate}} - {{selected.endDate}}（共 {{2}} 天）</div>
       </div>
-        <div class="tableRow">
+      <div class="tableRow tableMinHeightBig">
         <div :span="4" class="tableCell tabelCol-4">用车详细路线</div>
         <div :span="20" class="tableCell tabelCol-20 tal">{{selected.lineDescription}}</div>
       </div>
       <div class="tableRow">
         <div :span="4" class="tableCell tabelCol-4">部门负责人<br>签字（盖章）</div>
-            <div :span="4" class="tableCell tabelCol-12"></div>
+        <div :span="4" class="tableCell tabelCol-10"></div>
         <div :span="4" class="tableCell tabelCol-4">派车人</div>
-            <div :span="4" class="tableCell tabelCol-4">
-              {{selected.dealName}}<br/>
-              {{selected.carPlate}}</div>
+        <div :span="4" class="tableCell tabelCol-6">
+          <span>
+            {{selected.dealName}}
+          </span>
+          <br />
+          <span>
+            {{selected.carPlate}}
+          </span>
+        </div>
       </div>
       <div class="tableRow">
         <div :span="4" class="tableCell tabelCol-4">出车公里数</div>
@@ -57,6 +63,9 @@
         <div :span="8" class="tableCell tabelCol-8"></div>
       </div>
     </div>
+    <div class="tableBottm">
+      本表一式两份交车队北区体育场204或205办公室
+    </div>
   </div>
 </template>
 
@@ -92,6 +101,8 @@ export default {
   max-height: 978px;
   text-align: center;
   margin: 0 auto;
+  padding-bottom: 40px;
+  line-height: 40px;
   .tableTitle {
     font-size: 20px;
     line-height: 80px;
@@ -109,6 +120,8 @@ export default {
       padding: 10px 0;
       border-bottom: 1px solid #000;
       border-right: 1px solid #000;
+      word-break: break-all;
+      white-space: wrap;
     }
     .tableCell:last-child {
       border-right: none;
@@ -135,5 +148,8 @@ export default {
       width: 50%;
     }
   }
+  .tableBottm {
+    text-align: left;
+  }
 }
 </style>