style:证书预览

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2024-01-18 11:00:00
+ * @LastEditTime: 2024-01-18 11:04:53
 -->
 <template>
   <div>
@@ -269,7 +269,18 @@
           context.fillStyle = '#000000';
           context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56);
           context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56);
-          context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56);
+          // context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56);
+
+          if (getByteLen(this.bdcqz.sxqc) > 14) {
+            const originalFont = context.font;
+            // 设置新的字体大小
+            context.font = '14px 楷体'; // 替换为你想要的字体和大小
+            // 绘制 bdcdyh
+            context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 165, 56);
+            // 恢复原始字体设置
+            context.font = originalFont;
+          }
+
           context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56);
           context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97);
           context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136);

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2024-01-18 10:59:00
+ * @LastEditTime: 2024-01-18 11:04:37
 -->
 <template>
   <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="text-align: center;">
@@ -14,7 +14,7 @@
       </el-tabs>
     </div>
     <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
-    <div style="max-height:85vh;">
+    <div style="max-height:89vh;">
       <div v-show="this.bdcqz.bdcqzlx==1">
         <el-tabs v-model="activeTitle">
           <el-tab-pane label="第一页" name="title1"></el-tab-pane>
@@ -198,7 +198,16 @@
           context.fillStyle = '#000000';
           context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56);
           context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56);
-          context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56);
+          // context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56);
+          if (getByteLen(this.bdcqz.sxqc) > 14) {
+            const originalFont = context.font;
+            // 设置新的字体大小
+            context.font = '14px 楷体'; // 替换为你想要的字体和大小
+            // 绘制 bdcdyh
+            context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 165, 56);
+            // 恢复原始字体设置
+            context.font = originalFont;
+          }
           context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56);
           context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97);
           context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136);