270a2f66 by xiaomiao

Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

2 parents 58582029 e561d58c
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-22 16:27:52 4 * @LastEditTime: 2023-08-25 09:50:48
5 :show-message="false" 5 :show-message="false"
6 --> 6 -->
7 <template> 7 <template>
......
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>
......