Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
9 changed files
with
448 additions
and
356 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-25 09:21:38 | 4 | * @LastEditTime: 2023-08-25 10:34:46 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -106,12 +106,23 @@ | ... | @@ -106,12 +106,23 @@ |
| 106 | this.loading = false | 106 | this.loading = false |
| 107 | }) | 107 | }) |
| 108 | }, | 108 | }, |
| 109 | // 不动产证书 | ||
| 110 | /** | 109 | /** |
| 111 | * @description: 不动产证书 | 110 | * @description: 不动产证书 |
| 112 | * @author: renchao | 111 | * @author: renchao |
| 113 | */ | 112 | */ |
| 114 | drawTextOnImage () { | 113 | drawTextOnImage () { |
| 114 | function getByteLen (val) { | ||
| 115 | var len = 0; | ||
| 116 | for (var i = 0; i < val.length; i++) { | ||
| 117 | var length = val.charCodeAt(i); | ||
| 118 | if (length >= 0 && length <= 128) { | ||
| 119 | len += 1; | ||
| 120 | } else { | ||
| 121 | len += 2; | ||
| 122 | } | ||
| 123 | } | ||
| 124 | return len; | ||
| 125 | } | ||
| 115 | const canvas = this.$refs.zs; | 126 | const canvas = this.$refs.zs; |
| 116 | const context = canvas.getContext('2d'); | 127 | const context = canvas.getContext('2d'); |
| 117 | const image = new Image(); | 128 | const image = new Image(); |
| ... | @@ -123,30 +134,29 @@ | ... | @@ -123,30 +134,29 @@ |
| 123 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); | 134 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); |
| 124 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56); | 135 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56); |
| 125 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56); | 136 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56); |
| 126 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 138, 97); | 137 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97); |
| 127 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 138, 138); | 138 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136); |
| 128 | context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 138, 180); | 139 | |
| 129 | // 不动产单元号 | ||
| 130 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 140 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
| 131 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | 141 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) |
| 132 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 138, 223); | 142 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223); |
| 133 | 143 | ||
| 134 | 144 | ||
| 135 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 138, 263); | 145 | |
| 136 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 138, 303); | 146 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 129, 263); |
| 137 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 138, 346); | 147 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 129, 303); |
| 138 | context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 138, 386); | 148 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 129, 346); |
| 139 | // 使用期限 | 149 | // context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 129, 386); |
| 140 | if (this.bdcqz.syqx && this.bdcqz.syqx.length > 28) { | 150 | let lines6 = this.bdcqz.mj ? this.bdcqz.mj.split(' ') : []; |
| 141 | let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(' ') : []; | 151 | if (getByteLen(this.bdcqz.mj) > 41) { |
| 142 | lines3.forEach((line, index) => { | 152 | lines6.forEach((line, index) => { |
| 143 | const y = 427 + (index * 27); // 每行文本的垂直位置 | 153 | const y = 378 + (index * 27); // 每行文本的垂直位置 |
| 144 | let currentLine = ''; | 154 | let currentLine = ''; |
| 145 | let arr = []; | 155 | let arr = []; |
| 146 | for (let word of line) { | 156 | for (let word of line) { |
| 147 | const testLine = currentLine + word; | 157 | const testLine = currentLine + word; |
| 148 | const lineWidth = context.measureText(testLine).width; | 158 | const lineWidth = context.measureText(testLine).width; |
| 149 | if (lineWidth <= 315) { | 159 | if (lineWidth <= 330) { |
| 150 | currentLine = testLine; | 160 | currentLine = testLine; |
| 151 | } else { | 161 | } else { |
| 152 | arr.push(currentLine); | 162 | arr.push(currentLine); |
| ... | @@ -155,18 +165,37 @@ | ... | @@ -155,18 +165,37 @@ |
| 155 | } | 165 | } |
| 156 | arr.push(currentLine); | 166 | arr.push(currentLine); |
| 157 | arr.forEach((line, index) => { | 167 | arr.forEach((line, index) => { |
| 158 | context.fillText(line, 138, y + (index * 20)); // 调整行高 | 168 | context.fillText(line, 129, y + (index * 20)); // 调整行高 |
| 159 | }) | 169 | }) |
| 160 | }) | 170 | }) |
| 161 | } else { | 171 | } else { |
| 162 | context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 138, 429); | 172 | lines6.forEach((line, index) => { |
| 173 | const y = 386 + (index * 27); // 每行文本的垂直位置 | ||
| 174 | let currentLine = ''; | ||
| 175 | let arr = []; | ||
| 176 | for (let word of line) { | ||
| 177 | const testLine = currentLine + word; | ||
| 178 | const lineWidth = context.measureText(testLine).width; | ||
| 179 | if (lineWidth <= 330) { | ||
| 180 | currentLine = testLine; | ||
| 181 | } else { | ||
| 182 | arr.push(currentLine); | ||
| 183 | currentLine = word; | ||
| 184 | } | ||
| 185 | } | ||
| 186 | arr.push(currentLine); | ||
| 187 | arr.forEach((line, index) => { | ||
| 188 | context.fillText(line, 129, y + (index * 20)); // 调整行高 | ||
| 189 | }) | ||
| 190 | }) | ||
| 163 | } | 191 | } |
| 164 | 192 | ||
| 193 | // context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429); | ||
| 165 | // qlqtzk | 194 | // qlqtzk |
| 166 | const maxWidth = 305; // 最大宽度限制 | 195 | const maxWidth = 330; // 最大宽度限制 |
| 167 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 196 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
| 168 | lines.forEach((line, index) => { | 197 | lines.forEach((line, index) => { |
| 169 | const y = 469 + (index * 37); // 每行文本的垂直位置 | 198 | const y = 463 + (index * 40); // 每行文本的垂直位置 |
| 170 | let currentLine = ''; | 199 | let currentLine = ''; |
| 171 | let arr = []; | 200 | let arr = []; |
| 172 | for (let word of line) { | 201 | for (let word of line) { |
| ... | @@ -181,13 +210,12 @@ | ... | @@ -181,13 +210,12 @@ |
| 181 | } | 210 | } |
| 182 | arr.push(currentLine); | 211 | arr.push(currentLine); |
| 183 | arr.forEach((line, index) => { | 212 | arr.forEach((line, index) => { |
| 184 | context.fillText(line, 138, y + (index * 20)); // 调整行高 | 213 | context.fillText(line, 129, y + (index * 20)); // 调整行高 |
| 185 | }) | 214 | }) |
| 186 | }) | 215 | }) |
| 187 | |||
| 188 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | 216 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; |
| 189 | lines1.forEach((line, index) => { | 217 | lines1.forEach((line, index) => { |
| 190 | const y = 100 + (index * 37); // 每行文本的垂直位置 | 218 | const y = 100 + (index * 30); // 每行文本的垂直位置 |
| 191 | let currentLine = ''; | 219 | let currentLine = ''; |
| 192 | let arr = []; | 220 | let arr = []; |
| 193 | for (let word of line) { | 221 | for (let word of line) { |
| ... | @@ -202,10 +230,95 @@ | ... | @@ -202,10 +230,95 @@ |
| 202 | } | 230 | } |
| 203 | arr.push(currentLine); | 231 | arr.push(currentLine); |
| 204 | arr.forEach((line, index) => { | 232 | arr.forEach((line, index) => { |
| 205 | context.fillText(line, 580, y + (index * 20)); // 调整行高 | 233 | context.fillText(line, 580, y + (index * 30)); // 调整行高 |
| 234 | }) | ||
| 235 | }) | ||
| 236 | let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(' ') : []; | ||
| 237 | if (getByteLen(this.bdcqz.syqx) > 41) { | ||
| 238 | lines3.forEach((line, index) => { | ||
| 239 | const y = 423 + (index * 27); // 每行文本的垂直位置 | ||
| 240 | let currentLine = ''; | ||
| 241 | let arr = []; | ||
| 242 | for (let word of line) { | ||
| 243 | const testLine = currentLine + word; | ||
| 244 | const lineWidth = context.measureText(testLine).width; | ||
| 245 | if (lineWidth <= 330) { | ||
| 246 | currentLine = testLine; | ||
| 247 | } else { | ||
| 248 | arr.push(currentLine); | ||
| 249 | currentLine = word; | ||
| 250 | } | ||
| 251 | } | ||
| 252 | arr.push(currentLine); | ||
| 253 | arr.forEach((line, index) => { | ||
| 254 | context.fillText(line, 129, y + (index * 20)); // 调整行高 | ||
| 255 | }) | ||
| 256 | }) | ||
| 257 | } else { | ||
| 258 | lines3.forEach((line, index) => { | ||
| 259 | const y = 430 + (index * 27); // 每行文本的垂直位置 | ||
| 260 | let currentLine = ''; | ||
| 261 | let arr = []; | ||
| 262 | for (let word of line) { | ||
| 263 | const testLine = currentLine + word; | ||
| 264 | const lineWidth = context.measureText(testLine).width; | ||
| 265 | if (lineWidth <= 315) { | ||
| 266 | currentLine = testLine; | ||
| 267 | } else { | ||
| 268 | arr.push(currentLine); | ||
| 269 | currentLine = word; | ||
| 270 | } | ||
| 271 | } | ||
| 272 | arr.push(currentLine); | ||
| 273 | arr.forEach((line, index) => { | ||
| 274 | context.fillText(line, 129, y + (index * 20)); // 调整行高 | ||
| 206 | }) | 275 | }) |
| 207 | }) | 276 | }) |
| 208 | } | 277 | } |
| 278 | |||
| 279 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; | ||
| 280 | if (getByteLen(this.bdcqz.zl) > 41) { | ||
| 281 | lines2.forEach((line, index) => { | ||
| 282 | const y = 170 + (index * 20); // 每行文本的垂直位置 | ||
| 283 | let currentLine = ''; | ||
| 284 | let arr = []; | ||
| 285 | for (let word of line) { | ||
| 286 | const testLine = currentLine + word; | ||
| 287 | const lineWidth = context.measureText(testLine).width; | ||
| 288 | if (lineWidth <= 336) { | ||
| 289 | currentLine = testLine; | ||
| 290 | } else { | ||
| 291 | arr.push(currentLine); | ||
| 292 | currentLine = word; | ||
| 293 | } | ||
| 294 | } | ||
| 295 | arr.push(currentLine); | ||
| 296 | arr.forEach((line, index) => { | ||
| 297 | context.fillText(line, 129, y + (index * 20)); // 调整行高 | ||
| 298 | }) | ||
| 299 | }) | ||
| 300 | } else { | ||
| 301 | lines2.forEach((line, index) => { | ||
| 302 | const y = 180 + (index * 20); // 每行文本的垂直位置 | ||
| 303 | let currentLine = ''; | ||
| 304 | let arr = []; | ||
| 305 | for (let word of line) { | ||
| 306 | const testLine = currentLine + word; | ||
| 307 | const lineWidth = context.measureText(testLine).width; | ||
| 308 | if (lineWidth <= 336) { | ||
| 309 | currentLine = testLine; | ||
| 310 | } else { | ||
| 311 | arr.push(currentLine); | ||
| 312 | currentLine = word; | ||
| 313 | } | ||
| 314 | } | ||
| 315 | arr.push(currentLine); | ||
| 316 | arr.forEach((line, index) => { | ||
| 317 | context.fillText(line, 129, y + (index * 20)); // 调整行高 | ||
| 318 | }) | ||
| 319 | }) | ||
| 320 | } | ||
| 321 | } | ||
| 209 | image.src = this.imgSrc | 322 | image.src = this.imgSrc |
| 210 | }, | 323 | }, |
| 211 | /** | 324 | /** | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-25 09:31:57 | 4 | * @LastEditTime: 2023-08-25 10:44:31 |
| 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;"> |
| ... | @@ -122,6 +122,18 @@ | ... | @@ -122,6 +122,18 @@ |
| 122 | * @author: renchao | 122 | * @author: renchao |
| 123 | */ | 123 | */ |
| 124 | drawTextOnImage () { | 124 | drawTextOnImage () { |
| 125 | function getByteLen (val) { | ||
| 126 | var len = 0; | ||
| 127 | for (var i = 0; i < val.length; i++) { | ||
| 128 | var length = val.charCodeAt(i); | ||
| 129 | if (length >= 0 && length <= 128) { | ||
| 130 | len += 1; | ||
| 131 | } else { | ||
| 132 | len += 2; | ||
| 133 | } | ||
| 134 | } | ||
| 135 | return len; | ||
| 136 | } | ||
| 125 | const canvas = this.$refs.zs; | 137 | const canvas = this.$refs.zs; |
| 126 | const context = canvas.getContext('2d'); | 138 | const context = canvas.getContext('2d'); |
| 127 | const image = new Image(); | 139 | const image = new Image(); |
| ... | @@ -145,10 +157,52 @@ | ... | @@ -145,10 +157,52 @@ |
| 145 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 129, 263); | 157 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 129, 263); |
| 146 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 129, 303); | 158 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 129, 303); |
| 147 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 129, 346); | 159 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 129, 346); |
| 148 | context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 129, 386); | 160 | // context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 129, 386); |
| 161 | let lines6 = this.bdcqz.mj ? this.bdcqz.mj.split(' ') : []; | ||
| 162 | if (getByteLen(this.bdcqz.mj) > 41) { | ||
| 163 | lines6.forEach((line, index) => { | ||
| 164 | const y = 378 + (index * 27); // 每行文本的垂直位置 | ||
| 165 | let currentLine = ''; | ||
| 166 | let arr = []; | ||
| 167 | for (let word of line) { | ||
| 168 | const testLine = currentLine + word; | ||
| 169 | const lineWidth = context.measureText(testLine).width; | ||
| 170 | if (lineWidth <= 330) { | ||
| 171 | currentLine = testLine; | ||
| 172 | } else { | ||
| 173 | arr.push(currentLine); | ||
| 174 | currentLine = word; | ||
| 175 | } | ||
| 176 | } | ||
| 177 | arr.push(currentLine); | ||
| 178 | arr.forEach((line, index) => { | ||
| 179 | context.fillText(line, 129, y + (index * 20)); // 调整行高 | ||
| 180 | }) | ||
| 181 | }) | ||
| 182 | } else { | ||
| 183 | lines6.forEach((line, index) => { | ||
| 184 | const y = 386 + (index * 27); // 每行文本的垂直位置 | ||
| 185 | let currentLine = ''; | ||
| 186 | let arr = []; | ||
| 187 | for (let word of line) { | ||
| 188 | const testLine = currentLine + word; | ||
| 189 | const lineWidth = context.measureText(testLine).width; | ||
| 190 | if (lineWidth <= 330) { | ||
| 191 | currentLine = testLine; | ||
| 192 | } else { | ||
| 193 | arr.push(currentLine); | ||
| 194 | currentLine = word; | ||
| 195 | } | ||
| 196 | } | ||
| 197 | arr.push(currentLine); | ||
| 198 | arr.forEach((line, index) => { | ||
| 199 | context.fillText(line, 129, y + (index * 20)); // 调整行高 | ||
| 200 | }) | ||
| 201 | }) | ||
| 202 | } | ||
| 149 | // context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429); | 203 | // context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429); |
| 150 | // qlqtzk | 204 | // qlqtzk |
| 151 | const maxWidth = 333; // 最大宽度限制 | 205 | const maxWidth = 330; // 最大宽度限制 |
| 152 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 206 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
| 153 | lines.forEach((line, index) => { | 207 | lines.forEach((line, index) => { |
| 154 | const y = 463 + (index * 40); // 每行文本的垂直位置 | 208 | const y = 463 + (index * 40); // 每行文本的垂直位置 |
| ... | @@ -190,7 +244,7 @@ | ... | @@ -190,7 +244,7 @@ |
| 190 | }) | 244 | }) |
| 191 | }) | 245 | }) |
| 192 | let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(' ') : []; | 246 | let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(' ') : []; |
| 193 | if (lines3.length >= 22) { | 247 | if (getByteLen(this.bdcqz.syqx) > 41) { |
| 194 | lines3.forEach((line, index) => { | 248 | lines3.forEach((line, index) => { |
| 195 | const y = 423 + (index * 27); // 每行文本的垂直位置 | 249 | const y = 423 + (index * 27); // 每行文本的垂直位置 |
| 196 | let currentLine = ''; | 250 | let currentLine = ''; |
| ... | @@ -198,7 +252,7 @@ | ... | @@ -198,7 +252,7 @@ |
| 198 | for (let word of line) { | 252 | for (let word of line) { |
| 199 | const testLine = currentLine + word; | 253 | const testLine = currentLine + word; |
| 200 | const lineWidth = context.measureText(testLine).width; | 254 | const lineWidth = context.measureText(testLine).width; |
| 201 | if (lineWidth <= 315) { | 255 | if (lineWidth <= 330) { |
| 202 | currentLine = testLine; | 256 | currentLine = testLine; |
| 203 | } else { | 257 | } else { |
| 204 | arr.push(currentLine); | 258 | arr.push(currentLine); |
| ... | @@ -232,10 +286,8 @@ | ... | @@ -232,10 +286,8 @@ |
| 232 | }) | 286 | }) |
| 233 | } | 287 | } |
| 234 | 288 | ||
| 235 | |||
| 236 | |||
| 237 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; | 289 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; |
| 238 | if (lines2.length > 22) { | 290 | if (getByteLen(this.bdcqz.zl) > 41) { |
| 239 | lines2.forEach((line, index) => { | 291 | lines2.forEach((line, index) => { |
| 240 | const y = 170 + (index * 20); // 每行文本的垂直位置 | 292 | const y = 170 + (index * 20); // 每行文本的垂直位置 |
| 241 | let currentLine = ''; | 293 | let currentLine = ''; |
| ... | @@ -243,7 +295,7 @@ | ... | @@ -243,7 +295,7 @@ |
| 243 | for (let word of line) { | 295 | for (let word of line) { |
| 244 | const testLine = currentLine + word; | 296 | const testLine = currentLine + word; |
| 245 | const lineWidth = context.measureText(testLine).width; | 297 | const lineWidth = context.measureText(testLine).width; |
| 246 | if (lineWidth <= 360) { | 298 | if (lineWidth <= 336) { |
| 247 | currentLine = testLine; | 299 | currentLine = testLine; |
| 248 | } else { | 300 | } else { |
| 249 | arr.push(currentLine); | 301 | arr.push(currentLine); |
| ... | @@ -263,7 +315,7 @@ | ... | @@ -263,7 +315,7 @@ |
| 263 | for (let word of line) { | 315 | for (let word of line) { |
| 264 | const testLine = currentLine + word; | 316 | const testLine = currentLine + word; |
| 265 | const lineWidth = context.measureText(testLine).width; | 317 | const lineWidth = context.measureText(testLine).width; |
| 266 | if (lineWidth <= 360) { | 318 | if (lineWidth <= 336) { |
| 267 | currentLine = testLine; | 319 | currentLine = testLine; |
| 268 | } else { | 320 | } else { |
| 269 | arr.push(currentLine); | 321 | arr.push(currentLine); |
| ... | @@ -284,6 +336,19 @@ | ... | @@ -284,6 +336,19 @@ |
| 284 | * @author: renchao | 336 | * @author: renchao |
| 285 | */ | 337 | */ |
| 286 | drawTextzmImage () { | 338 | drawTextzmImage () { |
| 339 | function getByteLen (val) { | ||
| 340 | var len = 0; | ||
| 341 | for (var i = 0; i < val.length; i++) { | ||
| 342 | var length = val.charCodeAt(i); | ||
| 343 | if (length >= 0 && length <= 128) { | ||
| 344 | len += 1; | ||
| 345 | } else { | ||
| 346 | len += 2; | ||
| 347 | } | ||
| 348 | } | ||
| 349 | return len; | ||
| 350 | } | ||
| 351 | |||
| 287 | const canvas = this.$refs.zm; | 352 | const canvas = this.$refs.zm; |
| 288 | const context = canvas.getContext('2d'); | 353 | const context = canvas.getContext('2d'); |
| 289 | const image = new Image(); | 354 | const image = new Image(); |
| ... | @@ -357,7 +422,6 @@ | ... | @@ -357,7 +422,6 @@ |
| 357 | context.fillText(line, 775, y + (index * 16)); // 调整行高 | 422 | context.fillText(line, 775, y + (index * 16)); // 调整行高 |
| 358 | }) | 423 | }) |
| 359 | }) | 424 | }) |
| 360 | |||
| 361 | // fj | 425 | // fj |
| 362 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | 426 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; |
| 363 | lines1.forEach((line, index) => { | 427 | lines1.forEach((line, index) => { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-17 16:43:18 | 4 | * @LastEditTime: 2023-08-25 09:53:27 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -35,7 +35,7 @@ | ... | @@ -35,7 +35,7 @@ |
| 35 | }, | 35 | }, |
| 36 | disabled: { | 36 | disabled: { |
| 37 | type: Boolean, | 37 | type: Boolean, |
| 38 | default: false | 38 | default: true |
| 39 | } | 39 | } |
| 40 | }, | 40 | }, |
| 41 | data () { | 41 | data () { | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-24 15:45:43 | 4 | * @LastEditTime: 2023-08-25 10:00:18 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -41,7 +41,9 @@ class data extends filter { | ... | @@ -41,7 +41,9 @@ class data extends filter { |
| 41 | }, | 41 | }, |
| 42 | { | 42 | { |
| 43 | prop: "qllx", | 43 | prop: "qllx", |
| 44 | label: "权利类型" | 44 | label: "权利类型", |
| 45 | width: '100', | ||
| 46 | showOverflowTooltip: true | ||
| 45 | }, | 47 | }, |
| 46 | { | 48 | { |
| 47 | prop: "ysxlh", | 49 | prop: "ysxlh", |
| ... | @@ -69,7 +71,9 @@ class data extends filter { | ... | @@ -69,7 +71,9 @@ class data extends filter { |
| 69 | }, | 71 | }, |
| 70 | { | 72 | { |
| 71 | prop: "zl", | 73 | prop: "zl", |
| 72 | label: "坐落" | 74 | label: "坐落", |
| 75 | width: '100', | ||
| 76 | showOverflowTooltip: true | ||
| 73 | }, | 77 | }, |
| 74 | { | 78 | { |
| 75 | prop: "fzsj", | 79 | prop: "fzsj", | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-22 14:25:14 | 4 | * @LastEditTime: 2023-08-25 09:49:00 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -11,8 +11,7 @@ | ... | @@ -11,8 +11,7 @@ |
| 11 | ref="ruleForm" | 11 | ref="ruleForm" |
| 12 | :label-position="flag ? 'top' : ''" | 12 | :label-position="flag ? 'top' : ''" |
| 13 | :inline="flag" | 13 | :inline="flag" |
| 14 | label-width="120px" | 14 | label-width="120px"> |
| 15 | > | ||
| 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 17 | <div class="slxx_title title-block"> | 16 | <div class="slxx_title title-block"> |
| 18 | 受理信息 | 17 | 受理信息 |
| ... | @@ -81,14 +80,12 @@ | ... | @@ -81,14 +80,12 @@ |
| 81 | <el-select | 80 | <el-select |
| 82 | disabled | 81 | disabled |
| 83 | v-model="ruleForm.zdjbxx.mjdw" | 82 | v-model="ruleForm.zdjbxx.mjdw" |
| 84 | style="width: 68px" | 83 | style="width: 68px"> |
| 85 | > | ||
| 86 | <el-option | 84 | <el-option |
| 87 | v-for="item in dictData['A7']" | 85 | v-for="item in dictData['A7']" |
| 88 | :key="item.dcode" | 86 | :key="item.dcode" |
| 89 | :label="item.dname" | 87 | :label="item.dname" |
| 90 | :value="item.dcode" | 88 | :value="item.dcode"> |
| 91 | > | ||
| 92 | </el-option> | 89 | </el-option> |
| 93 | </el-select> | 90 | </el-select> |
| 94 | </div> | 91 | </div> |
| ... | @@ -109,8 +106,7 @@ | ... | @@ -109,8 +106,7 @@ |
| 109 | :normalizer="normalizer" | 106 | :normalizer="normalizer" |
| 110 | :default-expand-level="1" | 107 | :default-expand-level="1" |
| 111 | :show-count="true" | 108 | :show-count="true" |
| 112 | :options="dictData['A9']" | 109 | :options="dictData['A9']" /> |
| 113 | /> | ||
| 114 | </el-form-item> | 110 | </el-form-item> |
| 115 | </el-col> | 111 | </el-col> |
| 116 | </el-row> | 112 | </el-row> |
| ... | @@ -121,15 +117,13 @@ | ... | @@ -121,15 +117,13 @@ |
| 121 | <el-input | 117 | <el-input |
| 122 | v-model="ruleForm.fdcq2.dytdmj" | 118 | v-model="ruleForm.fdcq2.dytdmj" |
| 123 | :disabled="!viewEdit" | 119 | :disabled="!viewEdit" |
| 124 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 120 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 125 | ></el-input> | ||
| 126 | <el-select disabled v-model="mjdw" style="width: 68px"> | 121 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| 127 | <el-option | 122 | <el-option |
| 128 | v-for="item in dictData['A7']" | 123 | v-for="item in dictData['A7']" |
| 129 | :key="item.dcode" | 124 | :key="item.dcode" |
| 130 | :label="item.dname" | 125 | :label="item.dname" |
| 131 | :value="item.dcode" | 126 | :value="item.dcode"> |
| 132 | > | ||
| 133 | </el-option> | 127 | </el-option> |
| 134 | </el-select> | 128 | </el-select> |
| 135 | </div> | 129 | </div> |
| ... | @@ -141,15 +135,13 @@ | ... | @@ -141,15 +135,13 @@ |
| 141 | <el-input | 135 | <el-input |
| 142 | v-model="ruleForm.fdcq2.fttdmj" | 136 | v-model="ruleForm.fdcq2.fttdmj" |
| 143 | :disabled="!viewEdit" | 137 | :disabled="!viewEdit" |
| 144 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 138 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 145 | ></el-input> | ||
| 146 | <el-select disabled v-model="mjdw" style="width: 68px"> | 139 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| 147 | <el-option | 140 | <el-option |
| 148 | v-for="item in dictData['A7']" | 141 | v-for="item in dictData['A7']" |
| 149 | :key="item.dcode" | 142 | :key="item.dcode" |
| 150 | :label="item.dname" | 143 | :label="item.dname" |
| 151 | :value="item.dcode" | 144 | :value="item.dcode"> |
| 152 | > | ||
| 153 | </el-option> | 145 | </el-option> |
| 154 | </el-select> | 146 | </el-select> |
| 155 | </div> | 147 | </div> |
| ... | @@ -162,8 +154,7 @@ | ... | @@ -162,8 +154,7 @@ |
| 162 | v-for="item in dictData['A19']" | 154 | v-for="item in dictData['A19']" |
| 163 | :key="item.dcode" | 155 | :key="item.dcode" |
| 164 | :label="item.dname" | 156 | :label="item.dname" |
| 165 | :value="item.dcode" | 157 | :value="item.dcode"> |
| 166 | > | ||
| 167 | </el-option> | 158 | </el-option> |
| 168 | </el-select> | 159 | </el-select> |
| 169 | </el-form-item> | 160 | </el-form-item> |
| ... | @@ -179,8 +170,7 @@ | ... | @@ -179,8 +170,7 @@ |
| 179 | placeholder="" | 170 | placeholder="" |
| 180 | :normalizer="normalizer" | 171 | :normalizer="normalizer" |
| 181 | :show-count="true" | 172 | :show-count="true" |
| 182 | :options="dictData['A17']" | 173 | :options="dictData['A17']" /> |
| 183 | /> | ||
| 184 | </el-form-item> | 174 | </el-form-item> |
| 185 | </el-col> | 175 | </el-col> |
| 186 | <el-col :span="8"> | 176 | <el-col :span="8"> |
| ... | @@ -190,8 +180,7 @@ | ... | @@ -190,8 +180,7 @@ |
| 190 | v-for="item in dictData['A46']" | 180 | v-for="item in dictData['A46']" |
| 191 | :key="item.dcode" | 181 | :key="item.dcode" |
| 192 | :label="item.dname" | 182 | :label="item.dname" |
| 193 | :value="item.dcode" | 183 | :value="item.dcode"> |
| 194 | > | ||
| 195 | </el-option> | 184 | </el-option> |
| 196 | </el-select> | 185 | </el-select> |
| 197 | </el-form-item> | 186 | </el-form-item> |
| ... | @@ -204,8 +193,7 @@ | ... | @@ -204,8 +193,7 @@ |
| 204 | type="date" | 193 | type="date" |
| 205 | placeholder="选择日期" | 194 | placeholder="选择日期" |
| 206 | value-format="yyyy-MM-dd" | 195 | value-format="yyyy-MM-dd" |
| 207 | :disabled="!viewEdit" | 196 | :disabled="!viewEdit"></el-date-picker> |
| 208 | ></el-date-picker> | ||
| 209 | </el-form-item> | 197 | </el-form-item> |
| 210 | </el-col> | 198 | </el-col> |
| 211 | </el-row> | 199 | </el-row> |
| ... | @@ -214,8 +202,7 @@ | ... | @@ -214,8 +202,7 @@ |
| 214 | <el-form-item label="所在层："> | 202 | <el-form-item label="所在层："> |
| 215 | <el-input | 203 | <el-input |
| 216 | v-model="ruleForm.fdcq2.szc" | 204 | v-model="ruleForm.fdcq2.szc" |
| 217 | :disabled="!viewEdit" | 205 | :disabled="!viewEdit"></el-input> |
| 218 | ></el-input> | ||
| 219 | </el-form-item> | 206 | </el-form-item> |
| 220 | </el-col> | 207 | </el-col> |
| 221 | <el-col :span="8"> | 208 | <el-col :span="8"> |
| ... | @@ -223,8 +210,7 @@ | ... | @@ -223,8 +210,7 @@ |
| 223 | <el-input | 210 | <el-input |
| 224 | :disabled="!viewEdit" | 211 | :disabled="!viewEdit" |
| 225 | v-model.number="ruleForm.fdcq2.zcs" | 212 | v-model.number="ruleForm.fdcq2.zcs" |
| 226 | oninput="value=value.replace(/[^0-9]/g,'')" | 213 | oninput="value=value.replace(/[^0-9]/g,'')"></el-input> |
| 227 | ></el-input> | ||
| 228 | </el-form-item> | 214 | </el-form-item> |
| 229 | </el-col> | 215 | </el-col> |
| 230 | <el-col :span="8"> | 216 | <el-col :span="8"> |
| ... | @@ -234,15 +220,13 @@ | ... | @@ -234,15 +220,13 @@ |
| 234 | v-model="ruleForm.fdcq2.fdcjyjg" | 220 | v-model="ruleForm.fdcq2.fdcjyjg" |
| 235 | style="width: 500%" | 221 | style="width: 500%" |
| 236 | :disabled="!viewEdit" | 222 | :disabled="!viewEdit" |
| 237 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 223 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 238 | ></el-input> | ||
| 239 | <el-select v-model="ruleForm.fdcq2.jedw" :disabled="!viewEdit"> | 224 | <el-select v-model="ruleForm.fdcq2.jedw" :disabled="!viewEdit"> |
| 240 | <el-option | 225 | <el-option |
| 241 | v-for="item in dictData['A57']" | 226 | v-for="item in dictData['A57']" |
| 242 | :key="item.dcode" | 227 | :key="item.dcode" |
| 243 | :label="item.dname" | 228 | :label="item.dname" |
| 244 | :value="item.dcode" | 229 | :value="item.dcode"> |
| 245 | > | ||
| 246 | </el-option> | 230 | </el-option> |
| 247 | </el-select> | 231 | </el-select> |
| 248 | </div> | 232 | </div> |
| ... | @@ -256,15 +240,13 @@ | ... | @@ -256,15 +240,13 @@ |
| 256 | <el-input | 240 | <el-input |
| 257 | v-model="ruleForm.fdcq2.jzmj" | 241 | v-model="ruleForm.fdcq2.jzmj" |
| 258 | :disabled="!viewEdit" | 242 | :disabled="!viewEdit" |
| 259 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 243 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 260 | ></el-input> | ||
| 261 | <el-select disabled v-model="mjdw" style="width: 68px"> | 244 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| 262 | <el-option | 245 | <el-option |
| 263 | v-for="item in dictData['A7']" | 246 | v-for="item in dictData['A7']" |
| 264 | :key="item.dcode" | 247 | :key="item.dcode" |
| 265 | :label="item.dname" | 248 | :label="item.dname" |
| 266 | :value="item.dcode" | 249 | :value="item.dcode"> |
| 267 | > | ||
| 268 | </el-option> | 250 | </el-option> |
| 269 | </el-select> | 251 | </el-select> |
| 270 | </div> | 252 | </div> |
| ... | @@ -276,15 +258,13 @@ | ... | @@ -276,15 +258,13 @@ |
| 276 | <el-input | 258 | <el-input |
| 277 | v-model="ruleForm.fdcq2.zyjzmj" | 259 | v-model="ruleForm.fdcq2.zyjzmj" |
| 278 | :disabled="!viewEdit" | 260 | :disabled="!viewEdit" |
| 279 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 261 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 280 | ></el-input> | ||
| 281 | <el-select disabled v-model="mjdw" style="width: 68px"> | 262 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| 282 | <el-option | 263 | <el-option |
| 283 | v-for="item in dictData['A7']" | 264 | v-for="item in dictData['A7']" |
| 284 | :key="item.dcode" | 265 | :key="item.dcode" |
| 285 | :label="item.dname" | 266 | :label="item.dname" |
| 286 | :value="item.dcode" | 267 | :value="item.dcode"> |
| 287 | > | ||
| 288 | </el-option> | 268 | </el-option> |
| 289 | </el-select> | 269 | </el-select> |
| 290 | </div> | 270 | </div> |
| ... | @@ -296,15 +276,13 @@ | ... | @@ -296,15 +276,13 @@ |
| 296 | <el-input | 276 | <el-input |
| 297 | v-model="ruleForm.fdcq2.ftjzmj" | 277 | v-model="ruleForm.fdcq2.ftjzmj" |
| 298 | :disabled="!viewEdit" | 278 | :disabled="!viewEdit" |
| 299 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 279 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 300 | ></el-input> | ||
| 301 | <el-select disabled v-model="mjdw" style="width: 68px"> | 280 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| 302 | <el-option | 281 | <el-option |
| 303 | v-for="item in dictData['A7']" | 282 | v-for="item in dictData['A7']" |
| 304 | :key="item.dcode" | 283 | :key="item.dcode" |
| 305 | :label="item.dname" | 284 | :label="item.dname" |
| 306 | :value="item.dcode" | 285 | :value="item.dcode"> |
| 307 | > | ||
| 308 | </el-option> | 286 | </el-option> |
| 309 | </el-select> | 287 | </el-select> |
| 310 | </div> | 288 | </div> |
| ... | @@ -319,8 +297,7 @@ | ... | @@ -319,8 +297,7 @@ |
| 319 | type="textarea" | 297 | type="textarea" |
| 320 | maxlength="500" | 298 | maxlength="500" |
| 321 | show-word-limit | 299 | show-word-limit |
| 322 | :disabled="!viewEdit" | 300 | :disabled="!viewEdit"></el-input> |
| 323 | ></el-input> | ||
| 324 | </el-form-item> | 301 | </el-form-item> |
| 325 | </el-col> | 302 | </el-col> |
| 326 | </el-row> | 303 | </el-row> |
| ... | @@ -331,8 +308,7 @@ | ... | @@ -331,8 +308,7 @@ |
| 331 | <tdytTable | 308 | <tdytTable |
| 332 | :ableOperation="viewEdit" | 309 | :ableOperation="viewEdit" |
| 333 | :tableData="ruleForm.tdytqxList" | 310 | :tableData="ruleForm.tdytqxList" |
| 334 | @upDateTdytxxList="upDateTdytxxList" | 311 | @upDateTdytxxList="upDateTdytxxList" /> |
| 335 | /> | ||
| 336 | <div class="slxx_title title-block"> | 312 | <div class="slxx_title title-block"> |
| 337 | 权利人信息 | 313 | 权利人信息 |
| 338 | <div class="triangle"></div> | 314 | <div class="triangle"></div> |
| ... | @@ -342,8 +318,7 @@ | ... | @@ -342,8 +318,7 @@ |
| 342 | <el-form-item label="共有方式："> | 318 | <el-form-item label="共有方式："> |
| 343 | <el-radio-group | 319 | <el-radio-group |
| 344 | :disabled="!viewEdit" | 320 | :disabled="!viewEdit" |
| 345 | v-model="ruleForm.sldy.gyfs" | 321 | v-model="ruleForm.sldy.gyfs"> |
| 346 | > | ||
| 347 | <el-radio label="0">单独所有</el-radio> | 322 | <el-radio label="0">单独所有</el-radio> |
| 348 | <el-radio label="1">共同共有</el-radio> | 323 | <el-radio label="1">共同共有</el-radio> |
| 349 | <el-radio label="2">按份所有</el-radio> | 324 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -356,8 +331,7 @@ | ... | @@ -356,8 +331,7 @@ |
| 356 | <el-radio-group | 331 | <el-radio-group |
| 357 | v-model="ruleForm.sldy.sqfbcz" | 332 | v-model="ruleForm.sldy.sqfbcz" |
| 358 | :disabled="!viewEdit" | 333 | :disabled="!viewEdit" |
| 359 | @input="updaterow()" | 334 | @input="updaterow()"> |
| 360 | > | ||
| 361 | <el-radio :label="1">是</el-radio> | 335 | <el-radio :label="1">是</el-radio> |
| 362 | <el-radio :label="0">否</el-radio> | 336 | <el-radio :label="0">否</el-radio> |
| 363 | </el-radio-group> | 337 | </el-radio-group> |
| ... | @@ -365,20 +339,17 @@ | ... | @@ -365,20 +339,17 @@ |
| 365 | </el-col> | 339 | </el-col> |
| 366 | <el-col | 340 | <el-col |
| 367 | :span="6" | 341 | :span="6" |
| 368 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 342 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 369 | > | ||
| 370 | <el-form-item label="持证人："> | 343 | <el-form-item label="持证人："> |
| 371 | <el-select | 344 | <el-select |
| 372 | v-model="czr" | 345 | v-model="czr" |
| 373 | placeholder="持证人" | 346 | placeholder="持证人" |
| 374 | :disabled="!viewEdit" | 347 | :disabled="!viewEdit"> |
| 375 | > | ||
| 376 | <el-option | 348 | <el-option |
| 377 | v-for="item in czrOptions" | 349 | v-for="item in czrOptions" |
| 378 | :key="item.zjh" | 350 | :key="item.zjh" |
| 379 | :label="item.sqrmc" | 351 | :label="item.sqrmc" |
| 380 | :value="item.zjh" | 352 | :value="item.zjh"> |
| 381 | > | ||
| 382 | </el-option> | 353 | </el-option> |
| 383 | </el-select> | 354 | </el-select> |
| 384 | </el-form-item> | 355 | </el-form-item> |
| ... | @@ -388,8 +359,7 @@ | ... | @@ -388,8 +359,7 @@ |
| 388 | @upDateQlrxxList="upDateQlrxxList" | 359 | @upDateQlrxxList="upDateQlrxxList" |
| 389 | :tableData="ruleForm.qlrList" | 360 | :tableData="ruleForm.qlrList" |
| 390 | :disabled="viewEdit" | 361 | :disabled="viewEdit" |
| 391 | :gyfs="ruleForm.sldy.gyfs" | 362 | :gyfs="ruleForm.sldy.gyfs" /> |
| 392 | /> | ||
| 393 | 363 | ||
| 394 | <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> | 364 | <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> |
| 395 | <div class="slxx_title title-block"> | 365 | <div class="slxx_title title-block"> |
| ... | @@ -400,8 +370,8 @@ | ... | @@ -400,8 +370,8 @@ |
| 400 | v-if="ruleForm.qlxx" | 370 | v-if="ruleForm.qlxx" |
| 401 | @upDateQlrxxList="upDateYwrxxList" | 371 | @upDateQlrxxList="upDateYwrxxList" |
| 402 | :tableData="ruleForm.ywrList" | 372 | :tableData="ruleForm.ywrList" |
| 403 | :gyfs="ruleForm.sldy.gyfs" | 373 | :disabled="viewEdit" |
| 404 | /> | 374 | :gyfs="ruleForm.sldy.gyfs" /> |
| 405 | </div> | 375 | </div> |
| 406 | <div class="slxx_title title-block"> | 376 | <div class="slxx_title title-block"> |
| 407 | 登记原因 | 377 | 登记原因 |
| ... | @@ -416,8 +386,7 @@ | ... | @@ -416,8 +386,7 @@ |
| 416 | maxlength="500" | 386 | maxlength="500" |
| 417 | show-word-limit | 387 | show-word-limit |
| 418 | :disabled="!viewEdit" | 388 | :disabled="!viewEdit" |
| 419 | v-model="ruleForm.fdcq2.djyy" | 389 | v-model="ruleForm.fdcq2.djyy"> |
| 420 | > | ||
| 421 | </el-input> | 390 | </el-input> |
| 422 | </el-form-item> | 391 | </el-form-item> |
| 423 | </el-col> | 392 | </el-col> |
| ... | @@ -432,14 +401,14 @@ | ... | @@ -432,14 +401,14 @@ |
| 432 | </div> | 401 | </div> |
| 433 | </template> | 402 | </template> |
| 434 | <script> | 403 | <script> |
| 435 | import ywmix from "@/views/ywbl/mixin/index"; | 404 | import ywmix from "@/views/ywbl/mixin/index"; |
| 436 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 405 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 437 | import tdytTable from "@/views/workflow/components/tdytTable"; | 406 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 438 | import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; | 407 | import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; |
| 439 | import { mapGetters } from "vuex"; | 408 | import { mapGetters } from "vuex"; |
| 440 | export default { | 409 | export default { |
| 441 | mixins: [ywmix], | 410 | mixins: [ywmix], |
| 442 | mounted() { | 411 | mounted () { |
| 443 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 412 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 444 | this.propsParam = this.$attrs; | 413 | this.propsParam = this.$attrs; |
| 445 | var formdata = new FormData(); | 414 | var formdata = new FormData(); |
| ... | @@ -469,11 +438,11 @@ export default { | ... | @@ -469,11 +438,11 @@ export default { |
| 469 | computed: { | 438 | computed: { |
| 470 | ...mapGetters(["dictData", "flag"]), | 439 | ...mapGetters(["dictData", "flag"]), |
| 471 | }, | 440 | }, |
| 472 | data() { | 441 | data () { |
| 473 | return { | 442 | return { |
| 474 | mjdw: "1", | 443 | mjdw: "1", |
| 475 | // 键名转换，方法默认是label和children进行树状渲染 | 444 | // 键名转换，方法默认是label和children进行树状渲染 |
| 476 | normalizer(node) { | 445 | normalizer (node) { |
| 477 | //方法 | 446 | //方法 |
| 478 | if (node.children == null || node.children == "null") { | 447 | if (node.children == null || node.children == "null") { |
| 479 | delete node.children; | 448 | delete node.children; |
| ... | @@ -519,7 +488,7 @@ export default { | ... | @@ -519,7 +488,7 @@ export default { |
| 519 | * @param {*} val | 488 | * @param {*} val |
| 520 | * @author: renchao | 489 | * @author: renchao |
| 521 | */ | 490 | */ |
| 522 | upDateTdytxxList(val) { | 491 | upDateTdytxxList (val) { |
| 523 | this.ruleForm.tdytqxList = _.cloneDeep(val); | 492 | this.ruleForm.tdytqxList = _.cloneDeep(val); |
| 524 | }, | 493 | }, |
| 525 | /** | 494 | /** |
| ... | @@ -527,7 +496,7 @@ export default { | ... | @@ -527,7 +496,7 @@ export default { |
| 527 | * @param {*} val | 496 | * @param {*} val |
| 528 | * @author: renchao | 497 | * @author: renchao |
| 529 | */ | 498 | */ |
| 530 | upDateQlrxxList(val) { | 499 | upDateQlrxxList (val) { |
| 531 | this.ruleForm.qlrList = _.cloneDeep(val); | 500 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 532 | this.czrOptions = this.ruleForm.qlrList; | 501 | this.czrOptions = this.ruleForm.qlrList; |
| 533 | }, | 502 | }, |
| ... | @@ -537,7 +506,7 @@ export default { | ... | @@ -537,7 +506,7 @@ export default { |
| 537 | * @param {*} val | 506 | * @param {*} val |
| 538 | * @author: renchao | 507 | * @author: renchao |
| 539 | */ | 508 | */ |
| 540 | updaterow() { | 509 | updaterow () { |
| 541 | this.czr = ""; | 510 | this.czr = ""; |
| 542 | }, | 511 | }, |
| 543 | /** | 512 | /** |
| ... | @@ -545,14 +514,14 @@ export default { | ... | @@ -545,14 +514,14 @@ export default { |
| 545 | * @param {*} val | 514 | * @param {*} val |
| 546 | * @author: renchao | 515 | * @author: renchao |
| 547 | */ | 516 | */ |
| 548 | upDateYwrxxList(val) { | 517 | upDateYwrxxList (val) { |
| 549 | this.ruleForm.ywrList = _.cloneDeep(val); | 518 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 550 | }, | 519 | }, |
| 551 | /** | 520 | /** |
| 552 | * @description: onSubmit | 521 | * @description: onSubmit |
| 553 | * @author: renchao | 522 | * @author: renchao |
| 554 | */ | 523 | */ |
| 555 | onSubmit() { | 524 | onSubmit () { |
| 556 | let that = this; | 525 | let that = this; |
| 557 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 526 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); |
| 558 | if (arr.length > 0) { | 527 | if (arr.length > 0) { |
| ... | @@ -634,55 +603,55 @@ export default { | ... | @@ -634,55 +603,55 @@ export default { |
| 634 | }); | 603 | }); |
| 635 | }, | 604 | }, |
| 636 | }, | 605 | }, |
| 637 | }; | 606 | }; |
| 638 | </script> | 607 | </script> |
| 639 | <style scoped lang="scss"> | 608 | <style scoped lang="scss"> |
| 640 | @import "~@/styles/public.scss"; | 609 | @import "~@/styles/public.scss"; |
| 641 | 610 | ||
| 642 | /deep/.el-form { | 611 | /deep/.el-form { |
| 643 | display: flex; | 612 | display: flex; |
| 644 | flex-direction: column; | 613 | flex-direction: column; |
| 645 | height: calc(100vh - 130px); | 614 | height: calc(100vh - 130px); |
| 646 | } | 615 | } |
| 647 | 616 | ||
| 648 | /deep/.el-form-item__label { | 617 | /deep/.el-form-item__label { |
| 649 | padding: 0; | 618 | padding: 0; |
| 650 | } | 619 | } |
| 651 | 620 | ||
| 652 | /deep/.el-radio { | 621 | /deep/.el-radio { |
| 653 | margin-right: 10px; | 622 | margin-right: 10px; |
| 654 | } | 623 | } |
| 655 | 624 | ||
| 656 | /deep/.el-select { | 625 | /deep/.el-select { |
| 657 | width: 100%; | 626 | width: 100%; |
| 658 | } | 627 | } |
| 659 | 628 | ||
| 660 | /deep/.el-form-item { | 629 | /deep/.el-form-item { |
| 661 | margin-bottom: 8px; | 630 | margin-bottom: 8px; |
| 662 | } | 631 | } |
| 663 | 632 | ||
| 664 | .marginBot0 { | 633 | .marginBot0 { |
| 665 | margin-bottom: 0 !important; | 634 | margin-bottom: 0 !important; |
| 666 | } | 635 | } |
| 667 | 636 | ||
| 668 | .slxx { | 637 | .slxx { |
| 669 | box-sizing: border-box; | 638 | box-sizing: border-box; |
| 670 | } | 639 | } |
| 671 | 640 | ||
| 672 | .slxx_con { | 641 | .slxx_con { |
| 673 | flex: 1; | 642 | flex: 1; |
| 674 | height: 100%; | 643 | height: 100%; |
| 675 | background-color: #ffffff; | 644 | background-color: #ffffff; |
| 676 | overflow-y: auto; | 645 | overflow-y: auto; |
| 677 | padding-right: 3px; | 646 | padding-right: 3px; |
| 678 | overflow-x: hidden; | 647 | overflow-x: hidden; |
| 679 | } | 648 | } |
| 680 | 649 | ||
| 681 | .submit_btn { | 650 | .submit_btn { |
| 682 | height: 50px; | 651 | height: 50px; |
| 683 | } | 652 | } |
| 684 | 653 | ||
| 685 | .slxx_title { | 654 | .slxx_title { |
| 686 | border-bottom: 1px solid $borderColor; | 655 | border-bottom: 1px solid $borderColor; |
| 687 | padding-left: 10px; | 656 | padding-left: 10px; |
| 688 | padding-bottom: 5px; | 657 | padding-bottom: 5px; |
| ... | @@ -691,23 +660,23 @@ export default { | ... | @@ -691,23 +660,23 @@ export default { |
| 691 | font-size: 16px; | 660 | font-size: 16px; |
| 692 | font-weight: 500; | 661 | font-weight: 500; |
| 693 | color: #4a4a4a; | 662 | color: #4a4a4a; |
| 694 | } | 663 | } |
| 695 | 664 | ||
| 696 | .btn { | 665 | .btn { |
| 697 | text-align: center; | 666 | text-align: center; |
| 698 | padding-top: 10px; | 667 | padding-top: 10px; |
| 699 | height: 36px; | 668 | height: 36px; |
| 700 | background-color: #ffffff; | 669 | background-color: #ffffff; |
| 701 | padding: 5px 0; | 670 | padding: 5px 0; |
| 702 | } | 671 | } |
| 703 | 672 | ||
| 704 | .textArea { | 673 | .textArea { |
| 705 | /deep/.el-textarea__inner { | 674 | /deep/.el-textarea__inner { |
| 706 | min-height: 90px !important; | 675 | min-height: 90px !important; |
| 707 | } | 676 | } |
| 708 | } | 677 | } |
| 709 | 678 | ||
| 710 | /deep/.el-form-item__label { | 679 | /deep/.el-form-item__label { |
| 711 | padding-bottom: 0px; | 680 | padding-bottom: 0px; |
| 712 | } | 681 | } |
| 713 | </style> | 682 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-22 16:25:49 | 4 | * @LastEditTime: 2023-08-25 09:39:00 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -14,8 +14,7 @@ | ... | @@ -14,8 +14,7 @@ |
| 14 | ref="ruleForm" | 14 | ref="ruleForm" |
| 15 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
| 16 | :inline="flag" | 16 | :inline="flag" |
| 17 | label-width="120px" | 17 | label-width="120px"> |
| 18 | > | ||
| 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 20 | <div class="slxx_title title-block"> | 19 | <div class="slxx_title title-block"> |
| 21 | 受理信息 | 20 | 受理信息 |
| ... | @@ -83,25 +82,18 @@ | ... | @@ -83,25 +82,18 @@ |
| 83 | <el-input | 82 | <el-input |
| 84 | maxlength="12" | 83 | maxlength="12" |
| 85 | v-model="ruleForm.jsydsyq.syqmj" | 84 | v-model="ruleForm.jsydsyq.syqmj" |
| 86 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 85 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 87 | ></el-input> | ||
| 88 | <el-select disabled v-model="mjdw" style="width: 68px"> | 86 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| 89 | <el-option | 87 | <el-option |
| 90 | v-for="item in dictData['A7']" | 88 | v-for="item in dictData['A7']" |
| 91 | :key="item.dcode" | 89 | :key="item.dcode" |
| 92 | :label="item.dname" | 90 | :label="item.dname" |
| 93 | :value="item.dcode" | 91 | :value="item.dcode"> |
| 94 | > | ||
| 95 | </el-option> | 92 | </el-option> |
| 96 | </el-select> | 93 | </el-select> |
| 97 | </div> | 94 | </div> |
| 98 | </el-form-item> | 95 | </el-form-item> |
| 99 | </el-col> | 96 | </el-col> |
| 100 | <!-- <el-col :span="8"> | ||
| 101 | <el-form-item label="土地用途："> | ||
| 102 | <el-input v-model="ruleForm.zdjbxx.ghytmc"></el-input> | ||
| 103 | </el-form-item> | ||
| 104 | </el-col> --> | ||
| 105 | <el-col :span="8"> | 97 | <el-col :span="8"> |
| 106 | <el-form-item label="权利设定方式："> | 98 | <el-form-item label="权利设定方式："> |
| 107 | <el-input maxlength="25" v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input> | 99 | <el-input maxlength="25" v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input> |
| ... | @@ -114,15 +106,13 @@ | ... | @@ -114,15 +106,13 @@ |
| 114 | maxlength="11" | 106 | maxlength="11" |
| 115 | v-model="ruleForm.jsydsyq.qdjg" | 107 | v-model="ruleForm.jsydsyq.qdjg" |
| 116 | style="width: 500%" | 108 | style="width: 500%" |
| 117 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 109 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 118 | ></el-input> | ||
| 119 | <el-select v-model="ruleForm.jsydsyq.jedw"> | 110 | <el-select v-model="ruleForm.jsydsyq.jedw"> |
| 120 | <el-option | 111 | <el-option |
| 121 | v-for="item in dictData['A57']" | 112 | v-for="item in dictData['A57']" |
| 122 | :key="item.dcode" | 113 | :key="item.dcode" |
| 123 | :label="item.dname" | 114 | :label="item.dname" |
| 124 | :value="item.dcode" | 115 | :value="item.dcode"> |
| 125 | > | ||
| 126 | </el-option> | 116 | </el-option> |
| 127 | </el-select> | 117 | </el-select> |
| 128 | </div> | 118 | </div> |
| ... | @@ -135,28 +125,15 @@ | ... | @@ -135,28 +125,15 @@ |
| 135 | </el-form-item> | 125 | </el-form-item> |
| 136 | </el-col> | 126 | </el-col> |
| 137 | </el-row> | 127 | </el-row> |
| 138 | <!-- <el-row :gutter="10"> | ||
| 139 | <el-col :span="8"> | ||
| 140 | <el-form-item label="使用期限："> | ||
| 141 | <el-input v-model="ruleForm.jsydsyq.tdsyqx"></el-input> | ||
| 142 | </el-form-item> | ||
| 143 | </el-col> | ||
| 144 | |||
| 145 | <el-col :span="16"> | ||
| 146 | <el-form-item label="使用权起止时间："> | ||
| 147 | <el-input v-model="ruleForm.jsydsyq.syqqzsj"></el-input> | ||
| 148 | </el-form-item> | ||
| 149 | </el-col> | ||
| 150 | </el-row> --> | ||
| 151 | <el-row :gutter="10"> | 128 | <el-row :gutter="10"> |
| 152 | <el-col> | 129 | <el-col> |
| 153 | <el-form-item label="附记：" prop="fj"> | 130 | <el-form-item label="附记：" prop="fj"> |
| 154 | <el-input | 131 | <el-input |
| 155 | type="textarea" | 132 | type="textarea" |
| 156 | maxlength="500" | 133 | maxlength="500" |
| 134 | :disabled="!viewEdit" | ||
| 157 | show-word-limit | 135 | show-word-limit |
| 158 | v-model="ruleForm.jsydsyq.fj" | 136 | v-model="ruleForm.jsydsyq.fj"></el-input> |
| 159 | ></el-input> | ||
| 160 | </el-form-item> | 137 | </el-form-item> |
| 161 | </el-col> | 138 | </el-col> |
| 162 | </el-row> | 139 | </el-row> |
| ... | @@ -167,8 +144,7 @@ | ... | @@ -167,8 +144,7 @@ |
| 167 | <tdytTable | 144 | <tdytTable |
| 168 | :ableOperation="viewEdit" | 145 | :ableOperation="viewEdit" |
| 169 | :tableData="ruleForm.tdytqxList" | 146 | :tableData="ruleForm.tdytqxList" |
| 170 | @upDateTdytxxList="upDateTdytxxList" | 147 | @upDateTdytxxList="upDateTdytxxList" /> |
| 171 | /> | ||
| 172 | <div class="slxx_title title-block"> | 148 | <div class="slxx_title title-block"> |
| 173 | 权利人信息 | 149 | 权利人信息 |
| 174 | <div class="triangle"></div> | 150 | <div class="triangle"></div> |
| ... | @@ -178,8 +154,7 @@ | ... | @@ -178,8 +154,7 @@ |
| 178 | <el-form-item label="共有方式："> | 154 | <el-form-item label="共有方式："> |
| 179 | <el-radio-group | 155 | <el-radio-group |
| 180 | :disabled="!viewEdit" | 156 | :disabled="!viewEdit" |
| 181 | v-model="ruleForm.sldy.gyfs" | 157 | v-model="ruleForm.sldy.gyfs"> |
| 182 | > | ||
| 183 | <el-radio label="0">单独所有</el-radio> | 158 | <el-radio label="0">单独所有</el-radio> |
| 184 | <el-radio label="1">共同共有</el-radio> | 159 | <el-radio label="1">共同共有</el-radio> |
| 185 | <el-radio label="2">按份所有</el-radio> | 160 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -192,8 +167,7 @@ | ... | @@ -192,8 +167,7 @@ |
| 192 | <el-radio-group | 167 | <el-radio-group |
| 193 | v-model="ruleForm.sldy.sqfbcz" | 168 | v-model="ruleForm.sldy.sqfbcz" |
| 194 | :disabled="!viewEdit" | 169 | :disabled="!viewEdit" |
| 195 | @input="updaterow()" | 170 | @input="updaterow()"> |
| 196 | > | ||
| 197 | <el-radio :label="1">是</el-radio> | 171 | <el-radio :label="1">是</el-radio> |
| 198 | <el-radio :label="0">否</el-radio> | 172 | <el-radio :label="0">否</el-radio> |
| 199 | </el-radio-group> | 173 | </el-radio-group> |
| ... | @@ -201,20 +175,17 @@ | ... | @@ -201,20 +175,17 @@ |
| 201 | </el-col> | 175 | </el-col> |
| 202 | <el-col | 176 | <el-col |
| 203 | :span="6" | 177 | :span="6" |
| 204 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 178 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 205 | > | ||
| 206 | <el-form-item label="持证人："> | 179 | <el-form-item label="持证人："> |
| 207 | <el-select | 180 | <el-select |
| 208 | v-model="czr" | 181 | v-model="czr" |
| 209 | placeholder="持证人" | 182 | placeholder="持证人" |
| 210 | :disabled="!viewEdit" | 183 | :disabled="!viewEdit"> |
| 211 | > | ||
| 212 | <el-option | 184 | <el-option |
| 213 | v-for="(item, index) in czrOptions" | 185 | v-for="(item, index) in czrOptions" |
| 214 | :key="index" | 186 | :key="index" |
| 215 | :label="item.sqrmc" | 187 | :label="item.sqrmc" |
| 216 | :value="item.zjh" | 188 | :value="item.zjh"> |
| 217 | > | ||
| 218 | </el-option> | 189 | </el-option> |
| 219 | </el-select> | 190 | </el-select> |
| 220 | </el-form-item> | 191 | </el-form-item> |
| ... | @@ -225,8 +196,7 @@ | ... | @@ -225,8 +196,7 @@ |
| 225 | :disabled="viewEdit" | 196 | :disabled="viewEdit" |
| 226 | @upDateQlrxxList="upDateQlrxxList" | 197 | @upDateQlrxxList="upDateQlrxxList" |
| 227 | :key="key" | 198 | :key="key" |
| 228 | :gyfs="ruleForm.sldy.gyfs" | 199 | :gyfs="ruleForm.sldy.gyfs" /> |
| 229 | /> | ||
| 230 | 200 | ||
| 231 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 201 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> |
| 232 | <div class="slxx_title title-block"> | 202 | <div class="slxx_title title-block"> |
| ... | @@ -238,8 +208,7 @@ | ... | @@ -238,8 +208,7 @@ |
| 238 | :disabled="viewEdit" | 208 | :disabled="viewEdit" |
| 239 | :tableData="ruleForm.ywrList" | 209 | :tableData="ruleForm.ywrList" |
| 240 | :key="key" | 210 | :key="key" |
| 241 | @upDateQlrxxList="upDateYwrxxList" | 211 | @upDateQlrxxList="upDateYwrxxList" /> |
| 242 | /> | ||
| 243 | </div> | 212 | </div> |
| 244 | 213 | ||
| 245 | <div class="slxx_title title-block"> | 214 | <div class="slxx_title title-block"> |
| ... | @@ -255,8 +224,7 @@ | ... | @@ -255,8 +224,7 @@ |
| 255 | maxlength="500" | 224 | maxlength="500" |
| 256 | show-word-limit | 225 | show-word-limit |
| 257 | :disabled="!viewEdit" | 226 | :disabled="!viewEdit" |
| 258 | v-model="ruleForm.jsydsyq.djyy" | 227 | v-model="ruleForm.jsydsyq.djyy"> |
| 259 | > | ||
| 260 | </el-input> | 228 | </el-input> |
| 261 | </el-form-item> | 229 | </el-form-item> |
| 262 | </el-col> | 230 | </el-col> |
| ... | @@ -271,14 +239,14 @@ | ... | @@ -271,14 +239,14 @@ |
| 271 | </div> | 239 | </div> |
| 272 | </template> | 240 | </template> |
| 273 | <script> | 241 | <script> |
| 274 | import { mapGetters } from "vuex"; | 242 | import { mapGetters } from "vuex"; |
| 275 | import ywmix from "@/views/ywbl/mixin/index"; | 243 | import ywmix from "@/views/ywbl/mixin/index"; |
| 276 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 244 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; |
| 277 | import tdytTable from "@/views/workflow/components/tdytTable"; | 245 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 278 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 246 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 279 | export default { | 247 | export default { |
| 280 | mixins: [ywmix], | 248 | mixins: [ywmix], |
| 281 | mounted() { | 249 | mounted () { |
| 282 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 250 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 283 | this.propsParam = this.$attrs; | 251 | this.propsParam = this.$attrs; |
| 284 | var formdata = new FormData(); | 252 | var formdata = new FormData(); |
| ... | @@ -296,7 +264,7 @@ export default { | ... | @@ -296,7 +264,7 @@ export default { |
| 296 | this.ruleForm.qlrList.forEach((item) => { | 264 | this.ruleForm.qlrList.forEach((item) => { |
| 297 | if (item.sfczr == 1) { | 265 | if (item.sfczr == 1) { |
| 298 | this.czr = item.sqrmc; | 266 | this.czr = item.sqrmc; |
| 299 | console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList,this.czr); | 267 | console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList, this.czr); |
| 300 | } | 268 | } |
| 301 | }); | 269 | }); |
| 302 | }); | 270 | }); |
| ... | @@ -306,7 +274,7 @@ export default { | ... | @@ -306,7 +274,7 @@ export default { |
| 306 | computed: { | 274 | computed: { |
| 307 | ...mapGetters(["dictData", "flag"]), | 275 | ...mapGetters(["dictData", "flag"]), |
| 308 | // 根据流程判断表单是否为只读 | 276 | // 根据流程判断表单是否为只读 |
| 309 | editDisabled() { | 277 | editDisabled () { |
| 310 | if (!this.viewEdit) { | 278 | if (!this.viewEdit) { |
| 311 | //只读状态 | 279 | //只读状态 |
| 312 | return true; | 280 | return true; |
| ... | @@ -314,7 +282,7 @@ export default { | ... | @@ -314,7 +282,7 @@ export default { |
| 314 | return false; | 282 | return false; |
| 315 | }, | 283 | }, |
| 316 | }, | 284 | }, |
| 317 | data() { | 285 | data () { |
| 318 | return { | 286 | return { |
| 319 | mjdw: "1", | 287 | mjdw: "1", |
| 320 | //表单是否可操作 | 288 | //表单是否可操作 |
| ... | @@ -336,7 +304,7 @@ export default { | ... | @@ -336,7 +304,7 @@ export default { |
| 336 | * @param {*} val | 304 | * @param {*} val |
| 337 | * @author: renchao | 305 | * @author: renchao |
| 338 | */ | 306 | */ |
| 339 | upDateTdytxxList(val) { | 307 | upDateTdytxxList (val) { |
| 340 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 308 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 341 | this.key++; | 309 | this.key++; |
| 342 | }, | 310 | }, |
| ... | @@ -346,7 +314,7 @@ export default { | ... | @@ -346,7 +314,7 @@ export default { |
| 346 | * @param {*} val | 314 | * @param {*} val |
| 347 | * @author: renchao | 315 | * @author: renchao |
| 348 | */ | 316 | */ |
| 349 | upDateQlrxxList(val) { | 317 | upDateQlrxxList (val) { |
| 350 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | 318 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); |
| 351 | this.czrOptions = this.ruleForm.qlrList; | 319 | this.czrOptions = this.ruleForm.qlrList; |
| 352 | this.key++; | 320 | this.key++; |
| ... | @@ -357,7 +325,7 @@ export default { | ... | @@ -357,7 +325,7 @@ export default { |
| 357 | * @param {*} val | 325 | * @param {*} val |
| 358 | * @author: renchao | 326 | * @author: renchao |
| 359 | */ | 327 | */ |
| 360 | updaterow() { | 328 | updaterow () { |
| 361 | this.czr = ""; | 329 | this.czr = ""; |
| 362 | }, | 330 | }, |
| 363 | // 更新义务人信息 | 331 | // 更新义务人信息 |
| ... | @@ -366,7 +334,7 @@ export default { | ... | @@ -366,7 +334,7 @@ export default { |
| 366 | * @param {*} val | 334 | * @param {*} val |
| 367 | * @author: renchao | 335 | * @author: renchao |
| 368 | */ | 336 | */ |
| 369 | upDateYwrxxList(val) { | 337 | upDateYwrxxList (val) { |
| 370 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | 338 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); |
| 371 | this.key++; | 339 | this.key++; |
| 372 | }, | 340 | }, |
| ... | @@ -374,7 +342,7 @@ export default { | ... | @@ -374,7 +342,7 @@ export default { |
| 374 | * @description: onSubmit | 342 | * @description: onSubmit |
| 375 | * @author: renchao | 343 | * @author: renchao |
| 376 | */ | 344 | */ |
| 377 | onSubmit() { | 345 | onSubmit () { |
| 378 | let that = this; | 346 | let that = this; |
| 379 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 347 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); |
| 380 | if (arr.length > 0) { | 348 | if (arr.length > 0) { |
| ... | @@ -459,9 +427,9 @@ export default { | ... | @@ -459,9 +427,9 @@ export default { |
| 459 | }); | 427 | }); |
| 460 | }, | 428 | }, |
| 461 | }, | 429 | }, |
| 462 | }; | 430 | }; |
| 463 | </script> | 431 | </script> |
| 464 | <style scoped lang="scss"> | 432 | <style scoped lang="scss"> |
| 465 | @import "~@/styles/public.scss"; | 433 | @import "~@/styles/public.scss"; |
| 466 | @import "~@/styles/slxx/slxx.scss"; | 434 | @import "~@/styles/slxx/slxx.scss"; |
| 467 | </style> | 435 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
| 3 | * @Autor: ssq | 3 | * @Autor: ssq |
| 4 | * @LastEditTime: 2023-08-22 16:28:21 | 4 | * @LastEditTime: 2023-08-25 09:52:09 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -11,8 +11,7 @@ | ... | @@ -11,8 +11,7 @@ |
| 11 | ref="ruleForm" | 11 | ref="ruleForm" |
| 12 | :label-position="flag ? 'top' : ''" | 12 | :label-position="flag ? 'top' : ''" |
| 13 | :inline="flag" | 13 | :inline="flag" |
| 14 | label-width="140px" | 14 | label-width="140px"> |
| 15 | > | ||
| 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 17 | <div class="slxx_title title-block"> | 16 | <div class="slxx_title title-block"> |
| 18 | 受理信息 | 17 | 受理信息 |
| ... | @@ -93,8 +92,7 @@ | ... | @@ -93,8 +92,7 @@ |
| 93 | v-for="item in dictData['A45']" | 92 | v-for="item in dictData['A45']" |
| 94 | :key="item.dcode" | 93 | :key="item.dcode" |
| 95 | :label="item.dname" | 94 | :label="item.dname" |
| 96 | :value="item.dcode" | 95 | :value="item.dcode"> |
| 97 | > | ||
| 98 | </el-option> | 96 | </el-option> |
| 99 | </el-select> | 97 | </el-select> |
| 100 | </el-form-item> | 98 | </el-form-item> |
| ... | @@ -123,8 +121,7 @@ | ... | @@ -123,8 +121,7 @@ |
| 123 | v-for="item in dictData['A26']" | 121 | v-for="item in dictData['A26']" |
| 124 | :key="item.dcode" | 122 | :key="item.dcode" |
| 125 | :label="item.dname" | 123 | :label="item.dname" |
| 126 | :value="item.dcode" | 124 | :value="item.dcode"> |
| 127 | > | ||
| 128 | </el-option> | 125 | </el-option> |
| 129 | </el-select> | 126 | </el-select> |
| 130 | </el-form-item> | 127 | </el-form-item> |
| ... | @@ -136,8 +133,7 @@ | ... | @@ -136,8 +133,7 @@ |
| 136 | v-for="item in dictData['A52']" | 133 | v-for="item in dictData['A52']" |
| 137 | :key="item.dcode" | 134 | :key="item.dcode" |
| 138 | :label="item.dname" | 135 | :label="item.dname" |
| 139 | :value="item.dcode" | 136 | :value="item.dcode"> |
| 140 | > | ||
| 141 | </el-option> | 137 | </el-option> |
| 142 | </el-select> | 138 | </el-select> |
| 143 | </el-form-item> | 139 | </el-form-item> |
| ... | @@ -172,8 +168,7 @@ | ... | @@ -172,8 +168,7 @@ |
| 172 | v-model="ruleForm.lq.fj" | 168 | v-model="ruleForm.lq.fj" |
| 173 | type="textarea" | 169 | type="textarea" |
| 174 | maxlength="500" | 170 | maxlength="500" |
| 175 | show-word-limit | 171 | show-word-limit></el-input> |
| 176 | ></el-input> | ||
| 177 | </el-form-item> | 172 | </el-form-item> |
| 178 | </el-col> | 173 | </el-col> |
| 179 | </el-row> | 174 | </el-row> |
| ... | @@ -184,8 +179,7 @@ | ... | @@ -184,8 +179,7 @@ |
| 184 | <tdytTable | 179 | <tdytTable |
| 185 | :ableOperation="viewEdit" | 180 | :ableOperation="viewEdit" |
| 186 | :tableData="ruleForm.tdytqxList" | 181 | :tableData="ruleForm.tdytqxList" |
| 187 | @upDateTdytxxList="upDateTdytxxList" | 182 | @upDateTdytxxList="upDateTdytxxList" /> |
| 188 | /> | ||
| 189 | <div class="slxx_title title-block"> | 183 | <div class="slxx_title title-block"> |
| 190 | 权利人信息 | 184 | 权利人信息 |
| 191 | <div class="triangle"></div> | 185 | <div class="triangle"></div> |
| ... | @@ -195,8 +189,7 @@ | ... | @@ -195,8 +189,7 @@ |
| 195 | <el-form-item label="共有方式："> | 189 | <el-form-item label="共有方式："> |
| 196 | <el-radio-group | 190 | <el-radio-group |
| 197 | :disabled="!viewEdit" | 191 | :disabled="!viewEdit" |
| 198 | v-model="ruleForm.sldy.gyfs" | 192 | v-model="ruleForm.sldy.gyfs"> |
| 199 | > | ||
| 200 | <el-radio label="0">单独所有</el-radio> | 193 | <el-radio label="0">单独所有</el-radio> |
| 201 | <el-radio label="1">共同共有</el-radio> | 194 | <el-radio label="1">共同共有</el-radio> |
| 202 | <el-radio label="2">按份所有</el-radio> | 195 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -209,8 +202,7 @@ | ... | @@ -209,8 +202,7 @@ |
| 209 | <el-radio-group | 202 | <el-radio-group |
| 210 | v-model="ruleForm.sldy.sqfbcz" | 203 | v-model="ruleForm.sldy.sqfbcz" |
| 211 | :disabled="!viewEdit" | 204 | :disabled="!viewEdit" |
| 212 | @input="updaterow()" | 205 | @input="updaterow()"> |
| 213 | > | ||
| 214 | <el-radio :label="1">是</el-radio> | 206 | <el-radio :label="1">是</el-radio> |
| 215 | <el-radio :label="0">否</el-radio> | 207 | <el-radio :label="0">否</el-radio> |
| 216 | </el-radio-group> | 208 | </el-radio-group> |
| ... | @@ -218,20 +210,17 @@ | ... | @@ -218,20 +210,17 @@ |
| 218 | </el-col> | 210 | </el-col> |
| 219 | <el-col | 211 | <el-col |
| 220 | :span="6" | 212 | :span="6" |
| 221 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 213 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 222 | > | ||
| 223 | <el-form-item label="持证人："> | 214 | <el-form-item label="持证人："> |
| 224 | <el-select | 215 | <el-select |
| 225 | v-model="czr" | 216 | v-model="czr" |
| 226 | placeholder="持证人" | 217 | placeholder="持证人" |
| 227 | :disabled="!viewEdit" | 218 | :disabled="!viewEdit"> |
| 228 | > | ||
| 229 | <el-option | 219 | <el-option |
| 230 | v-for="(item, index) in czrOptions" | 220 | v-for="(item, index) in czrOptions" |
| 231 | :key="index" | 221 | :key="index" |
| 232 | :label="item.sqrmc" | 222 | :label="item.sqrmc" |
| 233 | :value="item.zjh" | 223 | :value="item.zjh"> |
| 234 | > | ||
| 235 | </el-option> | 224 | </el-option> |
| 236 | </el-select> | 225 | </el-select> |
| 237 | </el-form-item> | 226 | </el-form-item> |
| ... | @@ -241,8 +230,7 @@ | ... | @@ -241,8 +230,7 @@ |
| 241 | @upDateQlrxxList="upDateQlrxxList" | 230 | @upDateQlrxxList="upDateQlrxxList" |
| 242 | :tableData="ruleForm.qlrList" | 231 | :tableData="ruleForm.qlrList" |
| 243 | :disabled="viewEdit" | 232 | :disabled="viewEdit" |
| 244 | :gyfs="ruleForm.sldy.gyfs" | 233 | :gyfs="ruleForm.sldy.gyfs" /> |
| 245 | /> | ||
| 246 | 234 | ||
| 247 | <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> | 235 | <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> |
| 248 | <div class="slxx_title title-block"> | 236 | <div class="slxx_title title-block"> |
| ... | @@ -251,10 +239,10 @@ | ... | @@ -251,10 +239,10 @@ |
| 251 | </div> | 239 | </div> |
| 252 | <qlrCommonTable | 240 | <qlrCommonTable |
| 253 | v-if="ruleForm.qlxx" | 241 | v-if="ruleForm.qlxx" |
| 242 | :disabled="viewEdit" | ||
| 254 | @upDateQlrxxList="upDateYwrxxList" | 243 | @upDateQlrxxList="upDateYwrxxList" |
| 255 | :tableData="ruleForm.ywrList" | 244 | :tableData="ruleForm.ywrList" |
| 256 | :gyfs="ruleForm.sldy.gyfs" | 245 | :gyfs="ruleForm.sldy.gyfs" /> |
| 257 | /> | ||
| 258 | </div> | 246 | </div> |
| 259 | <div class="slxx_title title-block"> | 247 | <div class="slxx_title title-block"> |
| 260 | 登记原因 | 248 | 登记原因 |
| ... | @@ -269,8 +257,7 @@ | ... | @@ -269,8 +257,7 @@ |
| 269 | maxlength="500" | 257 | maxlength="500" |
| 270 | show-word-limit | 258 | show-word-limit |
| 271 | :disabled="!viewEdit" | 259 | :disabled="!viewEdit" |
| 272 | v-model="ruleForm.lq.djyy" | 260 | v-model="ruleForm.lq.djyy"> |
| 273 | > | ||
| 274 | </el-input> | 261 | </el-input> |
| 275 | </el-form-item> | 262 | </el-form-item> |
| 276 | </el-col> | 263 | </el-col> |
| ... | @@ -285,14 +272,14 @@ | ... | @@ -285,14 +272,14 @@ |
| 285 | </div> | 272 | </div> |
| 286 | </template> | 273 | </template> |
| 287 | <script> | 274 | <script> |
| 288 | import ywmix from "@/views/ywbl/mixin/index"; | 275 | import ywmix from "@/views/ywbl/mixin/index"; |
| 289 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 276 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 290 | import tdytTable from "@/views/workflow/components/tdytTable"; | 277 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 291 | import { Init, saveData } from "@/api/workflow/lqFlow.js"; | 278 | import { Init, saveData } from "@/api/workflow/lqFlow.js"; |
| 292 | import { mapGetters } from "vuex"; | 279 | import { mapGetters } from "vuex"; |
| 293 | export default { | 280 | export default { |
| 294 | mixins: [ywmix], | 281 | mixins: [ywmix], |
| 295 | mounted() { | 282 | mounted () { |
| 296 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 283 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 297 | this.propsParam = this.$attrs; | 284 | this.propsParam = this.$attrs; |
| 298 | var formdata = new FormData(); | 285 | var formdata = new FormData(); |
| ... | @@ -322,7 +309,7 @@ export default { | ... | @@ -322,7 +309,7 @@ export default { |
| 322 | computed: { | 309 | computed: { |
| 323 | ...mapGetters(["dictData", "flag"]), | 310 | ...mapGetters(["dictData", "flag"]), |
| 324 | }, | 311 | }, |
| 325 | data() { | 312 | data () { |
| 326 | return { | 313 | return { |
| 327 | disabled: true, | 314 | disabled: true, |
| 328 | tdytOption: [], | 315 | tdytOption: [], |
| ... | @@ -360,7 +347,7 @@ export default { | ... | @@ -360,7 +347,7 @@ export default { |
| 360 | * @param {*} val | 347 | * @param {*} val |
| 361 | * @author: renchao | 348 | * @author: renchao |
| 362 | */ | 349 | */ |
| 363 | upDateTdytxxList(val) { | 350 | upDateTdytxxList (val) { |
| 364 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 351 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 365 | }, | 352 | }, |
| 366 | // 是否持证人变化 | 353 | // 是否持证人变化 |
| ... | @@ -369,7 +356,7 @@ export default { | ... | @@ -369,7 +356,7 @@ export default { |
| 369 | * @param {*} val | 356 | * @param {*} val |
| 370 | * @author: renchao | 357 | * @author: renchao |
| 371 | */ | 358 | */ |
| 372 | updaterow() { | 359 | updaterow () { |
| 373 | this.czr = ""; | 360 | this.czr = ""; |
| 374 | }, | 361 | }, |
| 375 | /** | 362 | /** |
| ... | @@ -377,7 +364,7 @@ export default { | ... | @@ -377,7 +364,7 @@ export default { |
| 377 | * @param {*} val | 364 | * @param {*} val |
| 378 | * @author: renchao | 365 | * @author: renchao |
| 379 | */ | 366 | */ |
| 380 | upDateQlrxxList(val) { | 367 | upDateQlrxxList (val) { |
| 381 | this.ruleForm.qlrList = _.cloneDeep(val); | 368 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 382 | this.czrOptions = this.ruleForm.qlrList; | 369 | this.czrOptions = this.ruleForm.qlrList; |
| 383 | this.key++; | 370 | this.key++; |
| ... | @@ -387,14 +374,14 @@ export default { | ... | @@ -387,14 +374,14 @@ export default { |
| 387 | * @param {*} val | 374 | * @param {*} val |
| 388 | * @author: renchao | 375 | * @author: renchao |
| 389 | */ | 376 | */ |
| 390 | upDateYwrxxList(val) { | 377 | upDateYwrxxList (val) { |
| 391 | this.ruleForm.ywrList = _.cloneDeep(val); | 378 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 392 | }, | 379 | }, |
| 393 | /** | 380 | /** |
| 394 | * @description: onSubmit | 381 | * @description: onSubmit |
| 395 | * @author: renchao | 382 | * @author: renchao |
| 396 | */ | 383 | */ |
| 397 | onSubmit() { | 384 | onSubmit () { |
| 398 | let that = this; | 385 | let that = this; |
| 399 | if (this.ruleForm.qlrList.length == 0) { | 386 | if (this.ruleForm.qlrList.length == 0) { |
| 400 | this.$message({ | 387 | this.$message({ |
| ... | @@ -467,55 +454,55 @@ export default { | ... | @@ -467,55 +454,55 @@ export default { |
| 467 | }); | 454 | }); |
| 468 | }, | 455 | }, |
| 469 | }, | 456 | }, |
| 470 | }; | 457 | }; |
| 471 | </script> | 458 | </script> |
| 472 | <style scoped lang="scss"> | 459 | <style scoped lang="scss"> |
| 473 | @import "~@/styles/public.scss"; | 460 | @import "~@/styles/public.scss"; |
| 474 | 461 | ||
| 475 | /deep/.el-form { | 462 | /deep/.el-form { |
| 476 | display: flex; | 463 | display: flex; |
| 477 | flex-direction: column; | 464 | flex-direction: column; |
| 478 | height: calc(100vh - 130px); | 465 | height: calc(100vh - 130px); |
| 479 | } | 466 | } |
| 480 | 467 | ||
| 481 | /deep/.el-form-item__label { | 468 | /deep/.el-form-item__label { |
| 482 | padding: 0; | 469 | padding: 0; |
| 483 | } | 470 | } |
| 484 | 471 | ||
| 485 | /deep/.el-radio { | 472 | /deep/.el-radio { |
| 486 | margin-right: 10px; | 473 | margin-right: 10px; |
| 487 | } | 474 | } |
| 488 | 475 | ||
| 489 | /deep/.el-select { | 476 | /deep/.el-select { |
| 490 | width: 100%; | 477 | width: 100%; |
| 491 | } | 478 | } |
| 492 | 479 | ||
| 493 | /deep/.el-form-item { | 480 | /deep/.el-form-item { |
| 494 | margin-bottom: 8px; | 481 | margin-bottom: 8px; |
| 495 | } | 482 | } |
| 496 | 483 | ||
| 497 | .marginBot0 { | 484 | .marginBot0 { |
| 498 | margin-bottom: 0 !important; | 485 | margin-bottom: 0 !important; |
| 499 | } | 486 | } |
| 500 | 487 | ||
| 501 | .slxx { | 488 | .slxx { |
| 502 | box-sizing: border-box; | 489 | box-sizing: border-box; |
| 503 | } | 490 | } |
| 504 | 491 | ||
| 505 | .slxx_con { | 492 | .slxx_con { |
| 506 | flex: 1; | 493 | flex: 1; |
| 507 | height: 100%; | 494 | height: 100%; |
| 508 | background-color: #ffffff; | 495 | background-color: #ffffff; |
| 509 | overflow-y: auto; | 496 | overflow-y: auto; |
| 510 | padding-right: 3px; | 497 | padding-right: 3px; |
| 511 | overflow-x: hidden; | 498 | overflow-x: hidden; |
| 512 | } | 499 | } |
| 513 | 500 | ||
| 514 | .submit_btn { | 501 | .submit_btn { |
| 515 | height: 50px; | 502 | height: 50px; |
| 516 | } | 503 | } |
| 517 | 504 | ||
| 518 | .slxx_title { | 505 | .slxx_title { |
| 519 | border-bottom: 1px solid $borderColor; | 506 | border-bottom: 1px solid $borderColor; |
| 520 | padding-left: 10px; | 507 | padding-left: 10px; |
| 521 | padding-bottom: 5px; | 508 | padding-bottom: 5px; |
| ... | @@ -524,23 +511,23 @@ export default { | ... | @@ -524,23 +511,23 @@ export default { |
| 524 | font-size: 16px; | 511 | font-size: 16px; |
| 525 | font-weight: 500; | 512 | font-weight: 500; |
| 526 | color: #4a4a4a; | 513 | color: #4a4a4a; |
| 527 | } | 514 | } |
| 528 | 515 | ||
| 529 | .btn { | 516 | .btn { |
| 530 | text-align: center; | 517 | text-align: center; |
| 531 | padding-top: 10px; | 518 | padding-top: 10px; |
| 532 | height: 36px; | 519 | height: 36px; |
| 533 | background-color: #ffffff; | 520 | background-color: #ffffff; |
| 534 | padding: 5px 0; | 521 | padding: 5px 0; |
| 535 | } | 522 | } |
| 536 | 523 | ||
| 537 | .textArea { | 524 | .textArea { |
| 538 | /deep/.el-textarea__inner { | 525 | /deep/.el-textarea__inner { |
| 539 | min-height: 90px !important; | 526 | min-height: 90px !important; |
| 540 | } | 527 | } |
| 541 | } | 528 | } |
| 542 | 529 | ||
| 543 | /deep/.el-form-item__label { | 530 | /deep/.el-form-item__label { |
| 544 | padding-bottom: 0px; | 531 | padding-bottom: 0px; |
| 545 | } | 532 | } |
| 546 | </style> | 533 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
| 3 | * @Autor: ssq | 3 | * @Autor: ssq |
| 4 | * @LastEditTime: 2023-08-22 16:28:25 | 4 | * @LastEditTime: 2023-08-25 09:51:50 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -11,8 +11,7 @@ | ... | @@ -11,8 +11,7 @@ |
| 11 | ref="ruleForm" | 11 | ref="ruleForm" |
| 12 | :label-position="flag ? 'top' : ''" | 12 | :label-position="flag ? 'top' : ''" |
| 13 | :inline="flag" | 13 | :inline="flag" |
| 14 | label-width="140px" | 14 | label-width="140px"> |
| 15 | > | ||
| 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 17 | <div class="slxx_title title-block"> | 16 | <div class="slxx_title title-block"> |
| 18 | 受理信息 | 17 | 受理信息 |
| ... | @@ -93,8 +92,7 @@ | ... | @@ -93,8 +92,7 @@ |
| 93 | v-for="item in dictData['A45']" | 92 | v-for="item in dictData['A45']" |
| 94 | :key="item.dcode" | 93 | :key="item.dcode" |
| 95 | :label="item.dname" | 94 | :label="item.dname" |
| 96 | :value="item.dcode" | 95 | :value="item.dcode"> |
| 97 | > | ||
| 98 | </el-option> | 96 | </el-option> |
| 99 | </el-select> | 97 | </el-select> |
| 100 | </el-form-item> | 98 | </el-form-item> |
| ... | @@ -123,8 +121,7 @@ | ... | @@ -123,8 +121,7 @@ |
| 123 | v-for="item in dictData['A26']" | 121 | v-for="item in dictData['A26']" |
| 124 | :key="item.dcode" | 122 | :key="item.dcode" |
| 125 | :label="item.dname" | 123 | :label="item.dname" |
| 126 | :value="item.dcode" | 124 | :value="item.dcode"> |
| 127 | > | ||
| 128 | </el-option> | 125 | </el-option> |
| 129 | </el-select> | 126 | </el-select> |
| 130 | </el-form-item> | 127 | </el-form-item> |
| ... | @@ -136,8 +133,7 @@ | ... | @@ -136,8 +133,7 @@ |
| 136 | v-for="item in dictData['A52']" | 133 | v-for="item in dictData['A52']" |
| 137 | :key="item.dcode" | 134 | :key="item.dcode" |
| 138 | :label="item.dname" | 135 | :label="item.dname" |
| 139 | :value="item.dcode" | 136 | :value="item.dcode"> |
| 140 | > | ||
| 141 | </el-option> | 137 | </el-option> |
| 142 | </el-select> | 138 | </el-select> |
| 143 | </el-form-item> | 139 | </el-form-item> |
| ... | @@ -172,8 +168,7 @@ | ... | @@ -172,8 +168,7 @@ |
| 172 | v-model="ruleForm.lq.fj" | 168 | v-model="ruleForm.lq.fj" |
| 173 | type="textarea" | 169 | type="textarea" |
| 174 | maxlength="500" | 170 | maxlength="500" |
| 175 | show-word-limit | 171 | show-word-limit></el-input> |
| 176 | ></el-input> | ||
| 177 | </el-form-item> | 172 | </el-form-item> |
| 178 | </el-col> | 173 | </el-col> |
| 179 | </el-row> | 174 | </el-row> |
| ... | @@ -184,8 +179,7 @@ | ... | @@ -184,8 +179,7 @@ |
| 184 | <tdytTable | 179 | <tdytTable |
| 185 | :ableOperation="viewEdit" | 180 | :ableOperation="viewEdit" |
| 186 | :tableData="ruleForm.tdytqxList" | 181 | :tableData="ruleForm.tdytqxList" |
| 187 | @upDateTdytxxList="upDateTdytxxList" | 182 | @upDateTdytxxList="upDateTdytxxList" /> |
| 188 | /> | ||
| 189 | <div class="slxx_title title-block"> | 183 | <div class="slxx_title title-block"> |
| 190 | 权利人信息 | 184 | 权利人信息 |
| 191 | <div class="triangle"></div> | 185 | <div class="triangle"></div> |
| ... | @@ -195,8 +189,7 @@ | ... | @@ -195,8 +189,7 @@ |
| 195 | <el-form-item label="共有方式："> | 189 | <el-form-item label="共有方式："> |
| 196 | <el-radio-group | 190 | <el-radio-group |
| 197 | :disabled="!viewEdit" | 191 | :disabled="!viewEdit" |
| 198 | v-model="ruleForm.sldy.gyfs" | 192 | v-model="ruleForm.sldy.gyfs"> |
| 199 | > | ||
| 200 | <el-radio label="0">单独所有</el-radio> | 193 | <el-radio label="0">单独所有</el-radio> |
| 201 | <el-radio label="1">共同共有</el-radio> | 194 | <el-radio label="1">共同共有</el-radio> |
| 202 | <el-radio label="2">按份所有</el-radio> | 195 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -209,8 +202,7 @@ | ... | @@ -209,8 +202,7 @@ |
| 209 | <el-radio-group | 202 | <el-radio-group |
| 210 | v-model="ruleForm.sldy.sqfbcz" | 203 | v-model="ruleForm.sldy.sqfbcz" |
| 211 | :disabled="!viewEdit" | 204 | :disabled="!viewEdit" |
| 212 | @input="updaterow()" | 205 | @input="updaterow()"> |
| 213 | > | ||
| 214 | <el-radio :label="1">是</el-radio> | 206 | <el-radio :label="1">是</el-radio> |
| 215 | <el-radio :label="0">否</el-radio> | 207 | <el-radio :label="0">否</el-radio> |
| 216 | </el-radio-group> | 208 | </el-radio-group> |
| ... | @@ -218,20 +210,17 @@ | ... | @@ -218,20 +210,17 @@ |
| 218 | </el-col> | 210 | </el-col> |
| 219 | <el-col | 211 | <el-col |
| 220 | :span="6" | 212 | :span="6" |
| 221 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 213 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 222 | > | ||
| 223 | <el-form-item label="持证人："> | 214 | <el-form-item label="持证人："> |
| 224 | <el-select | 215 | <el-select |
| 225 | v-model="czr" | 216 | v-model="czr" |
| 226 | placeholder="持证人" | 217 | placeholder="持证人" |
| 227 | :disabled="!viewEdit" | 218 | :disabled="!viewEdit"> |
| 228 | > | ||
| 229 | <el-option | 219 | <el-option |
| 230 | v-for="(item, index) in czrOptions" | 220 | v-for="(item, index) in czrOptions" |
| 231 | :key="index" | 221 | :key="index" |
| 232 | :label="item.sqrmc" | 222 | :label="item.sqrmc" |
| 233 | :value="item.zjh" | 223 | :value="item.zjh"> |
| 234 | > | ||
| 235 | </el-option> | 224 | </el-option> |
| 236 | </el-select> | 225 | </el-select> |
| 237 | </el-form-item> | 226 | </el-form-item> |
| ... | @@ -241,8 +230,7 @@ | ... | @@ -241,8 +230,7 @@ |
| 241 | @upDateQlrxxList="upDateQlrxxList" | 230 | @upDateQlrxxList="upDateQlrxxList" |
| 242 | :tableData="ruleForm.qlrList" | 231 | :tableData="ruleForm.qlrList" |
| 243 | :disabled="viewEdit" | 232 | :disabled="viewEdit" |
| 244 | :gyfs="ruleForm.sldy.gyfs" | 233 | :gyfs="ruleForm.sldy.gyfs" /> |
| 245 | /> | ||
| 246 | 234 | ||
| 247 | <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> | 235 | <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> |
| 248 | <div class="slxx_title title-block"> | 236 | <div class="slxx_title title-block"> |
| ... | @@ -251,10 +239,10 @@ | ... | @@ -251,10 +239,10 @@ |
| 251 | </div> | 239 | </div> |
| 252 | <qlrCommonTable | 240 | <qlrCommonTable |
| 253 | v-if="ruleForm.qlxx" | 241 | v-if="ruleForm.qlxx" |
| 242 | :disabled="viewEdit" | ||
| 254 | @upDateQlrxxList="upDateYwrxxList" | 243 | @upDateQlrxxList="upDateYwrxxList" |
| 255 | :tableData="ruleForm.ywrList" | 244 | :tableData="ruleForm.ywrList" |
| 256 | :gyfs="ruleForm.sldy.gyfs" | 245 | :gyfs="ruleForm.sldy.gyfs" /> |
| 257 | /> | ||
| 258 | </div> | 246 | </div> |
| 259 | <div class="slxx_title title-block"> | 247 | <div class="slxx_title title-block"> |
| 260 | 登记原因 | 248 | 登记原因 |
| ... | @@ -269,8 +257,7 @@ | ... | @@ -269,8 +257,7 @@ |
| 269 | maxlength="500" | 257 | maxlength="500" |
| 270 | show-word-limit | 258 | show-word-limit |
| 271 | :disabled="!viewEdit" | 259 | :disabled="!viewEdit" |
| 272 | v-model="ruleForm.lq.djyy" | 260 | v-model="ruleForm.lq.djyy"> |
| 273 | > | ||
| 274 | </el-input> | 261 | </el-input> |
| 275 | </el-form-item> | 262 | </el-form-item> |
| 276 | </el-col> | 263 | </el-col> |
| ... | @@ -285,14 +272,14 @@ | ... | @@ -285,14 +272,14 @@ |
| 285 | </div> | 272 | </div> |
| 286 | </template> | 273 | </template> |
| 287 | <script> | 274 | <script> |
| 288 | import ywmix from "@/views/ywbl/mixin/index"; | 275 | import ywmix from "@/views/ywbl/mixin/index"; |
| 289 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 276 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 290 | import tdytTable from "@/views/workflow/components/tdytTable"; | 277 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 291 | import { Init, saveData } from "@/api/workflow/sllmFlow.js"; | 278 | import { Init, saveData } from "@/api/workflow/sllmFlow.js"; |
| 292 | import { mapGetters } from "vuex"; | 279 | import { mapGetters } from "vuex"; |
| 293 | export default { | 280 | export default { |
| 294 | mixins: [ywmix], | 281 | mixins: [ywmix], |
| 295 | mounted() { | 282 | mounted () { |
| 296 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 283 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 297 | this.propsParam = this.$attrs; | 284 | this.propsParam = this.$attrs; |
| 298 | var formdata = new FormData(); | 285 | var formdata = new FormData(); |
| ... | @@ -322,7 +309,7 @@ export default { | ... | @@ -322,7 +309,7 @@ export default { |
| 322 | computed: { | 309 | computed: { |
| 323 | ...mapGetters(["dictData", "flag"]), | 310 | ...mapGetters(["dictData", "flag"]), |
| 324 | }, | 311 | }, |
| 325 | data() { | 312 | data () { |
| 326 | return { | 313 | return { |
| 327 | disabled: true, | 314 | disabled: true, |
| 328 | tdytOption: [], | 315 | tdytOption: [], |
| ... | @@ -360,7 +347,7 @@ export default { | ... | @@ -360,7 +347,7 @@ export default { |
| 360 | * @param {*} val | 347 | * @param {*} val |
| 361 | * @author: renchao | 348 | * @author: renchao |
| 362 | */ | 349 | */ |
| 363 | upDateTdytxxList(val) { | 350 | upDateTdytxxList (val) { |
| 364 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 351 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 365 | }, | 352 | }, |
| 366 | /** | 353 | /** |
| ... | @@ -368,7 +355,7 @@ export default { | ... | @@ -368,7 +355,7 @@ export default { |
| 368 | * @param {*} val | 355 | * @param {*} val |
| 369 | * @author: renchao | 356 | * @author: renchao |
| 370 | */ | 357 | */ |
| 371 | upDateQlrxxList(val) { | 358 | upDateQlrxxList (val) { |
| 372 | this.ruleForm.qlrList = _.cloneDeep(val); | 359 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 373 | this.czrOptions = this.ruleForm.qlrList; | 360 | this.czrOptions = this.ruleForm.qlrList; |
| 374 | this.key++; | 361 | this.key++; |
| ... | @@ -379,7 +366,7 @@ export default { | ... | @@ -379,7 +366,7 @@ export default { |
| 379 | * @param {*} val | 366 | * @param {*} val |
| 380 | * @author: renchao | 367 | * @author: renchao |
| 381 | */ | 368 | */ |
| 382 | updaterow() { | 369 | updaterow () { |
| 383 | this.czr = ""; | 370 | this.czr = ""; |
| 384 | }, | 371 | }, |
| 385 | /** | 372 | /** |
| ... | @@ -387,14 +374,14 @@ export default { | ... | @@ -387,14 +374,14 @@ export default { |
| 387 | * @param {*} val | 374 | * @param {*} val |
| 388 | * @author: renchao | 375 | * @author: renchao |
| 389 | */ | 376 | */ |
| 390 | upDateYwrxxList(val) { | 377 | upDateYwrxxList (val) { |
| 391 | this.ruleForm.ywrList = _.cloneDeep(val); | 378 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 392 | }, | 379 | }, |
| 393 | /** | 380 | /** |
| 394 | * @description: onSubmit | 381 | * @description: onSubmit |
| 395 | * @author: renchao | 382 | * @author: renchao |
| 396 | */ | 383 | */ |
| 397 | onSubmit() { | 384 | onSubmit () { |
| 398 | let that = this; | 385 | let that = this; |
| 399 | if (this.ruleForm.qlrList.length == 0) { | 386 | if (this.ruleForm.qlrList.length == 0) { |
| 400 | this.$message({ | 387 | this.$message({ |
| ... | @@ -467,55 +454,55 @@ export default { | ... | @@ -467,55 +454,55 @@ export default { |
| 467 | }); | 454 | }); |
| 468 | }, | 455 | }, |
| 469 | }, | 456 | }, |
| 470 | }; | 457 | }; |
| 471 | </script> | 458 | </script> |
| 472 | <style scoped lang="scss"> | 459 | <style scoped lang="scss"> |
| 473 | @import "~@/styles/public.scss"; | 460 | @import "~@/styles/public.scss"; |
| 474 | 461 | ||
| 475 | /deep/.el-form { | 462 | /deep/.el-form { |
| 476 | display: flex; | 463 | display: flex; |
| 477 | flex-direction: column; | 464 | flex-direction: column; |
| 478 | height: calc(100vh - 130px); | 465 | height: calc(100vh - 130px); |
| 479 | } | 466 | } |
| 480 | 467 | ||
| 481 | /deep/.el-form-item__label { | 468 | /deep/.el-form-item__label { |
| 482 | padding: 0; | 469 | padding: 0; |
| 483 | } | 470 | } |
| 484 | 471 | ||
| 485 | /deep/.el-radio { | 472 | /deep/.el-radio { |
| 486 | margin-right: 10px; | 473 | margin-right: 10px; |
| 487 | } | 474 | } |
| 488 | 475 | ||
| 489 | /deep/.el-select { | 476 | /deep/.el-select { |
| 490 | width: 100%; | 477 | width: 100%; |
| 491 | } | 478 | } |
| 492 | 479 | ||
| 493 | /deep/.el-form-item { | 480 | /deep/.el-form-item { |
| 494 | margin-bottom: 8px; | 481 | margin-bottom: 8px; |
| 495 | } | 482 | } |
| 496 | 483 | ||
| 497 | .marginBot0 { | 484 | .marginBot0 { |
| 498 | margin-bottom: 0 !important; | 485 | margin-bottom: 0 !important; |
| 499 | } | 486 | } |
| 500 | 487 | ||
| 501 | .slxx { | 488 | .slxx { |
| 502 | box-sizing: border-box; | 489 | box-sizing: border-box; |
| 503 | } | 490 | } |
| 504 | 491 | ||
| 505 | .slxx_con { | 492 | .slxx_con { |
| 506 | flex: 1; | 493 | flex: 1; |
| 507 | height: 100%; | 494 | height: 100%; |
| 508 | background-color: #ffffff; | 495 | background-color: #ffffff; |
| 509 | overflow-y: auto; | 496 | overflow-y: auto; |
| 510 | padding-right: 3px; | 497 | padding-right: 3px; |
| 511 | overflow-x: hidden; | 498 | overflow-x: hidden; |
| 512 | } | 499 | } |
| 513 | 500 | ||
| 514 | .submit_btn { | 501 | .submit_btn { |
| 515 | height: 50px; | 502 | height: 50px; |
| 516 | } | 503 | } |
| 517 | 504 | ||
| 518 | .slxx_title { | 505 | .slxx_title { |
| 519 | border-bottom: 1px solid $borderColor; | 506 | border-bottom: 1px solid $borderColor; |
| 520 | padding-left: 10px; | 507 | padding-left: 10px; |
| 521 | padding-bottom: 5px; | 508 | padding-bottom: 5px; |
| ... | @@ -524,23 +511,23 @@ export default { | ... | @@ -524,23 +511,23 @@ export default { |
| 524 | font-size: 16px; | 511 | font-size: 16px; |
| 525 | font-weight: 500; | 512 | font-weight: 500; |
| 526 | color: #4a4a4a; | 513 | color: #4a4a4a; |
| 527 | } | 514 | } |
| 528 | 515 | ||
| 529 | .btn { | 516 | .btn { |
| 530 | text-align: center; | 517 | text-align: center; |
| 531 | padding-top: 10px; | 518 | padding-top: 10px; |
| 532 | height: 36px; | 519 | height: 36px; |
| 533 | background-color: #ffffff; | 520 | background-color: #ffffff; |
| 534 | padding: 5px 0; | 521 | padding: 5px 0; |
| 535 | } | 522 | } |
| 536 | 523 | ||
| 537 | .textArea { | 524 | .textArea { |
| 538 | /deep/.el-textarea__inner { | 525 | /deep/.el-textarea__inner { |
| 539 | min-height: 90px !important; | 526 | min-height: 90px !important; |
| 540 | } | 527 | } |
| 541 | } | 528 | } |
| 542 | 529 | ||
| 543 | /deep/.el-form-item__label { | 530 | /deep/.el-form-item__label { |
| 544 | padding-bottom: 0px; | 531 | padding-bottom: 0px; |
| 545 | } | 532 | } |
| 546 | </style> | 533 | </style> | ... | ... |
-
Please register or sign in to post a comment