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