证书预览样式

 <!--
 <!--
  * @Description: 
  * @Description: 
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-09-07 16:28:14
+ * @LastEditTime: 2023-09-11 11:31:17
 -->
 -->
 <template>
 <template>
   <transition name="msgbox-fade">
   <transition name="msgbox-fade">
@@ -166,7 +166,7 @@
     width: 100%;
     width: 100%;
     min-height: 30%;
     min-height: 30%;
     max-height: 90vh;
     max-height: 90vh;
-    overflow-y: scroll;
+    // overflow-y: scroll;
     box-sizing: border-box;
     box-sizing: border-box;
   }
   }
 
 

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-09-06 16:15:09
+ * @LastEditTime: 2023-09-11 11:29:36
 -->
 -->
 <template>
 <template>
   <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
   <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
@@ -12,7 +12,7 @@
       </el-tab-pane>
       </el-tab-pane>
     </el-tabs>
     </el-tabs>
     <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
     <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
-    <div style="width:1180px;">
+    <div :style="{'width':'1180px','height': `calc(100% - ${hdiffHeight}px)`,'overflow-y': 'auto'}">
       <canvas ref="zs" width="1000" v-show="this.bdcqz.bdcqzlx==1" height="700"></canvas>
       <canvas ref="zs" width="1000" v-show="this.bdcqz.bdcqzlx==1" height="700"></canvas>
       <canvas ref="zm" width="1180" v-show="this.bdcqz.bdcqzlx==2" height="780"></canvas>
       <canvas ref="zm" width="1180" v-show="this.bdcqz.bdcqzlx==2" height="780"></canvas>
     </div>
     </div>
@@ -517,6 +517,11 @@
 
 
         image.src = this.bdczmSrc;
         image.src = this.bdczmSrc;
       }
       }
+    },
+    computed:{
+      hdiffHeight(){
+        return  this.headTabBdcqz.length > 1 ? 54 :0 
+      }
     }
     }
   }
   }
 </script>
 </script>