style:证书预览打印

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-30 10:33:52
+ * @LastEditTime: 2023-08-30 17:07:26
 -->
 <template>
   <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
@@ -13,8 +13,8 @@
     </el-tabs>
     <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
     <div style="width:1180px;">
-      <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas>
-      <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></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>
     </div>
   </div>
 </template>
@@ -93,7 +93,7 @@
               this.activeName = res.result[0].bsmBdcqz
               this.bdcqz = res.result[0]
               this.headTabBdcqz = res.result
-              if (res.result[0].bdcqzlx == 1) {
+              if (this.bdcqz.bdcqzlx == 1) {
                 this.drawTextOnImage()
               } else {
                 this.drawTextzmImage()
@@ -108,9 +108,8 @@
        * @param {*} e
        * @author: renchao
        */
-      handleClick (e) {
-        this.bdcqz = this.headTabBdcqz[e.index - 0]
-        this.activeName = this.headTabBdcqz.bsmBdcqz
+      handleClick (tab, event) {
+        this.bdcqz = this.headTabBdcqz[tab.index]
         if (this.bdcqz.bdcqzlx == 1) {
           this.drawTextOnImage()
         } else {
@@ -461,19 +460,20 @@
               arr.push(currentLine);
               if (i > 0) {
                 arr.forEach((line, index) => {
-                  context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 18)); // 调整行高
+                  context.fillText(line, 770, 428 + (23 * (i - 1)) + 5 * num + (index * 14)); // 调整行高
                 })
               } else {
                 arr.forEach((line, index) => {
-                  context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 18)); // 调整行高
+                  context.fillText(line, 770, 428 + (23 * (i - 1)) + (index * 14)); // 调整行高
                 })
               }
             } else {
-              if (i > 0) {
-                context.fillText(lines[i] ? lines[i] : '', 770, 450 + 5 * num + (23 * (i - 1)));
-              } else {
-                context.fillText(lines[i] ? lines[i] : '', 770, 450 + (23 * (i - 1)));
-              }
+              context.fillText(lines[i] ? lines[i] : '', 770, 440 + 4 * num + (22 * (i - 1)));
+              // if (i > 0) {
+              //   context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (23 * (i - 1)));
+              // } else {
+              //   context.fillText(lines[i] ? lines[i] : '', 770, 440 + (23 * (i - 1)));
+              // }
             }
           }
           // fj

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-29 10:03:25
+ * @LastEditTime: 2023-08-30 16:54:26
 -->
 <template>
   <div class="szxx">
@@ -136,7 +136,7 @@
         store.dispatch('user/reWorkFresh', false)
         if (type == 1) {
           //证书预览
-          this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true);
+          this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true);
         } else {
           this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true);
         }