style：预览

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-12-18 16:08:26
+ * @LastEditTime: 2023-12-19 09:40:39
 -->
 <template>
   <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
@@ -169,7 +169,7 @@
         that.loadStatus = '1';
         let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
         if (['zsdy', 'zmdy', 'zsdy1'].includes(that.ruleForm.tmpno)) {
-          LODOP.SET_PRINT_PAGESIZE(2, 0, 0, "B4 IS) 旋转"); // 设置纸张大小为 B4
+          // LODOP.SET_PRINT_PAGESIZE(2, 0, 0, "B4 (JIS) 旋转"); // 设置纸张大小为 B4
           LODOP.SET_PRINT_MODE("RESELECT_ORIENT", true); // 手动设置方向
         } else {
           LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4"); // 设置纸张大小为 A4

@@ -28,7 +28,7 @@
                 <el-tab-pane label="第二页" name="title2"></el-tab-pane>
               </el-tabs>
             </el-col>
-            <el-col :span="2" v-if="this.formData.ysxlh">
+            <el-col :span="2" v-if="this.formData.ysxlh" style="float:right">
               <el-button type="primary" @click="handleZF" v-if="disabled">作废</el-button>
             </el-col>
           </el-row>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-12-19 08:54:37
+ * @LastEditTime: 2023-12-19 09:17:03
 -->
 <template>
   <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="text-align: center;">
     <!-- 表单部分 -->
-    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1" style="margin-top:-23px">
+    <div style="margin-top:-20px">
+      <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1">
         <el-tab-pane :label="item.qlr + (item.bdcqzh !== null ? '(' + item.bdcqzh + ')' : '')" :name="item.bsmBdcqz"
           v-for="(item, index) in headTabBdcqz" :key="index">
         </el-tab-pane>
       </el-tabs>
-    <el-tabs v-model="activeTitle" style="margin-top:-20px">
+    </div>
+    <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
+    <div style="height:85vh">
+      <div v-show="this.bdcqz.bdcqzlx==1">
+        <el-tabs v-model="activeTitle">
           <el-tab-pane label="第一页" name="title1"></el-tab-pane>
           <el-tab-pane label="第二页" name="title2"></el-tab-pane>
         </el-tabs>
-    <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
-    <div :style="{'width':'1180px','overflow-y': 'auto'}">
-      <canvas ref="zs1" width="1000" v-show="this.bdcqz.bdcqzlx==1 && activeTitle=='title1'" height="700"></canvas>
-      <canvas ref="zs" width="1000" v-show="this.bdcqz.bdcqzlx==1 && activeTitle=='title2'" height="700"></canvas>
-      <canvas ref="zm" width="1180" v-show="this.bdcqz.bdcqzlx==2" height="780"></canvas>
+        <div :style="{'width':'1185px','overflow-y': 'auto','height': '670px',}">
+          <canvas ref="zs1" width="1000" v-show="activeTitle=='title1'" height="700"></canvas>
+          <canvas ref="zs" width="1000" v-show="activeTitle=='title2'" height="700"></canvas>
+        </div>
+      </div>
+      <div style="width:1185px;overflow-x: hidden;height: 700px;overflow-y:auto" v-show="this.bdcqz.bdcqzlx==2">
+        <canvas ref="zm" width="1180" height="780"></canvas>
+      </div>
     </div>
   </div>
 </template>
@@ -573,6 +581,9 @@
   /deep/.el-form-item--small.el-form-item {
     margin-bottom: 0;
   }
+  /deep/.mask-content {
+    padding-top: 10px !important;
+  }
   .imgClass {
     display: inline-block;
     height: auto;