多幢,自然幢的历史回溯数据
Showing
8 changed files
with
165 additions
and
16 deletions
... | @@ -19,7 +19,16 @@ | ... | @@ -19,7 +19,16 @@ |
19 | export default { | 19 | export default { |
20 | name:"", | 20 | name:"", |
21 | components:{}, | 21 | components:{}, |
22 | props:{}, | 22 | props:{ |
23 | bsm: { | ||
24 | type: String, | ||
25 | default: "", | ||
26 | }, | ||
27 | type: { | ||
28 | type: String, | ||
29 | default: "", | ||
30 | }, | ||
31 | }, | ||
23 | data(){ | 32 | data(){ |
24 | insertCss(` | 33 | insertCss(` |
25 | .g6-tooltip { | 34 | .g6-tooltip { |
... | @@ -189,8 +198,8 @@ export default { | ... | @@ -189,8 +198,8 @@ export default { |
189 | getLshsData(){ | 198 | getLshsData(){ |
190 | let _this = this; | 199 | let _this = this; |
191 | const data = { | 200 | const data = { |
192 | "bsm": this.$store.state.zdbsm, | 201 | "bsm": this.bsm, |
193 | "type": "zd" | 202 | "type": this.type |
194 | }; | 203 | }; |
195 | getLshs(data).then((res)=>{ | 204 | getLshs(data).then((res)=>{ |
196 | if(res.code===200){ | 205 | if(res.code===200){ | ... | ... |
... | @@ -3,7 +3,7 @@ | ... | @@ -3,7 +3,7 @@ |
3 | <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick" type="border-card" > | 3 | <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick" type="border-card" > |
4 | <el-tab-pane label="多幢基本信息" name="dzxx"><dzxx v-if="dzJbxxVisble"></dzxx></el-tab-pane> | 4 | <el-tab-pane label="多幢基本信息" name="dzxx"><dzxx v-if="dzJbxxVisble"></dzxx></el-tab-pane> |
5 | <el-tab-pane label="附件材料" name="fjcl"><fjcl v-if="fjclVisible" ref="fjcl"></fjcl></el-tab-pane> | 5 | <el-tab-pane label="附件材料" name="fjcl"><fjcl v-if="fjclVisible" ref="fjcl"></fjcl></el-tab-pane> |
6 | <el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane> | 6 | <el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible" :type="type" :bsm="$route.query.bsm"></lshs></el-tab-pane> |
7 | <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> | 7 | <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> |
8 | 8 | ||
9 | </el-tabs> | 9 | </el-tabs> |
... | @@ -27,6 +27,8 @@ | ... | @@ -27,6 +27,8 @@ |
27 | isDisabled:false, | 27 | isDisabled:false, |
28 | activeName: "dzxx", | 28 | activeName: "dzxx", |
29 | dzJbxxVisble:true, | 29 | dzJbxxVisble:true, |
30 | lshsVisible:false, | ||
31 | type:'dz', | ||
30 | fjclVisible:false | 32 | fjclVisible:false |
31 | }; | 33 | }; |
32 | }, | 34 | }, | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="lshs-content"> | 2 | <div class="lshs-content"> |
3 | <Lshs></Lshs> | 3 | <Lshs :type="type" :bsm="bsm"></Lshs> |
4 | </div> | 4 | </div> |
5 | </template> | 5 | </template> |
6 | 6 | ||
... | @@ -11,7 +11,16 @@ | ... | @@ -11,7 +11,16 @@ |
11 | export default { | 11 | export default { |
12 | name:"", | 12 | name:"", |
13 | components:{Lshs}, | 13 | components:{Lshs}, |
14 | props:{}, | 14 | props:{ |
15 | bsm: { | ||
16 | type: String, | ||
17 | default: "", | ||
18 | }, | ||
19 | type: { | ||
20 | type: String, | ||
21 | default: "", | ||
22 | }, | ||
23 | }, | ||
15 | data(){ | 24 | data(){ |
16 | return { | 25 | return { |
17 | data : {} | 26 | data : {} | ... | ... |
... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
10 | <jzx v-if="jzxVisible" :is-disabled="isDisabled"></jzx> | 10 | <jzx v-if="jzxVisible" :is-disabled="isDisabled"></jzx> |
11 | </el-tab-pane> | 11 | </el-tab-pane> |
12 | <el-tab-pane label="登记簿" name="djb"><djb v-if="djbVisible"></djb></el-tab-pane> | 12 | <el-tab-pane label="登记簿" name="djb"><djb v-if="djbVisible"></djb></el-tab-pane> |
13 | <el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible"></lshs></el-tab-pane> | 13 | <el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible" :type="type" :bsm="$route.query.bsm"></lshs></el-tab-pane> |
14 | <el-tab-pane label="附件材料" name="fjcl"> | 14 | <el-tab-pane label="附件材料" name="fjcl"> |
15 | <fjcl v-if="fjclVisible" ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane> | 15 | <fjcl v-if="fjclVisible" ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane> |
16 | </el-tabs> | 16 | </el-tabs> |
... | @@ -42,6 +42,7 @@ export default { | ... | @@ -42,6 +42,7 @@ export default { |
42 | djbVisible:false, | 42 | djbVisible:false, |
43 | lshsVisible:false, | 43 | lshsVisible:false, |
44 | fjclVisible:false, | 44 | fjclVisible:false, |
45 | type:'zd' | ||
45 | }; | 46 | }; |
46 | }, | 47 | }, |
47 | methods: { | 48 | methods: { | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="lshs-content"> | 2 | <div class="lshs-content"> |
3 | <Lshs></Lshs> | 3 | <Lshs :type="type" :bsm="bsm"></Lshs> |
4 | </div> | 4 | </div> |
5 | </template> | 5 | </template> |
6 | 6 | ||
... | @@ -11,7 +11,16 @@ | ... | @@ -11,7 +11,16 @@ |
11 | export default { | 11 | export default { |
12 | name:"", | 12 | name:"", |
13 | components:{Lshs}, | 13 | components:{Lshs}, |
14 | props:{}, | 14 | props:{ |
15 | bsm: { | ||
16 | type: String, | ||
17 | default: "", | ||
18 | }, | ||
19 | type: { | ||
20 | type: String, | ||
21 | default: "", | ||
22 | }, | ||
23 | }, | ||
15 | data(){ | 24 | data(){ |
16 | return { | 25 | return { |
17 | data : {} | 26 | data : {} | ... | ... |
... | @@ -5,7 +5,7 @@ | ... | @@ -5,7 +5,7 @@ |
5 | <el-tab-pane label="业主共有" name="yzgy"><yzgy v-if="yzgyLoad"></yzgy></el-tab-pane> | 5 | <el-tab-pane label="业主共有" name="yzgy"><yzgy v-if="yzgyLoad"></yzgy></el-tab-pane> |
6 | <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> | 6 | <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> |
7 | <el-tab-pane label="楼盘表" name="lpb"><lpb v-if="lpbLoad"></lpb></el-tab-pane> | 7 | <el-tab-pane label="楼盘表" name="lpb"><lpb v-if="lpbLoad"></lpb></el-tab-pane> |
8 | <el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane> | 8 | <el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible" :type="type" :bsm="$route.query.bsm"></lshs></el-tab-pane> |
9 | <el-tab-pane label="附件材料" name="fjcl"><fjcl ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane> | 9 | <el-tab-pane label="附件材料" name="fjcl"><fjcl ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane> |
10 | </el-tabs> | 10 | </el-tabs> |
11 | </div> | 11 | </div> |
... | @@ -31,6 +31,8 @@ export default { | ... | @@ -31,6 +31,8 @@ export default { |
31 | activeName: "zrzxx", | 31 | activeName: "zrzxx", |
32 | lpbLoad:false, //默认不加载楼盘表组件 | 32 | lpbLoad:false, //默认不加载楼盘表组件 |
33 | yzgyLoad:false, | 33 | yzgyLoad:false, |
34 | lshsVisible:false, | ||
35 | type:'zrz', | ||
34 | }; | 36 | }; |
35 | }, | 37 | }, |
36 | methods: { | 38 | methods: { |
... | @@ -52,6 +54,9 @@ export default { | ... | @@ -52,6 +54,9 @@ export default { |
52 | if(!this.yzgyLoad){ | 54 | if(!this.yzgyLoad){ |
53 | this.yzgyLoad = tab.name == 'yzgy' ? true : false | 55 | this.yzgyLoad = tab.name == 'yzgy' ? true : false |
54 | } | 56 | } |
57 | if(tab.name === 'lshs'){ | ||
58 | this.lshsVisible = true; | ||
59 | } | ||
55 | }, | 60 | }, |
56 | }, | 61 | }, |
57 | created() {}, | 62 | created() {}, | ... | ... |
... | @@ -17,7 +17,7 @@ | ... | @@ -17,7 +17,7 @@ |
17 | <tr height="30"> | 17 | <tr height="30"> |
18 | <td colspan="2" align="center">逻辑幢号</td> | 18 | <td colspan="2" align="center">逻辑幢号</td> |
19 | <td colspan="4"> | 19 | <td colspan="4"> |
20 | <el-input v-model="form.ljzh"></el-input> | 20 | <input class="formInput" ref="ljzh" @blur="inputBlur($event)" v-model="form.ljzh"></input> |
21 | </td> | 21 | </td> |
22 | <td colspan="2" align="center">自然幢号</td> | 22 | <td colspan="2" align="center">自然幢号</td> |
23 | <td colspan="4"> | 23 | <td colspan="4"> |
... | @@ -27,7 +27,7 @@ | ... | @@ -27,7 +27,7 @@ |
27 | <tr height="30"> | 27 | <tr height="30"> |
28 | <td colspan="2" align="center">逻辑幢名称</td> | 28 | <td colspan="2" align="center">逻辑幢名称</td> |
29 | <td colspan="4"> | 29 | <td colspan="4"> |
30 | <el-input v-model="form.ljzmc"></el-input> | 30 | <input class="formInput" ref="ljzmc" @blur="inputBlur($event)" v-model="form.ljzmc"></input> |
31 | </td> | 31 | </td> |
32 | <td colspan="2" align="center">建筑物状态</td> | 32 | <td colspan="2" align="center">建筑物状态</td> |
33 | <td colspan="4"> | 33 | <td colspan="4"> |
... | @@ -137,7 +137,7 @@ | ... | @@ -137,7 +137,7 @@ |
137 | </td> | 137 | </td> |
138 | <td colspan="9"> | 138 | <td colspan="9"> |
139 | <el-select-tree style="width:100%" | 139 | <el-select-tree style="width:100%" |
140 | ref="yt" | 140 | ref="fwjg" |
141 | v-if="show" | 141 | v-if="show" |
142 | :default-expand-all="defaultExpandAll" | 142 | :default-expand-all="defaultExpandAll" |
143 | :multiple="multiple" | 143 | :multiple="multiple" |
... | @@ -214,6 +214,8 @@ export default { | ... | @@ -214,6 +214,8 @@ export default { |
214 | label: 'mc' | 214 | label: 'mc' |
215 | }, | 215 | }, |
216 | 216 | ||
217 | rules:[], | ||
218 | |||
217 | form: { | 219 | form: { |
218 | zrzbsm: "", | 220 | zrzbsm: "", |
219 | ljzh: "", //逻辑幢号 | 221 | ljzh: "", //逻辑幢号 |
... | @@ -253,6 +255,16 @@ export default { | ... | @@ -253,6 +255,16 @@ export default { |
253 | }; | 255 | }; |
254 | }, | 256 | }, |
255 | methods: { | 257 | methods: { |
258 | |||
259 | inputBlur(e){ | ||
260 | if(e.target.value!=''){ | ||
261 | e.target.style.border="" | ||
262 | }else{ | ||
263 | e.target.style.border="1px solid red"; | ||
264 | e.target.style.boxSizing = 'border-box'; | ||
265 | } | ||
266 | }, | ||
267 | |||
256 | addYtInfo() { | 268 | addYtInfo() { |
257 | this.form.ytList.push({ | 269 | this.form.ytList.push({ |
258 | glbsm: "", | 270 | glbsm: "", |
... | @@ -330,8 +342,60 @@ export default { | ... | @@ -330,8 +342,60 @@ export default { |
330 | } | 342 | } |
331 | }, | 343 | }, |
332 | onSave(data, bsm) { | 344 | onSave(data, bsm) { |
345 | |||
346 | this.rules=[ | ||
347 | { | ||
348 | data:this.form.ljzh, | ||
349 | name:'自然幢号', | ||
350 | dom:this.$refs.ljzh, | ||
351 | rule: /^\s*$/g, //非空 | ||
352 | }, | ||
353 | { | ||
354 | data:this.form.ljzmc, | ||
355 | name:'不动产单元号', | ||
356 | dom:this.$refs.ljzmc, | ||
357 | rule: /^\s*$/g, //非空 | ||
358 | }, | ||
359 | ]; | ||
360 | this.form.ytList.forEach((item,index)=>{ | ||
361 | this.rules.push( | ||
362 | { | ||
363 | data:item.fwytzdbsm, | ||
364 | name:'用途', | ||
365 | dom:this.$refs.yt[index], | ||
366 | rule: /^\s*$/g, //非空 | ||
367 | }, | ||
368 | ) | ||
369 | }); | ||
370 | this.form.fwjgList.forEach((item,index)=>{ | ||
371 | this.rules.push( | ||
372 | { | ||
373 | data:item.fwjgzdbsm, | ||
374 | name:'房屋结构', | ||
375 | dom:this.$refs.fwjg[index], | ||
376 | rule: /^\s*$/g, //非空 | ||
377 | }, | ||
378 | ) | ||
379 | }); | ||
380 | |||
333 | //自然幢标识码 | 381 | //自然幢标识码 |
334 | this.form.zrzbsm = bsm; | 382 | this.form.zrzbsm = bsm; |
383 | let flag = true; | ||
384 | this.rules.forEach(item=>{ | ||
385 | if(item.rule.test(item.data) || item.data == null){ | ||
386 | if(item.dom.$el){ | ||
387 | item.dom.$el.style.border = '1px solid red'; | ||
388 | item.dom.$el.style.boxSizing = 'border-box'; | ||
389 | }else{ | ||
390 | item.dom.style.border = '1px solid red'; | ||
391 | item.dom.style.boxSizing = 'border-box'; | ||
392 | } | ||
393 | flag = false; | ||
394 | return false | ||
395 | } | ||
396 | }) | ||
397 | this.$nextTick(()=>{ | ||
398 | if (flag && this.$refs.qlxzModule.getRulesResult()) { | ||
335 | if(this.ljzbsm == ''){ | 399 | if(this.ljzbsm == ''){ |
336 | insertLjzInfo(this.form).then((res) => { | 400 | insertLjzInfo(this.form).then((res) => { |
337 | if (res.code === 200) { | 401 | if (res.code === 200) { |
... | @@ -354,6 +418,9 @@ export default { | ... | @@ -354,6 +418,9 @@ export default { |
354 | } | 418 | } |
355 | }) | 419 | }) |
356 | } | 420 | } |
421 | } | ||
422 | }) | ||
423 | |||
357 | }, | 424 | }, |
358 | onSubmit() { | 425 | onSubmit() { |
359 | // console.log(this.form); | 426 | // console.log(this.form); |
... | @@ -411,6 +478,40 @@ export default { | ... | @@ -411,6 +478,40 @@ export default { |
411 | this.form.zrzh = this.$store.state.zrzh; | 478 | this.form.zrzh = this.$store.state.zrzh; |
412 | }, | 479 | }, |
413 | watch:{ | 480 | watch:{ |
481 | |||
482 | "form.ljzh":function (val) { | ||
483 | if (val != '') { | ||
484 | this.$refs.ljzh.style.border = ''; | ||
485 | } | ||
486 | }, | ||
487 | |||
488 | "form.ljzmc":function (val) { | ||
489 | if (val != '') { | ||
490 | this.$refs.ljzmc.style.border = ''; | ||
491 | } | ||
492 | }, | ||
493 | |||
494 | "form.ytList": { | ||
495 | handler : function (newVal, oldVal) { | ||
496 | newVal.forEach((item,ind)=>{ | ||
497 | if(item.fwytzdbsm != ''){ | ||
498 | this.$refs.yt[ind].$el.style.border="" | ||
499 | } | ||
500 | }) | ||
501 | }, | ||
502 | deep:true | ||
503 | }, | ||
504 | "form.fwjgList": { | ||
505 | handler : function (newVal, oldVal) { | ||
506 | newVal.forEach((item,ind)=>{ | ||
507 | if(item.fwjgzdbsm != ''){ | ||
508 | this.$refs.fwjg[ind].$el.style.border="" | ||
509 | } | ||
510 | }) | ||
511 | }, | ||
512 | deep:true | ||
513 | }, | ||
514 | |||
414 | ljzbsm: { | 515 | ljzbsm: { |
415 | handler: function (item) { | 516 | handler: function (item) { |
416 | console.log(item,'item'); | 517 | console.log(item,'item'); |
... | @@ -453,6 +554,7 @@ export default { | ... | @@ -453,6 +554,7 @@ export default { |
453 | //bgcolor:#F1F4FC; | 554 | //bgcolor:#F1F4FC; |
454 | background-color: #fff; | 555 | background-color: #fff; |
455 | width: 8.33%; | 556 | width: 8.33%; |
557 | height: 36px | ||
456 | } | 558 | } |
457 | 559 | ||
458 | .el-select { | 560 | .el-select { | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="">历史回溯</div> | 2 | <div class=""> |
3 | <Lshs :type="type" :bsm="bsm"></Lshs> | ||
4 | </div> | ||
3 | </template> | 5 | </template> |
4 | 6 | ||
5 | <script> | 7 | <script> |
8 | import Lshs from '@components/lshs/index'; | ||
6 | export default { | 9 | export default { |
7 | name:"", | 10 | name:"", |
8 | components:{}, | 11 | components:{Lshs}, |
9 | props:{}, | 12 | props:{ |
13 | bsm: { | ||
14 | type: String, | ||
15 | default: "", | ||
16 | }, | ||
17 | type: { | ||
18 | type: String, | ||
19 | default: "", | ||
20 | }, | ||
21 | }, | ||
10 | data(){ | 22 | data(){ |
11 | return { | 23 | return { |
12 | } | 24 | } | ... | ... |
-
Please register or sign in to post a comment