style:不动产证明
Showing
2 changed files
with
31 additions
and
11 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2024-01-18 08:20:44 | 4 | * @LastEditTime: 2024-01-18 11:00:00 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -36,9 +36,9 @@ | ... | @@ -36,9 +36,9 @@ |
| 36 | </el-form-item> | 36 | </el-form-item> |
| 37 | </el-form> | 37 | </el-form> |
| 38 | <div class="zs-content"> | 38 | <div class="zs-content"> |
| 39 | <canvas ref="zs1" width="1000" v-show="this.formData.bdcqzlx==1 && activeTitle=='title1'" height="700"></canvas> | 39 | <canvas ref="zs1" width="1024" v-show="this.formData.bdcqzlx==1 && activeTitle=='title1'" height="739"></canvas> |
| 40 | <canvas ref="zs" width="1000" v-show="this.formData.bdcqzlx==1 && activeTitle=='title2'" height="700"></canvas> | 40 | <canvas ref="zs" width="1024" v-show="this.formData.bdcqzlx==1 && activeTitle=='title2'" height="739"></canvas> |
| 41 | <canvas ref="zm" width="1180" v-show="this.formData.bdcqzlx==2" height="780"></canvas> | 41 | <canvas ref="zm" width="1169" v-show="this.formData.bdcqzlx==2" height="828"></canvas> |
| 42 | </div> | 42 | </div> |
| 43 | </div> | 43 | </div> |
| 44 | <!-- 打印模板需要此模块 --> | 44 | <!-- 打印模板需要此模块 --> |
| ... | @@ -507,13 +507,24 @@ | ... | @@ -507,13 +507,24 @@ |
| 507 | } | 507 | } |
| 508 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); | 508 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); |
| 509 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); | 509 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); |
| 510 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); | 510 | // context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); |
| 511 | |||
| 512 | if (getByteLen(this.bdcqz.sxqc) > 14) { | ||
| 513 | const originalFont = context.font; | ||
| 514 | // 设置新的字体大小 | ||
| 515 | context.font = '14px 楷体'; // 替换为你想要的字体和大小 | ||
| 516 | // 绘制 bdcdyh | ||
| 517 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 725, 125); | ||
| 518 | // 恢复原始字体设置 | ||
| 519 | context.font = originalFont; | ||
| 520 | } | ||
| 521 | |||
| 511 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123); | 522 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123); |
| 512 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); | 523 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); |
| 513 | // context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); | 524 | // context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); |
| 514 | // 权利人 | 525 | // 权利人 |
| 515 | let qlrlines = this.bdcqz.qlr ? this.bdcqz.qlr.split(' ') : []; | 526 | let qlrlines = this.bdcqz.qlr ? this.bdcqz.qlr.split(' ') : []; |
| 516 | if (getByteLen(this.bdcqz.qlr) > 37) { | 527 | if (getByteLen(this.bdcqz.qlr) >= 34) { |
| 517 | qlrlines.forEach((line, index) => { | 528 | qlrlines.forEach((line, index) => { |
| 518 | let currentLine = ''; | 529 | let currentLine = ''; |
| 519 | let arr = []; | 530 | let arr = []; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2024-01-18 10:41:05 | 4 | * @LastEditTime: 2024-01-18 10:59:00 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="text-align: center;"> |
| ... | @@ -20,12 +20,12 @@ | ... | @@ -20,12 +20,12 @@ |
| 20 | <el-tab-pane label="第一页" name="title1"></el-tab-pane> | 20 | <el-tab-pane label="第一页" name="title1"></el-tab-pane> |
| 21 | <el-tab-pane label="第二页" name="title2"></el-tab-pane> | 21 | <el-tab-pane label="第二页" name="title2"></el-tab-pane> |
| 22 | </el-tabs> | 22 | </el-tabs> |
| 23 | <div style="width:1169px;overflow-x: hidden;height: 833px;margin-top:2px"> | 23 | <div style="width:1169px;overflow-x: hidden;"> |
| 24 | <canvas ref="zs1" width="1024" v-show="activeTitle=='title1'" height="739"></canvas> | 24 | <canvas ref="zs1" width="1024" v-show="activeTitle=='title1'" height="739"></canvas> |
| 25 | <canvas ref="zs" width="1024" v-show="activeTitle=='title2'" height="739"></canvas> | 25 | <canvas ref="zs" width="1024" v-show="activeTitle=='title2'" height="739"></canvas> |
| 26 | </div> | 26 | </div> |
| 27 | </div> | 27 | </div> |
| 28 | <div style="width:1169px;overflow-x: hidden;height: 833px;margin-top:2px" v-show="this.bdcqz.bdcqzlx==2"> | 28 | <div style="width:1169px;overflow-x: hidden;" v-show="this.bdcqz.bdcqzlx==2"> |
| 29 | <canvas ref="zm" width="1169" height="828"></canvas> | 29 | <canvas ref="zm" width="1169" height="828"></canvas> |
| 30 | </div> | 30 | </div> |
| 31 | </div> | 31 | </div> |
| ... | @@ -434,13 +434,22 @@ | ... | @@ -434,13 +434,22 @@ |
| 434 | } | 434 | } |
| 435 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); | 435 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); |
| 436 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); | 436 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); |
| 437 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); | 437 | if (getByteLen(this.bdcqz.sxqc) > 14) { |
| 438 | const originalFont = context.font; | ||
| 439 | // 设置新的字体大小 | ||
| 440 | context.font = '14px 楷体'; // 替换为你想要的字体和大小 | ||
| 441 | // 绘制 bdcdyh | ||
| 442 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 725, 125); | ||
| 443 | // 恢复原始字体设置 | ||
| 444 | context.font = originalFont; | ||
| 445 | } | ||
| 446 | |||
| 438 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123); | 447 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123); |
| 439 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); | 448 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); |
| 440 | // context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); | 449 | // context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); |
| 441 | // 权利人 | 450 | // 权利人 |
| 442 | let qlrlines = this.bdcqz.qlr ? this.bdcqz.qlr.split(' ') : []; | 451 | let qlrlines = this.bdcqz.qlr ? this.bdcqz.qlr.split(' ') : []; |
| 443 | if (getByteLen(this.bdcqz.qlr) > 37) { | 452 | if (getByteLen(this.bdcqz.qlr) >= 34) { |
| 444 | qlrlines.forEach((line, index) => { | 453 | qlrlines.forEach((line, index) => { |
| 445 | let currentLine = ''; | 454 | let currentLine = ''; |
| 446 | let arr = []; | 455 | let arr = []; | ... | ... |
-
Please register or sign in to post a comment