修改导出报告太小问题

src/pages/record/show/index.vue

@@ -9,7 +9,9 @@
                 </div>
             </div>
         </div>
+        <div style='width: 1125.25px;background: #fff;box-shadow: 0px 2px 25px 2px #D1D1D1;margin:10px auto;height: calc(100vh - 0px);'>
             <div class="report-wrap" :class="{loading}" id="pdfDom">
+                <div style='padding: 30px 100px;overflow: hidden;width:100%'>
                     <div style="position: relative;">
                         <h6 style="text-align: center;font-size: 20px">标准实验报告</h6>
                         <el-button v-if="!loading" style="position: absolute;top: 0;right: 0;" size="mini" @click="editReport">
@@ -117,6 +119,8 @@
                     </div>
                 </div>
             </div>
+        </div>
+    </div>
 </template>
 
 <script>
@@ -172,7 +176,7 @@ export default {
             document.querySelector("body").setAttribute("style", "overflow: visible");
             this.loading = true;
             this.loadIns = Loading.service({
-                background: "rgba(255,255,255,.6)"
+                background: "#fff"
             });
             document.querySelector("#pdfDom").scrollTop = 0;
             var title = this.title;
@@ -231,15 +235,19 @@ export default {
 
 <style lang="scss" scoped>
 .box {
-    background-color: #fff;
+    //background-color: #EAEAEA;
+    background: #fff;
     font-size: 18px;
+    overflow: hidden;
+    //overflow: auto;
 }
 
 .exp-header {
-    padding: 20px 100px;
-    box-shadow: 0px 0px 25px 2px rgba(48, 115, 248, 0.14);
+    background: #fff;
+    box-shadow: 0px 2px 25px 2px rgba(48, 115, 248, 0.14);
     z-index: 999;
-    margin-top: 2px;
+    padding: 20px 100px;
+    margin: 2px auto;
 }
 
 /deep/ .el-textarea.is-disabled .el-textarea__inner {
@@ -248,11 +256,11 @@ export default {
 }
 
 #pdfDom {
-    height: calc(100vh - 170px);
-    overflow: auto;
-    padding: 30px 100px;
+    width: 100%;
+    height: calc(100vh - 100px);
+    background: #fff;
     box-sizing: border-box;
-
+    //box-shadow: 0px 2px 25px 2px #D1D1D1;
     &.loading {
         height: auto;
         overflow: visible;
@@ -266,6 +274,7 @@ export default {
             background-color: #fff !important;
 
             .cell {
+                line-height: 35px;
                 color: #444;
             }
         }
@@ -301,6 +310,7 @@ export default {
         background-color: #e1eaff !important;
 
         .cell {
+            line-height: 35px;
             color: #555555;
         }
     }
@@ -315,6 +325,7 @@ export default {
 
 /deep/ .cell {
     font-size: 16px;
+    line-height: 35px;
 }
 
 // /deep/.el-row{

src/styles/common.scss

@@ -156,7 +156,6 @@
       color: #fff;
       font-size: 14px;
       font-weight: normal;
-
       .el-checkbox {
         &:before {
           opacity: 1;