Merge branch 'dev'
Showing
2 changed files
with
85 additions
and
14 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-10 13:43:32 | 4 | * @LastEditTime: 2023-08-16 10:37:13 |
| 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,21 +124,27 @@ | ... | @@ -124,21 +124,27 @@ |
| 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 = '18px 楷体'; | 127 | context.font = '14px 楷体'; |
| 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); |
| 131 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56); | 131 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56); |
| 132 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56); | 132 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56); |
| 133 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 138, 97); | 133 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97); |
| 134 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 138, 138); | 134 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136); |
| 135 | context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 138, 180); | 135 | |
| 136 | context.fillText(this.bdcqz.bdcdyh ? this.bdcqz.bdcdyh : '', 138, 223); | 136 | |
| 137 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 138, 263); | 137 | // context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 129, 170); |
| 138 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 138, 303); | 138 | |
| 139 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 138, 346); | 139 | |
| 140 | context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 138, 386); | 140 | |
| 141 | context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 138, 429); | 141 | |
| 142 | context.fillText(this.bdcqz.bdcdyh ? this.bdcqz.bdcdyh : '', 129, 223); | ||
| 143 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 129, 263); | ||
| 144 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 129, 303); | ||
| 145 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 129, 346); | ||
| 146 | context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 129, 386); | ||
| 147 | context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429); | ||
| 142 | // qlqtzk | 148 | // qlqtzk |
| 143 | const maxWidth = 280; // 最大宽度限制 | 149 | const maxWidth = 280; // 最大宽度限制 |
| 144 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 150 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
| ... | @@ -158,12 +164,12 @@ | ... | @@ -158,12 +164,12 @@ |
| 158 | } | 164 | } |
| 159 | arr.push(currentLine); | 165 | arr.push(currentLine); |
| 160 | arr.forEach((line, index) => { | 166 | arr.forEach((line, index) => { |
| 161 | context.fillText(line, 138, y + (index * 20)); // 调整行高 | 167 | context.fillText(line, 129, y + (index * 20)); // 调整行高 |
| 162 | }) | 168 | }) |
| 163 | }) | 169 | }) |
| 164 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split(' ') : []; | 170 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split(' ') : []; |
| 165 | lines1.forEach((line, index) => { | 171 | lines1.forEach((line, index) => { |
| 166 | const y = 100 + (index * 37); // 每行文本的垂直位置 | 172 | const y = 100 + (index * 27); // 每行文本的垂直位置 |
| 167 | let currentLine = ''; | 173 | let currentLine = ''; |
| 168 | let arr = []; | 174 | let arr = []; |
| 169 | for (let word of line) { | 175 | for (let word of line) { |
| ... | @@ -182,6 +188,53 @@ | ... | @@ -182,6 +188,53 @@ |
| 182 | }) | 188 | }) |
| 183 | }) | 189 | }) |
| 184 | 190 | ||
| 191 | |||
| 192 | |||
| 193 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; | ||
| 194 | if (lines2.length > 22) { | ||
| 195 | lines2.forEach((line, index) => { | ||
| 196 | const y = 170 + (index * 27); // 每行文本的垂直位置 | ||
| 197 | let currentLine = ''; | ||
| 198 | let arr = []; | ||
| 199 | for (let word of line) { | ||
| 200 | const testLine = currentLine + word; | ||
| 201 | const lineWidth = context.measureText(testLine).width; | ||
| 202 | if (lineWidth <= 360) { | ||
| 203 | currentLine = testLine; | ||
| 204 | } else { | ||
| 205 | arr.push(currentLine); | ||
| 206 | currentLine = word; | ||
| 207 | } | ||
| 208 | } | ||
| 209 | arr.push(currentLine); | ||
| 210 | arr.forEach((line, index) => { | ||
| 211 | context.fillText(line, 129, y + (index * 20)); // 调整行高 | ||
| 212 | }) | ||
| 213 | }) | ||
| 214 | } else { | ||
| 215 | lines2.forEach((line, index) => { | ||
| 216 | const y = 180 + (index * 27); // 每行文本的垂直位置 | ||
| 217 | let currentLine = ''; | ||
| 218 | let arr = []; | ||
| 219 | for (let word of line) { | ||
| 220 | const testLine = currentLine + word; | ||
| 221 | const lineWidth = context.measureText(testLine).width; | ||
| 222 | if (lineWidth <= 360) { | ||
| 223 | currentLine = testLine; | ||
| 224 | } else { | ||
| 225 | arr.push(currentLine); | ||
| 226 | currentLine = word; | ||
| 227 | } | ||
| 228 | } | ||
| 229 | arr.push(currentLine); | ||
| 230 | arr.forEach((line, index) => { | ||
| 231 | context.fillText(line, 129, y + (index * 20)); // 调整行高 | ||
| 232 | }) | ||
| 233 | }) | ||
| 234 | |||
| 235 | } | ||
| 236 | |||
| 237 | |||
| 185 | } | 238 | } |
| 186 | image.src = this.imgSrc | 239 | image.src = this.imgSrc |
| 187 | }, | 240 | }, | ... | ... |
| ... | @@ -49,7 +49,14 @@ | ... | @@ -49,7 +49,14 @@ |
| 49 | <el-row :gutter="10"> | 49 | <el-row :gutter="10"> |
| 50 | <el-col :span="8"> | 50 | <el-col :span="8"> |
| 51 | <el-form-item label="房屋用途:"> | 51 | <el-form-item label="房屋用途:"> |
| 52 | <el-input disabled v-model="ruleForm.qjh.showfwyt"></el-input> | 52 | <treeselect |
| 53 | v-model="ruleForm.qjh.showfwyt" | ||
| 54 | noOptionsText="" | ||
| 55 | disabled | ||
| 56 | placeholder="" | ||
| 57 | :normalizer="normalizer" | ||
| 58 | :show-count="true" | ||
| 59 | :options="dictData['A17']" /> | ||
| 53 | </el-form-item> | 60 | </el-form-item> |
| 54 | </el-col> | 61 | </el-col> |
| 55 | <el-col :span="8"> | 62 | <el-col :span="8"> |
| ... | @@ -298,6 +305,17 @@ | ... | @@ -298,6 +305,17 @@ |
| 298 | //传递参数 | 305 | //传递参数 |
| 299 | propsParam: {}, | 306 | propsParam: {}, |
| 300 | rules: {}, | 307 | rules: {}, |
| 308 | // 键名转换,方法默认是label和children进行树状渲染 | ||
| 309 | normalizer (node) { | ||
| 310 | //方法 | ||
| 311 | if (node.children == null || node.children == "null") { | ||
| 312 | delete node.children; | ||
| 313 | } | ||
| 314 | return { | ||
| 315 | id: node.dcode, | ||
| 316 | label: node.dname, | ||
| 317 | }; | ||
| 318 | }, | ||
| 301 | }; | 319 | }; |
| 302 | }, | 320 | }, |
| 303 | methods: { | 321 | methods: { | ... | ... |
-
Please register or sign in to post a comment