Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
9 changed files
with
1152 additions
and
1060 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,9 +230,94 @@ | ... | @@ -202,9 +230,94 @@ |
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)); // 调整行高 |
206 | }) | 234 | }) |
207 | }) | 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)); // 调整行高 | ||
275 | }) | ||
276 | }) | ||
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 | } | ||
208 | } | 321 | } |
209 | image.src = this.imgSrc | 322 | image.src = this.imgSrc |
210 | }, | 323 | }, | ... | ... |
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,282 +401,282 @@ | ... | @@ -432,282 +401,282 @@ |
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(); |
446 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 415 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
447 | formdata.append("djlx", this.propsParam.djlx); | 416 | formdata.append("djlx", this.propsParam.djlx); |
448 | formdata.append("isEdit", this.viewEdit); | 417 | formdata.append("isEdit", this.viewEdit); |
449 | Init(formdata).then((res) => { | 418 | Init(formdata).then((res) => { |
450 | if (res.code === 200 && res.result) { | 419 | if (res.code === 200 && res.result) { |
451 | this.ruleForm = { | 420 | this.ruleForm = { |
452 | ...res.result, | 421 | ...res.result, |
453 | ...res.result.qlxxdatas, | 422 | ...res.result.qlxxdatas, |
454 | }; | 423 | }; |
455 | this.ruleForm.qlrList.forEach((item) => { | 424 | this.ruleForm.qlrList.forEach((item) => { |
456 | if (item.sfczr == 1) { | 425 | if (item.sfczr == 1) { |
457 | this.czr = item.sqrmc; | 426 | this.czr = item.sqrmc; |
458 | } | 427 | } |
459 | }); | 428 | }); |
460 | //初始化发证方式,1:小证,2:大正 | 429 | //初始化发证方式,1:小证,2:大正 |
461 | this.ruleForm.slsq.fzfs == null | 430 | this.ruleForm.slsq.fzfs == null |
462 | ? (this.ruleForm.slsq.fzfs = "1") | 431 | ? (this.ruleForm.slsq.fzfs = "1") |
463 | : this.ruleForm.slsq.fzfs; | 432 | : this.ruleForm.slsq.fzfs; |
464 | this.czrOptions = this.ruleForm.qlrList; | 433 | this.czrOptions = this.ruleForm.qlrList; |
465 | } | ||
466 | }); | ||
467 | }, | ||
468 | components: { qlrCommonTable, tdytTable }, | ||
469 | computed: { | ||
470 | ...mapGetters(["dictData", "flag"]), | ||
471 | }, | ||
472 | data() { | ||
473 | return { | ||
474 | mjdw: "1", | ||
475 | // 键名转换,方法默认是label和children进行树状渲染 | ||
476 | normalizer(node) { | ||
477 | //方法 | ||
478 | if (node.children == null || node.children == "null") { | ||
479 | delete node.children; | ||
480 | } | 434 | } |
481 | return { | 435 | }); |
482 | id: node.dcode, | ||
483 | label: node.dname, | ||
484 | }; | ||
485 | }, | ||
486 | disabled: true, | ||
487 | tdytOption: [], | ||
488 | czrOptions: [], | ||
489 | czr: "", | ||
490 | ruleForm: { | ||
491 | flow: { | ||
492 | ywh: "", | ||
493 | }, | ||
494 | qlxx: { | ||
495 | mj: "", | ||
496 | }, | ||
497 | sldy: { | ||
498 | gyfs: "", | ||
499 | }, | ||
500 | slsq: {}, | ||
501 | fdcq2: { | ||
502 | zyjzmj: "", | ||
503 | ftjzmj: "", | ||
504 | }, | ||
505 | zdjbxx: { | ||
506 | ghytmc: "", | ||
507 | }, | ||
508 | }, | ||
509 | //传递参数 | ||
510 | propsParam: this.$attrs, | ||
511 | //表单是否可操作 | ||
512 | viewEdit: true, | ||
513 | rules: {}, | ||
514 | }; | ||
515 | }, | ||
516 | methods: { | ||
517 | /** | ||
518 | * @description: 更新土地用途信息 | ||
519 | * @param {*} val | ||
520 | * @author: renchao | ||
521 | */ | ||
522 | upDateTdytxxList(val) { | ||
523 | this.ruleForm.tdytqxList = _.cloneDeep(val); | ||
524 | }, | ||
525 | /** | ||
526 | * @description: 更新权利人信息 | ||
527 | * @param {*} val | ||
528 | * @author: renchao | ||
529 | */ | ||
530 | upDateQlrxxList(val) { | ||
531 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
532 | this.czrOptions = this.ruleForm.qlrList; | ||
533 | }, | 436 | }, |
534 | // 是否持证人变化 | 437 | components: { qlrCommonTable, tdytTable }, |
535 | /** | 438 | computed: { |
536 | * @description: 是否持证人变化 | 439 | ...mapGetters(["dictData", "flag"]), |
537 | * @param {*} val | ||
538 | * @author: renchao | ||
539 | */ | ||
540 | updaterow() { | ||
541 | this.czr = ""; | ||
542 | }, | 440 | }, |
543 | /** | 441 | data () { |
544 | * @description: 更新权利人信息 | 442 | return { |
545 | * @param {*} val | 443 | mjdw: "1", |
546 | * @author: renchao | 444 | // 键名转换,方法默认是label和children进行树状渲染 |
547 | */ | 445 | normalizer (node) { |
548 | upDateYwrxxList(val) { | 446 | //方法 |
549 | this.ruleForm.ywrList = _.cloneDeep(val); | 447 | if (node.children == null || node.children == "null") { |
448 | delete node.children; | ||
449 | } | ||
450 | return { | ||
451 | id: node.dcode, | ||
452 | label: node.dname, | ||
453 | }; | ||
454 | }, | ||
455 | disabled: true, | ||
456 | tdytOption: [], | ||
457 | czrOptions: [], | ||
458 | czr: "", | ||
459 | ruleForm: { | ||
460 | flow: { | ||
461 | ywh: "", | ||
462 | }, | ||
463 | qlxx: { | ||
464 | mj: "", | ||
465 | }, | ||
466 | sldy: { | ||
467 | gyfs: "", | ||
468 | }, | ||
469 | slsq: {}, | ||
470 | fdcq2: { | ||
471 | zyjzmj: "", | ||
472 | ftjzmj: "", | ||
473 | }, | ||
474 | zdjbxx: { | ||
475 | ghytmc: "", | ||
476 | }, | ||
477 | }, | ||
478 | //传递参数 | ||
479 | propsParam: this.$attrs, | ||
480 | //表单是否可操作 | ||
481 | viewEdit: true, | ||
482 | rules: {}, | ||
483 | }; | ||
550 | }, | 484 | }, |
551 | /** | 485 | methods: { |
552 | * @description: onSubmit | 486 | /** |
553 | * @author: renchao | 487 | * @description: 更新土地用途信息 |
554 | */ | 488 | * @param {*} val |
555 | onSubmit() { | 489 | * @author: renchao |
556 | let that = this; | 490 | */ |
557 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 491 | upDateTdytxxList (val) { |
558 | if (arr.length > 0) { | 492 | this.ruleForm.tdytqxList = _.cloneDeep(val); |
559 | this.$message({ | 493 | }, |
560 | showClose: true, | 494 | /** |
561 | message: "土地用途不能为空", | 495 | * @description: 更新权利人信息 |
562 | type: "error", | 496 | * @param {*} val |
563 | }); | 497 | * @author: renchao |
564 | return false; | 498 | */ |
565 | } | 499 | upDateQlrxxList (val) { |
566 | if (this.ruleForm.qlrList.length == 0) { | 500 | this.ruleForm.qlrList = _.cloneDeep(val); |
567 | this.$message({ | 501 | this.czrOptions = this.ruleForm.qlrList; |
568 | showClose: true, | 502 | }, |
569 | message: "请确认权利人信息", | 503 | // 是否持证人变化 |
570 | type: "error", | 504 | /** |
571 | }); | 505 | * @description: 是否持证人变化 |
572 | return false; | 506 | * @param {*} val |
573 | } | 507 | * @author: renchao |
574 | 508 | */ | |
575 | if (this.ruleForm.sldy.gyfs == "0") { | 509 | updaterow () { |
576 | if (this.ruleForm.qlrList.length > 1) { | 510 | this.czr = ""; |
511 | }, | ||
512 | /** | ||
513 | * @description: 更新权利人信息 | ||
514 | * @param {*} val | ||
515 | * @author: renchao | ||
516 | */ | ||
517 | upDateYwrxxList (val) { | ||
518 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
519 | }, | ||
520 | /** | ||
521 | * @description: onSubmit | ||
522 | * @author: renchao | ||
523 | */ | ||
524 | onSubmit () { | ||
525 | let that = this; | ||
526 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | ||
527 | if (arr.length > 0) { | ||
577 | this.$message({ | 528 | this.$message({ |
578 | showClose: true, | 529 | showClose: true, |
579 | message: "共有方式:单独所有,权利人只能是一个人", | 530 | message: "土地用途不能为空", |
580 | type: "error", | 531 | type: "error", |
581 | }); | 532 | }); |
582 | return false; | 533 | return false; |
583 | } | 534 | } |
584 | this.ruleForm.qlrList[0].sfczr = "1"; | 535 | if (this.ruleForm.qlrList.length == 0) { |
585 | } else { | ||
586 | if (this.ruleForm.qlrList.length <= 1) { | ||
587 | this.$message({ | 536 | this.$message({ |
588 | showClose: true, | 537 | showClose: true, |
589 | message: | 538 | message: "请确认权利人信息", |
590 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
591 | type: "error", | 539 | type: "error", |
592 | }); | 540 | }); |
593 | return false; | 541 | return false; |
594 | } | 542 | } |
595 | //是否分别持证 | 543 | |
596 | if (this.ruleForm.sldy.sqfbcz == "1") { | 544 | if (this.ruleForm.sldy.gyfs == "0") { |
597 | //是 | 545 | if (this.ruleForm.qlrList.length > 1) { |
598 | this.ruleForm.qlrList.forEach((item, index) => { | 546 | this.$message({ |
599 | item.sfczr = "1"; | 547 | showClose: true, |
600 | }); | 548 | message: "共有方式:单独所有,权利人只能是一个人", |
549 | type: "error", | ||
550 | }); | ||
551 | return false; | ||
552 | } | ||
553 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
601 | } else { | 554 | } else { |
602 | if (!that.czr) { | 555 | if (this.ruleForm.qlrList.length <= 1) { |
603 | that.$message({ | 556 | this.$message({ |
604 | showClose: true, | 557 | showClose: true, |
605 | message: "请选择持证人", | 558 | message: |
559 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
606 | type: "error", | 560 | type: "error", |
607 | }); | 561 | }); |
608 | return false; | 562 | return false; |
609 | } | 563 | } |
610 | this.ruleForm.qlrList.forEach((item, index) => { | 564 | //是否分别持证 |
611 | if (item.zjh == this.czr) { | 565 | if (this.ruleForm.sldy.sqfbcz == "1") { |
566 | //是 | ||
567 | this.ruleForm.qlrList.forEach((item, index) => { | ||
612 | item.sfczr = "1"; | 568 | item.sfczr = "1"; |
613 | } else { | 569 | }); |
614 | item.sfczr = "0"; | 570 | } else { |
571 | if (!that.czr) { | ||
572 | that.$message({ | ||
573 | showClose: true, | ||
574 | message: "请选择持证人", | ||
575 | type: "error", | ||
576 | }); | ||
577 | return false; | ||
615 | } | 578 | } |
616 | }); | 579 | this.ruleForm.qlrList.forEach((item, index) => { |
617 | } | 580 | if (item.zjh == this.czr) { |
618 | } | 581 | item.sfczr = "1"; |
619 | saveData(this.ruleForm).then((res) => { | 582 | } else { |
620 | if (res.code === 200) { | 583 | item.sfczr = "0"; |
621 | this.$message({ | 584 | } |
622 | showClose: true, | 585 | }); |
623 | message: "保存成功!", | 586 | } |
624 | type: "success", | ||
625 | }); | ||
626 | this.$store.dispatch("user/refreshPage", true); | ||
627 | } else { | ||
628 | this.$message({ | ||
629 | showClose: true, | ||
630 | message: res.message, | ||
631 | type: "error", | ||
632 | }); | ||
633 | } | 587 | } |
634 | }); | 588 | saveData(this.ruleForm).then((res) => { |
589 | if (res.code === 200) { | ||
590 | this.$message({ | ||
591 | showClose: true, | ||
592 | message: "保存成功!", | ||
593 | type: "success", | ||
594 | }); | ||
595 | this.$store.dispatch("user/refreshPage", true); | ||
596 | } else { | ||
597 | this.$message({ | ||
598 | showClose: true, | ||
599 | message: res.message, | ||
600 | type: "error", | ||
601 | }); | ||
602 | } | ||
603 | }); | ||
604 | }, | ||
635 | }, | 605 | }, |
636 | }, | 606 | }; |
637 | }; | ||
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; |
689 | margin-bottom: 10px; | 658 | margin-bottom: 10px; |
690 | margin-top: 5px; | 659 | margin-top: 5px; |
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; |
676 | } | ||
707 | } | 677 | } |
708 | } | ||
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> |
... | @@ -111,18 +103,16 @@ | ... | @@ -111,18 +103,16 @@ |
111 | <el-form-item label="取得价格:"> | 103 | <el-form-item label="取得价格:"> |
112 | <div style="display: flex"> | 104 | <div style="display: flex"> |
113 | <el-input | 105 | <el-input |
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,197 +239,197 @@ | ... | @@ -271,197 +239,197 @@ |
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(); |
285 | let that = this; | 253 | let that = this; |
286 | this.$startLoading(); | 254 | this.$startLoading(); |
287 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 255 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
288 | formdata.append("djlx", this.propsParam.djlx); | 256 | formdata.append("djlx", this.propsParam.djlx); |
289 | formdata.append("isEdit", this.viewEdit); | 257 | formdata.append("isEdit", this.viewEdit); |
290 | Init(formdata).then((res) => { | 258 | Init(formdata).then((res) => { |
291 | this.$nextTick(() => { | 259 | this.$nextTick(() => { |
292 | that.ruleForm = res.result; | 260 | that.ruleForm = res.result; |
293 | that.$endLoading(); | 261 | that.$endLoading(); |
294 | that.isShow = true; | 262 | that.isShow = true; |
295 | this.czrOptions = this.ruleForm.qlrList; | 263 | this.czrOptions = this.ruleForm.qlrList; |
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 | } |
269 | }); | ||
301 | }); | 270 | }); |
302 | }); | 271 | }); |
303 | }); | ||
304 | }, | ||
305 | components: { qlrCommonTable, tdytTable }, | ||
306 | computed: { | ||
307 | ...mapGetters(["dictData", "flag"]), | ||
308 | // 根据流程判断表单是否为只读 | ||
309 | editDisabled() { | ||
310 | if (!this.viewEdit) { | ||
311 | //只读状态 | ||
312 | return true; | ||
313 | } | ||
314 | return false; | ||
315 | }, | 272 | }, |
316 | }, | 273 | components: { qlrCommonTable, tdytTable }, |
317 | data() { | 274 | computed: { |
318 | return { | 275 | ...mapGetters(["dictData", "flag"]), |
319 | mjdw: "1", | 276 | // 根据流程判断表单是否为只读 |
320 | //表单是否可操作 | 277 | editDisabled () { |
321 | viewEdit: true, | 278 | if (!this.viewEdit) { |
322 | czr: "", | 279 | //只读状态 |
323 | key: 0, | 280 | return true; |
324 | isShow: false, | 281 | } |
325 | disabled: true, | 282 | return false; |
326 | czrOptions: [], | 283 | }, |
327 | ruleForm: {}, | ||
328 | //传递参数 | ||
329 | propsParam: {}, | ||
330 | rules: {}, | ||
331 | }; | ||
332 | }, | ||
333 | methods: { | ||
334 | /** | ||
335 | * @description: 更新土地用途信息 | ||
336 | * @param {*} val | ||
337 | * @author: renchao | ||
338 | */ | ||
339 | upDateTdytxxList(val) { | ||
340 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
341 | this.key++; | ||
342 | }, | 284 | }, |
343 | // 更新权利人信息 | 285 | data () { |
344 | /** | 286 | return { |
345 | * @description: 更新权利人信息 | 287 | mjdw: "1", |
346 | * @param {*} val | 288 | //表单是否可操作 |
347 | * @author: renchao | 289 | viewEdit: true, |
348 | */ | 290 | czr: "", |
349 | upDateQlrxxList(val) { | 291 | key: 0, |
350 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | 292 | isShow: false, |
351 | this.czrOptions = this.ruleForm.qlrList; | 293 | disabled: true, |
352 | this.key++; | 294 | czrOptions: [], |
295 | ruleForm: {}, | ||
296 | //传递参数 | ||
297 | propsParam: {}, | ||
298 | rules: {}, | ||
299 | }; | ||
353 | }, | 300 | }, |
354 | // 是否持证人变化 | 301 | methods: { |
355 | /** | 302 | /** |
356 | * @description: 是否持证人变化 | 303 | * @description: 更新土地用途信息 |
357 | * @param {*} val | 304 | * @param {*} val |
358 | * @author: renchao | 305 | * @author: renchao |
359 | */ | 306 | */ |
360 | updaterow() { | 307 | upDateTdytxxList (val) { |
308 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
309 | this.key++; | ||
310 | }, | ||
311 | // 更新权利人信息 | ||
312 | /** | ||
313 | * @description: 更新权利人信息 | ||
314 | * @param {*} val | ||
315 | * @author: renchao | ||
316 | */ | ||
317 | upDateQlrxxList (val) { | ||
318 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
319 | this.czrOptions = this.ruleForm.qlrList; | ||
320 | this.key++; | ||
321 | }, | ||
322 | // 是否持证人变化 | ||
323 | /** | ||
324 | * @description: 是否持证人变化 | ||
325 | * @param {*} val | ||
326 | * @author: renchao | ||
327 | */ | ||
328 | updaterow () { | ||
361 | this.czr = ""; | 329 | this.czr = ""; |
362 | }, | 330 | }, |
363 | // 更新义务人信息 | 331 | // 更新义务人信息 |
364 | /** | 332 | /** |
365 | * @description: 更新义务人信息 | 333 | * @description: 更新义务人信息 |
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 | }, |
373 | /** | 341 | /** |
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) { |
381 | this.$message({ | ||
382 | showClose: true, | ||
383 | message: "土地用途不能为空", | ||
384 | type: "error", | ||
385 | }); | ||
386 | return false; | ||
387 | } | ||
388 | if (this.ruleForm.qlrList.length == 0) { | ||
389 | this.$message({ | ||
390 | showClose: true, | ||
391 | message: "请确认权利人信息", | ||
392 | type: "error", | ||
393 | }); | ||
394 | return false; | ||
395 | } | ||
396 | if (this.ruleForm.sldy.gyfs == "0") { | ||
397 | if (this.ruleForm.qlrList.length > 1) { | ||
398 | this.$message({ | 349 | this.$message({ |
399 | showClose: true, | 350 | showClose: true, |
400 | message: "共有方式:单独所有,权利人只能是一个人", | 351 | message: "土地用途不能为空", |
401 | type: "error", | 352 | type: "error", |
402 | }); | 353 | }); |
403 | return false; | 354 | return false; |
404 | } | 355 | } |
405 | this.ruleForm.qlrList[0].sfczr = "1"; | 356 | if (this.ruleForm.qlrList.length == 0) { |
406 | } else { | ||
407 | if (this.ruleForm.qlrList.length <= 1) { | ||
408 | this.$message({ | 357 | this.$message({ |
409 | showClose: true, | 358 | showClose: true, |
410 | message: | 359 | message: "请确认权利人信息", |
411 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
412 | type: "error", | 360 | type: "error", |
413 | }); | 361 | }); |
414 | return false; | 362 | return false; |
415 | } | 363 | } |
416 | //是否分别持证 | 364 | if (this.ruleForm.sldy.gyfs == "0") { |
417 | if (this.ruleForm.sldy.sqfbcz == "1") { | 365 | if (this.ruleForm.qlrList.length > 1) { |
418 | //是 | 366 | this.$message({ |
419 | this.ruleForm.qlrList.forEach((item, index) => { | 367 | showClose: true, |
420 | item.sfczr = "1"; | 368 | message: "共有方式:单独所有,权利人只能是一个人", |
421 | }); | 369 | type: "error", |
370 | }); | ||
371 | return false; | ||
372 | } | ||
373 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
422 | } else { | 374 | } else { |
423 | if (!that.czr) { | 375 | if (this.ruleForm.qlrList.length <= 1) { |
424 | that.$message({ | 376 | this.$message({ |
425 | showClose: true, | 377 | showClose: true, |
426 | message: "请选择持证人", | 378 | message: |
379 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
427 | type: "error", | 380 | type: "error", |
428 | }); | 381 | }); |
429 | return false; | 382 | return false; |
430 | } | 383 | } |
431 | this.ruleForm.qlrList.forEach((item, index) => { | 384 | //是否分别持证 |
432 | if (item.zjh == this.czr) { | 385 | if (this.ruleForm.sldy.sqfbcz == "1") { |
386 | //是 | ||
387 | this.ruleForm.qlrList.forEach((item, index) => { | ||
433 | item.sfczr = "1"; | 388 | item.sfczr = "1"; |
434 | } else { | 389 | }); |
435 | item.sfczr = "0"; | 390 | } else { |
391 | if (!that.czr) { | ||
392 | that.$message({ | ||
393 | showClose: true, | ||
394 | message: "请选择持证人", | ||
395 | type: "error", | ||
396 | }); | ||
397 | return false; | ||
436 | } | 398 | } |
437 | }); | 399 | this.ruleForm.qlrList.forEach((item, index) => { |
438 | } | 400 | if (item.zjh == this.czr) { |
439 | } | 401 | item.sfczr = "1"; |
440 | /** | 402 | } else { |
441 | * @description: saveData | 403 | item.sfczr = "0"; |
442 | * @author: renchao | 404 | } |
443 | */ | 405 | }); |
444 | saveData(this.ruleForm).then((res) => { | 406 | } |
445 | if (res.code === 200) { | ||
446 | this.$message({ | ||
447 | showClose: true, | ||
448 | message: "保存成功!", | ||
449 | type: "success", | ||
450 | }); | ||
451 | this.$store.dispatch("user/refreshPage", true); | ||
452 | } else { | ||
453 | this.$message({ | ||
454 | showClose: true, | ||
455 | message: res.message, | ||
456 | type: "error", | ||
457 | }); | ||
458 | } | 407 | } |
459 | }); | 408 | /** |
409 | * @description: saveData | ||
410 | * @author: renchao | ||
411 | */ | ||
412 | saveData(this.ruleForm).then((res) => { | ||
413 | if (res.code === 200) { | ||
414 | this.$message({ | ||
415 | showClose: true, | ||
416 | message: "保存成功!", | ||
417 | type: "success", | ||
418 | }); | ||
419 | this.$store.dispatch("user/refreshPage", true); | ||
420 | } else { | ||
421 | this.$message({ | ||
422 | showClose: true, | ||
423 | message: res.message, | ||
424 | type: "error", | ||
425 | }); | ||
426 | } | ||
427 | }); | ||
428 | }, | ||
460 | }, | 429 | }, |
461 | }, | 430 | }; |
462 | }; | ||
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,262 +272,262 @@ | ... | @@ -285,262 +272,262 @@ |
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(); |
299 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 286 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
300 | formdata.append("djlx", this.propsParam.djlx); | 287 | formdata.append("djlx", this.propsParam.djlx); |
301 | formdata.append("isEdit", this.viewEdit); | 288 | formdata.append("isEdit", this.viewEdit); |
302 | Init(formdata).then((res) => { | 289 | Init(formdata).then((res) => { |
303 | if (res.code === 200 && res.result) { | 290 | if (res.code === 200 && res.result) { |
304 | this.ruleForm = { | 291 | this.ruleForm = { |
305 | ...res.result, | 292 | ...res.result, |
306 | ...res.result.qlxxdatas, | 293 | ...res.result.qlxxdatas, |
307 | }; | 294 | }; |
308 | this.ruleForm.qlrList.forEach((item) => { | 295 | this.ruleForm.qlrList.forEach((item) => { |
309 | if (item.sfczr == 1) { | 296 | if (item.sfczr == 1) { |
310 | this.czr = item.sqrmc; | 297 | this.czr = item.sqrmc; |
311 | } | 298 | } |
312 | }); | 299 | }); |
313 | //初始化发证方式,1:小证,2:大正 | 300 | //初始化发证方式,1:小证,2:大正 |
314 | this.ruleForm.slsq.fzfs == null | 301 | this.ruleForm.slsq.fzfs == null |
315 | ? (this.ruleForm.slsq.fzfs = "1") | 302 | ? (this.ruleForm.slsq.fzfs = "1") |
316 | : this.ruleForm.slsq.fzfs; | 303 | : this.ruleForm.slsq.fzfs; |
317 | this.czrOptions = this.ruleForm.qlrList; | 304 | this.czrOptions = this.ruleForm.qlrList; |
318 | } | 305 | } |
319 | }); | 306 | }); |
320 | }, | ||
321 | components: { qlrCommonTable, tdytTable }, | ||
322 | computed: { | ||
323 | ...mapGetters(["dictData", "flag"]), | ||
324 | }, | ||
325 | data() { | ||
326 | return { | ||
327 | disabled: true, | ||
328 | tdytOption: [], | ||
329 | czrOptions: [], | ||
330 | czr: "", | ||
331 | ruleForm: { | ||
332 | flow: { | ||
333 | ywh: "", | ||
334 | }, | ||
335 | qlxx: { | ||
336 | mj: "", | ||
337 | }, | ||
338 | sldy: { | ||
339 | gyfs: "", | ||
340 | }, | ||
341 | slsq: {}, | ||
342 | fdcq2: { | ||
343 | zyjzmj: "", | ||
344 | ftjzmj: "", | ||
345 | }, | ||
346 | zdjbxx: { | ||
347 | ghytmc: "", | ||
348 | }, | ||
349 | }, | ||
350 | //传递参数 | ||
351 | propsParam: this.$attrs, | ||
352 | //表单是否可操作 | ||
353 | viewEdit: true, | ||
354 | rules: {}, | ||
355 | }; | ||
356 | }, | ||
357 | methods: { | ||
358 | /** | ||
359 | * @description: 更新土地用途信息 | ||
360 | * @param {*} val | ||
361 | * @author: renchao | ||
362 | */ | ||
363 | upDateTdytxxList(val) { | ||
364 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
365 | }, | ||
366 | // 是否持证人变化 | ||
367 | /** | ||
368 | * @description: 是否持证人变化 | ||
369 | * @param {*} val | ||
370 | * @author: renchao | ||
371 | */ | ||
372 | updaterow() { | ||
373 | this.czr = ""; | ||
374 | }, | 307 | }, |
375 | /** | 308 | components: { qlrCommonTable, tdytTable }, |
376 | * @description: 更新权利人信息 | 309 | computed: { |
377 | * @param {*} val | 310 | ...mapGetters(["dictData", "flag"]), |
378 | * @author: renchao | ||
379 | */ | ||
380 | upDateQlrxxList(val) { | ||
381 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
382 | this.czrOptions = this.ruleForm.qlrList; | ||
383 | this.key++; | ||
384 | }, | 311 | }, |
385 | /** | 312 | data () { |
386 | * @description: 更新业务人信息 | 313 | return { |
387 | * @param {*} val | 314 | disabled: true, |
388 | * @author: renchao | 315 | tdytOption: [], |
389 | */ | 316 | czrOptions: [], |
390 | upDateYwrxxList(val) { | 317 | czr: "", |
391 | this.ruleForm.ywrList = _.cloneDeep(val); | 318 | ruleForm: { |
319 | flow: { | ||
320 | ywh: "", | ||
321 | }, | ||
322 | qlxx: { | ||
323 | mj: "", | ||
324 | }, | ||
325 | sldy: { | ||
326 | gyfs: "", | ||
327 | }, | ||
328 | slsq: {}, | ||
329 | fdcq2: { | ||
330 | zyjzmj: "", | ||
331 | ftjzmj: "", | ||
332 | }, | ||
333 | zdjbxx: { | ||
334 | ghytmc: "", | ||
335 | }, | ||
336 | }, | ||
337 | //传递参数 | ||
338 | propsParam: this.$attrs, | ||
339 | //表单是否可操作 | ||
340 | viewEdit: true, | ||
341 | rules: {}, | ||
342 | }; | ||
392 | }, | 343 | }, |
393 | /** | 344 | methods: { |
394 | * @description: onSubmit | 345 | /** |
395 | * @author: renchao | 346 | * @description: 更新土地用途信息 |
396 | */ | 347 | * @param {*} val |
397 | onSubmit() { | 348 | * @author: renchao |
398 | let that = this; | 349 | */ |
399 | if (this.ruleForm.qlrList.length == 0) { | 350 | upDateTdytxxList (val) { |
400 | this.$message({ | 351 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
401 | showClose: true, | 352 | }, |
402 | message: "请确认权利人信息", | 353 | // 是否持证人变化 |
403 | type: "error", | 354 | /** |
404 | }); | 355 | * @description: 是否持证人变化 |
405 | return false; | 356 | * @param {*} val |
406 | } | 357 | * @author: renchao |
407 | 358 | */ | |
408 | if (this.ruleForm.sldy.gyfs == "0") { | 359 | updaterow () { |
409 | if (this.ruleForm.qlrList.length > 1) { | 360 | this.czr = ""; |
410 | this.$message({ | 361 | }, |
411 | showClose: true, | 362 | /** |
412 | message: "共有方式:单独所有,权利人只能是一个人", | 363 | * @description: 更新权利人信息 |
413 | type: "error", | 364 | * @param {*} val |
414 | }); | 365 | * @author: renchao |
415 | return false; | 366 | */ |
416 | } | 367 | upDateQlrxxList (val) { |
417 | this.ruleForm.qlrList[0].sfczr = "1"; | 368 | this.ruleForm.qlrList = _.cloneDeep(val); |
418 | } else { | 369 | this.czrOptions = this.ruleForm.qlrList; |
419 | if (this.ruleForm.qlrList.length <= 1) { | 370 | this.key++; |
371 | }, | ||
372 | /** | ||
373 | * @description: 更新业务人信息 | ||
374 | * @param {*} val | ||
375 | * @author: renchao | ||
376 | */ | ||
377 | upDateYwrxxList (val) { | ||
378 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
379 | }, | ||
380 | /** | ||
381 | * @description: onSubmit | ||
382 | * @author: renchao | ||
383 | */ | ||
384 | onSubmit () { | ||
385 | let that = this; | ||
386 | if (this.ruleForm.qlrList.length == 0) { | ||
420 | this.$message({ | 387 | this.$message({ |
421 | showClose: true, | 388 | showClose: true, |
422 | message: | 389 | message: "请确认权利人信息", |
423 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
424 | type: "error", | 390 | type: "error", |
425 | }); | 391 | }); |
426 | return false; | 392 | return false; |
427 | } | 393 | } |
428 | //是否分别持证 | 394 | |
429 | if (this.ruleForm.sldy.sqfbcz == "1") { | 395 | if (this.ruleForm.sldy.gyfs == "0") { |
430 | //是 | 396 | if (this.ruleForm.qlrList.length > 1) { |
431 | this.ruleForm.qlrList.forEach((item, index) => { | 397 | this.$message({ |
432 | item.sfczr = "1"; | 398 | showClose: true, |
433 | }); | 399 | message: "共有方式:单独所有,权利人只能是一个人", |
400 | type: "error", | ||
401 | }); | ||
402 | return false; | ||
403 | } | ||
404 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
434 | } else { | 405 | } else { |
435 | if (!that.czr) { | 406 | if (this.ruleForm.qlrList.length <= 1) { |
436 | that.$message({ | 407 | this.$message({ |
437 | showClose: true, | 408 | showClose: true, |
438 | message: "请选择持证人", | 409 | message: |
410 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
439 | type: "error", | 411 | type: "error", |
440 | }); | 412 | }); |
441 | return false; | 413 | return false; |
442 | } | 414 | } |
443 | this.ruleForm.qlrList.forEach((item, index) => { | 415 | //是否分别持证 |
444 | if (item.zjh == this.czr) { | 416 | if (this.ruleForm.sldy.sqfbcz == "1") { |
417 | //是 | ||
418 | this.ruleForm.qlrList.forEach((item, index) => { | ||
445 | item.sfczr = "1"; | 419 | item.sfczr = "1"; |
446 | } else { | 420 | }); |
447 | item.sfczr = "0"; | 421 | } else { |
422 | if (!that.czr) { | ||
423 | that.$message({ | ||
424 | showClose: true, | ||
425 | message: "请选择持证人", | ||
426 | type: "error", | ||
427 | }); | ||
428 | return false; | ||
448 | } | 429 | } |
449 | }); | 430 | this.ruleForm.qlrList.forEach((item, index) => { |
450 | } | 431 | if (item.zjh == this.czr) { |
451 | } | 432 | item.sfczr = "1"; |
452 | saveData(this.ruleForm).then((res) => { | 433 | } else { |
453 | if (res.code === 200) { | 434 | item.sfczr = "0"; |
454 | this.$message({ | 435 | } |
455 | showClose: true, | 436 | }); |
456 | message: "保存成功!", | 437 | } |
457 | type: "success", | ||
458 | }); | ||
459 | this.$store.dispatch("user/refreshPage", true); | ||
460 | } else { | ||
461 | this.$message({ | ||
462 | showClose: true, | ||
463 | message: res.message, | ||
464 | type: "error", | ||
465 | }); | ||
466 | } | 438 | } |
467 | }); | 439 | saveData(this.ruleForm).then((res) => { |
440 | if (res.code === 200) { | ||
441 | this.$message({ | ||
442 | showClose: true, | ||
443 | message: "保存成功!", | ||
444 | type: "success", | ||
445 | }); | ||
446 | this.$store.dispatch("user/refreshPage", true); | ||
447 | } else { | ||
448 | this.$message({ | ||
449 | showClose: true, | ||
450 | message: res.message, | ||
451 | type: "error", | ||
452 | }); | ||
453 | } | ||
454 | }); | ||
455 | }, | ||
468 | }, | 456 | }, |
469 | }, | 457 | }; |
470 | }; | ||
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; |
522 | margin-bottom: 10px; | 509 | margin-bottom: 10px; |
523 | margin-top: 5px; | 510 | margin-top: 5px; |
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; |
527 | } | ||
540 | } | 528 | } |
541 | } | ||
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,262 +272,262 @@ | ... | @@ -285,262 +272,262 @@ |
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(); |
299 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 286 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
300 | formdata.append("djlx", this.propsParam.djlx); | 287 | formdata.append("djlx", this.propsParam.djlx); |
301 | formdata.append("isEdit", this.viewEdit); | 288 | formdata.append("isEdit", this.viewEdit); |
302 | Init(formdata).then((res) => { | 289 | Init(formdata).then((res) => { |
303 | if (res.code === 200 && res.result) { | 290 | if (res.code === 200 && res.result) { |
304 | this.ruleForm = { | 291 | this.ruleForm = { |
305 | ...res.result, | 292 | ...res.result, |
306 | ...res.result.qlxxdatas, | 293 | ...res.result.qlxxdatas, |
307 | }; | 294 | }; |
308 | this.ruleForm.qlrList.forEach((item) => { | 295 | this.ruleForm.qlrList.forEach((item) => { |
309 | if (item.sfczr == 1) { | 296 | if (item.sfczr == 1) { |
310 | this.czr = item.sqrmc; | 297 | this.czr = item.sqrmc; |
311 | } | 298 | } |
312 | }); | 299 | }); |
313 | //初始化发证方式,1:小证,2:大正 | 300 | //初始化发证方式,1:小证,2:大正 |
314 | this.ruleForm.slsq.fzfs == null | 301 | this.ruleForm.slsq.fzfs == null |
315 | ? (this.ruleForm.slsq.fzfs = "1") | 302 | ? (this.ruleForm.slsq.fzfs = "1") |
316 | : this.ruleForm.slsq.fzfs; | 303 | : this.ruleForm.slsq.fzfs; |
317 | this.czrOptions = this.ruleForm.qlrList; | 304 | this.czrOptions = this.ruleForm.qlrList; |
318 | } | 305 | } |
319 | }); | 306 | }); |
320 | }, | ||
321 | components: { qlrCommonTable, tdytTable }, | ||
322 | computed: { | ||
323 | ...mapGetters(["dictData", "flag"]), | ||
324 | }, | ||
325 | data() { | ||
326 | return { | ||
327 | disabled: true, | ||
328 | tdytOption: [], | ||
329 | czrOptions: [], | ||
330 | czr: "", | ||
331 | ruleForm: { | ||
332 | flow: { | ||
333 | ywh: "", | ||
334 | }, | ||
335 | qlxx: { | ||
336 | mj: "", | ||
337 | }, | ||
338 | sldy: { | ||
339 | gyfs: "", | ||
340 | }, | ||
341 | slsq: {}, | ||
342 | fdcq2: { | ||
343 | zyjzmj: "", | ||
344 | ftjzmj: "", | ||
345 | }, | ||
346 | zdjbxx: { | ||
347 | ghytmc: "", | ||
348 | }, | ||
349 | }, | ||
350 | //传递参数 | ||
351 | propsParam: this.$attrs, | ||
352 | //表单是否可操作 | ||
353 | viewEdit: true, | ||
354 | rules: {}, | ||
355 | }; | ||
356 | }, | ||
357 | methods: { | ||
358 | /** | ||
359 | * @description: 更新土地用途信息 | ||
360 | * @param {*} val | ||
361 | * @author: renchao | ||
362 | */ | ||
363 | upDateTdytxxList(val) { | ||
364 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
365 | }, | ||
366 | /** | ||
367 | * @description: 更新权利人信息 | ||
368 | * @param {*} val | ||
369 | * @author: renchao | ||
370 | */ | ||
371 | upDateQlrxxList(val) { | ||
372 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
373 | this.czrOptions = this.ruleForm.qlrList; | ||
374 | this.key++; | ||
375 | }, | 307 | }, |
376 | // 是否持证人变化 | 308 | components: { qlrCommonTable, tdytTable }, |
377 | /** | 309 | computed: { |
378 | * @description: 是否持证人变化 | 310 | ...mapGetters(["dictData", "flag"]), |
379 | * @param {*} val | ||
380 | * @author: renchao | ||
381 | */ | ||
382 | updaterow() { | ||
383 | this.czr = ""; | ||
384 | }, | 311 | }, |
385 | /** | 312 | data () { |
386 | * @description: 更新业务人信息 | 313 | return { |
387 | * @param {*} val | 314 | disabled: true, |
388 | * @author: renchao | 315 | tdytOption: [], |
389 | */ | 316 | czrOptions: [], |
390 | upDateYwrxxList(val) { | 317 | czr: "", |
391 | this.ruleForm.ywrList = _.cloneDeep(val); | 318 | ruleForm: { |
319 | flow: { | ||
320 | ywh: "", | ||
321 | }, | ||
322 | qlxx: { | ||
323 | mj: "", | ||
324 | }, | ||
325 | sldy: { | ||
326 | gyfs: "", | ||
327 | }, | ||
328 | slsq: {}, | ||
329 | fdcq2: { | ||
330 | zyjzmj: "", | ||
331 | ftjzmj: "", | ||
332 | }, | ||
333 | zdjbxx: { | ||
334 | ghytmc: "", | ||
335 | }, | ||
336 | }, | ||
337 | //传递参数 | ||
338 | propsParam: this.$attrs, | ||
339 | //表单是否可操作 | ||
340 | viewEdit: true, | ||
341 | rules: {}, | ||
342 | }; | ||
392 | }, | 343 | }, |
393 | /** | 344 | methods: { |
394 | * @description: onSubmit | 345 | /** |
395 | * @author: renchao | 346 | * @description: 更新土地用途信息 |
396 | */ | 347 | * @param {*} val |
397 | onSubmit() { | 348 | * @author: renchao |
398 | let that = this; | 349 | */ |
399 | if (this.ruleForm.qlrList.length == 0) { | 350 | upDateTdytxxList (val) { |
400 | this.$message({ | 351 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
401 | showClose: true, | 352 | }, |
402 | message: "请确认权利人信息", | 353 | /** |
403 | type: "error", | 354 | * @description: 更新权利人信息 |
404 | }); | 355 | * @param {*} val |
405 | return false; | 356 | * @author: renchao |
406 | } | 357 | */ |
407 | 358 | upDateQlrxxList (val) { | |
408 | if (this.ruleForm.sldy.gyfs == "0") { | 359 | this.ruleForm.qlrList = _.cloneDeep(val); |
409 | if (this.ruleForm.qlrList.length > 1) { | 360 | this.czrOptions = this.ruleForm.qlrList; |
410 | this.$message({ | 361 | this.key++; |
411 | showClose: true, | 362 | }, |
412 | message: "共有方式:单独所有,权利人只能是一个人", | 363 | // 是否持证人变化 |
413 | type: "error", | 364 | /** |
414 | }); | 365 | * @description: 是否持证人变化 |
415 | return false; | 366 | * @param {*} val |
416 | } | 367 | * @author: renchao |
417 | this.ruleForm.qlrList[0].sfczr = "1"; | 368 | */ |
418 | } else { | 369 | updaterow () { |
419 | if (this.ruleForm.qlrList.length <= 1) { | 370 | this.czr = ""; |
371 | }, | ||
372 | /** | ||
373 | * @description: 更新业务人信息 | ||
374 | * @param {*} val | ||
375 | * @author: renchao | ||
376 | */ | ||
377 | upDateYwrxxList (val) { | ||
378 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
379 | }, | ||
380 | /** | ||
381 | * @description: onSubmit | ||
382 | * @author: renchao | ||
383 | */ | ||
384 | onSubmit () { | ||
385 | let that = this; | ||
386 | if (this.ruleForm.qlrList.length == 0) { | ||
420 | this.$message({ | 387 | this.$message({ |
421 | showClose: true, | 388 | showClose: true, |
422 | message: | 389 | message: "请确认权利人信息", |
423 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
424 | type: "error", | 390 | type: "error", |
425 | }); | 391 | }); |
426 | return false; | 392 | return false; |
427 | } | 393 | } |
428 | //是否分别持证 | 394 | |
429 | if (this.ruleForm.sldy.sqfbcz == "1") { | 395 | if (this.ruleForm.sldy.gyfs == "0") { |
430 | //是 | 396 | if (this.ruleForm.qlrList.length > 1) { |
431 | this.ruleForm.qlrList.forEach((item, index) => { | 397 | this.$message({ |
432 | item.sfczr = "1"; | 398 | showClose: true, |
433 | }); | 399 | message: "共有方式:单独所有,权利人只能是一个人", |
400 | type: "error", | ||
401 | }); | ||
402 | return false; | ||
403 | } | ||
404 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
434 | } else { | 405 | } else { |
435 | if (!that.czr) { | 406 | if (this.ruleForm.qlrList.length <= 1) { |
436 | that.$message({ | 407 | this.$message({ |
437 | showClose: true, | 408 | showClose: true, |
438 | message: "请选择持证人", | 409 | message: |
410 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
439 | type: "error", | 411 | type: "error", |
440 | }); | 412 | }); |
441 | return false; | 413 | return false; |
442 | } | 414 | } |
443 | this.ruleForm.qlrList.forEach((item, index) => { | 415 | //是否分别持证 |
444 | if (item.zjh == this.czr) { | 416 | if (this.ruleForm.sldy.sqfbcz == "1") { |
417 | //是 | ||
418 | this.ruleForm.qlrList.forEach((item, index) => { | ||
445 | item.sfczr = "1"; | 419 | item.sfczr = "1"; |
446 | } else { | 420 | }); |
447 | item.sfczr = "0"; | 421 | } else { |
422 | if (!that.czr) { | ||
423 | that.$message({ | ||
424 | showClose: true, | ||
425 | message: "请选择持证人", | ||
426 | type: "error", | ||
427 | }); | ||
428 | return false; | ||
448 | } | 429 | } |
449 | }); | 430 | this.ruleForm.qlrList.forEach((item, index) => { |
450 | } | 431 | if (item.zjh == this.czr) { |
451 | } | 432 | item.sfczr = "1"; |
452 | saveData(this.ruleForm).then((res) => { | 433 | } else { |
453 | if (res.code === 200) { | 434 | item.sfczr = "0"; |
454 | this.$message({ | 435 | } |
455 | showClose: true, | 436 | }); |
456 | message: "保存成功!", | 437 | } |
457 | type: "success", | ||
458 | }); | ||
459 | this.$store.dispatch("user/refreshPage", true); | ||
460 | } else { | ||
461 | this.$message({ | ||
462 | showClose: true, | ||
463 | message: res.message, | ||
464 | type: "error", | ||
465 | }); | ||
466 | } | 438 | } |
467 | }); | 439 | saveData(this.ruleForm).then((res) => { |
440 | if (res.code === 200) { | ||
441 | this.$message({ | ||
442 | showClose: true, | ||
443 | message: "保存成功!", | ||
444 | type: "success", | ||
445 | }); | ||
446 | this.$store.dispatch("user/refreshPage", true); | ||
447 | } else { | ||
448 | this.$message({ | ||
449 | showClose: true, | ||
450 | message: res.message, | ||
451 | type: "error", | ||
452 | }); | ||
453 | } | ||
454 | }); | ||
455 | }, | ||
468 | }, | 456 | }, |
469 | }, | 457 | }; |
470 | }; | ||
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; |
522 | margin-bottom: 10px; | 509 | margin-bottom: 10px; |
523 | margin-top: 5px; | 510 | margin-top: 5px; |
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; |
527 | } | ||
540 | } | 528 | } |
541 | } | ||
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