Merge remote-tracking branch 'origin/master'
Showing
11 changed files
with
345 additions
and
100 deletions
... | @@ -51,8 +51,8 @@ | ... | @@ -51,8 +51,8 @@ |
51 | @click="handleInClick(index, childIndex, 'minus')" | 51 | @click="handleInClick(index, childIndex, 'minus')" |
52 | >-</el-button | 52 | >-</el-button |
53 | > | 53 | > |
54 | <!-- </template> --> | ||
55 | </el-col> | 54 | </el-col> |
55 | <template v-if="hasSyqx"> | ||
56 | <el-col | 56 | <el-col |
57 | :span="3" | 57 | :span="3" |
58 | :key="childIndex + '7'" | 58 | :key="childIndex + '7'" |
... | @@ -230,6 +230,116 @@ | ... | @@ -230,6 +230,116 @@ |
230 | </ul> | 230 | </ul> |
231 | </el-col> | 231 | </el-col> |
232 | </template> | 232 | </template> |
233 | <template v-if="!hasSyqx"> | ||
234 | <el-col | ||
235 | :span="5" | ||
236 | :key="childIndex + '7'" | ||
237 | :class="childIndex > 0 ? 'childYT' : ''" | ||
238 | > | ||
239 | <ul> | ||
240 | <li>批准用途</li> | ||
241 | <li>实际用途</li> | ||
242 | <li>土地使用起始时间<i class="requisite">*</i></li> | ||
243 | </ul> | ||
244 | </el-col> | ||
245 | <el-col | ||
246 | :span="5" | ||
247 | :key="childIndex + '6'" | ||
248 | :class="childIndex > 0 ? 'childYT' : ''" | ||
249 | > | ||
250 | <ul> | ||
251 | <li> | ||
252 | <el-select-tree | ||
253 | v-if="show" | ||
254 | :default-expand-all="defaultExpandAll" | ||
255 | :multiple="multiple" | ||
256 | :placeholder="placeholder" | ||
257 | :disabled="disabled" | ||
258 | :data="$store.state.tdytList" | ||
259 | :props="treeProps" | ||
260 | :check-strictly="checkStrictly" | ||
261 | :clearable="clearable" | ||
262 | v-model="childItem.pzytdm" | ||
263 | ></el-select-tree> | ||
264 | </li> | ||
265 | <li> | ||
266 | <el-select-tree | ||
267 | v-if="show" | ||
268 | :default-expand-all="defaultExpandAll" | ||
269 | :multiple="multiple" | ||
270 | :placeholder="placeholder" | ||
271 | :disabled="disabled" | ||
272 | :data="$store.state.tdytList" | ||
273 | :props="treeProps" | ||
274 | :check-strictly="checkStrictly" | ||
275 | :clearable="clearable" | ||
276 | v-model="childItem.sjytdm" | ||
277 | ></el-select-tree> | ||
278 | </li> | ||
279 | <li> | ||
280 | <el-date-picker | ||
281 | v-model="childItem.tdsyqssj" | ||
282 | ref="tdsyqssj" | ||
283 | :picker-options="childItem.pickerStart" | ||
284 | type="date" | ||
285 | value-format="yyyy-MM-dd" | ||
286 | placeholder="选择日期" | ||
287 | @input="startTime(index,childIndex)" | ||
288 | > | ||
289 | </el-date-picker> | ||
290 | </li> | ||
291 | </ul> | ||
292 | </el-col> | ||
293 | <el-col | ||
294 | :span="5" | ||
295 | :key="childIndex + '5'" | ||
296 | :class="childIndex > 0 ? 'childYT' : ''" | ||
297 | > | ||
298 | <ul> | ||
299 | <li>地类编码</li> | ||
300 | <li>地类编码</li> | ||
301 | <li>土地使用结束时间<i class="requisite">*</i></li> | ||
302 | </ul> | ||
303 | </el-col> | ||
304 | <el-col | ||
305 | :span="5" | ||
306 | :key="childIndex + '4'" | ||
307 | :class="childIndex > 0 ? 'childYT' : ''" | ||
308 | > | ||
309 | <ul> | ||
310 | <li> | ||
311 | <input | ||
312 | type="text" | ||
313 | style="top: -1px;" | ||
314 | |||
315 | v-model="childItem.pzytdm" | ||
316 | class="formInput" | ||
317 | /> | ||
318 | </li> | ||
319 | <li> | ||
320 | <input | ||
321 | type="text" | ||
322 | |||
323 | v-model="childItem.sjytdm" | ||
324 | class="formInput" | ||
325 | /> | ||
326 | </li> | ||
327 | <li> | ||
328 | <el-date-picker | ||
329 | v-model="childItem.tdsyjssj" | ||
330 | ref="tdsyjssj" | ||
331 | type="date" | ||
332 | value-format="yyyy-MM-dd" | ||
333 | :picker-options="childItem.pickerEnd" | ||
334 | placeholder="选择日期" | ||
335 | @input="endTime(index,childIndex)" | ||
336 | > | ||
337 | </el-date-picker> | ||
338 | </li> | ||
339 | </ul> | ||
340 | </el-col> | ||
341 | </template> | ||
342 | </template> | ||
233 | 343 | ||
234 | <div class="title"> | 344 | <div class="title"> |
235 | <el-select-tree | 345 | <el-select-tree |
... | @@ -260,6 +370,10 @@ export default { | ... | @@ -260,6 +370,10 @@ export default { |
260 | return {}; | 370 | return {}; |
261 | }, | 371 | }, |
262 | }, | 372 | }, |
373 | hasSyqx:{ | ||
374 | type:Boolean, | ||
375 | default:false | ||
376 | } | ||
263 | }, | 377 | }, |
264 | data() { | 378 | data() { |
265 | return { | 379 | return { |
... | @@ -348,7 +462,6 @@ export default { | ... | @@ -348,7 +462,6 @@ export default { |
348 | this.countList[index].list[childIndex].tdsyjssj = Number(startTime.substring(0,4))+Number(syqx)+startTime.slice(4,10); | 462 | this.countList[index].list[childIndex].tdsyjssj = Number(startTime.substring(0,4))+Number(syqx)+startTime.slice(4,10); |
349 | }, | 463 | }, |
350 | endTime(index,childIndex,e){ | 464 | endTime(index,childIndex,e){ |
351 | console.log(e,'eeeeee'); | ||
352 | let startTime = this.countList[index].list[childIndex].tdsyqssj; | 465 | let startTime = this.countList[index].list[childIndex].tdsyqssj; |
353 | let endTime = this.countList[index].list[childIndex].tdsyjssj; | 466 | let endTime = this.countList[index].list[childIndex].tdsyjssj; |
354 | this.countList[index].list[childIndex].pickerStart={ | 467 | this.countList[index].list[childIndex].pickerStart={ |
... | @@ -479,13 +592,6 @@ export default { | ... | @@ -479,13 +592,6 @@ export default { |
479 | rule: /^\s*$/g, //非空 | 592 | rule: /^\s*$/g, //非空 |
480 | }, | 593 | }, |
481 | { | 594 | { |
482 | data:item.list[ind].syqx, | ||
483 | name:'使用期限', | ||
484 | dom:this.$refs.syqx[temp+ind], | ||
485 | // val:this.$refs.syqx[temp+ind].value, | ||
486 | rule: /^\s*$/g, //非空 | ||
487 | }, | ||
488 | { | ||
489 | data:item.list[ind].tdsyjssj, | 595 | data:item.list[ind].tdsyjssj, |
490 | name:'土地使用结束时间', | 596 | name:'土地使用结束时间', |
491 | dom:this.$refs.tdsyjssj[temp+ind], | 597 | dom:this.$refs.tdsyjssj[temp+ind], |
... | @@ -496,6 +602,17 @@ export default { | ... | @@ -496,6 +602,17 @@ export default { |
496 | if (ind == item.list.length-1) { | 602 | if (ind == item.list.length-1) { |
497 | temp += item.list.length; | 603 | temp += item.list.length; |
498 | } | 604 | } |
605 | if(this.hasSyqx){ | ||
606 | rules.push( | ||
607 | { | ||
608 | data:item.list[ind].syqx, | ||
609 | name:'使用期限', | ||
610 | dom:this.$refs.syqx[temp+ind], | ||
611 | // val:this.$refs.syqx[temp+ind].value, | ||
612 | rule: /^\s*$/g, //非空 | ||
613 | } | ||
614 | ) | ||
615 | } | ||
499 | }) | 616 | }) |
500 | }) | 617 | }) |
501 | this.rulesResult = true; | 618 | this.rulesResult = true; |
... | @@ -503,8 +620,10 @@ export default { | ... | @@ -503,8 +620,10 @@ export default { |
503 | if(item.rule.test(item.data) || item.data == null){ | 620 | if(item.rule.test(item.data) || item.data == null){ |
504 | if(item.dom.$el){ | 621 | if(item.dom.$el){ |
505 | item.dom.$el.style.border = '1px solid red'; | 622 | item.dom.$el.style.border = '1px solid red'; |
623 | item.dom.$el.style.boxSizing = 'border-box'; | ||
506 | }else{ | 624 | }else{ |
507 | item.dom.style.border = '1px solid red'; | 625 | item.dom.style.border = '1px solid red'; |
626 | item.dom.style.boxSizing = 'border-box'; | ||
508 | } | 627 | } |
509 | // this.$message({ | 628 | // this.$message({ |
510 | // // message: item.name+'不能为空', | 629 | // // message: item.name+'不能为空', |
... | @@ -526,12 +645,14 @@ export default { | ... | @@ -526,12 +645,14 @@ export default { |
526 | e.$el.style.border="" | 645 | e.$el.style.border="" |
527 | }else{ | 646 | }else{ |
528 | e.$el.style.border="1px solid red" | 647 | e.$el.style.border="1px solid red" |
648 | e.$el.style.boxSizing = 'border-box'; | ||
529 | } | 649 | } |
530 | }else{ | 650 | }else{ |
531 | if(e.target.value!=''){ | 651 | if(e.target.value!=''){ |
532 | e.target.style.border="" | 652 | e.target.style.border="" |
533 | }else{ | 653 | }else{ |
534 | e.target.style.border="1px solid red" | 654 | e.target.style.border="1px solid red" |
655 | e.target.style.boxSizing = 'border-box'; | ||
535 | } | 656 | } |
536 | } | 657 | } |
537 | }, | 658 | }, | ... | ... |
... | @@ -101,9 +101,11 @@ | ... | @@ -101,9 +101,11 @@ |
101 | <li> | 101 | <li> |
102 | <el-date-picker | 102 | <el-date-picker |
103 | v-model="childItem.tdsyqssj" | 103 | v-model="childItem.tdsyqssj" |
104 | :picker-options="childItem.pickerStart" | ||
104 | type="date" | 105 | type="date" |
105 | value-format="yyyy-MM-dd" | 106 | value-format="yyyy-MM-dd" |
106 | placeholder="选择日期" | 107 | placeholder="选择日期" |
108 | @input="startTime(index,childIndex)" | ||
107 | > | 109 | > |
108 | </el-date-picker> | 110 | </el-date-picker> |
109 | </li> | 111 | </li> |
... | @@ -148,7 +150,9 @@ | ... | @@ -148,7 +150,9 @@ |
148 | v-model="childItem.tdsyjssj" | 150 | v-model="childItem.tdsyjssj" |
149 | type="date" | 151 | type="date" |
150 | value-format="yyyy-MM-dd" | 152 | value-format="yyyy-MM-dd" |
153 | :picker-options="childItem.pickerEnd" | ||
151 | placeholder="选择日期" | 154 | placeholder="选择日期" |
155 | @input="endTime(index,childIndex)" | ||
152 | > | 156 | > |
153 | </el-date-picker> | 157 | </el-date-picker> |
154 | </li> | 158 | </li> |
... | @@ -221,6 +225,8 @@ export default { | ... | @@ -221,6 +225,8 @@ export default { |
221 | syqx: "", | 225 | syqx: "", |
222 | tdsyjssj: "", | 226 | tdsyjssj: "", |
223 | tdsyqssj: "", | 227 | tdsyqssj: "", |
228 | pickerStart:{}, | ||
229 | pickerEnd:{}, | ||
224 | tdzh: "", | 230 | tdzh: "", |
225 | }, | 231 | }, |
226 | ], | 232 | ], |
... | @@ -317,6 +323,42 @@ export default { | ... | @@ -317,6 +323,42 @@ export default { |
317 | getQlxzDataList() { | 323 | getQlxzDataList() { |
318 | return this.countList; | 324 | return this.countList; |
319 | }, | 325 | }, |
326 | //起始时间判断 | ||
327 | startTime(index,childIndex){ | ||
328 | let startTime= this.countList[index].list[childIndex].tdsyqssj; | ||
329 | let endTime=this.countList[index].list[childIndex].tdsyjssj; | ||
330 | this.countList[index].list[childIndex].pickerEnd={ | ||
331 | disabledDate: (time) => { | ||
332 | if (Object.keys(startTime).length>0) { | ||
333 | return new Date(startTime).getTime()>time.getTime(); | ||
334 | }else { | ||
335 | return time.getTime()< Date.now(); | ||
336 | } | ||
337 | } | ||
338 | } | ||
339 | if (Object.keys(startTime).length > 0 && Object.keys(endTime).length > 0) { | ||
340 | let startYear= new Date(startTime).getFullYear(); | ||
341 | let endYear=new Date(endTime).getFullYear(); | ||
342 | } | ||
343 | }, | ||
344 | endTime(index,childIndex,e){ | ||
345 | console.log(e,'eeeeee'); | ||
346 | let startTime = this.countList[index].list[childIndex].tdsyqssj; | ||
347 | let endTime = this.countList[index].list[childIndex].tdsyjssj; | ||
348 | this.countList[index].list[childIndex].pickerStart={ | ||
349 | disabledDate: (time) => { | ||
350 | if (Object.keys(endTime).length>0) { | ||
351 | return new Date(endTime).getTime()<time.getTime(); | ||
352 | }else { | ||
353 | return time.getTime() > Date.now(); | ||
354 | } | ||
355 | } | ||
356 | } | ||
357 | if (Object.keys(startTime).length > 0 && Object.keys(endTime).length > 0) { | ||
358 | let startYear= new Date(startTime).getFullYear(); | ||
359 | let endYear=new Date(endTime).getFullYear(); | ||
360 | } | ||
361 | }, | ||
320 | }, | 362 | }, |
321 | }; | 363 | }; |
322 | </script> | 364 | </script> | ... | ... |
... | @@ -187,7 +187,7 @@ | ... | @@ -187,7 +187,7 @@ |
187 | 187 | ||
188 | <tr> | 188 | <tr> |
189 | <td colspan="12" rowspan="4" align="center"> | 189 | <td colspan="12" rowspan="4" align="center"> |
190 | <Qlxz ref="qlxzModule"></Qlxz> | 190 | <Qlxz ref="qlxzModule" :hasSyqx='false'></Qlxz> |
191 | </td> | 191 | </td> |
192 | </tr> | 192 | </tr> |
193 | <tr></tr> | 193 | <tr></tr> |
... | @@ -218,7 +218,7 @@ | ... | @@ -218,7 +218,7 @@ |
218 | </template> | 218 | </template> |
219 | 219 | ||
220 | <script> | 220 | <script> |
221 | import Qlxz from "./../../components/formMenu/qlxz_simple"; | 221 | import Qlxz from "./../../components/formMenu/qlxz"; |
222 | import {batchUpdateQjH} from "../../api/h"; | 222 | import {batchUpdateQjH} from "../../api/h"; |
223 | export default { | 223 | export default { |
224 | name: "plH", | 224 | name: "plH", | ... | ... |
... | @@ -3,14 +3,60 @@ | ... | @@ -3,14 +3,60 @@ |
3 | <el-dialog | 3 | <el-dialog |
4 | title="新增" | 4 | title="新增" |
5 | :visible.sync="isVisible" | 5 | :visible.sync="isVisible" |
6 | width="50%" | 6 | width="70%" |
7 | @close="close" | 7 | @close="close" |
8 | :modal-append-to-body="false" | 8 | :modal-append-to-body="false" |
9 | center> | 9 | center> |
10 | <div class="search"> | 10 | <div class="search"> |
11 | <el-button type="primary" @click="search">查询</el-button> | 11 | <!-- <el-button type="primary" @click="search">查询</el-button> |
12 | <el-button type="primary" @click="result">重置</el-button> | 12 | <el-button type="primary" @click="result">重置</el-button> --> |
13 | <el-row :gutter="10" class="shop"> | 13 | |
14 | <el-row> | ||
15 | <el-col :span="24"> | ||
16 | <el-form :inline="true" class="demo-form-inline"> | ||
17 | <el-form-item label="宗地编码"> | ||
18 | <el-input | ||
19 | v-model="queryData.zddm" | ||
20 | placeholder="输入宗地编码" | ||
21 | ></el-input> | ||
22 | </el-form-item> | ||
23 | <el-form-item label="不动产权证号"> | ||
24 | <el-input | ||
25 | v-model="queryData.bdcqzh" | ||
26 | placeholder="输入不动产权证号" | ||
27 | ></el-input> | ||
28 | </el-form-item> | ||
29 | <el-form-item label="不动产单元号"> | ||
30 | <el-input | ||
31 | maxlength="28" | ||
32 | v-model="queryData.bdcdyh" | ||
33 | placeholder="输入不动产单元号" | ||
34 | ></el-input> | ||
35 | </el-form-item> | ||
36 | <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button> | ||
37 | <el-button type="warning" @click="reset">重置</el-button> | ||
38 | </el-form> | ||
39 | </el-col> | ||
40 | </el-row> | ||
41 | <el-row> | ||
42 | <el-col :span="24"> | ||
43 | <el-form :inline="true" class="demo-form-inline"> | ||
44 | <el-form-item label="权利人"> | ||
45 | <el-input | ||
46 | v-model="queryData.qlrmc" | ||
47 | placeholder="输入权利人" | ||
48 | ></el-input> | ||
49 | </el-form-item> | ||
50 | <el-form-item label="坐落"> | ||
51 | <el-input | ||
52 | v-model="queryData.zl" | ||
53 | placeholder="输入坐落" | ||
54 | ></el-input> | ||
55 | </el-form-item> | ||
56 | </el-form> | ||
57 | </el-col> | ||
58 | </el-row> | ||
59 | <!-- <el-row :gutter="10" class="shop"> | ||
14 | <el-col :span="4" class="inputtitle"> | 60 | <el-col :span="4" class="inputtitle"> |
15 | 宗地编码: | 61 | 宗地编码: |
16 | </el-col> | 62 | </el-col> |
... | @@ -23,10 +69,10 @@ | ... | @@ -23,10 +69,10 @@ |
23 | <el-col :span="8" class=""> | 69 | <el-col :span="8" class=""> |
24 | <el-input v-model="queryData.bdcqzh"></el-input> | 70 | <el-input v-model="queryData.bdcqzh"></el-input> |
25 | </el-col> | 71 | </el-col> |
26 | </el-row> | 72 | </el-row> --> |
27 | <el-row :gutter="10"> | 73 | <!-- <el-row :gutter="10"> |
28 | <el-col :span="4" class="inputtitle"> | 74 | <el-col :span="4" class="inputtitle"> |
29 | 不动产权单元号: | 75 | 不动产单元号: |
30 | </el-col> | 76 | </el-col> |
31 | <el-col :span="8"> | 77 | <el-col :span="8"> |
32 | <el-input v-model="queryData.bdcdyh"></el-input> | 78 | <el-input v-model="queryData.bdcdyh"></el-input> |
... | @@ -45,7 +91,7 @@ | ... | @@ -45,7 +91,7 @@ |
45 | <el-col :span="8"> | 91 | <el-col :span="8"> |
46 | <el-input v-model="queryData.zl"></el-input> | 92 | <el-input v-model="queryData.zl"></el-input> |
47 | </el-col> | 93 | </el-col> |
48 | </el-row> | 94 | </el-row> --> |
49 | <table border="1"> | 95 | <table border="1"> |
50 | <tr> | 96 | <tr> |
51 | <td>序号</td> | 97 | <td>序号</td> |
... | @@ -77,8 +123,6 @@ | ... | @@ -77,8 +123,6 @@ |
77 | 123 | ||
78 | </table> | 124 | </table> |
79 | </div> | 125 | </div> |
80 | <span slot="footer" class="dialog-footer"> | ||
81 | </span> | ||
82 | <div class="page"> | 126 | <div class="page"> |
83 | <el-pagination | 127 | <el-pagination |
84 | background | 128 | background |
... | @@ -146,7 +190,7 @@ | ... | @@ -146,7 +190,7 @@ |
146 | this.queryData.pageNo = val; | 190 | this.queryData.pageNo = val; |
147 | this.getData(this.queryData); | 191 | this.getData(this.queryData); |
148 | }, | 192 | }, |
149 | result: function () { | 193 | reset: function () { |
150 | this.queryData = { | 194 | this.queryData = { |
151 | bdcdyh: "", | 195 | bdcdyh: "", |
152 | bdcqzh: "", | 196 | bdcqzh: "", |
... | @@ -178,7 +222,7 @@ | ... | @@ -178,7 +222,7 @@ |
178 | }, | 222 | }, |
179 | close: function () { | 223 | close: function () { |
180 | this.$emit('close') | 224 | this.$emit('close') |
181 | this.result(); | 225 | this.reset(); |
182 | } | 226 | } |
183 | }, | 227 | }, |
184 | watch: { | 228 | watch: { |
... | @@ -197,6 +241,10 @@ | ... | @@ -197,6 +241,10 @@ |
197 | height: auto; | 241 | height: auto; |
198 | width: 80%; | 242 | width: 80%; |
199 | } | 243 | } |
244 | /deep/ .el-form-item__label{ | ||
245 | width: 96px; | ||
246 | text-align: right; | ||
247 | } | ||
200 | 248 | ||
201 | table { | 249 | table { |
202 | margin-top: 10px; | 250 | margin-top: 10px; |
... | @@ -233,5 +281,8 @@ | ... | @@ -233,5 +281,8 @@ |
233 | .noData { | 281 | .noData { |
234 | color: #b2b2b2; | 282 | color: #b2b2b2; |
235 | } | 283 | } |
284 | .page{ | ||
285 | margin-top: 20px; | ||
286 | } | ||
236 | 287 | ||
237 | </style> | 288 | </style> | ... | ... |
... | @@ -3,47 +3,54 @@ | ... | @@ -3,47 +3,54 @@ |
3 | <el-dialog | 3 | <el-dialog |
4 | title="新增" | 4 | title="新增" |
5 | :visible.sync="isVisible" | 5 | :visible.sync="isVisible" |
6 | width="50%" | 6 | width="70%" |
7 | @close="close" | 7 | @close="close" |
8 | :modal-append-to-body="false" | 8 | :modal-append-to-body="false" |
9 | center> | 9 | center> |
10 | <div class="search"> | 10 | <div class="search"> |
11 | <el-button type="primary" @click="search">查询</el-button> | 11 | <el-row> |
12 | <el-button type="primary" @click="result">重置</el-button> | 12 | <el-col :span="24"> |
13 | <el-row :gutter="10" class="shop"> | 13 | <el-form :inline="true" class="demo-form-inline"> |
14 | <el-col :span="4" class="inputtitle"> | 14 | <el-form-item label="宗地编码"> |
15 | 宗地编码: | 15 | <el-input |
16 | </el-col> | 16 | v-model="queryData.zddm" |
17 | <el-col :span="8" class=""> | 17 | placeholder="输入宗地编码" |
18 | <el-input v-model="queryData.zddm"></el-input> | 18 | ></el-input> |
19 | </el-col> | 19 | </el-form-item> |
20 | <el-col :span="4" class="inputtitle"> | 20 | <el-form-item label="不动产权证号"> |
21 | 不动产权证号: | 21 | <el-input |
22 | </el-col> | 22 | v-model="queryData.bdcqzh" |
23 | <el-col :span="8" class=""> | 23 | placeholder="输入不动产权证号" |
24 | <el-input v-model="queryData.bdcqzh"></el-input> | 24 | ></el-input> |
25 | </el-form-item> | ||
26 | <el-form-item label="不动产单元号"> | ||
27 | <el-input | ||
28 | maxlength="28" | ||
29 | v-model="queryData.bdcdyh" | ||
30 | placeholder="输入不动产单元号" | ||
31 | ></el-input> | ||
32 | </el-form-item> | ||
33 | <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button> | ||
34 | <el-button type="warning" @click="reset">重置</el-button> | ||
35 | </el-form> | ||
25 | </el-col> | 36 | </el-col> |
26 | </el-row> | 37 | </el-row> |
27 | <el-row :gutter="10"> | 38 | <el-row> |
28 | <el-col :span="4" class="inputtitle"> | 39 | <el-col :span="24"> |
29 | 不动产权单元号: | 40 | <el-form :inline="true" class="demo-form-inline"> |
30 | </el-col> | 41 | <el-form-item label="权利人"> |
31 | <el-col :span="8"> | 42 | <el-input |
32 | <el-input v-model="queryData.bdcdyh"></el-input> | 43 | v-model="queryData.qlrmc" |
33 | </el-col> | 44 | placeholder="输入权利人" |
34 | <el-col :span="4" class="inputtitle"> | 45 | ></el-input> |
35 | 权利人: | 46 | </el-form-item> |
36 | </el-col> | 47 | <el-form-item label="坐落"> |
37 | <el-col :span="8"> | 48 | <el-input |
38 | <el-input v-model="queryData.qlrmc"></el-input> | 49 | v-model="queryData.zl" |
39 | </el-col> | 50 | placeholder="输入坐落" |
40 | </el-row> | 51 | ></el-input> |
41 | <el-row :gutter="10"> | 52 | </el-form-item> |
42 | <el-col :span="4" class="inputtitle"> | 53 | </el-form> |
43 | 坐落: | ||
44 | </el-col> | ||
45 | <el-col :span="8"> | ||
46 | <el-input v-model="queryData.zl"></el-input> | ||
47 | </el-col> | 54 | </el-col> |
48 | </el-row> | 55 | </el-row> |
49 | <table border="1"> | 56 | <table border="1"> |
... | @@ -77,8 +84,6 @@ | ... | @@ -77,8 +84,6 @@ |
77 | 84 | ||
78 | </table> | 85 | </table> |
79 | </div> | 86 | </div> |
80 | <span slot="footer" class="dialog-footer"> | ||
81 | </span> | ||
82 | <div class="page"> | 87 | <div class="page"> |
83 | <el-pagination | 88 | <el-pagination |
84 | background | 89 | background |
... | @@ -146,7 +151,7 @@ | ... | @@ -146,7 +151,7 @@ |
146 | this.queryData.pageNo = val; | 151 | this.queryData.pageNo = val; |
147 | this.getData(this.queryData); | 152 | this.getData(this.queryData); |
148 | }, | 153 | }, |
149 | result: function () { | 154 | reset: function () { |
150 | this.queryData = { | 155 | this.queryData = { |
151 | bdcdyh: "", | 156 | bdcdyh: "", |
152 | bdcqzh: "", | 157 | bdcqzh: "", |
... | @@ -178,7 +183,7 @@ | ... | @@ -178,7 +183,7 @@ |
178 | }, | 183 | }, |
179 | close: function () { | 184 | close: function () { |
180 | this.$emit('close') | 185 | this.$emit('close') |
181 | this.result(); | 186 | this.reset(); |
182 | } | 187 | } |
183 | }, | 188 | }, |
184 | watch: { | 189 | watch: { |
... | @@ -197,6 +202,11 @@ | ... | @@ -197,6 +202,11 @@ |
197 | height: auto; | 202 | height: auto; |
198 | width: 80%; | 203 | width: 80%; |
199 | } | 204 | } |
205 | /deep/ .el-form-item__label{ | ||
206 | width: 96px; | ||
207 | text-align: right; | ||
208 | } | ||
209 | |||
200 | 210 | ||
201 | table { | 211 | table { |
202 | margin-top: 10px; | 212 | margin-top: 10px; |
... | @@ -233,5 +243,8 @@ | ... | @@ -233,5 +243,8 @@ |
233 | .noData { | 243 | .noData { |
234 | color: #b2b2b2; | 244 | color: #b2b2b2; |
235 | } | 245 | } |
246 | .page{ | ||
247 | margin-top: 20px; | ||
248 | } | ||
236 | 249 | ||
237 | </style> | 250 | </style> | ... | ... |
... | @@ -439,7 +439,7 @@ export default { | ... | @@ -439,7 +439,7 @@ export default { |
439 | width: 100%; | 439 | width: 100%; |
440 | height: 100vh; | 440 | height: 100vh; |
441 | position: relative; | 441 | position: relative; |
442 | min-width: 1500px; | 442 | min-width: 1680px; |
443 | overflow-x: auto; | 443 | overflow-x: auto; |
444 | .calcWidth{ | 444 | .calcWidth{ |
445 | width: calc(100% - 300px); | 445 | width: calc(100% - 300px); | ... | ... |
... | @@ -141,7 +141,7 @@ | ... | @@ -141,7 +141,7 @@ |
141 | 141 | ||
142 | <tr> | 142 | <tr> |
143 | <td colspan="12" align="center"> | 143 | <td colspan="12" align="center"> |
144 | <Qlxz ref="qlxzModule" :formData="form"></Qlxz> | 144 | <Qlxz ref="qlxzModule" :hasSyqx='false' :formData="form"></Qlxz> |
145 | </td> | 145 | </td> |
146 | </tr> | 146 | </tr> |
147 | 147 | ||
... | @@ -207,7 +207,7 @@ | ... | @@ -207,7 +207,7 @@ |
207 | 207 | ||
208 | <script> | 208 | <script> |
209 | import Qlr from "../../../components/formMenu/qlr"; | 209 | import Qlr from "../../../components/formMenu/qlr"; |
210 | import Qlxz from "../../../components/formMenu/qlxz_simple"; | 210 | import Qlxz from "../../../components/formMenu/qlxz"; |
211 | import {saveDzInfo,getBdcdyh,getDzDetailByBsm} from "../../../api/dz"; | 211 | import {saveDzInfo,getBdcdyh,getDzDetailByBsm} from "../../../api/dz"; |
212 | import {getQjZdjbxxDetailById} from "../../../api/zd" | 212 | import {getQjZdjbxxDetailById} from "../../../api/zd" |
213 | import {submit,registerCall} from "../../../api/common" | 213 | import {submit,registerCall} from "../../../api/common" | ... | ... |
... | @@ -190,18 +190,37 @@ | ... | @@ -190,18 +190,37 @@ |
190 | <span class="tips">分割前多幢信息</span> | 190 | <span class="tips">分割前多幢信息</span> |
191 | <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button> | 191 | <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button> |
192 | <div class="fgq"> | 192 | <div class="fgq"> |
193 | <div class="data"> | 193 | <el-card class="data"> |
194 | <ul> | 194 | <div slot="header" class="clearfix"> |
195 | <li><span>宗地代码:</span>{{dzFgqData.zddm}}</li> | 195 | <span>多幢基本信息</span> |
196 | <li><span>不动产单元号:</span>{{dzFgqData.bdcdyh}}</li> | 196 | </div> |
197 | <li><span>项目名称:</span>{{dzFgqData.xmmc}}</li> | 197 | <ul class="zdjbxx"> |
198 | <li><span>不动产权证号:</span>{{dzFgqData.bdcqzh}}</li> | 198 | <li><span class="label">宗地代码:</span><span class="value">{{dzFgqData.zddm}}</span></li> |
199 | <li><span>权利人:</span>{{dzFgqData.qlr}}</li> | 199 | <li><span class="label">不动产单元号:</span><span class="value">{{dzFgqData.bdcdyh}}</span></li> |
200 | <li><span>坐落:</span>{{dzFgqData.zl}}</li> | 200 | <li><span class="label">项目名称:</span><span class="value">{{dzFgqData.xmmc}}</span></li> |
201 | <li><span class="label">不动产权证号:</span><span class="value">{{dzFgqData.bdcqzh}}</span></li> | ||
202 | <li><span class="label">权利人:</span><span class="value">{{dzFgqData.qlr}}</span></li> | ||
203 | <li><span class="label">坐落:</span><span class="value">{{dzFgqData.zl}}</span></li> | ||
201 | </ul> | 204 | </ul> |
205 | <div class="zdmap"> | ||
206 | |||
202 | </div> | 207 | </div> |
208 | </el-card> | ||
203 | <div class="zxx"> | 209 | <div class="zxx"> |
204 | <div class="dz"> | 210 | <el-card class="zrz"> |
211 | <div slot="header" class="clearfix"> | ||
212 | <span><i class="iconfont iconziranchuang"></i>自然幢<span style="color:red">{{zdZxx.zrzList.length}}</span>幢</span> | ||
213 | </div> | ||
214 | <ul> | ||
215 | <li v-for="(item,index) in zdZxx.zrzList" :key="index+item.xmmc" | ||
216 | :class="tempBsmList.indexOf(item.bsm) > -1 ? 'hasChoosed':''" | ||
217 | > | ||
218 | <i class="iconfont iconziranchuang"></i> {{item.displays}} | ||
219 | </li> | ||
220 | </ul> | ||
221 | </el-card> | ||
222 | |||
223 | <!-- <div class="dz"> | ||
205 | <div class="title"> | 224 | <div class="title"> |
206 | <span>多幢信息({{zdZxx.zrzList.length}}个)</span> | 225 | <span>多幢信息({{zdZxx.zrzList.length}}个)</span> |
207 | </div> | 226 | </div> |
... | @@ -218,14 +237,21 @@ | ... | @@ -218,14 +237,21 @@ |
218 | :class="(index+1)%2==0?'':'oddborder'">{{item.xmmc}} | 237 | :class="(index+1)%2==0?'':'oddborder'">{{item.xmmc}} |
219 | </li> | 238 | </li> |
220 | </ul> | 239 | </ul> |
221 | </div> | 240 | </div> --> |
222 | </div> | 241 | </div> |
223 | </div> | 242 | </div> |
224 | <div class="fgh"> | 243 | <div class="fgh"> |
225 | <span class="tips">分割后多幢信息</span> | 244 | <span class="tips">分割后多幢信息</span> |
226 | <table border="1"> | 245 | <table border="1"> |
227 | <tr> | 246 | <tr> |
228 | <th class="cz">操作</th> | 247 | <th class="cz"> |
248 | <el-button | ||
249 | type="primary" | ||
250 | class="changeBtn outAdd addMinus" | ||
251 | @click="addRow" | ||
252 | >+ | ||
253 | </el-button> | ||
254 | </th> | ||
229 | <th class="xzq">行政区</th> | 255 | <th class="xzq">行政区</th> |
230 | <th class="djq">地籍区</th> | 256 | <th class="djq">地籍区</th> |
231 | <th class="djzq">地籍子区</th> | 257 | <th class="djzq">地籍子区</th> |
... | @@ -297,22 +323,6 @@ | ... | @@ -297,22 +323,6 @@ |
297 | <input type="text" v-model="item.xmmc" class="formInput"/> | 323 | <input type="text" v-model="item.xmmc" class="formInput"/> |
298 | </td> | 324 | </td> |
299 | </tr> | 325 | </tr> |
300 | <tr> | ||
301 | <td> | ||
302 | <el-button | ||
303 | type="primary" | ||
304 | class="changeBtn outAdd addMinus" | ||
305 | @click="addRow" | ||
306 | >+ | ||
307 | </el-button> | ||
308 | </td> | ||
309 | <td></td> | ||
310 | <td></td> | ||
311 | <td></td> | ||
312 | <td></td> | ||
313 | <td></td> | ||
314 | <td></td> | ||
315 | </tr> | ||
316 | </table> | 326 | </table> |
317 | </div> | 327 | </div> |
318 | <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']" | 328 | <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']" |
... | @@ -714,6 +724,7 @@ | ... | @@ -714,6 +724,7 @@ |
714 | } | 724 | } |
715 | }, | 725 | }, |
716 | saveZd() { | 726 | saveZd() { |
727 | if(this.tempBsmList.length == (this.zdZxx.dzList.length + this.zdZxx.zrzList.length)){ | ||
717 | zdfg(this.zdFghData).then(res => { | 728 | zdfg(this.zdFghData).then(res => { |
718 | if (res.success) { | 729 | if (res.success) { |
719 | this.$store.state.zdbsms = res.result; | 730 | this.$store.state.zdbsms = res.result; |
... | @@ -728,6 +739,9 @@ | ... | @@ -728,6 +739,9 @@ |
728 | Message.error("保存失败") | 739 | Message.error("保存失败") |
729 | } | 740 | } |
730 | }) | 741 | }) |
742 | }else{ | ||
743 | this.$message.warning("幢信息未选择完成,无法保存") | ||
744 | } | ||
731 | }, | 745 | }, |
732 | saveDz() { | 746 | saveDz() { |
733 | 747 | ... | ... |
... | @@ -301,7 +301,7 @@ | ... | @@ -301,7 +301,7 @@ |
301 | </tr> | 301 | </tr> |
302 | <tr> | 302 | <tr> |
303 | <td colspan="12"> | 303 | <td colspan="12"> |
304 | <Qlxz ref="qlxzModule" :formData="formData"></Qlxz> | 304 | <Qlxz ref="qlxzModule" :hasSyqx='true' :formData="formData"></Qlxz> |
305 | </td> | 305 | </td> |
306 | </tr> | 306 | </tr> |
307 | <tr> | 307 | <tr> |
... | @@ -479,9 +479,9 @@ export default { | ... | @@ -479,9 +479,9 @@ export default { |
479 | console.log(res.result,'res.result'); | 479 | console.log(res.result,'res.result'); |
480 | this.getXzqData(res.result.xzqbsm,res.result.djqbsm); | 480 | this.getXzqData(res.result.xzqbsm,res.result.djqbsm); |
481 | //如果没有宗地代码,自动生成 | 481 | //如果没有宗地代码,自动生成 |
482 | if(res.result.zddm == null){ | 482 | // if(res.result.zddm == null){ |
483 | this.generatorCode() | 483 | // this.generatorCode() |
484 | } | 484 | // } |
485 | //判断容密高是否为区间值,如果是区间值,则将校验值置为'-'并给rjl,jzmd,jzxg赋值 | 485 | //判断容密高是否为区间值,如果是区间值,则将校验值置为'-'并给rjl,jzmd,jzxg赋值 |
486 | this.rjl = this.isInterval(this.formData.jyrjl) ? this.formData.jyrjl : ''; | 486 | this.rjl = this.isInterval(this.formData.jyrjl) ? this.formData.jyrjl : ''; |
487 | this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? '-' : this.formData.jyrjl; | 487 | this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? '-' : this.formData.jyrjl; |
... | @@ -702,8 +702,10 @@ export default { | ... | @@ -702,8 +702,10 @@ export default { |
702 | if(item.rule.test(item.data) || item.data == null){ | 702 | if(item.rule.test(item.data) || item.data == null){ |
703 | if(item.dom.$el){ | 703 | if(item.dom.$el){ |
704 | item.dom.$el.style.border = '1px solid red'; | 704 | item.dom.$el.style.border = '1px solid red'; |
705 | item.dom.$el.style.boxSizing = 'border-box'; | ||
705 | }else{ | 706 | }else{ |
706 | item.dom.style.border = '1px solid red'; | 707 | item.dom.style.border = '1px solid red'; |
708 | item.dom.style.boxSizing = 'border-box'; | ||
707 | } | 709 | } |
708 | // this.$message({ | 710 | // this.$message({ |
709 | // // message: item.name+'不能为空', | 711 | // // message: item.name+'不能为空', |
... | @@ -717,7 +719,8 @@ export default { | ... | @@ -717,7 +719,8 @@ export default { |
717 | this.$nextTick(()=>{ | 719 | this.$nextTick(()=>{ |
718 | if(flag){ | 720 | if(flag){ |
719 | //宗地面积处理 | 721 | //宗地面积处理 |
720 | this.formData.zdmj = this.formData.zdmj.replace(/[^\d\.]/g,'') | 722 | // console.log(this.formData.zdmj,'this.formData.zdmj'); |
723 | // this.formData.zdmj = this.formData.zdmj.replace(/[^\d\.]/g,'') | ||
721 | updateQjZdjbxx(this.formData) | 724 | updateQjZdjbxx(this.formData) |
722 | .then((res) => { | 725 | .then((res) => { |
723 | if (res.code == 200) { | 726 | if (res.code == 200) { |
... | @@ -774,7 +777,8 @@ export default { | ... | @@ -774,7 +777,8 @@ export default { |
774 | if(e.target.value!=''){ | 777 | if(e.target.value!=''){ |
775 | e.target.style.border="" | 778 | e.target.style.border="" |
776 | }else{ | 779 | }else{ |
777 | e.target.style.border="1px solid red" | 780 | e.target.style.border="1px solid red"; |
781 | e.target.style.boxSizing = 'border-box'; | ||
778 | } | 782 | } |
779 | }, | 783 | }, |
780 | //提交宗地基本信息 | 784 | //提交宗地基本信息 | ... | ... |
... | @@ -310,7 +310,7 @@ | ... | @@ -310,7 +310,7 @@ |
310 | 310 | ||
311 | <tr> | 311 | <tr> |
312 | <td colspan="12" rowspan="4" align="center"> | 312 | <td colspan="12" rowspan="4" align="center"> |
313 | <Qlxz ref="qlxzModule"></Qlxz> | 313 | <Qlxz ref="qlxzModule" :hasSyqx='false'></Qlxz> |
314 | </td> | 314 | </td> |
315 | </tr> | 315 | </tr> |
316 | <tr></tr> | 316 | <tr></tr> |
... | @@ -403,7 +403,7 @@ | ... | @@ -403,7 +403,7 @@ |
403 | 403 | ||
404 | <script> | 404 | <script> |
405 | import Qlr from "./../../../../../components/formMenu/qlr"; | 405 | import Qlr from "./../../../../../components/formMenu/qlr"; |
406 | import Qlxz from "./../../../../../components/formMenu/qlxz_simple"; | 406 | import Qlxz from "./../../../../../components/formMenu/qlxz"; |
407 | import {getQjHDetailByBsm,updateQjH} from "./../../../../../api/h"; | 407 | import {getQjHDetailByBsm,updateQjH} from "./../../../../../api/h"; |
408 | import {getBdcdyh} from "./../../../../../api/zrz"; | 408 | import {getBdcdyh} from "./../../../../../api/zrz"; |
409 | import {submit,registerCall} from "./../../../../../api/common" | 409 | import {submit,registerCall} from "./../../../../../api/common" | ... | ... |
This diff is collapsed.
Click to expand it.
-
Please register or sign in to post a comment