Merge branch 'dev'
Showing
2 changed files
with
31 additions
and
15 deletions
| ... | @@ -465,20 +465,20 @@ class data extends filter { | ... | @@ -465,20 +465,20 @@ class data extends filter { |
| 465 | label: "分摊土地面积(m²)", | 465 | label: "分摊土地面积(m²)", |
| 466 | }, | 466 | }, |
| 467 | { | 467 | { |
| 468 | prop: "tdsyqzsj", | 468 | prop: "tdxzmc", |
| 469 | label: "土地使用期限", | 469 | label: "土地性质", |
| 470 | }, | 470 | }, |
| 471 | { | 471 | { |
| 472 | prop: "syqqzsj", | 472 | prop: "tdsyqzsj", |
| 473 | label: "使用权起止时间", | 473 | label: "使用权起止时间", |
| 474 | }, | 474 | }, |
| 475 | { | 475 | { |
| 476 | prop: "qdjgmc", | 476 | prop: "qdjgmc", |
| 477 | label: "房地产交易价格", | 477 | label: "房地产交易价格", |
| 478 | }, | 478 | }, |
| 479 | { | 479 | { |
| 480 | prop: "ytmc", | 480 | prop: "ytmc", |
| 481 | label: "规划用途", | 481 | label: "房屋用途", |
| 482 | }, | 482 | }, |
| 483 | { | 483 | { |
| 484 | prop: "fwxzmc", | 484 | prop: "fwxzmc", | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-16 10:37:13 | 4 | * @LastEditTime: 2023-08-16 10:56:33 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> |
| ... | @@ -124,7 +124,7 @@ | ... | @@ -124,7 +124,7 @@ |
| 124 | const image = new Image(); | 124 | const image = new Image(); |
| 125 | image.onload = () => { | 125 | image.onload = () => { |
| 126 | context.drawImage(image, 0, 0); | 126 | context.drawImage(image, 0, 0); |
| 127 | context.font = '14px 楷体'; | 127 | context.font = '16px 楷体'; |
| 128 | context.fillStyle = '#000000'; | 128 | context.fillStyle = '#000000'; |
| 129 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); | 129 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); |
| 130 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); | 130 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); |
| ... | @@ -133,18 +133,17 @@ | ... | @@ -133,18 +133,17 @@ |
| 133 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97); | 133 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97); |
| 134 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136); | 134 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136); |
| 135 | 135 | ||
| 136 | 136 | let arr = this.bdcqz.bdcdyh.split('F') | |
| 137 | // context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 129, 170); | 137 | this.bdcqz.bdcdyh = arr[0].slice(0, 6) + ' ' + arr[0].slice(6, 12) + ' ' + arr[0].slice(12, arr[0].length) + ' F' + arr[1] |
| 138 | 138 | context.fillText(this.bdcqz.bdcdyh ? this.bdcqz.bdcdyh : '', 129, 223); | |
| 139 | 139 | ||
| 140 | 140 | ||
| 141 | 141 | ||
| 142 | context.fillText(this.bdcqz.bdcdyh ? this.bdcqz.bdcdyh : '', 129, 223); | ||
| 143 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 129, 263); | 142 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 129, 263); |
| 144 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 129, 303); | 143 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 129, 303); |
| 145 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 129, 346); | 144 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 129, 346); |
| 146 | context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 129, 386); | 145 | context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 129, 386); |
| 147 | context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429); | 146 | // context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429); |
| 148 | // qlqtzk | 147 | // qlqtzk |
| 149 | const maxWidth = 280; // 最大宽度限制 | 148 | const maxWidth = 280; // 最大宽度限制 |
| 150 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 149 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
| ... | @@ -187,6 +186,26 @@ | ... | @@ -187,6 +186,26 @@ |
| 187 | context.fillText(line, 580, y + (index * 20)); // 调整行高 | 186 | context.fillText(line, 580, y + (index * 20)); // 调整行高 |
| 188 | }) | 187 | }) |
| 189 | }) | 188 | }) |
| 189 | let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(' ') : []; | ||
| 190 | lines3.forEach((line, index) => { | ||
| 191 | const y = 423 + (index * 20); // 每行文本的垂直位置 | ||
| 192 | let currentLine = ''; | ||
| 193 | let arr = []; | ||
| 194 | for (let word of line) { | ||
| 195 | const testLine = currentLine + word; | ||
| 196 | const lineWidth = context.measureText(testLine).width; | ||
| 197 | if (lineWidth <= 315) { | ||
| 198 | currentLine = testLine; | ||
| 199 | } else { | ||
| 200 | arr.push(currentLine); | ||
| 201 | currentLine = word; | ||
| 202 | } | ||
| 203 | } | ||
| 204 | arr.push(currentLine); | ||
| 205 | arr.forEach((line, index) => { | ||
| 206 | context.fillText(line, 129, y + (index * 20)); // 调整行高 | ||
| 207 | }) | ||
| 208 | }) | ||
| 190 | 209 | ||
| 191 | 210 | ||
| 192 | 211 | ||
| ... | @@ -231,10 +250,7 @@ | ... | @@ -231,10 +250,7 @@ |
| 231 | context.fillText(line, 129, y + (index * 20)); // 调整行高 | 250 | context.fillText(line, 129, y + (index * 20)); // 调整行高 |
| 232 | }) | 251 | }) |
| 233 | }) | 252 | }) |
| 234 | |||
| 235 | } | 253 | } |
| 236 | |||
| 237 | |||
| 238 | } | 254 | } |
| 239 | image.src = this.imgSrc | 255 | image.src = this.imgSrc |
| 240 | }, | 256 | }, | ... | ... |
-
Please register or sign in to post a comment