9cb84c04 by 杨威

Merge remote-tracking branch 'origin/master' into master

# Conflicts:
#	src/assets/iconfont/demo_index.html
#	src/assets/iconfont/iconfont.css
#	src/assets/iconfont/iconfont.eot
#	src/assets/iconfont/iconfont.js
#	src/assets/iconfont/iconfont.json
#	src/assets/iconfont/iconfont.svg
#	src/assets/iconfont/iconfont.ttf
#	src/assets/iconfont/iconfont.woff
#	src/assets/iconfont/iconfont.woff2
#	src/components/map/ChangeMap.vue
#	src/views/systemTX/map.vue
#	src/views/systemTX/mapWeight/mapTools.vue
#	src/views/systemTX/mapWeight/sideTools.vue
2 parents dd6f064e 4671ce6f
Showing 54 changed files with 3318 additions and 1741 deletions
1 VUE_APP_api = 'http://192.168.2.108:8000' 1 VUE_APP_api = 'https://192.168.2.111:8006'
2 VUE_APP_api1 = 'http://192.168.2.76:8000' 2 VUE_APP_api1 = 'https://127.0.0.1:8006'
3 VUE_APP_api2 = 'http://192.168.2.108:8006' 3 VUE_APP_api2 = 'https://192.168.2.9:8006'
4 VUE_APP_api5 = 'http://192.168.2.59:8443' 4 VUE_APP_api3 = 'https://192.168.2.11:8006'
5 VUE_APP_api3 = 'https://127.0.0.1:8006' 5 VUE_APP_api4 = 'http://192.168.2.111:18080'
6 VUE_APP_api4 = 'http://127.0.0.1:18080'
7 VUE_APP_name = '开发环境' 6 VUE_APP_name = '开发环境'
8 NODE_ENV="development" 7 NODE_ENV="development"
9 VUE_APP_VERSION = 'psh'
...\ No newline at end of file ...\ No newline at end of file
8 VUE_APP_VERSION = 'psh'
......
1 import request from '@/plugin/axios'
2
3 /**
4 * 查询层基本信息
5 */
6 export function getQjCDetailById(data) {
7 return request({
8 url: '/system/qjC/getQjCDetailById',
9 method: 'get',
10 params: {
11 id: data,
12 }
13 })
14 }
15
16 /**
17 * 更新保存层基本信息
18 */
19 export function updateQjC(data) {
20 return request({
21 url: '/system/qjC/updateQjC',
22 method: 'put',
23 data: data,
24 })
25 }
26
1 import request from '@/plugin/axios'
2
3 /**
4 * 查询逻辑幢基本信息
5 */
6 export function getQjLjzDetailById(data) {
7 return request({
8 url: '/system/qjLjz/getQjLjzDetailById',
9 method: 'get',
10 params: {
11 id: data,
12 }
13 })
14 }
15
16 /**
17 * 更新保存逻辑幢基本信息
18 */
19 export function updateQjLjz(data) {
20 return request({
21 url: '/system/qjLjz/updateQjLjz',
22 method: 'put',
23 data: data,
24 })
25 }
26
...@@ -43,4 +43,19 @@ export function getQlrInfoByGlbsm(data) { ...@@ -43,4 +43,19 @@ export function getQlrInfoByGlbsm(data) {
43 glbsm:data 43 glbsm:data
44 }, 44 },
45 }) 45 })
46 }
47
48 /**
49 * 更新权利人共有公用情况
50 */
51 export function updateGyGyQlrQk(glbsm,type,gyqkbsm) {
52 return request({
53 url: '/system/Qlr/updateGyGyQlrQk',
54 method: 'get',
55 params: {
56 glbsm:glbsm,
57 type:type,
58 gyqkbsm:gyqkbsm,
59 },
60 })
46 } 61 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -44,3 +44,29 @@ export function zrzList(data) { ...@@ -44,3 +44,29 @@ export function zrzList(data) {
44 data:data 44 data:data
45 }) 45 })
46 } 46 }
47
48 /**
49 * 查询宗地、自然幢等权属状态
50 * @param bsm
51 */
52 export function queryStatus(bsm) {
53 return request({
54 url:"/system/basiccommon/query-status",
55 method:'get',
56 params:{
57 bsm
58 }
59 })
60 }
61
62 /**
63 * 范围属性变更查询
64 * @param data
65 */
66 export function queryFwsxbg(data) {
67 return request({
68 url:"/system/basiccommon/query-fwsxbg",
69 method:"post",
70 data:data
71 })
72 }
......
1 import request from '@/plugin/axios'
2
3 /**
4 * 查询幢单元基本信息
5 */
6 export function getQjZdyDetailById(data) {
7 return request({
8 url: '/system/qjZdy/getQjZdyDetailById',
9 method: 'get',
10 params: {
11 id: data,
12 }
13 })
14 }
15
16 /**
17 * 更新保存幢单元基本信息
18 */
19 export function updateQjZdy(data) {
20 return request({
21 url: '/system/qjZdy/updateQjZdy',
22 method: 'put',
23 data: data,
24 })
25 }
26
...@@ -227,6 +227,34 @@ ol, ul { list-style:none; } ...@@ -227,6 +227,34 @@ ol, ul { list-style:none; }
227 right: 6px; 227 right: 6px;
228 top: 4px; 228 top: 4px;
229 } 229 }
230 // 增删操作按钮样式
231 .addMinus{
232 border-radius:50%;
233 width: 30px !important;
234 height: 30px !important;
235 font-size: 22px!important;
236 padding: 4px 6px;
237 }
238 .outAdd,.outAdd:hover:focus{
239 background-color: #2FA5FF!important;
240 border: 1px solid #2FA5FF!important;
241 color: #fff!important;
242 }
243 .inAdd,.inAdd:hover:focus{
244 border: 1px solid #2FA5FF!important;
245 background-color: #fff!important;
246 color: #2FA5FF!important;
247 }
248 .outMinus,.outMinus:hover:focus{
249 background-color: #FA6400!important;
250 border: 1px solid #FA6400!important;
251 color: #fff!important;
252 }
253 .inMinus,.inMinus:hover:focus{
254 border: 1px solid #FA6400!important;
255 background-color: #fff!important;
256 color: #FA6400!important;
257 }
230 .import{ 258 .import{
231 background-color: #00CACD!important; 259 background-color: #00CACD!important;
232 border-color: #00CACD!important; 260 border-color: #00CACD!important;
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
17 <el-button style="border:0;padding:0 10px" @click="newAddDz"> 17 <el-button style="border:0;padding:0 10px" @click="newAddDz">
18 <i class="iconfont iconicon-test2" style="color:#66b1ff;font-size:20px;position: relative;top:2px;left:-2px"></i>多幢 18 <i class="iconfont iconicon-test2" style="color:#66b1ff;font-size:20px;position: relative;top:2px;left:-2px"></i>多幢
19 </el-button> 19 </el-button>
20 <el-button style="border:0;padding:0 10px" @click="newAddDz"> 20 <el-button style="border:0;padding:0 10px" @click="newAddZrz">
21 <i class="iconfont iconicon-test2" style="color:#66b1ff;font-size:20px;position: relative;top:2px;left:-2px"></i>自然幢 21 <i class="iconfont iconicon-test2" style="color:#66b1ff;font-size:20px;position: relative;top:2px;left:-2px"></i>自然幢
22 </el-button> 22 </el-button>
23 </template> 23 </template>
...@@ -245,7 +245,7 @@ ...@@ -245,7 +245,7 @@
245 <td>{{item.bdcdyh}}</td> 245 <td>{{item.bdcdyh}}</td>
246 <td>{{item.xmmc}}</td> 246 <td>{{item.xmmc}}</td>
247 <td>{{item.bdcqzh}}</td> 247 <td>{{item.bdcqzh}}</td>
248 <td>{{item.qlr}}</td> 248 <td>{{item.qlrmc}}</td>
249 <td>{{item.zl}}</td> 249 <td>{{item.zl}}</td>
250 <td>{{item.zrzCount}}</td> 250 <td>{{item.zrzCount}}</td>
251 </tr> 251 </tr>
...@@ -328,7 +328,7 @@ ...@@ -328,7 +328,7 @@
328 <td>权利人</td> 328 <td>权利人</td>
329 <td>坐落</td> 329 <td>坐落</td>
330 </tr> 330 </tr>
331 <tr v-if="Data.length==0"> 331 <tr v-if="Data.length===0">
332 <td colspan="8"> 332 <td colspan="8">
333 <span class="noData">暂无数据</span> 333 <span class="noData">暂无数据</span>
334 </td> 334 </td>
...@@ -342,7 +342,7 @@ ...@@ -342,7 +342,7 @@
342 <td>{{item.bdcdyh}}</td> 342 <td>{{item.bdcdyh}}</td>
343 <td>{{item.xmmc}}</td> 343 <td>{{item.xmmc}}</td>
344 <td>{{item.bdcqzh}}</td> 344 <td>{{item.bdcqzh}}</td>
345 <td>{{item.qlr}}</td> 345 <td>{{item.qlrmc}}</td>
346 <td>{{item.zl}}</td> 346 <td>{{item.zl}}</td>
347 </tr> 347 </tr>
348 </table> 348 </table>
...@@ -424,25 +424,26 @@ ...@@ -424,25 +424,26 @@
424 methods: { 424 methods: {
425 getZdData(id) { 425 getZdData(id) {
426 getQjZdjbxxDetailById(id).then(res => { 426 getQjZdjbxxDetailById(id).then(res => {
427 this.dzhbhData.xzqbsm = res.result.xzqbsm 427 this.dzhbhData.xzqbsm = res.result.xzqbsm;
428 this.changeXzq(this.dzhbhData.xzqbsm) 428 this.changeXzq(this.dzhbhData.xzqbsm);
429 this.dzhbhData.djqbsm = res.result.djqbsm 429 this.dzhbhData.djqbsm = res.result.djqbsm;
430 this.changeDjq(this.dzhbhData.djqbsm) 430 this.changeDjq(this.dzhbhData.djqbsm);
431 this.dzhbhData.djzqbsm = res.result.djzqbsm 431 this.dzhbhData.djzqbsm = res.result.djzqbsm;
432 this.dzhbhData.syqlxbsm = res.result.syqlxbsm 432 this.dzhbhData.syqlxbsm = res.result.syqlxbsm;
433 this.dzhbhData.zdtzmbsm = res.result.zdtzmbsm 433 this.dzhbhData.zdtzmbsm = res.result.zdtzmbsm;
434 }) 434 })
435 }, 435 },
436 newAddDz() { 436 newAddDz() {
437 this.dzIsVisible = true; 437 this.dzIsVisible = true;
438 this.reset();
438 this.geDztData(this.queryData) 439 this.geDztData(this.queryData)
439 }, 440 },
440 newAddZrz() { 441 newAddZrz() {
441 this.zrzIsVisible = true; 442 this.zrzIsVisible = true;
443 this.reset();
442 this.geZrztData(this.queryData) 444 this.geZrztData(this.queryData)
443 }, 445 },
444 deleteData(index) { 446 deleteData(index) {
445 console.log(JSON.stringify(index)+":row")
446 let data = this.dzhbqData[index]; 447 let data = this.dzhbqData[index];
447 // 多幢 448 // 多幢
448 if (data.zrzCount) { 449 if (data.zrzCount) {
...@@ -453,17 +454,17 @@ ...@@ -453,17 +454,17 @@
453 let zrzIndex = this.zrzList.indexOf(data); 454 let zrzIndex = this.zrzList.indexOf(data);
454 this.zrzList.splice(zrzIndex, 1) 455 this.zrzList.splice(zrzIndex, 1)
455 } 456 }
456 this.dzhbqData.splice(index, 1) 457 this.dzhbqData.splice(index, 1);
457 if (this.dzhbqData.length === 0) { 458 if (this.dzhbqData.length === 0) {
458 this.dzhbhData.xzqbsm = "" 459 this.dzhbhData.xzqbsm = "";
459 this.dzhbhData.djqbsm = "" 460 this.dzhbhData.djqbsm = "";
460 this.dzhbhData.djzqbsm = "" 461 this.dzhbhData.djzqbsm = "";
461 this.dzhbhData.syqlxbsm = "" 462 this.dzhbhData.syqlxbsm = "";
462 this.dzhbhData.zdtzmbsm = "" 463 this.dzhbhData.zdtzmbsm = ""
463 } 464 }
464 }, 465 },
465 save() { 466 save() {
466 467
467 }, 468 },
468 dzClose() { 469 dzClose() {
469 this.dzIsVisible = false; 470 this.dzIsVisible = false;
...@@ -473,22 +474,30 @@ ...@@ -473,22 +474,30 @@
473 }, 474 },
474 currentChange(val) { 475 currentChange(val) {
475 this.queryData.pageNo = val; 476 this.queryData.pageNo = val;
476 this.geDztData(this.queryData); 477 if (this.dzIsVisible) {
478 this.geDztData(this.queryData);
479 }else {
480 this.geZrztData(this.queryData)
481 }
477 }, 482 },
478 geDztData(data) { 483 geDztData(data) {
479 dzList(data).then(res => { 484 dzList(data).then(res => {
480 this.Data = res.result.records 485 this.Data = res.result.records;
481 this.total = res.result.total; 486 this.total = res.result.total;
482 }) 487 })
483 }, 488 },
484 geZrztData(data) { 489 geZrztData(data) {
485 zrzList(data).then(res => { 490 zrzList(data).then(res => {
486 this.Data = res.result.records 491 this.Data = res.result.records;
487 this.total = res.result.total; 492 this.total = res.result.total;
488 }) 493 })
489 }, 494 },
490 search() { 495 search() {
491 this.geDztData(this.queryData) 496 if (this.dzIsVisible) {
497 this.geDztData(this.queryData);
498 }else {
499 this.geZrztData(this.queryData)
500 }
492 }, 501 },
493 addData(data) { 502 addData(data) {
494 if (this.dzhbqData.length === 0) { 503 if (this.dzhbqData.length === 0) {
...@@ -502,7 +511,7 @@ ...@@ -502,7 +511,7 @@
502 let arr = []; 511 let arr = [];
503 arr = this.dzhbqData.filter(i => i.bsm === data.bsm); 512 arr = this.dzhbqData.filter(i => i.bsm === data.bsm);
504 if (arr.length > 0) { 513 if (arr.length > 0) {
505 this.$message.info("当前多幢已选择,请重新选择") 514 this.$message.info("当前多幢已选择,请重新选择");
506 return 515 return
507 } 516 }
508 arr = this.dzhbqData.filter(i => i.zdbsm !== data.zdbsm); 517 arr = this.dzhbqData.filter(i => i.zdbsm !== data.zdbsm);
...@@ -610,19 +619,23 @@ ...@@ -610,19 +619,23 @@
610 pageNo: 1, 619 pageNo: 1,
611 pageSize: 10 620 pageSize: 10
612 }; 621 };
613 this.geDztData(this.queryData) 622 if (this.dzIsVisible) {
623 this.geDztData(this.queryData);
624 }else {
625 this.geZrztData(this.queryData)
626 }
614 }, 627 },
615 }, 628 },
616 watch: { 629 watch: {
617 zdbsm: function (bsm) { 630 zdbsm: function (bsm) {
618 this.getZdData(bsm) 631 this.getZdData(bsm)
619 } 632 },
620 } 633 }
621 } 634 }
622 </script> 635 </script>
623 636
624 <style scoped lang="less"> 637 <style scoped lang="less">
625 638
626 .psn { 639 .psn {
627 position: unset !important; 640 position: unset !important;
628 } 641 }
...@@ -652,6 +665,7 @@ ...@@ -652,6 +665,7 @@
652 } 665 }
653 666
654 .header-button { 667 .header-button {
668 z-index: 3;
655 width: 1624px; 669 width: 1624px;
656 height: 50px; 670 height: 50px;
657 position: fixed; 671 position: fixed;
......
...@@ -56,17 +56,18 @@ ...@@ -56,17 +56,18 @@
56 <div class="table-bode"> 56 <div class="table-bode">
57 <table border="1"> 57 <table border="1">
58 <tr> 58 <tr>
59 <td>序号</td> 59 <th>序号</th>
60 <td>操作</td> 60 <th>操作</th>
61 <td>宗地代码</td> 61 <th>宗地代码</th>
62 <td>不动产单元号</td> 62 <th>不动产单元号</th>
63 <td>项目名称</td> 63 <th>项目名称</th>
64 <td>不动产权证号</td> 64 <th>不动产权证号</th>
65 <td>权利人</td> 65 <th>权利人</th>
66 <td>坐落</td> 66 <th>坐落</th>
67 <th>自然幢数量</th>
67 </tr> 68 </tr>
68 <tr v-if="Data.length==0"> 69 <tr v-if="Data.length===0">
69 <td colspan="8"> 70 <td colspan="9">
70 <span class="noData">暂无数据</span> 71 <span class="noData">暂无数据</span>
71 </td> 72 </td>
72 </tr> 73 </tr>
...@@ -79,8 +80,9 @@ ...@@ -79,8 +80,9 @@
79 <td>{{item.bdcdyh}}</td> 80 <td>{{item.bdcdyh}}</td>
80 <td>{{item.xmmc}}</td> 81 <td>{{item.xmmc}}</td>
81 <td>{{item.bdcqzh}}</td> 82 <td>{{item.bdcqzh}}</td>
82 <td>{{item.qlr}}</td> 83 <td>{{item.qlrmc}}</td>
83 <td>{{item.zl}}</td> 84 <td>{{item.zl}}</td>
85 <td>{{item.zrzCount}}</td>
84 </tr> 86 </tr>
85 </table> 87 </table>
86 </div> 88 </div>
...@@ -208,7 +210,9 @@ ...@@ -208,7 +210,9 @@
208 background-color: #F5F7FA; 210 background-color: #F5F7FA;
209 } 211 }
210 } 212 }
211 213 th{
214 height: 36px;
215 }
212 td { 216 td {
213 text-align: center; 217 text-align: center;
214 height: 36px; 218 height: 36px;
......
...@@ -7,12 +7,12 @@ ...@@ -7,12 +7,12 @@
7 <td colspan="8"> 7 <td colspan="8">
8 <el-row> 8 <el-row>
9 <el-col :span="14" class="fl" style="line-height:32px"> 9 <el-col :span="14" class="fl" style="line-height:32px">
10 <el-radio-group v-model="gyfs"> 10 <el-radio-group v-model="gyfs" @change="updateGyfs">
11 <el-radio :label="item.bsm" :disabled="qszt!='0' || item.disabled" :key="item.bsm" v-for="item in gyfsList">{{item.mc}}</el-radio> 11 <el-radio :label="item.bsm" :disabled="+qszt!==0" :key="item.bsm" v-for="item in gyfsList">{{item.mc}}</el-radio>
12 </el-radio-group> 12 </el-radio-group>
13 </el-col> 13 </el-col>
14 <el-col :span="10" class="fr"> 14 <el-col :span="10" class="fr">
15 <div v-show="qszt=='0'" class="fr" style="margin-right:20px"> 15 <!-- <div v-show="qszt=='0'" class="fr" style="margin-right:20px">
16 <el-button class="qlrBtn" size="mini" @click="addRow"> 16 <el-button class="qlrBtn" size="mini" @click="addRow">
17 <i class="iconfont iconxinzeng"></i> 新增 17 <i class="iconfont iconxinzeng"></i> 新增
18 </el-button> 18 </el-button>
...@@ -22,15 +22,15 @@ ...@@ -22,15 +22,15 @@
22 <el-button class="qlrBtn" size="mini" @click="delRow"> 22 <el-button class="qlrBtn" size="mini" @click="delRow">
23 <i class="iconfont iconshanchu"></i> 删除 23 <i class="iconfont iconshanchu"></i> 删除
24 </el-button> 24 </el-button>
25 </div> 25 </div>-->
26 <div v-show="qszt!='0'" class="fr" style="margin-right:20px"> 26 <div v-show="+qszt === 0" class="fr" style="margin-right:20px">
27 <el-button class="qlrBtn" size="mini" disabled> 27 <el-button class="qlrBtn" size="mini" :disabled="+qszt!==0 || (tableData.length>0 && gyfs ==='PSHGSBDCQJDC000000000000DC340010') " @click="addRow">
28 <i class="iconfont iconxinzeng"></i> 新增 28 <i class="iconfont iconxinzeng" :disabled="+qszt!==0"></i> 新增
29 </el-button> 29 </el-button>
30 <el-button class="qlrBtn" size="mini" disabled> 30 <el-button class="qlrBtn" size="mini" :disabled="+qszt!==0" @click="changeRow">
31 <i class="iconfont iconbianji"></i> 编辑 31 <i class="iconfont iconbianji"></i> 编辑
32 </el-button> 32 </el-button>
33 <el-button class="qlrBtn" size="mini" disabled> 33 <el-button class="qlrBtn" size="mini" :disabled="+qszt!==0" @click="delRow">
34 <i class="iconfont iconshanchu"></i> 删除 34 <i class="iconfont iconshanchu"></i> 删除
35 </el-button> 35 </el-button>
36 </div> 36 </div>
...@@ -75,11 +75,11 @@ ...@@ -75,11 +75,11 @@
75 <tr> 75 <tr>
76 <td colspan="4" class="tdright"><i class="requisite">*</i>权利人名称</td> 76 <td colspan="4" class="tdright"><i class="requisite">*</i>权利人名称</td>
77 <td colspan="6"> 77 <td colspan="6">
78 <input type="text" class="formInput" v-model="formData.qlrmc" /> 78 <input type="text" class="formInput" v-model="formData.qlrmc" ref="qlrmc" @blur="inputBlur($event)"/>
79 </td> 79 </td>
80 <td colspan="4" class="tdright"><i class="requisite">*</i>权利人类型</td> 80 <td colspan="4" class="tdright"><i class="requisite">*</i>权利人类型</td>
81 <td colspan="6"> 81 <td colspan="6">
82 <el-select class="formSelect" v-model="formData.qlrlxbsm"> 82 <el-select class="formSelect" v-model="formData.qlrlxbsm" ref="qlrlxbsm">
83 <el-option 83 <el-option
84 v-for="item in $store.state.qlrlxList" 84 v-for="item in $store.state.qlrlxList"
85 :key="item.bsm" 85 :key="item.bsm"
...@@ -93,7 +93,7 @@ ...@@ -93,7 +93,7 @@
93 <tr> 93 <tr>
94 <td colspan="4" class="tdright"><i class="requisite">*</i>证件类型</td> 94 <td colspan="4" class="tdright"><i class="requisite">*</i>证件类型</td>
95 <td colspan="6"> 95 <td colspan="6">
96 <el-select class="formSelect" v-model="formData.zjzlbsm"> 96 <el-select class="formSelect" v-model="formData.zjzlbsm" ref="zjzlbsm">
97 <el-option 97 <el-option
98 v-for="item in $store.state.zjzlList" 98 v-for="item in $store.state.zjzlList"
99 :key="item.bsm" 99 :key="item.bsm"
...@@ -105,18 +105,18 @@ ...@@ -105,18 +105,18 @@
105 </td> 105 </td>
106 <td colspan="4" class="tdright"><i class="requisite">*</i>证件号</td> 106 <td colspan="4" class="tdright"><i class="requisite">*</i>证件号</td>
107 <td colspan="6"> 107 <td colspan="6">
108 <input type="text" class="formInput" maxlength="18" v-model="formData.zjh" /> 108 <input type="text" class="formInput" maxlength="18" v-model="formData.zjh" ref="zjh" @blur="inputBlur($event)"/>
109 </td> 109 </td>
110 </tr> 110 </tr>
111 <tr> 111 <tr>
112 <td colspan="4" class="tdright"><i class="requisite">*</i>电话</td> 112 <td colspan="4" class="tdright"><i class="requisite">*</i>电话</td>
113 <td colspan="6"> 113 <td colspan="6">
114 <!-- @blur="inputBlur($event)"--> 114 <!-- @blur="inputBlur($event)"-->
115 <input type="text" class="formInput" v-model="formData.dh" /> 115 <input type="text" class="formInput" v-model="formData.dh" ref="dh" @blur="inputBlur($event)"/>
116 </td> 116 </td>
117 <td colspan="4" class="tdright"><i class="requisite">*</i>地址</td> 117 <td colspan="4" class="tdright"><i class="requisite">*</i>地址</td>
118 <td colspan="6"> 118 <td colspan="6">
119 <input type="text" class="formInput" v-model="formData.dz" /> 119 <input type="text" class="formInput" v-model="formData.dz" ref="dz" @blur="inputBlur($event)"/>
120 </td> 120 </td>
121 </tr> 121 </tr>
122 <tr> 122 <tr>
...@@ -268,7 +268,7 @@ ...@@ -268,7 +268,7 @@
268 <tr> 268 <tr>
269 <td colspan="4" class="tdright">共有方式</td> 269 <td colspan="4" class="tdright">共有方式</td>
270 <td colspan="6"> 270 <td colspan="6">
271 <el-select class="formSelect" v-model="formData.gyfsbsm"> 271 <el-select class="formSelect" v-model="formData.gyfsbsm" disabled>
272 <el-option 272 <el-option
273 v-for="item in $store.state.gyfsList" 273 v-for="item in $store.state.gyfsList"
274 :key="item.bsm" 274 :key="item.bsm"
...@@ -313,7 +313,7 @@ ...@@ -313,7 +313,7 @@
313 313
314 <script> 314 <script>
315 import {getDdicByMC} from "@api/common"; 315 import {getDdicByMC} from "@api/common";
316 import {insertQlrDlrFr,getQlrInfoByGlbsm,updateQlrDlrFr,deleteQlrDlrFrByQlrbsm} from "@api/qlr"; 316 import {insertQlrDlrFr,getQlrInfoByGlbsm,updateQlrDlrFr,deleteQlrDlrFrByQlrbsm,updateGyGyQlrQk} from "@api/qlr";
317 317
318 export default { 318 export default {
319 props: { 319 props: {
...@@ -329,13 +329,19 @@ ...@@ -329,13 +329,19 @@
329 type: String, 329 type: String,
330 default: "15vh", 330 default: "15vh",
331 }, 331 },
332 'bsm':String 332 bsm: {
333 type: String,
334 default: "",
335 },
336 type: {
337 type: String,
338 default: "",
339 },
333 }, 340 },
334 data() { 341 data() {
335 return { 342 return {
336 update:false, 343 update:false,
337 // bsm:'', 344 gyfs: this.$store.state.gyfsList[0].bsm,
338 gyfs: '',
339 tableData: [], 345 tableData: [],
340 gyfsList:[], 346 gyfsList:[],
341 //表格选中项 347 //表格选中项
...@@ -384,11 +390,26 @@ ...@@ -384,11 +390,26 @@
384 zjzlbsm: "", 390 zjzlbsm: "",
385 }, 391 },
386 glbsm:'', 392 glbsm:'',
393
394 rules:[],
387 }; 395 };
388 }, 396 },
389 methods: { 397 methods: {
398
399 inputBlur(e){
400 if(e.target.value!=''){
401 e.target.style.border=""
402 }else{
403 e.target.style.border="1px solid red";
404 e.target.style.boxSizing = 'border-box';
405 }
406 },
407
390 //新增行数据 408 //新增行数据
391 addRow() { 409 addRow() {
410
411 console.log(this.gyfs,'共有方式')
412
392 this.update=false; 413 this.update=false;
393 let flag=false; 414 let flag=false;
394 for(let i = 0;i<this.$store.state.gyfsList.length;i++){ 415 for(let i = 0;i<this.$store.state.gyfsList.length;i++){
...@@ -414,41 +435,97 @@ ...@@ -414,41 +435,97 @@
414 }, 435 },
415 //确认权利人信息按钮;可以进行新增;可以进行更新; 436 //确认权利人信息按钮;可以进行新增;可以进行更新;
416 addNewQlrInfo(){ 437 addNewQlrInfo(){
417 //todo 权利人页面调整 438
418 this.formData.addQjDlrFrRequest=[]; 439 this.rules=[
419 this.formData.glbsm=this.bsm; 440 {
420 this.formData.gyfsbsm=this.gyfs; 441 data:this.formData.qlrmc,
421 //将代理人,法人数据合在一起,名称为addQjDlrFrRequest; 442 name:'权利人名称',
422 //法人的type字段类型为0, 443 dom:this.$refs.qlrmc,
423 this.formData.fr.type=0; 444 rule: /^\s*$/g, //非空
424 this.formData.addQjDlrFrRequest.push(this.formData.fr); 445 },
425 for(let k=0;k<this.formData.dlrList.length;k++){ 446 {
426 //代理人的type字段类型为1, 447 data:this.formData.qlrlxbsm,
427 this.formData.dlrList[k].type=1; 448 name:'权利人类型',
428 this.formData.addQjDlrFrRequest.push(this.formData.dlrList[k]); 449 dom:this.$refs.qlrlxbsm,
429 } 450 rule: /^\s*$/g, //非空
430 this.formData.gyfsbsm=this.gyfs; 451 },
431 //如果是从更新按钮点击确定的则进行更新操作,如果不是,则进行添加操作 452 {
432 if(this.update){ 453 data:this.formData.zjzlbsm,
433 console.log(this.formData) 454 name:'证件类型',
434 updateQlrDlrFr(this.formData).then((res)=>{ 455 dom:this.$refs.zjzlbsm,
435 if(res.code===200){ 456 rule: /^\s*$/g, //非空
436 this.$message.success("修改完成!"); 457 },
437 this.getQlrInfo(); 458 {
438 this.update=false; 459 data:this.formData.zjh,
439 this.dialogVisible = false; 460 name:'证件号',
461 dom:this.$refs.zjh,
462 rule: /^\s*$/g, //非空
463 },
464 {
465 data:this.formData.dh,
466 name:'电话',
467 dom:this.$refs.dh,
468 rule: /^\s*$/g, //非空
469 },
470 {
471 data:this.formData.dz,
472 name:'地址',
473 dom:this.$refs.dz,
474 rule: /^\s*$/g, //非空
475 },
476 ]
477 let flag = true;
478 this.rules.forEach(item=>{
479 if(item.rule.test(item.data) || item.data == null){
480 if(item.dom.$el){
481 item.dom.$el.style.border = '1px solid red';
482 item.dom.$el.style.boxSizing = 'border-box';
483 }else{
484 item.dom.style.border = '1px solid red';
485 item.dom.style.boxSizing = 'border-box';
440 } 486 }
441 }) 487 flag = false;
442 }else { 488 return false
443 insertQlrDlrFr(this.formData).then((res)=>{ 489 }
444 if(res.code===200){ 490 })
445 this.tableData.push(this.formData); 491 this.$nextTick(()=>{
446 Object.assign(this.$data, this.$options.data()) 492 if (flag) {
447 this.dialogVisible = false; 493 //todo 权利人页面调整
448 this.getQlrInfo(); 494 this.formData.addQjDlrFrRequest=[];
495 this.formData.glbsm=this.bsm;
496 //将代理人,法人数据合在一起,名称为addQjDlrFrRequest;
497 //法人的type字段类型为0,
498 this.formData.fr.type=0;
499 this.formData.addQjDlrFrRequest.push(this.formData.fr);
500 for(let k=0;k<this.formData.dlrList.length;k++){
501 //代理人的type字段类型为1,
502 this.formData.dlrList[k].type=1;
503 this.formData.addQjDlrFrRequest.push(this.formData.dlrList[k]);
449 } 504 }
450 }) 505 //如果是从更新按钮点击确定的则进行更新操作,如果不是,则进行添加操作
451 } 506 if(this.update){
507 console.log(this.formData)
508 updateQlrDlrFr(this.formData).then((res)=>{
509 if(res.code===200){
510 this.$message.success("修改完成!");
511 this.getQlrInfo(this.bsm);
512 this.update=false;
513 this.dialogVisible = false;
514 }
515 })
516 }else {
517 insertQlrDlrFr(this.formData).then((res)=>{
518 if(res.code===200){
519 this.tableData.push(this.formData);
520 Object.assign(this.$data, this.$options.data())
521 this.dialogVisible = false;
522 this.getQlrInfo(this.bsm);
523 }
524 })
525 }
526 }
527 })
528
452 529
453 }, 530 },
454 //修改行数据 531 //修改行数据
...@@ -467,6 +544,21 @@ ...@@ -467,6 +544,21 @@
467 }); 544 });
468 } 545 }
469 }, 546 },
547
548 updateGyfs(val){
549 console.log(val,this.type)
550 updateGyGyQlrQk(this.bsm,this.type,val).then((res)=>{
551 if(res.code === 200){
552 console.log("修改完成!")
553 }
554 })
555 },
556
557 //父组件改变子组件的共有方式
558 changeGyfs(val){
559 this.gyfs = val;
560 },
561
470 //行双击事件 562 //行双击事件
471 rowDbclick(row){ 563 rowDbclick(row){
472 this.dialogVisible = true; 564 this.dialogVisible = true;
...@@ -504,7 +596,7 @@ ...@@ -504,7 +596,7 @@
504 deleteQlrDlrFrByQlrbsm(qlrbsms).then((res)=>{ 596 deleteQlrDlrFrByQlrbsm(qlrbsms).then((res)=>{
505 if(res.code===200){ 597 if(res.code===200){
506 this.$message.success("删除完成!") 598 this.$message.success("删除完成!")
507 this.getQlrInfo(); 599 this.getQlrInfo(this.bsm);
508 } 600 }
509 }) 601 })
510 } else { 602 } else {
...@@ -546,8 +638,8 @@ ...@@ -546,8 +638,8 @@
546 }); 638 });
547 } 639 }
548 }, 640 },
549 getQlrInfo(){ 641 getQlrInfo(bsm){
550 getQlrInfoByGlbsm(this.bsm).then((res)=>{ 642 getQlrInfoByGlbsm(bsm).then((res)=>{
551 if(res.code){ 643 if(res.code){
552 if(res.result!=null){ 644 if(res.result!=null){
553 this.tableData=res.result; 645 this.tableData=res.result;
...@@ -563,21 +655,24 @@ ...@@ -563,21 +655,24 @@
563 }, 655 },
564 created(){ 656 created(){
565 this.gyfsList = this.$store.state.gyfsList; 657 this.gyfsList = this.$store.state.gyfsList;
566 if(this.tableData.length>1){
567 for(let i = 0;i<this.gyfsList.length;i++){
568 let item = this.gyfsList[i];
569 this.gyfsList.disabled = item.mc === "单独所有" && item.bsm === this.gyfs;
570 }
571 }
572 }, 658 },
573 mounted() { 659 mounted() {
574 this.getQlrInfo(); 660 this.getQlrInfo(this.bsm);
575 if(this.$store.state.gyfsList.length>0){
576 this.gyfs=this.$store.state.gyfsList[0].bsm;
577 }
578
579 }, 661 },
580 watch:{ 662 watch:{
663 tableData:{
664 handler:function (v) {
665 console.log(v,'权利人')
666 this.gyfsList[0].disabled = v.length() > 1;
667 } ,
668 deep:true
669 },
670 gyfsList:{
671 handler:function(v){
672 console.log(v,"共有方式")
673 },
674 deep:true
675 },
581 dialogVisible(n){ 676 dialogVisible(n){
582 if(n == false){ 677 if(n == false){
583 this.formData = { 678 this.formData = {
...@@ -633,6 +728,40 @@ ...@@ -633,6 +728,40 @@
633 } 728 }
634 } 729 }
635 }, 730 },
731
732 "formData.qlrlxbsm":function (val) {
733 console.log(this.$refs.qlrlxbsm.$el.style.border+":console.log(this.$refs.qlrlxbsm.$el.style.border)")
734 if (val != '') {
735 console.log(this.$refs.qlrlxbsm.$el.style.border+":console.log(this.$refs.qlrlxbsm.$el.style.border)")
736 this.$refs.qlrlxbsm.$el.style.border = '';
737 }
738 },
739
740 "formData.zjzlbsm":function (val) {
741 if (val != '') {
742 this.$refs.zjzlbsm.$el.style.border = '';
743 }
744 },
745 // "formData.gyfsbsm":function (val) {
746 // let ddsy = '';
747 // for(let i = 0;i<this.gyfsList.length;i++){
748 // if(this.gyfsList[i].mc === "单独所有"){
749 // ddsy = this.gyfsList[i].bsm
750 // }
751 // }
752 // if(ddsy === val){
753 // if(this.update){
754 // if(this.tableData.length > 1){
755 // this.$message.warning("权利人人数大于1,不能选择单独所有")
756 // }
757 // }else{
758 // if(this.tableData.length > 0){
759 // this.$message.warning("权利人人数大于1,不能选择单独所有")
760 // }
761 // }
762 //
763 // }
764 // }
636 } 765 }
637 }; 766 };
638 </script> 767 </script>
...@@ -775,7 +904,6 @@ ...@@ -775,7 +904,6 @@
775 td { 904 td {
776 text-align: right; 905 text-align: right;
777 height: 36px; 906 height: 36px;
778 padding-right: 10px;
779 } 907 }
780 /deep/.el-input__inner { 908 /deep/.el-input__inner {
781 margin: 0; 909 margin: 0;
......
...@@ -53,8 +53,8 @@ ...@@ -53,8 +53,8 @@
53 :class="childIndex > 0 ? 'childYT' : ''" 53 :class="childIndex > 0 ? 'childYT' : ''"
54 > 54 >
55 <ul> 55 <ul>
56 <li>批准用途</li> 56 <li><i class="requisite">*</i>批准用途</li>
57 <li>实际用途</li> 57 <li><i class="requisite">*</i>实际用途</li>
58 <li><i class="requisite">*</i>土地使用起始时间</li> 58 <li><i class="requisite">*</i>土地使用起始时间</li>
59 </ul> 59 </ul>
60 </el-col> 60 </el-col>
...@@ -69,6 +69,7 @@ ...@@ -69,6 +69,7 @@
69 class="formSelect percent30" 69 class="formSelect percent30"
70 v-if="show" 70 v-if="show"
71 :default-expand-all="defaultExpandAll" 71 :default-expand-all="defaultExpandAll"
72 ref="pzytdm"
72 :multiple="multiple" 73 :multiple="multiple"
73 :placeholder="placeholder" 74 :placeholder="placeholder"
74 :disabled="formData.qszt!='0'" 75 :disabled="formData.qszt!='0'"
...@@ -84,6 +85,7 @@ ...@@ -84,6 +85,7 @@
84 class="formSelect percent30" 85 class="formSelect percent30"
85 v-if="show" 86 v-if="show"
86 :default-expand-all="defaultExpandAll" 87 :default-expand-all="defaultExpandAll"
88 ref="sjytdm"
87 :multiple="multiple" 89 :multiple="multiple"
88 :placeholder="placeholder" 90 :placeholder="placeholder"
89 :disabled="formData.qszt!='0'" 91 :disabled="formData.qszt!='0'"
...@@ -234,8 +236,8 @@ ...@@ -234,8 +236,8 @@
234 :class="childIndex > 0 ? 'childYT' : ''" 236 :class="childIndex > 0 ? 'childYT' : ''"
235 > 237 >
236 <ul> 238 <ul>
237 <li>批准用途</li> 239 <li><i class="requisite">*</i>批准用途</li>
238 <li>实际用途</li> 240 <li><i class="requisite">*</i>实际用途</li>
239 <li><i class="requisite">*</i>土地使用起始时间</li> 241 <li><i class="requisite">*</i>土地使用起始时间</li>
240 </ul> 242 </ul>
241 </el-col> 243 </el-col>
...@@ -249,6 +251,7 @@ ...@@ -249,6 +251,7 @@
249 <el-select-tree 251 <el-select-tree
250 v-if="show" 252 v-if="show"
251 :default-expand-all="defaultExpandAll" 253 :default-expand-all="defaultExpandAll"
254 ref="pzytdm"
252 :multiple="multiple" 255 :multiple="multiple"
253 :placeholder="placeholder" 256 :placeholder="placeholder"
254 :disabled="disabled" 257 :disabled="disabled"
...@@ -263,6 +266,7 @@ ...@@ -263,6 +266,7 @@
263 <el-select-tree 266 <el-select-tree
264 v-if="show" 267 v-if="show"
265 :default-expand-all="defaultExpandAll" 268 :default-expand-all="defaultExpandAll"
269 ref="sjytdm"
266 :multiple="multiple" 270 :multiple="multiple"
267 :placeholder="placeholder" 271 :placeholder="placeholder"
268 :disabled="disabled" 272 :disabled="disabled"
...@@ -627,6 +631,20 @@ export default { ...@@ -627,6 +631,20 @@ export default {
627 // val:this.$refs.tdsyjssj[temp+ind].value, 631 // val:this.$refs.tdsyjssj[temp+ind].value,
628 rule: /^\s*$/g, //非空 632 rule: /^\s*$/g, //非空
629 }, 633 },
634 {
635 data:item.list[ind].pzytdm,
636 name:'批准用途',
637 dom:this.$refs.pzytdm[temp+ind],
638 // val:this.$refs.tdsyjssj[temp+ind].value,
639 rule: /^\s*$/g, //非空
640 },
641 {
642 data:item.list[ind].sjytdm,
643 name:'实际用途',
644 dom:this.$refs.sjytdm[temp+ind],
645 // val:this.$refs.tdsyjssj[temp+ind].value,
646 rule: /^\s*$/g, //非空
647 },
630 ) 648 )
631 if(this.hasSyqx){ 649 if(this.hasSyqx){
632 rules.push( 650 rules.push(
...@@ -696,10 +714,18 @@ export default { ...@@ -696,10 +714,18 @@ export default {
696 watch:{ 714 watch:{
697 countList: { 715 countList: {
698 handler : function (newVal, oldVal) { 716 handler : function (newVal, oldVal) {
699 newVal.forEach((item,ind)=>{ 717 newVal.forEach((i,ind)=>{
700 if(item.qlxzdm != ''){ 718 i.list.forEach((item,index)=>{
701 this.$refs.qlxzdm[ind].$el.style.border="" 719 if(item.qlxzdm != '' &&item.qlxzdm != null){
702 } 720 this.$refs.qlxzdm[ind].$el.style.border=""
721 }
722 if(item.sjytdm != '' &&item.sjytdm != null){
723 this.$refs.sjytdm[ind].$el.style.border=""
724 }
725 if(item.pzytdm != '' &&item.pzytdm != null){
726 this.$refs.pzytdm[ind].$el.style.border=""
727 }
728 })
703 }) 729 })
704 }, 730 },
705 deep:true 731 deep:true
...@@ -868,6 +894,9 @@ export default { ...@@ -868,6 +894,9 @@ export default {
868 margin-top: 16px; 894 margin-top: 16px;
869 } 895 }
870 } 896 }
897 .tdytAdd{
898 width: 100px;
899 }
871 .tdytAdd,.tdytMinus{ 900 .tdytAdd,.tdytMinus{
872 span{ 901 span{
873 font-size: 14px; 902 font-size: 14px;
......
1 <template>
2 <div class="mainbox1">
3 <template v-if="isFwsxbg">
4 <!-- <p class="tips">查询条件</p> -->
5 <el-row class="box">
6 <el-col :span="24">
7 <el-row>
8 <el-col :span="24">
9 <el-form :inline="true" class="demo-form-inline" label-width="106px">
10 <el-form-item label="宗地编码">
11 <el-input
12 v-model="queryData.zddm"
13 placeholder="输入宗地编码"
14 @change="query"
15 ></el-input>
16 </el-form-item>
17 <el-form-item label="项目名称">
18 <el-input
19 placeholder="输入项目名称"
20 v-model="queryData.xmmc"
21 @change="query"
22 ></el-input>
23 </el-form-item>
24 <el-form-item label="不动产单元号">
25 <el-input
26 maxlength="28"
27 v-model="queryData.bdcdyh"
28 placeholder="输入不动产单元号"
29 @change="query"
30 ></el-input>
31 </el-form-item>
32 <el-button type="primary" @click="query" icon="el-icon-search">查询</el-button>
33 <el-button type="warning" @click="reset" icon="el-icon-refresh">重置</el-button>
34 <el-button
35 type="primary"
36 @click="moreSearch"
37 >更多查询
38 </el-button>
39 <!-- @click="ismore = !ismore" -->
40 </el-form>
41 </el-col>
42 </el-row>
43 <el-row class="row3" v-if="ismore">
44 <el-col :span="22">
45 <el-form :inline="true" class="demo-form-inline" label-width="106px">
46 <el-form-item label="权利人名称">
47 <el-input
48 placeholder="输入权利人名称"
49 v-model="queryData.qlrmc"
50 @change="query"
51 ></el-input>
52 </el-form-item>
53 <el-form-item label="坐落">
54 <el-input
55 v-model="queryData.zl"
56 placeholder="输入坐落地址"
57 @change="query"
58 ></el-input>
59 </el-form-item>
60 <el-form-item label="不动产权证号">
61 <el-input
62 placeholder="输入不动产权证号"
63 v-model="queryData.bdcqzh"
64 @change="query"
65 ></el-input>
66 </el-form-item>
67 </el-form>
68 </el-col>
69 <el-col :span="2" :offset="offset">
70 </el-col>
71 </el-row>
72 </el-col>
73 </el-row>
74 <!-- <p class="tips">查询列表</p> -->
75 <div class="dataGrid" ref="dataGrid">
76 <el-table
77 :data="tableData"
78 :height="tableHeight"
79 :row-class-name="tableRowClassName"
80 >
81 <el-table-column type="index" width="80" align="center" label="序号">
82 </el-table-column>
83 <el-table-column prop="bdcdyh" align="left" label="不动产单元号">
84 </el-table-column>
85 <el-table-column prop="xmmc" align="left" width="150" label="项目名称">
86 </el-table-column>
87 <el-table-column prop="bdcqzh" align="left" label="不动产权证号">
88 </el-table-column>
89 <!--<el-table-column prop="dylx" align="left" width="120" label="类型">
90 <template slot-scope="scope">
91 {{ scope.row.dylx | bdcLxFilter }}
92 </template>
93 </el-table-column>-->
94 <el-table-column prop="qlrmc" align="left" width="120" label="权利人">
95 </el-table-column>
96 <el-table-column prop="zl" align="left" label="坐落"></el-table-column>
97 <el-table-column
98 prop="addtime"
99 align="left"
100 width="120"
101 label="转入时间"
102 >
103 <template slot-scope="scope">
104 {{ scope.row.addtime | timeFilter }}
105 </template>
106 </el-table-column>
107 <!-- <el-table-column prop="cjr" align="left" width="120" label="创建人">
108 </el-table-column> -->
109 <el-table-column label="操作" align="center" width="100">
110 <template slot-scope="scope">
111 <el-tooltip class="item" effect="light" content="办理" placement="top">
112 <i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i>
113 </el-tooltip>
114 <el-tooltip class="item" effect="light" content="定位" placement="top">
115 <i class="iconfont icondingwei iconfontEdit"></i>
116 </el-tooltip>
117 <!-- <el-button @click="handleClick(scope.row)" type="text" size="small"
118 >办理
119 </el-button>
120 <el-button type="text" size="small">定位</el-button> -->
121 </template>
122 </el-table-column>
123 </el-table>
124 <div class="pagination">
125 <el-pagination
126 background
127 layout="prev, pager, next,total"
128 :total="total"
129 :current-page="pageNo"
130 :page-size="pageSize"
131 @current-change="handleCurrentChange"
132 >
133 </el-pagination>
134 </div>
135 </div>
136 </template>
137 <div class="lpb" v-if="!isFwsxbg">
138 <div class="lpb-header">
139 <el-radio-group v-model="scyclx" @change="scyclxChange">
140 <el-radio-button label="0">预测</el-radio-button>
141 <el-radio-button label="1">实测</el-radio-button>
142 </el-radio-group>
143 <el-input
144 maxlength="28"
145 v-model="bdcdyh"
146 :style="{ width: inputWidth + 'px' }"
147 class="searchInput"
148 placeholder="输入不动产单元号或室号"
149 ><i
150 slot="suffix"
151 class="el-input__icon el-icon-search"
152 @click="inputChange"
153 ></i
154 ></el-input>
155 <el-link type="primary" style="margin-left:20px" @click="isFwsxbg=true">重新选择户</el-link>
156 </div>
157 <div class="lpb-content" ref="lpbContentWrap" :style="{ height: lpbContentHeight + 'px' }" v-loading="lpbloading">
158 <!-- 楼盘表主体 -->
159 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }">
160 <lpbContent ref="lpbContent" class="" :zrzbsm='zrzbsm' lpbParent = 'isFwsxbg'></lpbContent>
161 </div>
162 <!-- 右侧图例 -->
163 <div class="lp-legend">
164 <div class="handleCol">
165 <div class="btn" @click="legendToggle">
166 <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i>
167 <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i>
168 </div>
169 <div
170 :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'"
171 @click="selectedZt = 'dyzt'"
172 >
173 <span>单元状态</span>
174 </div>
175 <div
176 :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'"
177 @click="selectedZt = 'fwxz'"
178 >
179 <span>房屋性质</span>
180 </div>
181 <div
182 :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'"
183 @click="selectedZt = 'fwyt'"
184 >
185 <span>房屋用途</span>
186 </div>
187 </div>
188 <div
189 class="legendTable-wrap"
190 :style="{ width: legendToggleFlag ? '204px' : '0' }"
191 >
192 <table
193 class="legendTable"
194 v-show="selectedZt == 'dyzt'"
195 cellspacing="1"
196 cellpadding="1"
197 border="1"
198 >
199 <tr>
200 <th>状态</th>
201 <th>套数</th>
202 <th>面积</th>
203 </tr>
204 <tr
205 v-for="(item, index) in dyztList"
206 :key="index"
207 class="cp"
208 @click="handleChoosedH(item.bsms,item.color)"
209 >
210 <td>
211 <i class="fa fa-circle" :style="{ color: item.color }"></i
212 >{{ item.name }}
213 </td>
214 <td>{{ item.ts }}</td>
215 <td>{{ item.mj }}</td>
216 </tr>
217 </table>
218
219 <table
220 class="legendTable"
221 v-show="selectedZt == 'fwxz'"
222 cellspacing="1"
223 cellpadding="1"
224 border="1"
225 >
226 <tr>
227 <th>性质</th>
228 <th>套数</th>
229 <th>面积</th>
230 </tr>
231 <tr
232 v-for="(item, index) in fwxzList"
233 :key="index"
234 class="cp"
235 @click="handleChoosedH(item.bsms,item.color)"
236 >
237 <td>
238 <i class="fa fa-circle" :style="{ color: item.color }"></i
239 >{{ item.name }}
240 </td>
241 <td>{{ item.ts }}</td>
242 <td>{{ item.mj }}</td>
243 </tr>
244 <tr v-show="fwxzList.length < 1">
245 <td colspan="3" class="tac">暂无数据</td>
246 </tr>
247 </table>
248
249 <table
250 class="legendTable"
251 v-show="selectedZt == 'fwyt'"
252 cellspacing="1"
253 cellpadding="1"
254 border="1"
255 >
256 <tr>
257 <th>用途</th>
258 <th>套数</th>
259 <th>面积</th>
260 </tr>
261 <tr
262 v-for="(item, index) in fwytList"
263 :key="index"
264 class="cp"
265 @click="handleChoosedH(item.bsms,item.color)"
266 >
267 <td>
268 <i class="fa fa-circle" :style="{ color: item.color }"></i
269 >{{ item.name }}
270 </td>
271 <td>{{ item.ts }}</td>
272 <td>{{ item.mj }}</td>
273 </tr>
274 <tr v-show="fwytList.length < 1">
275 <td colspan="3" class="tac">暂无数据</td>
276 </tr>
277 </table>
278 </div>
279 </div>
280 </div>
281 </div>
282 </div>
283 </template>
284
285 <script>
286 import { getSearchList } from "@api/search";
287 import { fwsxbgbl } from "@api/common";
288 import {getQjHDetailByBsm} from "@api/h";
289 import {queryFwsxbg} from "@api/search"
290 import lpbContent from "./../../views/zrz/lpb/bjlp/lpbContent/index"
291 import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh,getLpbFwytAndQlxz ,batchCommit} from "@api/lpb";
292 export default {
293 name: "fwsxbgTab",
294 components: { lpbContent },
295 inject:['getRightTree','getTreeByBsm'],
296 props: {
297 queryType:{
298 type:String,
299 default:'zd'
300 }
301 },
302 data() {
303 return {
304 offset: 22,
305 ismore: false,
306 queryData: {
307 bdcdyh: "",
308 bdcqzh: "",
309 qlrmc: "",
310 xmmc: "",
311 zddm: "",
312 zl: "",
313 pageNo:this.pageNo,
314 pageSize:this.pageSize,
315 type:this.queryType
316 },
317 type:'fwsxbg',
318 total: 0,
319 pageNo: 1,
320 pageSize: 15,
321 tableData: [],
322 tableHeight: "100",
323 //queryData: {},
324 isFwsxbg:true,
325 zrzbsm:'',
326 scyclx:'0', //实预测类型
327 bdcdyh:'',//室号搜索
328 inputWidth: 220,//搜索框宽度
329 legendToggleFlag: false,
330 selectedZt:'dyzt',
331 dyztList: [
332 {
333 name: "未确权",
334 color: "#83AAFE",
335 ts: "12",
336 mj: "1633",
337 },
338 {
339 name: "已确权",
340 color: "#6EDEE1",
341 ts: "22",
342 mj: "3109",
343 },
344 {
345 name: "已备案",
346 color: "#8ADC88",
347 ts: "3",
348 mj: "409",
349 },
350 {
351 name: "预抵押",
352 color: "#F2AD67",
353 ts: "11",
354 mj: "1466",
355 },
356 {
357 name: "在建抵押",
358 color: "#F191C8",
359 ts: "13",
360 mj: "1792",
361 },
362 {
363 name: "抵押",
364 color: "#FF8282",
365 ts: "14",
366 mj: "13",
367 },
368 {
369 name: "查封",
370 color: "#D7CECF",
371 ts: "9",
372 mj: "1436",
373 },
374 {
375 name: "异议",
376 color: "#D4A3EB",
377 ts: "34",
378 mj: "4342",
379 },
380 {
381 name: "限制",
382 color: "#A5A3FB",
383 ts: "2",
384 mj: "285",
385 },
386 ],
387 fwxzList: [],
388 fwytList: [],
389 lpbContentHeight: 0,
390 lpbContentwidth: 0,
391 lpbloading:true,
392 hbsm:''
393 };
394 },
395 created() {},
396 mounted() {
397 this.queryData.pageNo = this.pageNo;
398 this.queryData.pageSize = this.pageSize;
399 this.queryData.type = this.queryType;
400 this.getData(this.queryData);
401 // console.log(document.documentElement.clientHeight || document.body.clientHeight,'document.documentElement.clientHeight || document.body.clientHeight');
402 this.$nextTick(() => {
403 this.tableHeight =
404 (document.documentElement.clientHeight || document.body.clientHeight) -
405 342;
406 this.lpbContentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 262;
407 });
408 },
409 methods: {
410 // 重置
411 reset(){
412 this.queryData = {
413 bdcdyh: "",
414 bdcqzh: "",
415 qlrmc: "",
416 xmmc: "",
417 zddm: "",
418 zl: "",
419 type: this.queryType
420 }
421 },
422 // 查询
423 query(){
424 this.queryData.pageNo = this.pageNo;
425 this.queryData.pageSize = this.pageSize;
426 this.queryData.type = this.queryType;
427 this.getData(this.queryData)
428 },
429 // 更多查询
430 moreSearch(){
431 console.log(this.tableHeight);
432 if(this.ismore === true){
433 this.ismore = false;
434 this.tableHeight+=69;
435 }else {
436 this.ismore = true;
437 this.tableHeight-=69;
438 }
439 },
440 onSubmit() {},
441 tableRowClassName({ row, rowIndex }) {
442 if (rowIndex % 2 !== 0) {
443 return "even-row";
444 } else {
445 return "";
446 }
447 },
448 handleCurrentChange(val) {
449 console.log(`当前页: ${val}`);
450 this.pageNo = val;
451 this.queryData.pageNo = val;
452 this.getData(this.queryData);
453 },
454 getData(data) {
455 /*data['type'] = this.type
456 data["qszt"] = this.qszt;
457 getSearchList(data).then((res) => {
458 this.tableData = res.result.records;
459 this.total = res.result.total;
460 });*/
461 queryFwsxbg(data).then(res=>{
462 if (res.success) {
463 this.tableData = res.result.records;
464 this.total = res.result.total;
465 }
466 })
467 },
468 //获取子组件点击查询触发的事件
469 /* geQuerytData(obj) {
470 this.queryData = obj;
471 //将obj作为参数调用接口查询表格数据
472 this.queryData["pageSize"] = this.pageSize;
473 this.pageNo = 1;
474 this.queryData["pageNo"] = 1;
475 this.getData(this.queryData);
476 },*/
477 //点击办理
478 handleClick(row) {
479 let params = { bsm: row.bsm, type: this.queryType };
480 this.bdcdyh = row.bdcdyh;
481 if(row.dylx == 'h0' || row.dylx == 'h1'){
482 this.hbsm = row.bsm;
483 getQjHDetailByBsm(row.bsm).then((res)=>{
484 if(res.code===200){
485 this.zrzbsm = res.result.zrzbsm;
486 this.isFwsxbg = false;
487 this.$nextTick(()=>{
488 this.scyclx = row.dylx == 'h0' ? '0':'1'
489 })
490 }
491 })
492 }else{
493 this.$confirm('是否确定范围属性变更?', '提示', {
494 confirmButtonText: '确定',
495 cancelButtonText: '取消',
496 type: 'warning'
497 }).then(() => {
498 fwsxbgbl(params)
499 .then((res) => {
500 if (res.success) {
501 // this.$message({
502 // message: res.message,
503 // type: "变更成功",
504 // });
505 let path = "";
506 switch (this.queryType) {
507 case "zrz":
508 this.$store.state.zrzbsm = res.result;
509 this.getTreeByBsm(res.result,this.queryType,'0,1,2');
510 path = "/zrz";
511 break;
512 case "zd":
513 this.$store.state.zdbsm = res.result;
514 this.getRightTree(res.result,'0,1,2');
515 path = "/zd";
516 break;
517 case "dz":
518 this.$store.state.dzbsm = res.result;
519 this.getTreeByBsm(res.result,this.queryType,'0,1,2');
520 path = "/dz";
521 break;
522 default:
523 break;
524 }
525 this.$router.push({
526 path: path,
527 query: {
528 bsm: res.result,
529 source: 2,
530 auth:'2'
531 }
532 });
533 } else {
534 this.$message({
535 message: res.message,
536 type: "warning",
537 });
538 }
539 })
540 .catch((error) => {
541 this.$message({
542 message: res.message,
543 type: "error",
544 });
545 });
546 }).catch(() => {
547
548 });
549 }
550 },
551
552 //实预测转换
553 scyclxChange(){
554 //清空已选中层户
555 // this.bsms = [];
556 this.$refs.lpbContent.hbsmList = [];
557 this.$nextTick(()=>{
558 //户
559 this.$refs.lpbContent.$refs.hBsm.forEach(item=>{
560 item.style.borderColor = 'rgb(230, 230, 230)';
561 if (item.className == "tdSelect") {
562 item.className = "";
563 }
564 });
565 //层
566 this.$refs.lpbContent.$refs.cBsm.forEach(item=>{
567 console.log(item.className,'item.className');
568 item.className = "floor";
569 });
570 })
571 //获取图例数据
572 this.getDyztBsmList();
573 this.getLpbFwytAndQlxz();
574 },
575 inputChange() {
576 if (this.bdcdyh != "") {
577 // 根据不动产单元号或者室号搜索
578 // this.$refs.lpbContent.lpbDataMap(this.bdcdyh);
579 } else {
580 this.$message({
581 message: "请输入内容后查询",
582 type: "warning",
583 });
584 }
585 },
586 //图例的展开收起
587 legendToggle() {
588 this.legendToggleFlag = !this.legendToggleFlag;
589 },
590 //获取各项单元状态统计数据
591 getDyztBsmList() {
592 let data = {
593 zrzbsm: this.$store.state.zrzbsm,
594 scyclx: this.scyclx,
595 };
596 getLpbTj(data).then((res) => {
597 if (res.code === 200) {
598 this.dyztList = res.result;
599 this.dyztList.splice(1,0,this.dyztList[8]);
600 this.dyztList.pop();
601 this.dyztList.forEach(item=>{
602 item.ts = item.bsms.length;
603 switch (item.name) {
604 case 'Qqzt':
605 item.color = "#6EDEE1";
606 item.name = "已确权"
607 break;
608 case 'Wqqzt':
609 item.color = "#83AAFE";
610 item.name = "未确权"
611 break;
612 case 'Bazt':
613 item.color = "#8ADC88";
614 item.name = "已备案"
615 break;
616 case 'Ydyzt':
617 item.color = "#F2AD67";
618 item.name = "预抵押"
619 break;
620 case 'Zjgcdyzt':
621 item.color = "#F191C8";
622 item.name = "在建抵押"
623 break;
624 case 'Dyzt':
625 item.color = "#FF8282";
626 item.name = "抵押"
627 break;
628 case 'Cfzt':
629 item.color = "#D7CECF";
630 item.name = "查封"
631 break;
632 case 'Yyzt':
633 item.color = "#D4A3EB";
634 item.name = "异议"
635 break;
636 case 'Xzzt':
637 item.color = "#A5A3FB";
638 item.name = "限制"
639 break;
640 default:
641 break;
642 }
643 })
644 }
645 });
646 },
647 // 获取房屋用途和房屋性质统计数据
648 getLpbFwytAndQlxz(){
649 let data = {
650 zrzbsm: this.$store.state.zrzbsm,
651 scyclx: this.scyclx,
652 };
653 getLpbFwytAndQlxz(data).then((res) => {
654 if (res.code === 200) {
655 // this.fwytList = res.result
656 this.fwytList = res.result.fwyt;
657 this.fwxzList = res.result.qlxz;
658 if(this.fwytList.length>0){
659 this.fwytList.forEach(item=>{
660 item.color = "#2591FD";
661 item.ts = item.bsms.length
662 })
663 }
664 if(this.fwxzList.length>0){
665 this.fwxzList.forEach(item=>{
666 item.color = "#2591FD";
667 item.ts = item.bsms.length
668 })
669 }
670 }
671 });
672 },
673 //切换房屋状态
674 handleChoosedH(bsms,color) {
675 //每次切换房屋状态,将之前高亮的户边框颜色重置为默认
676 this.$refs.lpbContent.choosedList = [];
677 this.$refs.lpbContent.$refs.hBsm.forEach((item) => {
678 item.style.border = '';
679 });
680 // console.log(bsms,'bsms');
681 // console.log(color,'color');
682 // Dyzt:{list:[],mj:''}
683 //清除选中户
684 // this.$refs.lpbContent.clearChoosedH();
685 this.$nextTick(()=>{
686 //给hBsmList传值
687 // console.log(bsms,'bsms');
688 this.$refs.lpbContent.choosedList = bsms;
689 this.$refs.lpbContent.borderColor = color;
690 })
691 },
692 },
693 computed: {},
694 watch: {
695 ismore: function(val) {
696 if (val) {
697 this.offset = 0;
698 } else {
699 this.offset = 22;
700 this.queryData.qlrmc = "";
701 this.queryData.xmmc = "";
702 this.queryData.bdcqzh = "";
703 }
704 },
705 //树结构和图例伸缩时修改楼盘表主要内容区宽度
706 legendToggleFlag(n) {
707 if (n) {
708 this.lpbContentwidth -= 204;
709 } else {
710 this.lpbContentwidth += 204;
711 }
712 },
713 //选择自然幢展示楼盘表后,查询右侧图例数据
714 isFwsxbg(n){
715 if (!n) {
716 this.getDyztBsmList();
717 this.getLpbFwytAndQlxz();
718 this.$nextTick(()=>{
719 this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6;
720 this.$refs.lpbContent.lpbDataMap(this.bdcdyh);
721 this.$refs.lpbContent.hbsmList.push(this.hbsm)
722 })
723 }
724 },
725 //改变syclx,更新楼盘表数据
726 scyclx(n){
727 this.$refs.lpbContent.lpbData = n == 0 ? this.$refs.lpbContent.yclpbData : this.$refs.lpbContent.sclpbData
728 },
729 selectedZt(n){
730 this.legendToggleFlag = true;
731 },
732 queryType(val){
733 console.log(val,"范围属性变更,tab")
734 this.queryData.type=val;
735 }
736 },
737 };
738 </script>
739
740 <style scoped lang="less">
741 .mainbox1{
742 width: 100%;
743 height: 100%;
744 box-sizing: border-box;
745 padding:20px;
746 background-color: #eaedf5;
747 .box{
748 background-color: white;
749 padding: 10px 0;
750 margin-bottom: 10px;
751 }
752 .tips{
753 color: #9B9B9B;
754 margin-left: 2px;
755 margin-bottom: 10px;
756 }
757 .demo-form-inline {
758 margin-top: 18px;
759 .moreSearchBtn {
760 background-color: #1ad6e1;
761 border-color: #1ad6e1;
762 }
763 .moreSearchBtn:focus,
764 .moreSearchBtn:hover {
765 background-color: rgba(28, 200, 229, 0.6);
766 }
767 }
768 .dataGrid {
769 flex: 1;
770 .pagination {
771 padding: 18px 0 0 0;
772 }
773 }
774
775 .lpb{
776 box-sizing: border-box;
777 padding-left: 2px;
778 .searchInput {
779 transition: 0.5s;
780 margin-left: 20px;
781 display: inline-block;
782 }
783 .lpb-content{
784 margin-top: 20px;
785 background-color: #ffffff;
786 display: flex;
787 overflow-y: scroll;
788 .lp-overview {
789 transition: 0.5s;
790 flex: 1;
791 margin-right: 20px;
792 box-sizing: border-box;
793 border: 1px solid rgb(236, 236, 236);
794 border-top: 0;
795 border-bottom: 0;
796 }
797 .lp-legend {
798 transition: 0.5s;
799 height: 100%;
800 font-size: 14px;
801 .handleCol {
802 width: 34px;
803 float: right;
804 height: 100%;
805 .btn {
806 cursor: pointer;
807 height: 40px;
808 line-height: 40px;
809 text-align: center;
810 background-color: #0091ff;
811 color: #fff;
812 border-bottom: 1px solid #e6e6e6;
813 }
814 .dyzt,
815 .fwxz,
816 .fwyt {
817 height: 122px;
818 }
819 .dyzt,
820 .fwxz,
821 .fwyt {
822 cursor: pointer;
823 border-bottom: 1px solid #e6e6e6;
824 span {
825 text-align: center;
826 height: 100%;
827 -webkit-writing-mode: vertical-rl;
828 writing-mode: vertical-rl;
829 line-height: 34px;
830 letter-spacing: 2px;
831 }
832 }
833 .selectedZt {
834 background-color: #0091ff;
835 color: #fff;
836 }
837 }
838 .legendTable-wrap {
839 transition: 0.5s;
840 float: right;
841 overflow: hidden;
842 .legendTable {
843 margin-top: -1px;
844 tr {
845 height: 40px;
846 line-height: 40px;
847 th:first-child {
848 width: 80px;
849 }
850 th {
851 width: 60px;
852 height: 40px;
853 white-space: nowrap;
854 }
855 td {
856 height: 40px;
857 text-align: center;
858 white-space: nowrap;
859 }
860 td:first-child {
861 text-align: left;
862 text-indent: 2px;
863 }
864 }
865 }
866 }
867 }
868 }
869
870 }
871 }
872 /*.main {
873 background-color: #eaedf5;
874
875 }*/
876 </style>
...@@ -62,9 +62,9 @@ ...@@ -62,9 +62,9 @@
62 </div> 62 </div>
63 <div class="footer"> 63 <div class="footer">
64 <el-button type="primary" @click="save">保存</el-button> 64 <el-button type="primary" @click="save">保存</el-button>
65 <el-button type="primary" @click="cancel">取消</el-button> 65 <el-button type="primary" @click="close">取消</el-button>
66 </div> 66 </div>
67 <zd-query-data :centerDialogVisible="xzzdVisible" @close="xzzdClose" @getData="getZdxx" 67 <zd-query-data :isCxlz = true :centerDialogVisible="xzzdVisible" @close="xzzdClose" @getData="getZdxx"
68 :isZdClose="true"></zd-query-data> 68 :isZdClose="true"></zd-query-data>
69 </el-dialog> 69 </el-dialog>
70 </template> 70 </template>
...@@ -160,9 +160,6 @@ ...@@ -160,9 +160,6 @@
160 }; 160 };
161 this.hcxlzData.bsms = this.bsms; 161 this.hcxlzData.bsms = this.bsms;
162 }, 162 },
163 cancel() {
164 this.close();
165 },
166 save() { 163 save() {
167 if (this.hcxlzData.zrzbsm === '') { 164 if (this.hcxlzData.zrzbsm === '') {
168 Message.error("请选择自然幢"); 165 Message.error("请选择自然幢");
...@@ -170,7 +167,14 @@ ...@@ -170,7 +167,14 @@
170 } 167 }
171 hzl(this.hcxlzData).then(res => { 168 hzl(this.hcxlzData).then(res => {
172 if (res.success) { 169 if (res.success) {
173 this.close(); 170 this.$router.push({
171 path:'zrz',
172 query: {
173 bsm:this.hcxlzData.zrzbsm,
174 source: 2,
175 auth: '0,1,2'
176 }
177 })
174 } else { 178 } else {
175 Message.error(res.message) 179 Message.error(res.message)
176 } 180 }
......
...@@ -54,15 +54,20 @@ ...@@ -54,15 +54,20 @@
54 :data-zdbsm="item.zdbsm" 54 :data-zdbsm="item.zdbsm"
55 :title=item.mc 55 :title=item.mc
56 > 56 >
57 <span class="qsztImg" v-if="item.qszt=='0'" style="background: #f79700; "> 57 <span class="qsztImg" v-if="item.bblx == 1 || (item.bhqkbsm != ''&& item.bhqkbsm != null)" style="background: #9e9b9b">
58 <span class="qsztFont"></span> 58 <span class="qsztFont"></span>
59 </span>
60 <span class="qsztImg" v-if="item.qszt=='1'" style="background:#00dd00; ">
61 <span class="qsztFont"></span>
62 </span>
63 <span class="qsztImg" v-if="item.qszt=='2'" style="background: #238ff9; ">
64 <span class="qsztFont"></span>
65 </span> 59 </span>
60 <template v-else>
61 <span class="qsztImg" v-if="item.qszt=='0'" style="background: #f79700; ">
62 <span class="qsztFont"></span>
63 </span>
64 <span class="qsztImg" v-if="item.qszt=='1'" style="background:#00dd00; ">
65 <span class="qsztFont"></span>
66 </span>
67 <span class="qsztImg" v-if="item.qszt=='2'" style="background: #238ff9; ">
68 <span class="qsztFont"></span>
69 </span>
70 </template>
66 71
67 <!-- <img class="qsztImg" v-if="item.qszt=='0'" :src="linshi"/> 72 <!-- <img class="qsztImg" v-if="item.qszt=='0'" :src="linshi"/>
68 <img class="qsztImg" v-if="item.qszt=='1'" :src="zhengshi"/> 73 <img class="qsztImg" v-if="item.qszt=='1'" :src="zhengshi"/>
...@@ -248,8 +253,7 @@ export default { ...@@ -248,8 +253,7 @@ export default {
248 default: 253 default:
249 break; 254 break;
250 } 255 }
251 256 if(item.type == 'zd' ||item.type == 'dz' ||item.type == 'zrz'||item.type == 'gzw'){
252 if(item.type){
253 this.$router.push({ 257 this.$router.push({
254 path: '/'+item.type, 258 path: '/'+item.type,
255 query:{ 259 query:{
......
1 <template> 1 <template>
2 <div> 2 <div>
3 <el-dialog v-dialogDrag :close-on-click-modal="false" 3 <el-dialog v-dialogDrag :close-on-click-modal="false"
4 title="新增" 4 title="批量户"
5 :visible.sync="isVisible" 5 :visible.sync="isVisible"
6 width="70%" 6 width="72%"
7 @close="close" 7 @close="close"
8 :modal-append-to-body="false" 8 :modal-append-to-body="false"
9 > 9 >
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
25 <td colspan="2">其他建筑面积(㎡)</td> 25 <td colspan="2">其他建筑面积(㎡)</td>
26 <td colspan="4"><input type="text" v-model="form.qtjzmj" class="inputtitle"/></td> 26 <td colspan="4"><input type="text" v-model="form.qtjzmj" class="inputtitle"/></td>
27 <td colspan="2">分摊系数</td> 27 <td colspan="2">分摊系数</td>
28 <td colspan="4"><input type="text" v-model="form.ftxs" class="inputtitle"/></td> 28 <td colspan="4"><input type="number" @blur="inputBlur($event)" ref="ftxs" v-model="form.ftxs" class="inputtitle"/></td>
29 </tr> 29 </tr>
30 <tr> 30 <tr>
31 <td colspan="2">户型</td> 31 <td colspan="2">户型</td>
...@@ -116,11 +116,11 @@ ...@@ -116,11 +116,11 @@
116 <td colspan="5"> 116 <td colspan="5">
117 <el-select class="selectTitle" v-model="form.fwjgbsm"> 117 <el-select class="selectTitle" v-model="form.fwjgbsm">
118 <el-option 118 <el-option
119 v-for="i in $store.state.fwjgList" 119 v-for="item in $store.state.jgOptions"
120 :key="i.bsm" 120 :key="item.bsm"
121 :label="i.mc" 121 :label="item.mc"
122 :value="i.bsm" 122 :value="item.bsm">
123 ></el-option> 123 </el-option>
124 </el-select> 124 </el-select>
125 </td> 125 </td>
126 </tr> 126 </tr>
...@@ -177,23 +177,20 @@ ...@@ -177,23 +177,20 @@
177 <td colspan="9" > 177 <td colspan="9" >
178 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" > 178 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" >
179 <el-option 179 <el-option
180 v-for="item in $store.state.fwjgList" 180 v-for="item in $store.state.jgOptions"
181 :key="item.bsm" 181 :key="item.bsm"
182 :label="item.mc" 182 :label="item.mc"
183 :value="item.bsm"> 183 :value="item.bsm">
184 </el-option> 184 </el-option>
185 </el-select> 185 </el-select>
186 </td> 186 </td>
187 </tr> 187 </tr>
188 188
189 <tr> 189 <tr>
190 <td colspan="12" rowspan="4" align="center"> 190 <td colspan="12" align="center">
191 <Qlxz ref="qlxzModule" :hasSyqx='false' :formData="form"></Qlxz> 191 <Qlxz ref="qlxzModule" :hasSyqx='false' :formData="form"></Qlxz>
192 </td> 192 </td>
193 </tr> 193 </tr>
194 <tr></tr>
195 <tr></tr>
196 <tr></tr>
197 194
198 <tr> 195 <tr>
199 <td colspan="2">东墙体归属</td> 196 <td colspan="2">东墙体归属</td>
...@@ -315,6 +312,16 @@ ...@@ -315,6 +312,16 @@
315 } 312 }
316 }, 313 },
317 methods: { 314 methods: {
315
316 inputBlur(e){
317 if(e.target.value!==''&&+e.target.value>0&&+e.target.value<10){
318 e.target.style.border=""
319 }else{
320 e.target.style.border="1px solid red";
321 e.target.style.boxSizing = 'border-box';
322 }
323 },
324
318 lodding:function(){ 325 lodding:function(){
319 this.$emit('lodding') 326 this.$emit('lodding')
320 }, 327 },
...@@ -360,7 +367,7 @@ ...@@ -360,7 +367,7 @@
360 close: function () { 367 close: function () {
361 this.$emit('close') 368 this.$emit('close')
362 this.isVisible = false 369 this.isVisible = false
363 this.result() 370 this.reset()
364 }, 371 },
365 reset: function () { 372 reset: function () {
366 this.form={ 373 this.form={
...@@ -411,33 +418,69 @@ ...@@ -411,33 +418,69 @@
411 this.fwjgTitleRowspan=1; //房屋结构的单元格垂直合并数量 418 this.fwjgTitleRowspan=1; //房屋结构的单元格垂直合并数量
412 }, 419 },
413 save: function () { 420 save: function () {
421
422 this.rules=[
423 {
424 data:this.form.ftxs,
425 name:'分摊系数',
426 dom:this.$refs.ftxs,
427 rule:/^(?!0(\.0{1,2})?$)(\d(\.\d{1,2})?)$/, //大于0小于10的所有保留两位的数字
428 },
429 ];
430 let flag = true;
431 this.rules.forEach(item=>{
432 if(item.data !==""){
433 if(!item.rule.test(+item.data) || item.data == null){
434 if(item.dom.$el){
435 item.dom.$el.style.border = '1px solid red';
436 item.dom.$el.style.boxSizing = 'border-box';
437 }else{
438 item.dom.style.border = '1px solid red';
439 item.dom.style.boxSizing = 'border-box';
440 }
441 flag = false;
442 return false
443 }
444 }
445 })
446
414 this.form['hbsms'] = this.bsms 447 this.form['hbsms'] = this.bsms
415 this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList(); 448 this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList();
416 for(let i=0;i< this.form.fwjgList.length;i++){ 449 this.$nextTick(()=> {
417 if(this.form.fwjgList[i].fwjgzdbsm===''){ 450 if (flag) {
418 this.form.fwjgList.splice(i,1); 451 for(let i=0;i< this.form.fwjgList.length;i++){
419 } 452 if(this.form.fwjgList[i].fwjgzdbsm===''){
420 } 453 this.form.fwjgList.splice(i,1);
421 for(let i=0;i< this.form.fwytList.length;i++){ 454 }
422 if(this.form.fwytList[i].fwsjytbsm===''){ 455 }
423 this.form.fwytList.splice(i,1); 456 for(let i=0;i< this.form.fwytList.length;i++){
424 } 457 if(this.form.fwytList[i].fwsjytbsm===''){
425 } 458 this.form.fwytList.splice(i,1);
426 for(let i=0;i< this.form.qlxzList.length;i++){ 459 }
427 if(this.form.qlxzList[i].qlxzdm===''){ 460 }
428 this.form.qlxzList.splice(i,1); 461 for(let i=0;i< this.form.qlxzList.length;i++){
429 } 462 if(this.form.qlxzList[i].qlxzdm===''){
430 } 463 this.form.qlxzList.splice(i,1);
431 console.log("批量户信息") 464 }
432 console.log(this.form) 465 }
433 batchUpdateQjH(this.form).then((res)=>{ 466 console.log("批量户信息")
434 if(res.code===200){ 467 console.log(this.form)
435 this.lodding() 468 batchUpdateQjH(this.form).then((res)=>{
436 this.$message.success("保存成功!") 469 if(res.code===200){
437 this.$nextTick(()=>{ 470 this.lodding()
438 this.reset(); 471 this.$message.success("保存成功!")
472 this.$nextTick(()=>{
473 this.reset();
474 })
475 this.close();
476 }
439 }) 477 })
440 this.close(); 478 }else{
479 this.$message({
480 // message: item.name+'不能为空',
481 message: '表单数据有误',
482 type: "warning",
483 });
441 } 484 }
442 }) 485 })
443 }, 486 },
......
1 <template> 1 <template>
2 <div> 2 <div>
3 <el-dialog v-dialogDrag :close-on-click-modal="false" 3 <el-dialog v-dialogDrag :close-on-click-modal="false"
4 title="批量坐落" 4 title="批量坐落"
5 :visible.sync="isVisible" 5 :visible.sync="isVisible"
6 width="60%" 6 width="60%"
7 @close="close" 7 @close="close"
8 :modal-append-to-body="false" 8 :modal-append-to-body="false"
9 > 9 >
10 <div> 10 <div>
11 <table border="1"> 11 <table border="1">
12 <tr> 12 <tr>
13 <td>前缀</td> 13 <th>前缀</th>
14 <td>宗地</td> 14 <th>宗地</th>
15 <td>自然幢</td> 15 <th>自然幢</th>
16 <td>逻辑幢</td> 16 <th>逻辑幢</th>
17 <td>幢单元</td> 17 <th>幢单元</th>
18 <td></td> 18 <th></th>
19 <td></td> 19 <th></th>
20 <td>后缀</td> 20 <th>后缀</th>
21 </tr> 21 </tr>
22 <tr> 22 <tr>
23 <td> 23 <td>
24 <input type="text" class="inputtitle" v-model="plzlData.qz"/> 24 <el-input v-model="plzlData.qz"></el-input>
25 </td> 25 </td>
26 <td> 26 <td>
27 <el-select v-model="plzlData.zd"> 27 <el-select v-model="plzlData.zd">
28 <el-option v-for="i in zdgz" 28 <el-option v-for="i in zdgz"
29 :key="i.label" 29 :key="i.label"
30 :label="i.label" 30 :label="i.label"
31 :value="i.value"> 31 :value="i.value"
32 32 :disabled="i.disabled">
33 </el-option> 33 </el-option>
34 </el-select> 34 </el-select>
35 </td> 35 </td>
...@@ -38,8 +38,8 @@ ...@@ -38,8 +38,8 @@
38 <el-option v-for="i in zrzgz" 38 <el-option v-for="i in zrzgz"
39 :key="i.label" 39 :key="i.label"
40 :label="i.label" 40 :label="i.label"
41 :value="i.value"> 41 :value="i.value"
42 42 :disabled="i.disabled">
43 </el-option> 43 </el-option>
44 </el-select> 44 </el-select>
45 </td> 45 </td>
...@@ -84,7 +84,7 @@ ...@@ -84,7 +84,7 @@
84 </el-select> 84 </el-select>
85 </td> 85 </td>
86 <td> 86 <td>
87 <input type="text" class="inputtitle" v-model="plzlData.hz"/> 87 <el-input v-model="plzlData.hz"></el-input>
88 </td> 88 </td>
89 </tr> 89 </tr>
90 </table> 90 </table>
...@@ -132,22 +132,27 @@ ...@@ -132,22 +132,27 @@
132 zdgz: [ 132 zdgz: [
133 { 133 {
134 label: '宗地坐落', 134 label: '宗地坐落',
135 value: '1' 135 value: '1',
136 disabled: false
136 }, { 137 }, {
137 label: "宗地名称", 138 label: "宗地名称",
138 value: '2' 139 value: '2',
140 disabled: false
139 }, { 141 }, {
140 label: "空", 142 label: "空",
141 value: '3' 143 value: '3',
144 disabled: false
142 } 145 }
143 ], 146 ],
144 zrzgz: [ 147 zrzgz: [
145 { 148 {
146 label: '自然幢坐落', 149 label: '自然幢坐落',
147 value: '1' 150 value: '1',
151 disabled: false
148 }, { 152 }, {
149 label: "自然幢名称", 153 label: "自然幢名称",
150 value: '2' 154 value: '2',
155 disabled: false
151 }, { 156 }, {
152 label: "空", 157 label: "空",
153 value: '3' 158 value: '3'
...@@ -229,7 +234,7 @@ ...@@ -229,7 +234,7 @@
229 test: function () { 234 test: function () {
230 for (let key in this.plzlData) { 235 for (let key in this.plzlData) {
231 if (this.plzlData[key] !== '' && this.plzlData[key] !== '3') { 236 if (this.plzlData[key] !== '' && this.plzlData[key] !== '3') {
232 return true; 237 return true;
233 } 238 }
234 } 239 }
235 return false; 240 return false;
...@@ -305,6 +310,13 @@ ...@@ -305,6 +310,13 @@
305 watch: { 310 watch: {
306 plZlVisible: function (val) { 311 plZlVisible: function (val) {
307 this.isVisible = val 312 this.isVisible = val
313 },
314 plzlData: {
315 handler(val) {
316 this.zrzgz[0].disabled = +val.zd === 1;
317 this.zdgz[0].disabled = +val.zrz === 1;
318 },
319 deep: true
308 } 320 }
309 } 321 }
310 } 322 }
...@@ -321,6 +333,10 @@ ...@@ -321,6 +333,10 @@
321 } 333 }
322 } 334 }
323 335
336 th {
337 height: 36px;
338 }
339
324 td { 340 td {
325 text-align: center; 341 text-align: center;
326 height: 36px; 342 height: 36px;
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <el-row class="box"> 2 <el-row class="box">
3 <el-col :span="24"> 3 <el-col :span="24">
4 <el-row> 4 <el-row>
5 <el-col :span="24"> 5 <el-col :span="18">
6 <el-form :inline="true" class="demo-form-inline" label-width="106px"> 6 <el-form :inline="true" class="demo-form-inline" label-width="106px">
7 <el-form-item label="宗地编码"> 7 <el-form-item label="宗地编码">
8 <el-input 8 <el-input
...@@ -18,14 +18,17 @@ ...@@ -18,14 +18,17 @@
18 @change="query" 18 @change="query"
19 ></el-input> 19 ></el-input>
20 </el-form-item> 20 </el-form-item>
21 <el-form-item label="不动产单元号"> 21 <el-form-item label="不动产单元号" >
22 <el-input 22 <el-input style="width: 280px;"
23 maxlength="28" 23 maxlength="28"
24 v-model="queryData.bdcdyh" 24 v-model="queryData.bdcdyh"
25 placeholder="输入不动产单元号" 25 placeholder="输入不动产单元号"
26 @change="query" 26 @change="query"
27 ></el-input> 27 ></el-input>
28 </el-form-item> 28 </el-form-item>
29 </el-form>
30 </el-col>
31 <el-col :span="6" aria-rowspan="3">
29 <el-button type="primary" @click="query" icon="el-icon-search">查询</el-button> 32 <el-button type="primary" @click="query" icon="el-icon-search">查询</el-button>
30 <el-button type="warning" @click="reset" icon="el-icon-refresh">重置</el-button> 33 <el-button type="warning" @click="reset" icon="el-icon-refresh">重置</el-button>
31 <el-button 34 <el-button
...@@ -34,11 +37,10 @@ ...@@ -34,11 +37,10 @@
34 >更多查询 37 >更多查询
35 </el-button> 38 </el-button>
36 <!-- @click="ismore = !ismore" --> 39 <!-- @click="ismore = !ismore" -->
37 </el-form>
38 </el-col> 40 </el-col>
39 </el-row> 41 </el-row>
40 <el-row class="row3" v-if="ismore"> 42 <el-row class="row3" v-if="ismore">
41 <el-col :span="22"> 43 <el-col :span="18">
42 <el-form :inline="true" class="demo-form-inline" label-width="106px"> 44 <el-form :inline="true" class="demo-form-inline" label-width="106px">
43 <el-form-item label="权利人名称"> 45 <el-form-item label="权利人名称">
44 <el-input 46 <el-input
...@@ -55,7 +57,7 @@ ...@@ -55,7 +57,7 @@
55 ></el-input> 57 ></el-input>
56 </el-form-item> 58 </el-form-item>
57 <el-form-item label="不动产权证号"> 59 <el-form-item label="不动产权证号">
58 <el-input 60 <el-input style="width: 280px;"
59 placeholder="输入不动产权证号" 61 placeholder="输入不动产权证号"
60 v-model="queryData.bdcqzh" 62 v-model="queryData.bdcqzh"
61 @change="query" 63 @change="query"
...@@ -63,11 +65,11 @@ ...@@ -63,11 +65,11 @@
63 </el-form-item> 65 </el-form-item>
64 </el-form> 66 </el-form>
65 </el-col> 67 </el-col>
66 <el-col :span="2" :offset="offset"> 68 <!-- <el-col :span="2" :offset="offset">
67 </el-col> 69 </el-col> -->
68 </el-row> 70 </el-row>
69 <el-row> 71 <el-row>
70 <el-col :span="24"> 72 <el-col :span="18">
71 <el-form :inline="true" :model="queryData" class="demo-form-inline" label-width="106px"> 73 <el-form :inline="true" :model="queryData" class="demo-form-inline" label-width="106px">
72 <el-form-item class="demo-form-inline" label="单元范围"> 74 <el-form-item class="demo-form-inline" label="单元范围">
73 <el-checkbox-group v-model="queryData.dylxs" @change="query"> 75 <el-checkbox-group v-model="queryData.dylxs" @change="query">
...@@ -83,8 +85,6 @@ ...@@ -83,8 +85,6 @@
83 </el-form-item> 85 </el-form-item>
84 </el-form> 86 </el-form>
85 </el-col> 87 </el-col>
86 <el-col :span="2">
87 </el-col>
88 </el-row> 88 </el-row>
89 </el-col> 89 </el-col>
90 </el-row> 90 </el-row>
......
...@@ -56,17 +56,18 @@ ...@@ -56,17 +56,18 @@
56 <div class="table-bode"> 56 <div class="table-bode">
57 <table border="1"> 57 <table border="1">
58 <tr> 58 <tr>
59 <td>序号</td> 59 <th>序号</th>
60 <td>操作</td> 60 <th>操作</th>
61 <td>宗地代码</td> 61 <th>宗地代码</th>
62 <td>不动产单元号</td> 62 <th>不动产单元号</th>
63 <td>项目名称</td> 63 <th>项目名称</th>
64 <td>不动产权证号</td> 64 <th>不动产权证号</th>
65 <td>权利人</td> 65 <th>权利人</th>
66 <td>坐落</td> 66 <th>坐落</th>
67 <th v-if="isCxlz">自然幢数量</th>
67 </tr> 68 </tr>
68 <tr v-if="Data.length===0"> 69 <tr v-if="Data.length===0">
69 <td colspan="8"> 70 <td :colspan="isCxlz ? 9:8">
70 <span class="noData">暂无数据</span> 71 <span class="noData">暂无数据</span>
71 </td> 72 </td>
72 </tr> 73 </tr>
...@@ -79,8 +80,9 @@ ...@@ -79,8 +80,9 @@
79 <td>{{item.bdcdyh}}</td> 80 <td>{{item.bdcdyh}}</td>
80 <td>{{item.xmmc}}</td> 81 <td>{{item.xmmc}}</td>
81 <td>{{item.bdcqzh}}</td> 82 <td>{{item.bdcqzh}}</td>
82 <td>{{item.qlr}}</td> 83 <td>{{item.qlrmc}}</td>
83 <td>{{item.zl}}</td> 84 <td>{{item.zl}}</td>
85 <td v-if="isCxlz">{{item.zrzCount}}</td>
84 </tr> 86 </tr>
85 </table> 87 </table>
86 </div> 88 </div>
...@@ -132,6 +134,10 @@ ...@@ -132,6 +134,10 @@
132 isZdClose: { 134 isZdClose: {
133 type: Boolean, 135 type: Boolean,
134 default: false 136 default: false
137 },
138 isCxlz:{
139 type: Boolean,
140 default: false
135 } 141 }
136 }, 142 },
137 mounted() { 143 mounted() {
...@@ -167,7 +173,11 @@ ...@@ -167,7 +173,11 @@
167 this.getData(this.queryData) 173 this.getData(this.queryData)
168 }, 174 },
169 addData: function (val) { 175 addData: function (val) {
170 this.$emit("getData",val) 176 if (this.isCxlz &&val.zrzCount < 1) {
177 this.$message.warning("当前宗地下没有自然幢,请重新选择")
178 return
179 }
180 this.$emit("getData",val);
171 }, 181 },
172 isClose(flag){ 182 isClose(flag){
173 183
...@@ -208,7 +218,9 @@ ...@@ -208,7 +218,9 @@
208 background-color: #F5F7FA; 218 background-color: #F5F7FA;
209 } 219 }
210 } 220 }
211 221 th{
222 height: 36px;
223 }
212 td { 224 td {
213 text-align: center; 225 text-align: center;
214 height: 36px; 226 height: 36px;
......
...@@ -453,7 +453,7 @@ export default { ...@@ -453,7 +453,7 @@ export default {
453 cursor: pointer; 453 cursor: pointer;
454 height: 72px; 454 height: 72px;
455 padding: 0 30px; 455 padding: 0 30px;
456 font-size: 20px; 456 font-size: 18px;
457 line-height: 72px; 457 line-height: 72px;
458 float: left; 458 float: left;
459 position: relative; 459 position: relative;
...@@ -462,7 +462,7 @@ export default { ...@@ -462,7 +462,7 @@ export default {
462 /*border-right: 1px solid #EAEAEA;*/ 462 /*border-right: 1px solid #EAEAEA;*/
463 i { 463 i {
464 margin-right: 6px; 464 margin-right: 6px;
465 font-size: 22px; 465 font-size: 18px;
466 position: relative; 466 position: relative;
467 top: 1px; 467 top: 1px;
468 } 468 }
......
1 <template> 1 <template>
2 <div class="dz content-form"> 2 <div class="dz content-form" ref="mainBox">
3 <el-form ref="form" :model="form" label-width="160px"> 3 <el-form ref="form" :model="form" label-width="160px">
4 <Qlr ref="qlrxxModule" :bsm="bsm"></Qlr> 4 <Qlr ref="qlrxxModule" :bsm="bsm" :type="lx"></Qlr>
5 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="dzTable"> 5 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="dzTable">
6 <tbody> 6 <tbody>
7 <tr height="30"> 7 <tr height="30">
8 <th colspan="12"><font size="4"></font>多幢基本信息</th> 8 <th colspan="12"><font size="4"></font>多幢基本信息</th>
9 </tr> 9 </tr>
10 <tr height="30"> 10 <tr height="30">
11 <td colspan="2" align="center" >宗地代码</td> 11 <td colspan="2" align="center">宗地代码</td>
12 <td colspan="4" > 12 <td colspan="4" >
13 <input class="formInput" maxlength="19" v-model="form.zddm"> 13 <input class="formInput" disabled maxlength="19" v-model="form.zddm">
14 </td> 14 </td>
15 <td colspan="2" align="center" >不动产单元号</td> 15 <td colspan="2" align="center" ><i class="requisite">*</i>不动产单元号</td>
16 <td colspan="4" class="psr"> 16 <td colspan="4" class="psr">
17 <input class="formInput percent80" maxlength="28" v-model="form.bdcdyh"> 17 <input class="formInput percent80" :disabled="disabled" maxlength="28" v-model="form.bdcdyh" @blur="inputBlur($event)" ref="bdcdyh">
18 <el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning">生成</el-button> 18 <el-button @click.prevent="generatorCode" :disabled="disabled" size="mini" class="createBtn" type="warning">生成</el-button>
19 </td> 19 </td>
20 </tr> 20 </tr>
21 <tr height="30"> 21 <tr height="30">
22 <td colspan="2" align="center" >项目名称</td> 22 <td colspan="2" align="center" ><i class="requisite">*</i>项目名称</td>
23 <td colspan="4" > 23 <td colspan="4" >
24 <input class="formInput" v-model="form.xmmc"> 24 <input class="formInput" :disabled="disabled" v-model="form.xmmc" @blur="inputBlur($event)" ref="xmmc">
25 </td> 25 </td>
26 <td colspan="2" align="center" >房屋性质</td> 26 <td colspan="2" align="center" >房屋性质</td>
27 <td colspan="4" > 27 <td colspan="4" >
28 <el-select class="formSelect" v-model="form.fwxzbsm" placeholder="请选择" > 28 <el-select class="formSelect" :disabled="disabled" v-model="form.fwxzbsm" placeholder="请选择" >
29 <el-option 29 <el-option
30 v-for="item in $store.state.fwxzOptions" 30 v-for="item in $store.state.fwxzOptions"
31 :key="item.bsm" 31 :key="item.bsm"
...@@ -39,13 +39,14 @@ ...@@ -39,13 +39,14 @@
39 <tr height="30"> 39 <tr height="30">
40 <td colspan="2" align="center" >共有土地面积(㎡)</td> 40 <td colspan="2" align="center" >共有土地面积(㎡)</td>
41 <td colspan="4" > 41 <td colspan="4" >
42 <input class="formInput" type="number" v-model="form.zdmj"> 42 <input class="formInput" :disabled="disabled" type="number" v-model="form.zdmj">
43 </td> 43 </td>
44 <td colspan="2" align="center" >竣工日期</td> 44 <td colspan="2" align="center" >竣工日期</td>
45 <td colspan="4" > 45 <td colspan="4" >
46 <el-date-picker 46 <el-date-picker
47 style="width:100%" 47 style="width:100%"
48 v-model="form.jgrq" 48 v-model="form.jgrq"
49 :disabled="disabled"
49 type="date" 50 type="date"
50 placeholder="选择日期"> 51 placeholder="选择日期">
51 </el-date-picker> 52 </el-date-picker>
...@@ -55,11 +56,11 @@ ...@@ -55,11 +56,11 @@
55 <tr height="30"> 56 <tr height="30">
56 <td colspan="2" align="center" >分摊土地面积(㎡)</td> 57 <td colspan="2" align="center" >分摊土地面积(㎡)</td>
57 <td colspan="4" > 58 <td colspan="4" >
58 <input class="formInput" type="number" v-model="form.fttdsymj"> 59 <input class="formInput" type="number" :disabled="disabled" v-model="form.fttdsymj">
59 </td> 60 </td>
60 <td colspan="2" align="center" >产别</td> 61 <td colspan="2" align="center" >产别</td>
61 <td colspan="4" > 62 <td colspan="4" >
62 <el-select class="formSelect" v-model="form.fwcbbsm" placeholder="请选择" > 63 <el-select class="formSelect" :disabled="disabled" v-model="form.fwcbbsm" placeholder="请选择" >
63 <el-option 64 <el-option
64 v-for="item in $store.state.cbOptions" 65 v-for="item in $store.state.cbOptions"
65 :key="item.bsm" 66 :key="item.bsm"
...@@ -71,13 +72,13 @@ ...@@ -71,13 +72,13 @@
71 </tr> 72 </tr>
72 73
73 <tr height="30"> 74 <tr height="30">
74 <td colspan="2" align="center" type="number" >多幢独用土地面积(㎡)</td> 75 <td colspan="2" align="center" >多幢独用土地面积(㎡)</td>
75 <td colspan="4" > 76 <td colspan="4" >
76 <input class="formInput" v-model="form.dlsytdmj"> 77 <input class="formInput" :disabled="disabled" type="number" v-model="form.dlsytdmj">
77 </td> 78 </td>
78 <td colspan="2" align="center" >产权来源</td> 79 <td colspan="2" align="center" >产权来源</td>
79 <td colspan="4" > 80 <td colspan="4" >
80 <el-select class="formSelect" v-model="form.fwcqlybsm" placeholder="请选择" > 81 <el-select class="formSelect" :disabled="disabled" v-model="form.fwcqlybsm" placeholder="请选择" >
81 <el-option 82 <el-option
82 v-for="item in $store.state.cqlyOptions" 83 v-for="item in $store.state.cqlyOptions"
83 :key="item.bsm" 84 :key="item.bsm"
...@@ -89,43 +90,45 @@ ...@@ -89,43 +90,45 @@
89 </tr> 90 </tr>
90 91
91 <tr height="30" v-for="(item1,index) in form.fwytList" :key="index"> 92 <tr height="30" v-for="(item1,index) in form.fwytList" :key="index">
92 <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle"> 93 <td colspan="2" v-if="index===0" :rowspan="ytTitleRowspan" class="tdright" id="ytTitle">
93 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button> 94 <i class="iconfont iconicon-test1" style="margin-right: 8px;color:#66b1ff;font-size:30px" @click="addYtInfo"></i>
94 <span>用途</span> 95 <span><i class="requisite">*</i>房屋用途</span>
95 </td> 96 </td>
96 97
97 <td colspan="1" align="center" > 98 <td colspan="1" style="min-width:120px" class="tdright">
98 <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button> 99 <i class="iconfont iconicon-test" style="color:#FA6400;font-size:30px" @click="deleteYtInfo(index)"></i>
99 规划用途 100 规划用途
100 </td> 101 </td>
101 <td colspan="3" align="center" > 102 <td colspan="3" >
102 <el-select-tree style="width:100%" 103 <el-select-tree style="width:100%"
103 v-if="show" 104 ref="ghyt"
104 @change="updateSjfyyt(item1)" 105 v-if="show"
105 :default-expand-all="defaultExpandAll" 106 @change="updateSjfyyt(item1)"
106 :multiple="multiple" 107 :default-expand-all="defaultExpandAll"
107 :placeholder="placeholder" 108 :multiple="multiple"
108 :disabled="disabled" 109 :placeholder="placeholder"
109 :data="$store.state.fwytList" 110 :disabled="disabled"
110 :props="treeProps" 111 :data="$store.state.fwytList"
111 :check-strictly="checkStrictly" 112 :props="treeProps"
112 :clearable="clearable" 113 :check-strictly="checkStrictly"
113 v-model="item1.fwytzdbsm" 114 :clearable="clearable"
115 v-model="item1.fwytzdbsm"
114 ></el-select-tree> 116 ></el-select-tree>
115 </td> 117 </td>
116 <td colspan="2" align="center" >用途</td> 118 <td colspan="2" class="tdright">实际用途</td>
117 <td colspan="4"> 119 <td colspan="4" >
118 <el-select-tree style="width:100%" 120 <el-select-tree style="width:100%"
119 v-if="show" 121 ref="yt"
120 :default-expand-all="defaultExpandAll" 122 v-if="show"
121 :multiple="multiple" 123 :default-expand-all="defaultExpandAll"
122 :placeholder="placeholder" 124 :multiple="multiple"
123 :disabled="disabled" 125 :placeholder="placeholder"
124 :data="$store.state.fwytList" 126 :disabled="disabled"
125 :props="treeProps" 127 :data="$store.state.fwytList"
126 :check-strictly="checkStrictly" 128 :props="treeProps"
127 :clearable="clearable" 129 :check-strictly="checkStrictly"
128 v-model="item1.fwsjytbsm" 130 :clearable="clearable"
131 v-model="item1.fwsjytbsm"
129 ></el-select-tree> 132 ></el-select-tree>
130 </td> 133 </td>
131 </tr> 134 </tr>
...@@ -139,10 +142,10 @@ ...@@ -139,10 +142,10 @@
139 142
140 <tr height="30"> 143 <tr height="30">
141 <td colspan="2" align="center" > 144 <td colspan="2" align="center" >
142 <span>坐落</span> 145 <span><i class="requisite">*</i>坐落</span>
143 </td> 146 </td>
144 <td colspan="10" > 147 <td colspan="10" >
145 <input class="formInput" v-model="form.zl"> 148 <input class="formInput" v-model="form.zl" :disabled="disabled" @blur="inputBlur($event)" ref="zl">
146 </td> 149 </td>
147 </tr> 150 </tr>
148 151
...@@ -151,7 +154,7 @@ ...@@ -151,7 +154,7 @@
151 <span>附加说明</span> 154 <span>附加说明</span>
152 </td> 155 </td>
153 <td colspan="10" rowspan="2" > 156 <td colspan="10" rowspan="2" >
154 <input class="formInput" v-model="form.bz" type="textarea"> 157 <input class="formInput" v-model="form.bz" :disabled="disabled" type="textarea">
155 </td> 158 </td>
156 </tr> 159 </tr>
157 <tr height="30"> 160 <tr height="30">
...@@ -162,7 +165,7 @@ ...@@ -162,7 +165,7 @@
162 <span>调查意见</span> 165 <span>调查意见</span>
163 </td> 166 </td>
164 <td colspan="10" > 167 <td colspan="10" >
165 <input class="formInput" v-model="form.name"> 168 <input class="formInput" v-model="form.name" :disabled="disabled">
166 </td> 169 </td>
167 </tr> 170 </tr>
168 171
...@@ -171,7 +174,7 @@ ...@@ -171,7 +174,7 @@
171 <span>审查员</span> 174 <span>审查员</span>
172 </td> 175 </td>
173 <td colspan="2" > 176 <td colspan="2" >
174 <input class="formInput" v-model="form.name"> 177 <input class="formInput" v-model="form.name" :disabled="disabled">
175 </td> 178 </td>
176 <td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px"> 179 <td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
177 <span>审查日期</span> 180 <span>审查日期</span>
...@@ -180,6 +183,7 @@ ...@@ -180,6 +183,7 @@
180 <el-date-picker style="width:100%" 183 <el-date-picker style="width:100%"
181 v-model="form.date" 184 v-model="form.date"
182 type="date" 185 type="date"
186 :disabled="disabled"
183 placeholder="选择日期"> 187 placeholder="选择日期">
184 </el-date-picker> 188 </el-date-picker>
185 </td> 189 </td>
...@@ -187,9 +191,9 @@ ...@@ -187,9 +191,9 @@
187 </tbody> 191 </tbody>
188 </table> 192 </table>
189 </el-form> 193 </el-form>
190 <div style="min-height: 40px;text-align: center;margin-top: 10px"> 194 <div class="header-button" :style="{width:mainBoxWidth+'px'}">
191 <el-button type="success" @click="onSave">保存</el-button> 195 <el-button type="primary" class="saveBtn" @click="onSave" :disabled="disabled">保存</el-button>
192 <el-button type="primary" @click="onSubmit">提交</el-button> 196 <el-button type="primary" @click="onSubmit" :disabled="disabled">提交</el-button>
193 <el-button type="primary" @click="registerCall">登记调用</el-button> 197 <el-button type="primary" @click="registerCall">登记调用</el-button>
194 </div> 198 </div>
195 </div> 199 </div>
...@@ -226,6 +230,7 @@ ...@@ -226,6 +230,7 @@
226 label: 'mc' 230 label: 'mc'
227 }, 231 },
228 232
233 lx:'dz',
229 bsm:'', //此页面的多幢标识码 234 bsm:'', //此页面的多幢标识码
230 form:{ 235 form:{
231 dzbsm:'', //多幢标识码 236 dzbsm:'', //多幢标识码
...@@ -279,8 +284,31 @@ ...@@ -279,8 +284,31 @@
279 }], 284 }],
280 value: '', 285 value: '',
281 ytTitleRowspan:1, //用途的单元格垂直合并数量 286 ytTitleRowspan:1, //用途的单元格垂直合并数量
287 mainBoxWidth: 0,
288
289 rules:[],
282 } 290 }
283 }, 291 },
292 created() {
293 if(this.source===1){
294 this.bsm=this.$route.query.bsm;
295 this.form.dzbsm=this.$route.query.bsm;
296 this.getZddm(this.$store.state.zdbsm);
297 }else {
298 this.bsm=this.$route.query.bsm;
299 this.form.dzbsm=this.$route.query.bsm;
300 }
301 if(this.source!==1){
302 this.bsm=this.$route.query.bsm;
303 this.form.dzbsm=this.$route.query.bsm;
304 this.getDzDetailByBsm(this.$route.query.bsm)
305 }
306 },
307 mounted(){
308 this.$nextTick(() => {
309 this.mainBoxWidth = this.$refs.mainBox.clientWidth;
310 })
311 },
284 methods: { 312 methods: {
285 registerCall(){ 313 registerCall(){
286 let data={ 314 let data={
...@@ -357,6 +385,15 @@ ...@@ -357,6 +385,15 @@
357 this.form.qlxzList 385 this.form.qlxzList
358 }, 386 },
359 387
388 inputBlur(e) {
389 if (e.target.value != '') {
390 e.target.style.border = ""
391 } else {
392 e.target.style.border = "1px solid red";
393 e.target.style.boxSizing = 'border-box';
394 }
395 },
396
360 deleteQlxzItem(index){ 397 deleteQlxzItem(index){
361 398
362 }, 399 },
...@@ -364,6 +401,14 @@ ...@@ -364,6 +401,14 @@
364 getDzDetailByBsm(data).then((res)=>{ 401 getDzDetailByBsm(data).then((res)=>{
365 if(res.code===200) { 402 if(res.code===200) {
366 this.form = res.result; 403 this.form = res.result;
404 if(res.result.gygyqlrqk!=null){
405 this.$refs.qlrxxModule.changeGyfs(res.result.gygyqlrqk);
406 }
407 if(this.form.bblx === 0 && this.form.qszt === '0' && this.form.bhqkbsm == null){
408 this.disabled = false
409 }else {
410 this.disabled = true
411 }
367 console.log(this.form+"fwytList") 412 console.log(this.form+"fwytList")
368 console.log(this.form) 413 console.log(this.form)
369 if(this.form.fwytList.length===0){ 414 if(this.form.fwytList.length===0){
...@@ -404,21 +449,84 @@ ...@@ -404,21 +449,84 @@
404 449
405 450
406 onSave(){ 451 onSave(){
452
453 this.rules=[
454 {
455 data:this.form.bdcdyh,
456 name:'不动产单元号',
457 dom:this.$refs.bdcdyh,
458 rule: /^\s*$/g, //非空
459 },
460 {
461 data:this.form.xmmc,
462 name:'项目名称',
463 dom:this.$refs.xmmc,
464 rule: /^\s*$/g, //非空
465 },
466 {
467 data:this.form.zl,
468 name:'坐落',
469 dom:this.$refs.zl,
470 rule: /^\s*$/g, //非空
471 },
472 ]
473
474 this.form.fwytList.forEach((item,index)=>{
475 this.rules.push(
476 {
477 data:item.fwytzdbsm,
478 name:'规划用途',
479 dom:this.$refs.ghyt[index],
480 rule: /^\s*$/g, //非空
481 },
482 {
483 data:item.fwytzdbsm,
484 name:'用途',
485 dom:this.$refs.yt[index],
486 rule: /^\s*$/g, //非空
487 },
488 )
489 })
490
407 console.log(this.form) 491 console.log(this.form)
408 this.form.dzbsm=this.bsm; 492 this.form.dzbsm=this.bsm;
493 let flag = true;
409 this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList(); 494 this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList();
410 if(1>0){ 495 this.$refs.qlxzModule.getRules();
411 saveDzInfo(this.form).then((res)=>{ 496 this.rules.forEach(item=>{
412 if(res.code===200){ 497 if(item.rule.test(item.data) || item.data == null){
413 this.$message.success("保存完成!") 498 if(item.dom.$el){
414 }else { 499 item.dom.$el.style.border = '1px solid red';
415 this.$message({ 500 item.dom.$el.style.boxSizing = 'border-box';
416 message: res.message, 501 }else{
417 type: "warning", 502 item.dom.style.border = '1px solid red';
418 }); 503 item.dom.style.boxSizing = 'border-box';
419 } 504 }
420 }) 505 flag = false;
421 } 506 return false
507 }
508 })
509
510 this.$nextTick(()=> {
511 if (flag && this.$refs.qlxzModule.getRulesResult()) {
512 saveDzInfo(this.form).then((res)=>{
513 if(res.code===200){
514 this.$message.success("保存完成!")
515 }else {
516 this.$message({
517 message: res.message,
518 type: "warning",
519 });
520 }
521 })
522 }else {
523 this.$message({
524 // message: item.name+'不能为空',
525 message: '请完善表单后再继续操作',
526 type: "warning",
527 });
528 }
529 })
422 }, 530 },
423 onSubmit(){ 531 onSubmit(){
424 console.log(this.form) 532 console.log(this.form)
...@@ -431,6 +539,7 @@ ...@@ -431,6 +539,7 @@
431 if(res.code===200){ 539 if(res.code===200){
432 this.$message.success("提交完成!"); 540 this.$message.success("提交完成!");
433 this.getDzDetailByBsm(this.$route.query.bsm) 541 this.getDzDetailByBsm(this.$route.query.bsm)
542 this.getTreeByBsm(this.$route.query.bsm,'dz','0,1,2')
434 } 543 }
435 }) 544 })
436 }, 545 },
...@@ -478,21 +587,6 @@ ...@@ -478,21 +587,6 @@
478 }) 587 })
479 }, 588 },
480 }, 589 },
481 created() {
482 if(this.source===1){
483 this.bsm=this.$route.query.bsm;
484 this.form.dzbsm=this.$route.query.bsm;
485 this.getZddm(this.$store.state.zdbsm);
486 }else {
487 this.bsm=this.$route.query.bsm;
488 this.form.dzbsm=this.$route.query.bsm;
489 }
490 if(this.source!==1){
491 this.bsm=this.$route.query.bsm;
492 this.form.dzbsm=this.$route.query.bsm;
493 this.getDzDetailByBsm(this.$route.query.bsm)
494 }
495 },
496 computed: { 590 computed: {
497 dzbsm() { 591 dzbsm() {
498 return this.$route.query.bsm; 592 return this.$route.query.bsm;
...@@ -504,6 +598,24 @@ ...@@ -504,6 +598,24 @@
504 this.getDzDetailByBsm(val) 598 this.getDzDetailByBsm(val)
505 }, 599 },
506 600
601 "form.fwytList": {
602 handler : function (newVal, oldVal) {
603 newVal.forEach((item,ind)=>{
604 if(item.fwytzdbsm != ''){
605 this.$refs.ghyt[ind].$el.style.border=""
606 this.$refs.yt[ind].$el.style.border=""
607 }
608 })
609 },
610 deep:true
611 },
612
613 "form.bdcdyh":function (val) {
614 if (val != '') {
615 this.$refs.bdcdyh.style.border = '';
616 }
617 },
618
507 "$store.state.sxdrType": { 619 "$store.state.sxdrType": {
508 handler(n) { 620 handler(n) {
509 this.$nextTick(()=>{ 621 this.$nextTick(()=>{
...@@ -523,6 +635,10 @@ ...@@ -523,6 +635,10 @@
523 box-sizing: border-box; 635 box-sizing: border-box;
524 padding: 18px; 636 padding: 18px;
525 padding-bottom: 0; 637 padding-bottom: 0;
638 margin-bottom: 50px;
639 .iconfont{
640 cursor: pointer;
641 }
526 642
527 /deep/textarea{ 643 /deep/textarea{
528 width: 100%; 644 width: 100%;
...@@ -573,5 +689,26 @@ ...@@ -573,5 +689,26 @@
573 text-align: center; 689 text-align: center;
574 } 690 }
575 } 691 }
692 .header-button {
693 z-index: 3;
694 height: 50px;
695 position: fixed;
696 bottom: 0;
697 right: 0;
698 text-align: center;
699 background-color: #ffffff;
700 .el-button {
701 padding: 10px 30px;
702 margin-top: 8px;
703 }
704 .saveBtn {
705 background-color: #00CACD;
706 border-color: #00CACD;
707 }
708 .saveBtn:hover {
709 background-color: rgba(0, 202, 205, .8);
710 border-color: rgba(0, 202, 205, .8);
711 }
712 }
576 } 713 }
577 </style> 714 </style>
......
1 <template> 1 <template>
2 <div class="content_box"> 2 <div class="content_box">
3 <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick"> 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"></fjcl></el-tab-pane> 5 <el-tab-pane label="附件材料" name="fjcl">
6 <fjcl v-if="fjclVisible" ref="fjcl"></fjcl></el-tab-pane>
6 </el-tabs> 7 </el-tabs>
7 </div> 8 </div>
8 </template> 9 </template>
...@@ -10,6 +11,7 @@ ...@@ -10,6 +11,7 @@
10 <script> 11 <script>
11 import dzxx from "./dzxx"; 12 import dzxx from "./dzxx";
12 import fjcl from "./../zd/fjcl/fjcl" 13 import fjcl from "./../zd/fjcl/fjcl"
14 import {queryStatus} from "@api/search"
13 export default { 15 export default {
14 name: "", 16 name: "",
15 components: { 17 components: {
...@@ -18,13 +20,24 @@ ...@@ -18,13 +20,24 @@
18 props: {}, 20 props: {},
19 data() { 21 data() {
20 return { 22 return {
23 isDisabled:false,
21 activeName: "dzxx", 24 activeName: "dzxx",
22 dzJbxxVisble:true, 25 dzJbxxVisble:true,
23 fjclVisible:false 26 fjclVisible:false
24 }; 27 };
25 }, 28 },
26 methods: { 29 methods: {
30 loadingStatus() {
31 let bsm=this.$store.state.dzbsm;
32 queryStatus(bsm).then(res => {
33 if (res.success) {
34 let qszt = res.result.qszt;
35 this.isDisabled = +qszt !== 0;
36 }
37 })
38 },
27 handleClick(tab, event) { 39 handleClick(tab, event) {
40 this.loadingStatus();
28 switch (tab.name) { 41 switch (tab.name) {
29 case 'dzxx': 42 case 'dzxx':
30 this.dzJbxxVisble = true; 43 this.dzJbxxVisble = true;
...@@ -43,4 +56,22 @@ ...@@ -43,4 +56,22 @@
43 watch: {}, 56 watch: {},
44 }; 57 };
45 </script> 58 </script>
46 <style scoped lang="less"></style> 59 <style scoped lang="less">
60 .el-tabs{
61 height: calc(100% - 50px);
62 /deep/.el-tabs__content{
63 //height: 100%;
64 /deep/.el-tab-pane{
65 height: 100%;
66 }
67 background: #eaedf5;
68 padding: 0;
69 }
70 /deep/ .el-tabs__item {
71 height: 48px;
72 }
73 /deep/ .el-tabs__header{
74 background-color: #ffffff;
75 }
76 }
77 </style>
......
1 <template> 1 <template>
2 <div class="gzw content-form"> 2 <div class="gzw content-form">
3 <el-form ref="form" :model="form" label-width="160px"> 3 <el-form ref="form" :model="form" label-width="160px">
4 <Qlr ref="qlrxxModule" :bsm="bsm"></Qlr> 4 <Qlr ref="qlrxxModule" :bsm="bsm" :type="lx"></Qlr>
5 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="gzwTable"> 5 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="gzwTable">
6 <tr height="30"> 6 <tr height="30">
7 <th colspan="12"><font size="4"></font>构筑物基本信息</th> 7 <th colspan="12"><font size="4"></font>构筑物基本信息</th>
...@@ -13,17 +13,17 @@ ...@@ -13,17 +13,17 @@
13 </td> 13 </td>
14 <td colspan="2" align="center" >项目名称</td> 14 <td colspan="2" align="center" >项目名称</td>
15 <td colspan="4" > 15 <td colspan="4" >
16 <input class="formInput" v-model="form.xmmc" :disabled="form.qszt!=='0'"> 16 <input class="formInput" v-model="form.xmmc" :disabled="form.qszt!=='0'" @blur="inputBlur($event)" ref="xmmc">
17 </td> 17 </td>
18 </tr> 18 </tr>
19 <tr height="30"> 19 <tr height="30">
20 <td colspan="2" align="center" >坐落</td> 20 <td colspan="2" align="center" >坐落</td>
21 <td colspan="4" > 21 <td colspan="4" >
22 <input class="formInput" v-model="form.zl" :disabled="form.qszt!=='0'"> 22 <input class="formInput" v-model="form.zl" :disabled="form.qszt!=='0'" @blur="inputBlur($event)" ref="zl">
23 </td> 23 </td>
24 <td colspan="2" align="center" >不动产单元号</td> 24 <td colspan="2" align="center" >不动产单元号</td>
25 <td colspan="4" class="psr"> 25 <td colspan="4" class="psr">
26 <input class="formInput percent80" maxlength="28" v-model="form.bdcdyh" :disabled="form.qszt!=='0'"> 26 <input class="formInput percent80" maxlength="28" v-model="form.bdcdyh" :disabled="form.qszt!=='0'" @blur="inputBlur($event)" ref="bdcdyh">
27 <el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning" :disabled="form.qszt!=='0'">生成</el-button> 27 <el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning" :disabled="form.qszt!=='0'">生成</el-button>
28 </td> 28 </td>
29 </tr> 29 </tr>
...@@ -114,6 +114,7 @@ ...@@ -114,6 +114,7 @@
114 label: 'mc' 114 label: 'mc'
115 }, 115 },
116 116
117 lx:'gzw',
117 bsm:'', 118 bsm:'',
118 form:{ 119 form:{
119 zdzhdm:'', 120 zdzhdm:'',
...@@ -129,6 +130,7 @@ ...@@ -129,6 +130,7 @@
129 bsm:'', 130 bsm:'',
130 }, 131 },
131 zdbsm:'', 132 zdbsm:'',
133 rules:[],
132 } 134 }
133 }, 135 },
134 methods:{ 136 methods:{
...@@ -140,6 +142,16 @@ ...@@ -140,6 +142,16 @@
140 } 142 }
141 }) 143 })
142 }, 144 },
145
146 inputBlur(e) {
147 if (e.target.value != '') {
148 e.target.style.border = ""
149 } else {
150 e.target.style.border = "1px solid red";
151 e.target.style.boxSizing = 'border-box';
152 }
153 },
154
143 generatorCode(){ 155 generatorCode(){
144 if(this.form.bdcdyh!=null&&this.form.bdcdyh!==''){ 156 if(this.form.bdcdyh!=null&&this.form.bdcdyh!==''){
145 this.open(); 157 this.open();
...@@ -182,15 +194,58 @@ ...@@ -182,15 +194,58 @@
182 }); 194 });
183 }, 195 },
184 onSave(){ 196 onSave(){
185 console.log(this.form,'this.form'); 197
186 this.bsm=this.$route.query.bsm; 198 this.rules=[
187 this.form.bsm=this.bsm; 199 {
188 this.form.jgsj=this.form.jgrq; 200 data:this.form.bdcdyh,
189 updateGzwjbxx(this.form).then((res)=>{ 201 name:'不动产单元号',
190 if(res.code === 200){ 202 dom:this.$refs.bdcdyh,
191 this.$message.success("保存完成!"); 203 rule: /^\s*$/g, //非空
204 },
205 {
206 data:this.form.xmmc,
207 name:'项目名称',
208 dom:this.$refs.xmmc,
209 rule: /^\s*$/g, //非空
210 },
211 {
212 data:this.form.zl,
213 name:'坐落',
214 dom:this.$refs.zl,
215 rule: /^\s*$/g, //非空
216 },
217 ]
218
219 let flag = true;
220 this.rules.forEach(item=>{
221 if(item.rule.test(item.data) || item.data == null){
222 if(item.dom.$el){
223 item.dom.$el.style.border = '1px solid red';
224 item.dom.$el.style.boxSizing = 'border-box';
225 }else{
226 item.dom.style.border = '1px solid red';
227 item.dom.style.boxSizing = 'border-box';
228 }
229 flag = false;
230 return false
192 } 231 }
193 }) 232 })
233
234 this.$nextTick(()=> {
235 if (flag) {
236 console.log(this.form,'this.form');
237 this.bsm=this.$route.query.bsm;
238 this.form.bsm=this.bsm;
239 this.form.jgsj=this.form.jgrq;
240 updateGzwjbxx(this.form).then((res)=>{
241 if(res.code === 200){
242 this.$message.success("保存完成!");
243 }
244 })
245 }
246 })
247
248
194 }, 249 },
195 getGzwDetailInfo(data){ 250 getGzwDetailInfo(data){
196 getQjGzwDetailInfo(data).then((res)=>{ 251 getQjGzwDetailInfo(data).then((res)=>{
...@@ -206,6 +261,9 @@ ...@@ -206,6 +261,9 @@
206 this.form.qszt = res.result.qszt; 261 this.form.qszt = res.result.qszt;
207 this.zdbsm = res.result.zdzhbsm; 262 this.zdbsm = res.result.zdzhbsm;
208 this.getZddm(this.zdbsm); 263 this.getZddm(this.zdbsm);
264 if(res.result.gygyqlrqk!=null){
265 this.$refs.qlrxxModule.changeGyfs(res.result.gygyqlrqk);
266 }
209 } 267 }
210 }) 268 })
211 }, 269 },
...@@ -219,6 +277,7 @@ ...@@ -219,6 +277,7 @@
219 if(res.code===200){ 277 if(res.code===200){
220 this.$message.success("提交完成!"); 278 this.$message.success("提交完成!");
221 this.getGzwDetailInfo(this.bsm) 279 this.getGzwDetailInfo(this.bsm)
280 this.getTreeByBsm(this.bsm,'gzw','0,1,2')
222 } 281 }
223 }) 282 })
224 }, 283 },
...@@ -252,6 +311,12 @@ ...@@ -252,6 +311,12 @@
252 this.getGzwDetailInfo(val) 311 this.getGzwDetailInfo(val)
253 this.reload() 312 this.reload()
254 }, 313 },
314
315 "form.bdcdyh":function (val) {
316 if (val != '') {
317 this.$refs.bdcdyh.style.border = '';
318 }
319 },
255 } 320 }
256 } 321 }
257 </script> 322 </script>
......
1 <template> 1 <template>
2 <div id="login"> 2 <div id="login">
3 <img class="login-logo" src="./images/logo-login.svg" /> 3 <div class="login-logo"><img src="./images/logo-login.png" /></div>
4 <div class="login-con"> 4 <div class="login-con">
5 <div class="login-title">用户登录</div> 5 <!-- <div class="login-title">用户登录</div>-->
6 <div class="login-user" :class="{ 'select-border': change.user }"> 6 <div class="login-user" :class="{ 'select-border': change.user }">
7 <img class="user-icon" src="./images/user.svg" /> 7 <img class="user-icon" src="./images/user.svg" />
8 <div class="line-mid"></div> 8 <!-- <div class="line-mid"></div>-->
9 <input 9 <input
10 type="text" 10 type="text"
11 class="user-input" 11 class="user-input"
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 </div> 18 </div>
19 <div class="login-user user-mt" :class="{ 'select-border': change.pass }"> 19 <div class="login-user user-mt" :class="{ 'select-border': change.pass }">
20 <img class="user-icon" src="./images/password.svg" /> 20 <img class="user-icon" src="./images/password.svg" />
21 <div class="line-mid"></div> 21 <!-- <div class="line-mid"></div>-->
22 <input 22 <input
23 type="password" 23 type="password"
24 class="user-input" 24 class="user-input"
...@@ -184,74 +184,82 @@ export default { ...@@ -184,74 +184,82 @@ export default {
184 #login { 184 #login {
185 width: 100vw; 185 width: 100vw;
186 height: 100vh; 186 height: 100vh;
187 background: url("./images/login-bg.png") center center no-repeat; 187 background: url("./images/login-bg.png") no-repeat bottom center;
188 background-size: 100% 100%; 188 background-size: 100% 100%;
189 overflow: hidden; 189 overflow: hidden;
190 position: relative; 190 //position: relative;
191 .login-logo { 191 .login-logo {
192 display: block; 192 //display: block;
193 margin: 0 auto; 193 //position: absolute;
194 position: absolute; 194 //top: 8%;
195 top: 11.5%; 195 //left: 0;
196 left: 0; 196 //right: 0;
197 right: 0; 197 margin-top: 8%;
198 margin: 0 auto; 198 height: 38px;
199 width: 360px; 199 width: 100%;
200 text-align: center;
200 } 201 }
202 .login-logo img{
203 height: 100%;
204 }
201 .login-con { 205 .login-con {
202 position: absolute; 206 //position: absolute;
203 top: 24%; 207 //top: 24%;
204 left: 0; 208 //left: 0;
205 right: 0; 209 //right: 0;
206 margin: 0 auto; 210 margin: 88px auto;
207 } 211 width: 380px;
208 .login-title { 212
209 width: 320px;
210 margin: 0 auto;
211 font-size: 14px;
212 font-weight: 500;
213 } 213 }
214 //.login-title {
215 // width: 320px;
216 // margin: 0 auto;
217 // font-size: 14px;
218 // font-weight: 500;
219 //}
214 .login-user { 220 .login-user {
215 width: 320px; 221 width: 100%;
216 height: 38px; 222 height: 46px;
217 border: 1px solid rgba(155, 155, 155, 1); 223 border: 1px solid rgba(155, 155, 155, 1);
218 box-sizing: border-box; 224 box-sizing: border-box;
219 margin: 0 auto; 225 margin: 38px auto auto auto;
220 margin-top: 20px;
221 border-radius: 2px; 226 border-radius: 2px;
222 position: relative; 227 //position: relative;
223 .user-icon { 228 .user-icon {
224 margin: 0 12px; 229 float: left;
225 float: left; 230 margin: 13px auto auto 10px;
226 width: 16px; 231 //float: left;
227 height: 16px; 232 width: 28px;
228 margin-top: 11px; 233 height: 18px;
229 } 234 //margin-top: 11px;
230 .line-mid {
231 width: 1px;
232 height: 16px;
233 background: #cbcbcb;
234 float: left;
235 margin-top: 11px;
236 margin-right: 9px;
237 } 235 }
236 //.line-mid {
237 // width: 1px;
238 // height: 16px;
239 // background: #cbcbcb;
240 // float: left;
241 // margin-top: 11px;
242 // margin-right: 9px;
243 //}
238 .user-input { 244 .user-input {
239 width: 230px; 245 width: 80%;
240 float: left; 246 float: left;
241 font-size: 12px; 247 font-size: 16px;
242 margin-top: 11px; 248 //margin-top: 11px;
243 background: none; 249 //background: none;
244 outline: 0; 250 outline: 0;
245 border: 0; 251 border: none;
246 color: #4a4a4a; 252 color: #4a4a4a;
247 box-shadow: inset 0 0 0 1000px #fff !important; 253 line-height: 266%;
254 //box-shadow: inset 0 0 0 1000px #fff !important;
255
248 } 256 }
249 .password-eye { 257 .password-eye {
250 float: right; 258 float: right;
251 width: 16px; 259 width: 16px;
252 height: 16px; 260 height: 16px;
253 margin-right: 12px; 261 margin-right: 12px;
254 margin-top: 11px; 262 margin-top: 13px;
255 cursor: pointer; 263 cursor: pointer;
256 } 264 }
257 .warning { 265 .warning {
...@@ -297,7 +305,7 @@ export default { ...@@ -297,7 +305,7 @@ export default {
297 } 305 }
298 } 306 }
299 .login-btn { 307 .login-btn {
300 width: 320px; 308 width: 100%;
301 height: 40px; 309 height: 40px;
302 background: rgba(0, 127, 255, 1); 310 background: rgba(0, 127, 255, 1);
303 border-radius: 1px; 311 border-radius: 1px;
...@@ -310,11 +318,8 @@ export default { ...@@ -310,11 +318,8 @@ export default {
310 cursor: pointer; 318 cursor: pointer;
311 } 319 }
312 .reserved-con { 320 .reserved-con {
313 position: absolute; 321
314 bottom: 36%; 322 margin: 38px auto;
315 left: 0;
316 right: 0;
317 margin: 0 auto;
318 } 323 }
319 .reserved-words { 324 .reserved-words {
320 font-size: 12px; 325 font-size: 12px;
......
...@@ -263,7 +263,7 @@ export default { ...@@ -263,7 +263,7 @@ export default {
263 zddm: "", 263 zddm: "",
264 zl: "", 264 zl: "",
265 pageNo: 1, 265 pageNo: 1,
266 pageSize: 12, 266 pageSize: 15,
267 type:'add', 267 type:'add',
268 }, 268 },
269 Data: [], 269 Data: [],
...@@ -369,7 +369,7 @@ export default { ...@@ -369,7 +369,7 @@ export default {
369 zddm: "", 369 zddm: "",
370 zl: "", 370 zl: "",
371 pageNo: 1, 371 pageNo: 1,
372 pageSize: 12 372 pageSize: 15
373 }; 373 };
374 this.getData(this.queryData); 374 this.getData(this.queryData);
375 }, 375 },
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
15 <li><span class="label">不动产单元号:</span><span class="value">{{zdFgqData.bdcdyh}}</span></li> 15 <li><span class="label">不动产单元号:</span><span class="value">{{zdFgqData.bdcdyh}}</span></li>
16 <li><span class="label">项目名称:</span><span class="value">{{zdFgqData.xmmc}}</span></li> 16 <li><span class="label">项目名称:</span><span class="value">{{zdFgqData.xmmc}}</span></li>
17 <li><span class="label">不动产权证号:</span><span class="value">{{zdFgqData.bdcqzh}}</span></li> 17 <li><span class="label">不动产权证号:</span><span class="value">{{zdFgqData.bdcqzh}}</span></li>
18 <li><span class="label">权利人:</span><span class="value">{{zdFgqData.qlr}}</span></li> 18 <li><span class="label">权利人:</span><span class="value">{{zdFgqData.qlrmc}}</span></li>
19 <li><span class="label">坐落:</span><span class="value">{{zdFgqData.zl}}</span></li> 19 <li><span class="label">坐落:</span><span class="value">{{zdFgqData.zl}}</span></li>
20 </ul> 20 </ul>
21 <div class="zdmap"> 21 <div class="zdmap">
...@@ -44,13 +44,13 @@ ...@@ -44,13 +44,13 @@
44 </el-card> 44 </el-card>
45 </div> 45 </div>
46 </div> 46 </div>
47 <div class="fgh" :style="{'minHeight':tableHeight+'px'}"> 47 <div class="fgh" :style="{'height':tableHeight+'px'}">
48 <span class="tips">分割后宗地信息(总计分割宗地数量{{zdFghData.newZdlist.length}}个)</span> 48 <span class="tips">分割后宗地信息(总计分割宗地数量{{zdFghData.newZdlist.length}}个)</span>
49 <table border="1"> 49 <table border="1">
50 <tr> 50 <tr>
51 <th class="cz"> 51 <th class="cz">
52 <i class="iconfont iconicon-test2 " style="color:#66b1ff;font-size:30px" @click="addRow"></i> 52 <i class="iconfont iconicon-test2 " style="color:#66b1ff;font-size:30px" @click="addRow"></i>
53 53
54 </th> 54 </th>
55 <th class="xh">序号</th> 55 <th class="xh">序号</th>
56 <th class="xzq">行政区</th> 56 <th class="xzq">行政区</th>
...@@ -214,7 +214,7 @@ ...@@ -214,7 +214,7 @@
214 </el-card> 214 </el-card>
215 </div> 215 </div>
216 </div> 216 </div>
217 <div class="fgh"> 217 <div class="fgh" :style="{'height':tableHeight+'px'}">
218 <span class="tips">分割后多幢信息(总计分割多幢数量{{dzFghData.fwlist.length}}个)</span> 218 <span class="tips">分割后多幢信息(总计分割多幢数量{{dzFghData.fwlist.length}}个)</span>
219 <table border="1"> 219 <table border="1">
220 <tr> 220 <tr>
...@@ -315,7 +315,7 @@ ...@@ -315,7 +315,7 @@
315 315
316 export default { 316 export default {
317 name: "", 317 name: "",
318 inject: ['getTreeByS'], 318 inject: ['getTreeByS','getRightTree'],
319 components: {zdQueryData,dzQueryData,hfghb}, 319 components: {zdQueryData,dzQueryData,hfghb},
320 props: {}, 320 props: {},
321 data() { 321 data() {
...@@ -634,6 +634,7 @@ ...@@ -634,6 +634,7 @@
634 } 634 }
635 saveDzFg(this.dzFghData).then(res => { 635 saveDzFg(this.dzFghData).then(res => {
636 if (res.success) { 636 if (res.success) {
637 this.getRightTree(res.result,'0,1,2');
637 Message.success("保存成功") 638 Message.success("保存成功")
638 //TO DO 多幢分割完成后的操作 639 //TO DO 多幢分割完成后的操作
639 } else { 640 } else {
...@@ -1162,6 +1163,7 @@ ...@@ -1162,6 +1163,7 @@
1162 } 1163 }
1163 } 1164 }
1164 .header-button { 1165 .header-button {
1166 z-index: 3;
1165 height: 50px; 1167 height: 50px;
1166 position: fixed; 1168 position: fixed;
1167 bottom: 0; 1169 bottom: 0;
......
1 <template> 1 <template>
2 <div class="main"> 2 <div class="mainbox">
3 <template v-if="isFwsxbg"> 3 <el-tabs v-model="tabName" @tab-click="handleClick" class="menu">
4 <!-- <p class="tips">查询条件</p> --> 4 <el-tab-pane label="宗地" name="zd">
5 <SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead> 5 <fwsxbg-tab queryType="zd"></fwsxbg-tab>
6 <!-- <p class="tips">查询列表</p> --> 6 </el-tab-pane>
7 <div class="dataGrid" ref="dataGrid"> 7 <el-tab-pane label="多幢" name="dz">
8 <el-table 8 <fwsxbg-tab v-if="dzVisible" queryType="dz"></fwsxbg-tab>
9 :data="tableData" 9 </el-tab-pane>
10 :height="tableHeight" 10 <el-tab-pane label="自然幢" name="zrz">
11 :row-class-name="tableRowClassName" 11 <fwsxbg-tab v-if="zrzVisible" queryType="zrz"></fwsxbg-tab>
12 > 12 </el-tab-pane>
13 <el-table-column type="index" width="80" align="center" label="序号"> 13 <el-tab-pane label="构筑物" name="gzw">
14 </el-table-column> 14 <fwsxbg-tab v-if="gzwVisible" queryType="gzw"></fwsxbg-tab>
15 <el-table-column prop="bdcdyh" align="left" label="不动产单元号"> 15 </el-tab-pane>
16 </el-table-column> 16 <el-tab-pane label="户" name="h">
17 <el-table-column prop="xmmc" align="left" width="150" label="项目名称"> 17 <fwsxbg-tab v-if="hVisible" queryType="h"></fwsxbg-tab>
18 </el-table-column> 18 </el-tab-pane>
19 <el-table-column prop="bdcqzh" align="left" label="不动产权证号"> 19 </el-tabs>
20 </el-table-column>
21 <el-table-column prop="dylx" align="left" width="120" label="类型">
22 <template slot-scope="scope">
23 {{ scope.row.dylx | bdcLxFilter }}
24 </template>
25 </el-table-column>
26 <el-table-column prop="qlrmc" align="left" width="120" label="权利人">
27 </el-table-column>
28 <el-table-column prop="zl" align="left" label="坐落"></el-table-column>
29 <el-table-column
30 prop="addtime"
31 align="left"
32 width="120"
33 label="转入时间"
34 >
35 <template slot-scope="scope">
36 {{ scope.row.addtime | timeFilter }}
37 </template>
38 </el-table-column>
39 <!-- <el-table-column prop="cjr" align="left" width="120" label="创建人">
40 </el-table-column> -->
41 <el-table-column label="操作" align="center" width="100">
42 <template slot-scope="scope">
43 <el-tooltip class="item" effect="light" content="办理" placement="top">
44 <i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i>
45 </el-tooltip>
46 <el-tooltip class="item" effect="light" content="定位" placement="top">
47 <i class="iconfont icondingwei iconfontEdit"></i>
48 </el-tooltip>
49 <!-- <el-button @click="handleClick(scope.row)" type="text" size="small"
50 >办理
51 </el-button>
52 <el-button type="text" size="small">定位</el-button> -->
53 </template>
54 </el-table-column>
55 </el-table>
56 <div class="pagination">
57 <el-pagination
58 background
59 layout="prev, pager, next,total"
60 :total="total"
61 :current-page="pageNo"
62 @current-change="handleCurrentChange"
63 >
64 </el-pagination>
65 </div>
66 </div>
67 </template>
68 <div class="lpb" v-if="!isFwsxbg">
69 <div class="lpb-header">
70 <el-radio-group v-model="scyclx" @change="scyclxChange">
71 <el-radio-button label="0">预测</el-radio-button>
72 <el-radio-button label="1">实测</el-radio-button>
73 </el-radio-group>
74 <el-input
75 maxlength="28"
76 v-model="bdcdyh"
77 :style="{ width: inputWidth + 'px' }"
78 @change="inputChange"
79 class="searchInput"
80 placeholder="输入不动产单元号或室号"
81 ><i
82 slot="suffix"
83 class="el-input__icon el-icon-search"
84 @click="inputChange"
85 ></i
86 ></el-input>
87 <el-link type="primary" style="margin-left:20px" @click="isFwsxbg=true">重新选择户</el-link>
88 </div>
89 <div class="lpb-content" ref="lpbContentWrap" :style="{ height: lpbContentHeight + 'px' }" v-loading="lpbloading">
90 <!-- 楼盘表主体 -->
91 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }">
92 <lpbContent ref="lpbContent" class="" :zrzbsm='zrzbsm' lpbParent = 'isFwsxbg'></lpbContent>
93 </div>
94 <!-- 右侧图例 -->
95 <div class="lp-legend">
96 <div class="handleCol">
97 <div class="btn" @click="legendToggle">
98 <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i>
99 <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i>
100 </div>
101 <div
102 :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'"
103 @click="selectedZt = 'dyzt'"
104 >
105 <span>单元状态</span>
106 </div>
107 <div
108 :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'"
109 @click="selectedZt = 'fwxz'"
110 >
111 <span>房屋性质</span>
112 </div>
113 <div
114 :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'"
115 @click="selectedZt = 'fwyt'"
116 >
117 <span>房屋用途</span>
118 </div>
119 </div>
120 <div
121 class="legendTable-wrap"
122 :style="{ width: legendToggleFlag ? '204px' : '0' }"
123 >
124 <table
125 class="legendTable"
126 v-show="selectedZt == 'dyzt'"
127 cellspacing="1"
128 cellpadding="1"
129 border="1"
130 >
131 <tr>
132 <th>状态</th>
133 <th>套数</th>
134 <th>面积</th>
135 </tr>
136 <tr
137 v-for="(item, index) in dyztList"
138 :key="index"
139 class="cp"
140 @click="handleChoosedH(item.bsms,item.color)"
141 >
142 <td>
143 <i class="fa fa-circle" :style="{ color: item.color }"></i
144 >{{ item.name }}
145 </td>
146 <td>{{ item.ts }}</td>
147 <td>{{ item.mj }}</td>
148 </tr>
149 </table>
150
151 <table
152 class="legendTable"
153 v-show="selectedZt == 'fwxz'"
154 cellspacing="1"
155 cellpadding="1"
156 border="1"
157 >
158 <tr>
159 <th>性质</th>
160 <th>套数</th>
161 <th>面积</th>
162 </tr>
163 <tr
164 v-for="(item, index) in fwxzList"
165 :key="index"
166 class="cp"
167 @click="handleChoosedH(item.bsms,item.color)"
168 >
169 <td>
170 <i class="fa fa-circle" :style="{ color: item.color }"></i
171 >{{ item.name }}
172 </td>
173 <td>{{ item.ts }}</td>
174 <td>{{ item.mj }}</td>
175 </tr>
176 <tr v-show="fwxzList.length < 1">
177 <td colspan="3" class="tac">暂无数据</td>
178 </tr>
179 </table>
180
181 <table
182 class="legendTable"
183 v-show="selectedZt == 'fwyt'"
184 cellspacing="1"
185 cellpadding="1"
186 border="1"
187 >
188 <tr>
189 <th>用途</th>
190 <th>套数</th>
191 <th>面积</th>
192 </tr>
193 <tr
194 v-for="(item, index) in fwytList"
195 :key="index"
196 class="cp"
197 @click="handleChoosedH(item.bsms,item.color)"
198 >
199 <td>
200 <i class="fa fa-circle" :style="{ color: item.color }"></i
201 >{{ item.name }}
202 </td>
203 <td>{{ item.ts }}</td>
204 <td>{{ item.mj }}</td>
205 </tr>
206 <tr v-show="fwytList.length < 1">
207 <td colspan="3" class="tac">暂无数据</td>
208 </tr>
209 </table>
210 </div>
211 </div>
212 </div>
213 </div>
214 </div> 20 </div>
215 </template> 21 </template>
216 22
217 <script> 23 <script>
218 import SearchHead from "@components/searchHead/searchHead"; 24 import fwsxbgTab from '@components/fwsxbg/fwsxbgTab'
219 import { getSearchList } from "@api/search";
220 import { fwsxbgbl } from "@api/common";
221 import {getQjHDetailByBsm} from "@api/h";
222 import lpbContent from "../../../zrz/lpb/bjlp/lpbContent/index";
223 import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh,getLpbFwytAndQlxz ,batchCommit} from "@api/lpb";
224 25
225 export default { 26 export default {
226 name: "", 27 name: "",
227 components: { SearchHead,lpbContent }, 28 components: { fwsxbgTab},
228 inject:['getRightTree','getTreeByBsm'], 29 inject:[],
229 props: {}, 30 props: {},
230 data() { 31 data(){
231 return { 32 return{
232 type:'fwsxbg', 33 tabName:'zd',
233 qszt: ['2'], 34 dzVisible:false,
234 total: 0, 35 zrzVisible:false,
235 pageNo: 1, 36 gzwVisible:false,
236 pageSize: 15, 37 hVisible:false,
237 tableData: [], 38 }
238 tableHeight: "100",
239 queryData: {},
240 isFwsxbg:true,
241 zrzbsm:'',
242 scyclx:'0', //实预测类型
243 bdcdyh:'',//室号搜索
244 inputWidth: 220,//搜索框宽度
245 legendToggleFlag: false,
246 selectedZt:'dyzt',
247 dyztList: [
248 {
249 name: "未确权",
250 color: "#83AAFE",
251 ts: "12",
252 mj: "1633",
253 },
254 {
255 name: "已确权",
256 color: "#6EDEE1",
257 ts: "22",
258 mj: "3109",
259 },
260 {
261 name: "已备案",
262 color: "#8ADC88",
263 ts: "3",
264 mj: "409",
265 },
266 {
267 name: "预抵押",
268 color: "#F2AD67",
269 ts: "11",
270 mj: "1466",
271 },
272 {
273 name: "在建抵押",
274 color: "#F191C8",
275 ts: "13",
276 mj: "1792",
277 },
278 {
279 name: "抵押",
280 color: "#FF8282",
281 ts: "14",
282 mj: "13",
283 },
284 {
285 name: "查封",
286 color: "#D7CECF",
287 ts: "9",
288 mj: "1436",
289 },
290 {
291 name: "异议",
292 color: "#D4A3EB",
293 ts: "34",
294 mj: "4342",
295 },
296 {
297 name: "限制",
298 color: "#A5A3FB",
299 ts: "2",
300 mj: "285",
301 },
302 ],
303 fwxzList: [],
304 fwytList: [],
305 lpbContentHeight: 0,
306 lpbContentwidth: 0,
307 lpbloading:true,
308 };
309 },
310 created() {},
311 mounted() {
312 this.getData({pageSize:this.pageSize});
313 // console.log(document.documentElement.clientHeight || document.body.clientHeight,'document.documentElement.clientHeight || document.body.clientHeight');
314 this.$nextTick(() => {
315 this.tableHeight =
316 (document.documentElement.clientHeight || document.body.clientHeight) -
317 352;
318 this.lpbContentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 222;
319 });
320 }, 39 },
321 methods: { 40 methods:{
322 onSubmit() {}, 41 handleClick(tab,event){
323 tableRowClassName({ row, rowIndex }) { 42 console.log(tab,'范围属性变更tab');
324 if (rowIndex % 2 !== 0) { 43 switch (tab.name) {
325 return "even-row"; 44 case "dz":
326 } else { 45 this.dzVisible=true;
327 return ""; 46 break;
47 case "zrz":
48 this.zrzVisible=true;
49 break;
50 case "gzw":
51 this.gzwVisible=true;
52 break;
53 case "h":
54 this.hVisible=true;
55 break;
56 default:
57 break;
58 }
59 }
60 }
61 };
62 </script>
63 <style scoped lang="less">
64 .mainbox {
65 width: 100%;
66 height: 100%;
67 -webkit-box-sizing: border-box;
68 box-sizing: border-box;
69 padding: 0;
70 .menu {
71 height: 100%;
72 /deep/ .el-tabs__content {
73 position: unset;
74 margin-top: 40px;
75 overflow: visible;
76 /deep/.el-tab-pane{
77 height: calc(100% - 0px);
78 }
328 } 79 }
329 }, 80 /deep/ .el-tabs__header {
330 handleCurrentChange(val) { 81 position: -webkit-fixed;
331 console.log(`当前页: ${val}`); 82 position: fixed;
332 this.pageNo = val; 83 top: 120px;
333 this.queryData.pageNo = val; 84 z-index: 999;
334 this.getData(this.queryData); 85 width: 100%;
335 }, 86 margin-bottom: 0;
336 getData(data) { 87 border: 0;
337 data['type'] = this.type 88 /deep/ .el-tabs__nav-scroll {
338 data["qszt"] = this.qszt; 89 height: 50px;
339 getSearchList(data).then((res) => { 90 box-sizing: border-box;
340 this.tableData = res.result.records; 91 padding-left: 20px;
341 this.total = res.result.total; 92 .el-tabs__active-bar {
342 }); 93 display: none;
343 },
344 //获取子组件点击查询触发的事件
345 geQuerytData(obj) {
346 this.queryData = obj;
347 //将obj作为参数调用接口查询表格数据
348 this.queryData["pageSize"] = this.pageSize;
349 this.pageNo = 1;
350 this.queryData["pageNo"] = 1;
351 this.getData(this.queryData);
352 },
353 //点击办理
354 handleClick(row) {
355 let params = { bsm: row.glbsm, type: row.dylx };
356 if(row.dylx == 'h'){
357 getQjHDetailByBsm(row.glbsm).then((res)=>{
358 if(res.code===200){
359 this.zrzbsm = res.result.zrzbsm;
360 this.isFwsxbg = false;
361 } 94 }
362 }) 95 > .el-tabs__nav {
363 }else{ 96 border: 0;
364 this.$confirm('是否确定范围属性变更?', '提示', { 97 > .el-tabs__item {
365 confirmButtonText: '确定', 98 border: 1px solid #DEDEDE;
366 cancelButtonText: '取消', 99 height: 36px;
367 type: 'warning' 100 line-height: 32px;
368 }).then(() => { 101 padding: 0 20px;
369 fwsxbgbl(params) 102 margin: 9px 10px 9px 0;
370 .then((res) => { 103 background-color: #ffffff;
371 if (res.code == 200) { 104 }
372 // this.$message({ 105 .is-active {
373 // message: res.message, 106 color: #006CFF;
374 // type: "变更成功", 107 border: 1px solid #006CFF;
375 // });
376 let path = "";
377 switch (row.dylx) {
378 case "zrz":
379 this.$store.state.zrzbsm = res.result;
380 this.getTreeByBsm(row.glbsm,row.dylx,'2');
381 path = "/zrz";
382 break;
383 case "zd":
384 this.$store.state.zdbsm = res.result;
385 this.getRightTree(row.glbsm,'2');
386 path = "/zd";
387 break;
388 case "dz":
389 this.$store.state.dzbsm = res.result;
390 this.getTreeByBsm(row.glbsm,row.dylx,'2');
391 path = "/dz";
392 break;
393 default:
394 break;
395 }
396 this.$router.push({
397 path: path,
398 query: {
399 bsm: res.result,
400 source: 2,
401 auth:'2'
402 }
403 });
404 } else {
405 this.$message({
406 message: res.message,
407 type: "warning",
408 });
409 }
410 })
411 .catch((error) => {
412 this.$message({
413 message: res.message,
414 type: "error",
415 });
416 });
417 }).catch(() => {
418
419 });
420 }
421 },
422
423 //实预测转换
424 scyclxChange(){
425 //清空已选中层户
426 // this.bsms = [];
427 this.$refs.lpbContent.hbsmList = [];
428 this.$nextTick(()=>{
429 //户
430 this.$refs.lpbContent.$refs.hBsm.forEach(item=>{
431 item.style.borderColor = 'rgb(230, 230, 230)';
432 if (item.className == "tdSelect") {
433 item.className = "";
434 } 108 }
435 });
436 //层
437 this.$refs.lpbContent.$refs.cBsm.forEach(item=>{
438 console.log(item.className,'item.className');
439 item.className = "floor";
440 });
441 })
442 //获取图例数据
443 this.getDyztBsmList();
444 this.getLpbFwytAndQlxz();
445 },
446 inputChange() {
447 if (this.bdcdyh != "") {
448 // 根据不动产单元号或者室号搜索
449 // this.$refs.lpbContent.lpbDataMap(this.bdcdyh);
450 } else {
451 this.$message({
452 message: "请输入内容后查询",
453 type: "warning",
454 });
455 }
456 },
457 //图例的展开收起
458 legendToggle() {
459 this.legendToggleFlag = !this.legendToggleFlag;
460 },
461 //获取各项单元状态统计数据
462 getDyztBsmList() {
463 let data = {
464 zrzbsm: this.$store.state.zrzbsm,
465 scyclx: this.scyclx,
466 };
467 getLpbTj(data).then((res) => {
468 if (res.code === 200) {
469 this.dyztList = res.result;
470 this.dyztList.splice(1,0,this.dyztList[8]);
471 this.dyztList.pop();
472 this.dyztList.forEach(item=>{
473 item.ts = item.bsms.length;
474 switch (item.name) {
475 case 'Qqzt':
476 item.color = "#6EDEE1";
477 item.name = "已确权"
478 break;
479 case 'Wqqzt':
480 item.color = "#83AAFE";
481 item.name = "未确权"
482 break;
483 case 'Bazt':
484 item.color = "#8ADC88";
485 item.name = "已备案"
486 break;
487 case 'Ydyzt':
488 item.color = "#F2AD67";
489 item.name = "预抵押"
490 break;
491 case 'Zjgcdyzt':
492 item.color = "#F191C8";
493 item.name = "在建抵押"
494 break;
495 case 'Dyzt':
496 item.color = "#FF8282";
497 item.name = "抵押"
498 break;
499 case 'Cfzt':
500 item.color = "#D7CECF";
501 item.name = "查封"
502 break;
503 case 'Yyzt':
504 item.color = "#D4A3EB";
505 item.name = "异议"
506 break;
507 case 'Xzzt':
508 item.color = "#A5A3FB";
509 item.name = "限制"
510 break;
511 default:
512 break;
513 }
514 })
515 }
516 });
517 },
518 // 获取房屋用途和房屋性质统计数据
519 getLpbFwytAndQlxz(){
520 let data = {
521 zrzbsm: this.$store.state.zrzbsm,
522 scyclx: this.scyclx,
523 };
524 getLpbFwytAndQlxz(data).then((res) => {
525 if (res.code === 200) {
526 // this.fwytList = res.result
527 this.fwytList = res.result.fwyt;
528 this.fwxzList = res.result.qlxz;
529 if(this.fwytList.length>0){
530 this.fwytList.forEach(item=>{
531 item.color = "#2591FD";
532 item.ts = item.bsms.length
533 })
534 }
535 if(this.fwxzList.length>0){
536 this.fwxzList.forEach(item=>{
537 item.color = "#2591FD";
538 item.ts = item.bsms.length
539 })
540 } 109 }
541 } 110 }
542 }); 111 /deep/ .el-tabs__nav-wrap::after {
543 }, 112 width: 0;
544 //切换房屋状态 113 }
545 handleChoosedH(bsms,color) {
546 //每次切换房屋状态,将之前高亮的户边框颜色重置为默认
547 this.$refs.lpbContent.choosedList = [];
548 this.$refs.lpbContent.$refs.hBsm.forEach((item) => {
549 item.style.border = '';
550 });
551 // console.log(bsms,'bsms');
552 // console.log(color,'color');
553 // Dyzt:{list:[],mj:''}
554 //清除选中户
555 // this.$refs.lpbContent.clearChoosedH();
556 this.$nextTick(()=>{
557 //给hBsmList传值
558 // console.log(bsms,'bsms');
559 this.$refs.lpbContent.choosedList = bsms;
560 this.$refs.lpbContent.borderColor = color;
561 })
562 },
563 },
564 computed: {},
565 watch: {
566 //树结构和图例伸缩时修改楼盘表主要内容区宽度
567 legendToggleFlag(n) {
568 if (n) {
569 this.lpbContentwidth -= 204;
570 } else {
571 this.lpbContentwidth += 204;
572 }
573 },
574 //选择自然幢展示楼盘表后,查询右侧图例数据
575 isFwsxbg(n){
576 if (!n) {
577 this.getDyztBsmList();
578 this.getLpbFwytAndQlxz();
579 this.$nextTick(()=>{
580 this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6;
581 })
582 } 114 }
583 },
584 //改变syclx,更新楼盘表数据
585 scyclx(n){
586 this.$refs.lpbContent.lpbData = n == 0 ? this.$refs.lpbContent.yclpbData : this.$refs.lpbContent.sclpbData
587 },
588 selectedZt(n){
589 this.legendToggleFlag = true;
590 },
591 },
592 };
593 </script>
594 <style scoped lang="less">
595 .main {
596 background-color: #eaedf5;
597 .tips{
598 color: #9B9B9B;
599 margin-left: 2px;
600 margin-bottom: 10px;
601 }
602 .demo-form-inline {
603 margin-top: 18px;
604 .moreSearchBtn {
605 background-color: #1ad6e1;
606 border-color: #1ad6e1;
607 }
608 .moreSearchBtn:focus,
609 .moreSearchBtn:hover {
610 background-color: rgba(28, 200, 229, 0.6);
611 } 115 }
612 } 116 }
613 .dataGrid { 117
614 flex: 1;
615 .pagination {
616 padding: 18px 0 0 0;
617 }
618 }
619
620 .lpb{
621 box-sizing: border-box;
622 padding-left: 2px;
623 .searchInput {
624 transition: 0.5s;
625 margin-left: 20px;
626 display: inline-block;
627 }
628 .lpb-content{
629 margin-top: 20px;
630 background-color: #ffffff;
631 display: flex;
632 overflow-y: scroll;
633 .lp-overview {
634 transition: 0.5s;
635 flex: 1;
636 margin-right: 20px;
637 box-sizing: border-box;
638 border: 1px solid rgb(236, 236, 236);
639 border-top: 0;
640 border-bottom: 0;
641 }
642 .lp-legend {
643 transition: 0.5s;
644 height: 100%;
645 font-size: 14px;
646 .handleCol {
647 width: 34px;
648 float: right;
649 height: 100%;
650 .btn {
651 cursor: pointer;
652 height: 40px;
653 line-height: 40px;
654 text-align: center;
655 background-color: #0091ff;
656 color: #fff;
657 border-bottom: 1px solid #e6e6e6;
658 }
659 .dyzt,
660 .fwxz,
661 .fwyt {
662 height: 122px;
663 }
664 .dyzt,
665 .fwxz,
666 .fwyt {
667 cursor: pointer;
668 border-bottom: 1px solid #e6e6e6;
669 span {
670 text-align: center;
671 height: 100%;
672 -webkit-writing-mode: vertical-rl;
673 writing-mode: vertical-rl;
674 line-height: 34px;
675 letter-spacing: 2px;
676 }
677 }
678 .selectedZt {
679 background-color: #0091ff;
680 color: #fff;
681 }
682 }
683 .legendTable-wrap {
684 transition: 0.5s;
685 float: right;
686 overflow: hidden;
687 .legendTable {
688 margin-top: -1px;
689 tr {
690 height: 40px;
691 line-height: 40px;
692 th:first-child {
693 width: 80px;
694 }
695 th {
696 width: 60px;
697 height: 40px;
698 white-space: nowrap;
699 }
700 td {
701 height: 40px;
702 text-align: center;
703 white-space: nowrap;
704 }
705 td:first-child {
706 text-align: left;
707 text-indent: 2px;
708 }
709 }
710 }
711 }
712 }
713 }
714
715 }
716 }
717 </style> 118 </style>
......
...@@ -826,6 +826,7 @@ ...@@ -826,6 +826,7 @@
826 } 826 }
827 827
828 .header-button { 828 .header-button {
829 z-index: 3;
829 height: 50px; 830 height: 50px;
830 position: fixed; 831 position: fixed;
831 bottom: 0; 832 bottom: 0;
......
...@@ -342,7 +342,7 @@ export default { ...@@ -342,7 +342,7 @@ export default {
342 bdcdyh:'', 342 bdcdyh:'',
343 bdcqzh:'', 343 bdcqzh:'',
344 pageNo:1, 344 pageNo:1,
345 pageSize:10, 345 pageSize:15,
346 type:'all' 346 type:'all'
347 }; 347 };
348 this.search() 348 this.search()
...@@ -514,7 +514,7 @@ export default { ...@@ -514,7 +514,7 @@ export default {
514 if (n) { 514 if (n) {
515 this.lpbContentwidth -= 204; 515 this.lpbContentwidth -= 204;
516 } else { 516 } else {
517 this.lpbContentwidth += 204; 517 this.lpbContentwidth += 200;
518 } 518 }
519 }, 519 },
520 //选择自然幢展示楼盘表后,查询右侧图例数据 520 //选择自然幢展示楼盘表后,查询右侧图例数据
...@@ -522,9 +522,10 @@ export default { ...@@ -522,9 +522,10 @@ export default {
522 if (!n) { 522 if (!n) {
523 this.getDyztBsmList(); 523 this.getDyztBsmList();
524 this.getLpbFwytAndQlxz(); 524 this.getLpbFwytAndQlxz();
525 this.$nextTick(()=>{ 525 // console.log(this.$refs.lpbContentWrap.clientWidth,'lpbContentWrap');
526 this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6; 526 // this.$nextTick(()=>{
527 }) 527 // this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6;
528 // })
528 } 529 }
529 }, 530 },
530 //改变syclx,更新楼盘表数据 531 //改变syclx,更新楼盘表数据
......
...@@ -73,6 +73,7 @@ export default { ...@@ -73,6 +73,7 @@ export default {
73 height: calc(100% - 50px); 73 height: calc(100% - 50px);
74 /deep/.el-tabs__content{ 74 /deep/.el-tabs__content{
75 height: 100%; 75 height: 100%;
76 position: unset;
76 /deep/.el-tab-pane{ 77 /deep/.el-tab-pane{
77 height: calc(100% - 40px); 78 height: calc(100% - 40px);
78 } 79 }
......
...@@ -133,7 +133,7 @@ ...@@ -133,7 +133,7 @@
133 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button> 133 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
134 </div> 134 </div>
135 </el-tab-pane> 135 </el-tab-pane>
136 <el-tab-pane class="eltabspane" label="构筑物" name="gzw"> 136 <el-tab-pane class="eltabspane" v-if="!createZrz" label="构筑物" name="gzw">
137 <el-form :inline="true" :rules="rules4" :model="ruleForm4" ref="ruleForm4" class="demo-form-inline"> 137 <el-form :inline="true" :rules="rules4" :model="ruleForm4" ref="ruleForm4" class="demo-form-inline">
138 <el-form-item label="项目名称" class="w100" prop="xmmc"> 138 <el-form-item label="项目名称" class="w100" prop="xmmc">
139 <el-input 139 <el-input
...@@ -330,6 +330,7 @@ export default { ...@@ -330,6 +330,7 @@ export default {
330 .then((res) => { 330 .then((res) => {
331 if (res.code == "200") { 331 if (res.code == "200") {
332 //获取左侧树数据 332 //获取左侧树数据
333 this.$store.state.oldZdbsm = '';
333 this.getTreeByBsm(res.result.bsm,'zrz','0,1,2'); 334 this.getTreeByBsm(res.result.bsm,'zrz','0,1,2');
334 this.$message({ 335 this.$message({
335 message: "创建成功!", 336 message: "创建成功!",
......
1 <template> 1 <template>
2 <div class="main"> 2 <div class="main" style="padding: 18px!important;">
3 <div class="panel content_box"> 3 <div class="panel content_box">
4 <el-card class="panel_left"> 4 <el-card class="panel_left">
5 <div slot="header" class="clearfix"> 5 <div slot="header" class="clearfix">
...@@ -224,6 +224,7 @@ export default { ...@@ -224,6 +224,7 @@ export default {
224 flex-direction: column; 224 flex-direction: column;
225 overflow: hidden; 225 overflow: hidden;
226 height: 100%; 226 height: 100%;
227
227 .clearfix { 228 .clearfix {
228 span { 229 span {
229 color: #6d7278; 230 color: #6d7278;
...@@ -244,6 +245,7 @@ export default { ...@@ -244,6 +245,7 @@ export default {
244 .panel { 245 .panel {
245 @flex(); 246 @flex();
246 width: 100%; 247 width: 100%;
248 padding: 0 0 18px!important;
247 .panel_left { 249 .panel_left {
248 width: 35%; 250 width: 35%;
249 margin-right: 20px; 251 margin-right: 20px;
...@@ -309,7 +311,7 @@ export default { ...@@ -309,7 +311,7 @@ export default {
309 } 311 }
310 .notice { 312 .notice {
311 padding: 0; 313 padding: 0;
312 height: calc(100% - 285px); 314 height: calc(100% - 266px);
313 @flex(); 315 @flex();
314 .news { 316 .news {
315 float: left; 317 float: left;
......
...@@ -179,6 +179,7 @@ ...@@ -179,6 +179,7 @@
179 updateQsztByBsm(data) 179 updateQsztByBsm(data)
180 .then((res => { 180 .then((res => {
181 if (res.code == 200) { 181 if (res.code == 200) {
182 this.$store.state.oldZdbsm = '';
182 switch (row.dylx) { 183 switch (row.dylx) {
183 case "zd": 184 case "zd":
184 this.$store.state.zdbsm = row.glbsm; 185 this.$store.state.zdbsm = row.glbsm;
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 > 14 >
15 <el-table-column type="index" width="80" align="center" label="序号"> 15 <el-table-column type="index" width="80" align="center" label="序号">
16 </el-table-column> 16 </el-table-column>
17 <el-table-column prop="bdcdyh" align="left" label="不动产单元号"> 17 <el-table-column prop="bdcdyh" align="left" width="260" label="不动产单元号">
18 </el-table-column> 18 </el-table-column>
19 <el-table-column prop="xmmc" align="left" width="150" label="项目名称"> 19 <el-table-column prop="xmmc" align="left" width="150" label="项目名称">
20 </el-table-column> 20 </el-table-column>
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
25 {{scope.row.dylx | bdcLxFilter}} 25 {{scope.row.dylx | bdcLxFilter}}
26 </template> 26 </template>
27 </el-table-column> 27 </el-table-column>
28 <el-table-column prop="qsztValue" align="left" label="权属状态"> 28 <el-table-column prop="qsztValue" align="left" width="100" label="权属状态">
29 </el-table-column> 29 </el-table-column>
30 <el-table-column prop="qlrmc" align="left" width="120" label="权利人"> 30 <el-table-column prop="qlrmc" align="left" width="120" label="权利人">
31 </el-table-column> 31 </el-table-column>
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
8 <djb v-if="djbVisible"></djb> 8 <djb v-if="djbVisible"></djb>
9 </el-tab-pane> 9 </el-tab-pane>
10 <el-tab-pane label="附件材料" name="fjcl"> 10 <el-tab-pane label="附件材料" name="fjcl">
11 <fjcl v-if="fjclVisible"></fjcl> 11 <fjcl v-if="fjclVisible" ref="fjcl" :is-disabled="isDisabled"></fjcl>
12 </el-tab-pane> 12 </el-tab-pane>
13 </el-tabs> 13 </el-tabs>
14 </div> 14 </div>
...@@ -26,6 +26,7 @@ ...@@ -26,6 +26,7 @@
26 }, 26 },
27 data() { 27 data() {
28 return { 28 return {
29 isDisabled:false,
29 hbsm:this.$store.state.hbsm, 30 hbsm:this.$store.state.hbsm,
30 activeName: "hjbxx", 31 activeName: "hjbxx",
31 djbVisible: false, 32 djbVisible: false,
...@@ -36,7 +37,18 @@ ...@@ -36,7 +37,18 @@
36 37
37 }, 38 },
38 methods: { 39 methods: {
40 loadingStatus() {
41 console.log("是否禁用")
42 let bsm=this.$store.state.hbsm;
43 queryStatus(bsm).then(res => {
44 if (res.success) {
45 let qszt = res.result.qszt;
46 this.isDisabled = +qszt !== 0;
47 }
48 })
49 },
39 handleClick(tab, event) { 50 handleClick(tab, event) {
51 this.loadingStatus()
40 // console.log(tab, event); 52 // console.log(tab, event);
41 switch (tab.name) { 53 switch (tab.name) {
42 case 'djb': 54 case 'djb':
......
...@@ -12,8 +12,9 @@ ...@@ -12,8 +12,9 @@
12 :show-file-list="false" 12 :show-file-list="false"
13 multiple 13 multiple
14 :on-exceed="handleExceed" 14 :on-exceed="handleExceed"
15 :disabled="isDisabled"
15 > 16 >
16 <el-button size="small" type="primary">上传</el-button> 17 <el-button size="small" type="primary" :disabled="isDisabled" >上传</el-button>
17 </el-upload> 18 </el-upload>
18 <table border="2"> 19 <table border="2">
19 <tr> 20 <tr>
...@@ -22,12 +23,12 @@ ...@@ -22,12 +23,12 @@
22 <th class="lx">文件类型</th> 23 <th class="lx">文件类型</th>
23 <th class="cz">操作</th> 24 <th class="cz">操作</th>
24 </tr> 25 </tr>
25 <tr v-if="list.length==0"> 26 <tr v-if="list.length===0">
26 <td colspan="4" class="noData" > 27 <td colspan="4" class="noData">
27 <span>暂无数据</span> 28 <span>暂无数据</span>
28 </td> 29 </td>
29 </tr> 30 </tr>
30 <tr v-else v-for="(item,index) in list" :key="index" > 31 <tr v-else v-for="(item,index) in list" :key="index">
31 <td class="xh">{{index+1}}</td> 32 <td class="xh">{{index+1}}</td>
32 <td class="mc">{{item.filename}}</td> 33 <td class="mc">{{item.filename}}</td>
33 <td class="lx">{{item.filepostfix}}</td> 34 <td class="lx">{{item.filepostfix}}</td>
...@@ -44,47 +45,43 @@ ...@@ -44,47 +45,43 @@
44 </template> 45 </template>
45 46
46 <script> 47 <script>
47 import {insertFile, getFileLis, downloadFile,loadFile,deleteFile} from "@api/common" 48 import {insertFile, getFileLis, downloadFile, loadFile, deleteFile} from "@api/common"
48 import {Message} from "element-ui" 49 import {queryStatus} from "@api/search"
49 50
50 export default { 51 export default {
51 name: "fjcl", 52 name: "fjcl",
52 data() { 53 data() {
53 return { 54 return {
54 fileData:{ 55 fileData: {
55 glbsm:'', 56 glbsm: '',
56 dylx:'' 57 dylx: ''
57 }, 58 },
58 list: [ 59 list: []
59 ],
60 /* filesData: {
61 dylx: "",
62 glbsm: "",
63 list: [
64 {
65 filename: "",
66 filepostfix: "",
67 fileurl: "",
68 preViewUrl:""
69 }
70 ]
71 },*/
72 } 60 }
73 }, 61 },
74 mounted() { 62 mounted() {
75 this.getFileList() 63 this.getFileList()
76 }, 64 },
65 created(){
66
67 },
68 props: {
69 isDisabled:{
70 type:Boolean,
71 default:false
72 }
73 },
77 methods: { 74 methods: {
78 deleteFile(bsm){ 75 deleteFile(bsm) {
79 this.$confirm('将删除该文件, 是否继续?', '提示', { 76 this.$confirm('将删除该文件, 是否继续?', '提示', {
80 confirmButtonText: '确定', 77 confirmButtonText: '确定',
81 cancelButtonText: '取消', 78 cancelButtonText: '取消',
82 type: 'warning' 79 type: 'warning'
83 }).then(() => { 80 }).then(() => {
84 deleteFile(bsm).then(res=>{ 81 deleteFile(bsm).then(res => {
85 if (res.success) { 82 if (res.success) {
86 this.getFileList(); 83 this.getFileList();
87 }else { 84 } else {
88 this.$message.error("删除失败") 85 this.$message.error("删除失败")
89 } 86 }
90 }) 87 })
...@@ -95,38 +92,38 @@ ...@@ -95,38 +92,38 @@
95 }); 92 });
96 }); 93 });
97 }, 94 },
98 loadFile(bsm){ 95 loadFile(bsm) {
99 loadFile(bsm).then(res=>{ 96 loadFile(bsm).then(res => {
100 if (res.success) { 97 if (res.success) {
101 window.open(res.message) 98 window.open(res.message)
102 } 99 }
103 }) 100 })
104 }, 101 },
105 downloadFile(url) { 102 downloadFile(url) {
106 window.open(`/api/file/download?url=`+url); 103 window.open(`/api/file/download?url=` + url);
107 }, 104 },
108 getFileList() { 105 getFileList() {
109 switch (this.$route.name) { 106 switch (this.$route.name) {
110 case "宗地": 107 case "宗地":
111 this.fileData.dylx = 'zd'; 108 this.fileData.dylx = 'zd';
112 this.fileData.glbsm = this.$store.state.zdbsm 109 this.fileData.glbsm = this.$store.state.zdbsm;
113 break; 110 break;
114 case "自然幢": 111 case "自然幢":
115 this.fileData.dylx = 'zrz'; 112 this.fileData.dylx = 'zrz';
116 this.fileData.glbsm = this.$store.state.zrzbsm 113 this.fileData.glbsm = this.$store.state.zrzbsm;
117 break 114 break;
118 case "多幢": 115 case "多幢":
119 this.fileData.dylx = 'dz'; 116 this.fileData.dylx = 'dz';
120 this.fileData.glbsm = this.$store.state.dzbsm 117 this.fileData.glbsm = this.$store.state.dzbsm;
121 break 118 break;
122 case "户": 119 case "户":
123 this.fileData.dylx = 'h'; 120 this.fileData.dylx = 'h';
124 this.fileData.glbsm = this.$store.state.hbsm 121 this.fileData.glbsm = this.$store.state.hbsm;
125 break; 122 break;
126 default: 123 default:
127 break 124 break
128 } 125 }
129 getFileLis(this.fileData.glbsm ).then(res => { 126 getFileLis(this.fileData.glbsm).then(res => {
130 if (res.success) { 127 if (res.success) {
131 this.list = res.result; 128 this.list = res.result;
132 } else { 129 } else {
...@@ -148,7 +145,7 @@ ...@@ -148,7 +145,7 @@
148 }, 145 },
149 handleExceed(files, fileList) { 146 handleExceed(files, fileList) {
150 console.log(fileList) 147 console.log(fileList)
151 // this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`); 148 // this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`);
152 this.$message.warning("上传失败") 149 this.$message.warning("上传失败")
153 }, 150 },
154 beforeRemove(file, fileList) { 151 beforeRemove(file, fileList) {
...@@ -185,19 +182,19 @@ ...@@ -185,19 +182,19 @@
185 color: blue; 182 color: blue;
186 text-decoration: underline; 183 text-decoration: underline;
187 } 184 }
188 .xh{ 185 .xh {
189 width: 100px; 186 width: 100px;
190 } 187 }
191 .mc{ 188 .mc {
192 width: 300px; 189 width: 300px;
193 } 190 }
194 .lx{ 191 .lx {
195 width: 120px; 192 width: 120px;
196 } 193 }
197 .cz{ 194 .cz {
198 width: 150px; 195 width: 150px;
199 } 196 }
200 .noData span{ 197 .noData span {
201 color: #BBB; 198 color: #BBB;
202 } 199 }
203 } 200 }
......
...@@ -2,12 +2,17 @@ ...@@ -2,12 +2,17 @@
2 <!-- <div class="content_box"> --> 2 <!-- <div class="content_box"> -->
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="djdcb"><zddcb></zddcb></el-tab-pane> 4 <el-tab-pane label="地籍调查表" name="djdcb"><zddcb></zddcb></el-tab-pane>
5 <el-tab-pane label="面积分摊表" name="mjftb"><mjftb v-if="mjftbVisible"></mjftb></el-tab-pane> 5 <el-tab-pane label="面积分摊表" name="mjftb"><mjftb v-if="mjftbVisible" :is-disabled="isDisabled"></mjftb></el-tab-pane>
6 <el-tab-pane label="界址点" name="jzd"><jzd v-if="jzdVisible"></jzd></el-tab-pane> 6 <el-tab-pane label="界址点" name="jzd">
7 <el-tab-pane label="界址线" name="jzx"><jzx v-if="jzxVisible"></jzx></el-tab-pane> 7 <jzd v-if="jzdVisible" :is-disabled="isDisabled"></jzd>
8 </el-tab-pane>
9 <el-tab-pane label="界址线" name="jzx" >
10 <jzx v-if="jzxVisible" :is-disabled="isDisabled"></jzx>
11 </el-tab-pane>
8 <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>
9 <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"></lshs></el-tab-pane>
10 <el-tab-pane label="附件材料" name="fjcl"><fjcl v-if="fjclVisible"></fjcl></el-tab-pane> 14 <el-tab-pane label="附件材料" name="fjcl">
15 <fjcl v-if="fjclVisible" ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane>
11 </el-tabs> 16 </el-tabs>
12 <!-- </div> --> 17 <!-- </div> -->
13 </template> 18 </template>
...@@ -20,6 +25,7 @@ import jzx from "./jzx"; ...@@ -20,6 +25,7 @@ import jzx from "./jzx";
20 import djb from "./djb"; 25 import djb from "./djb";
21 import lshs from "./lshs"; 26 import lshs from "./lshs";
22 import fjcl from "./fjcl/fjcl" 27 import fjcl from "./fjcl/fjcl"
28 import {queryStatus} from "@api/search"
23 export default { 29 export default {
24 name: "", 30 name: "",
25 components: { 31 components: {
...@@ -28,6 +34,7 @@ export default { ...@@ -28,6 +34,7 @@ export default {
28 props: {}, 34 props: {},
29 data() { 35 data() {
30 return { 36 return {
37 isDisabled:false,
31 activeName: "djdcb", 38 activeName: "djdcb",
32 mjftbVisible:false, 39 mjftbVisible:false,
33 jzdVisible:false, 40 jzdVisible:false,
...@@ -38,8 +45,23 @@ export default { ...@@ -38,8 +45,23 @@ export default {
38 }; 45 };
39 }, 46 },
40 methods: { 47 methods: {
48 loadingStatus() {
49 console.log("是否禁用")
50 let bsm=this.$route.query.bsm;
51 queryStatus(bsm).then(res => {
52 if (res.success) {
53 let qszt = res.result.qszt;
54 this.isDisabled = +qszt !== 0;
55 }
56 })
57 },
58 /* loading(){
59 console.log("附件材料是否禁用")
60 this.$refs.fjcl.isUpload(this.$store.state.zdbsm)
61 },*/
41 handleClick(tab, event) { 62 handleClick(tab, event) {
42 // console.log(tab, event); 63 // console.log(tab, event);
64 this.loadingStatus();
43 switch (tab.name) { 65 switch (tab.name) {
44 case 'mjftb': 66 case 'mjftb':
45 this.mjftbVisible = true; 67 this.mjftbVisible = true;
...@@ -59,7 +81,7 @@ export default { ...@@ -59,7 +81,7 @@ export default {
59 case 'fjcl': 81 case 'fjcl':
60 this.fjclVisible = true; 82 this.fjclVisible = true;
61 break; 83 break;
62 84
63 default: 85 default:
64 break; 86 break;
65 } 87 }
...@@ -67,8 +89,16 @@ export default { ...@@ -67,8 +89,16 @@ export default {
67 }, 89 },
68 created() {}, 90 created() {},
69 mounted() {}, 91 mounted() {},
70 computed: {}, 92 computed: {
71 watch: {}, 93 zdbsm() {
94 return this.$route.query.bsm;
95 },
96 },
97 watch: {
98 zdbsm: function (val) {
99 this.loadingStatus();
100 },
101 },
72 }; 102 };
73 </script> 103 </script>
74 <style scoped lang="less"> 104 <style scoped lang="less">
......
1 <template> 1 <template>
2 <div class="main"> 2 <div class="main">
3 <div class="button"> 3 <div class="button">
4 <el-button type="primary" @click="oneExit">编辑</el-button> 4 <el-button type="primary" @click="oneExit" :disabled="isDisabled">编辑</el-button>
5 <el-button type="primary" @click="save">保存</el-button> 5 <el-button type="primary" @click="save" :disabled="isDisabled">保存</el-button>
6 <el-button type="primary" @click="batchExit">批量修改</el-button> 6 <el-button type="primary" @click="batchExit" :disabled="isDisabled">批量修改</el-button>
7 </div> 7 </div>
8 <div class="table"> 8 <div class="table">
9 <table border="1"> 9 <table border="1">
10 <tr> 10 <tr>
11 <td class="cz"><input type="checkbox" @click="allcheck" v-model="isCheckAll"/></td> 11 <th class="cz">
12 <td class="jzdh">界址点号</td> 12 <el-checkbox @change="allcheck" v-model="isCheckAll"></el-checkbox>
13 <td class="sxh">顺序号</td> 13 </th>
14 <td class="xzbz">X坐标值</td> 14 <th class="">界址点号</th>
15 <td class="yzbz">Y坐标值</td> 15 <th class="">顺序号</th>
16 <td class="jblx">界标类型</td> 16 <th class="">X坐标值</th>
17 <td class="jzdlx">界址点类型</td> 17 <th class="">Y坐标值</th>
18 <th class="">界标类型</th>
19 <th class="">界址点类型</th>
18 </tr> 20 </tr>
19 <tr v-if="jzdlist.length==0"> 21 <tr v-if="jzdlist.length===0">
20 <td colspan="7"><span class="nodata">暂无数据</span></td> 22 <td colspan="7"><span class="nodata">暂无数据</span></td>
21 </tr> 23 </tr>
22 <tr v-for="(item,index) in jzdlist" :key="index" v-else> 24 <tr v-for="(item,index) in jzdlist" :key="index" v-else>
23 <td class="cz"><input type="checkbox" v-model="item.isCheck" @change="changeAll"/></td> 25 <td class="cz">
24 <td class="jzdh"><input type="text" class="formInput" v-model="item.jzdh" readonly="readonly"/></td> 26 <el-checkbox v-model="item.isCheck" @change="changeAll"></el-checkbox>
25 <td class="sxh"><input type="text" class="formInput" v-model="item.sxh" readonly="readonly"/></td> 27 </td>
26 <td class="xzbz"><input type="text" class="formInput" v-model="item.xzbz" :readonly="item.iszb" 28 <td class="jzdh">
27 @keydown="oninput"/></td> 29 <el-input v-model="item.jzdh" readonly></el-input>
28 <td class="yzbz"><input tepe="text" class="formInput" v-model="item.yzbz" :readonly="item.iszb" 30 </td>
29 @keydown="oninput"/></td> 31 <td class="sxh">
32 <el-input class="" v-model="item.sxh" readonly></el-input>
33 </td>
34 <td class="xzbz">
35 <el-input class="" v-model="item.xzbz" :readonly="item.iszb" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
36 @keydown="oninput"></el-input>
37 </td>
38 <td class="yzbz">
39 <el-input class="" v-model="item.yzbz" :readonly="item.iszb" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
40 @keydown="oninput"></el-input>
41 </td>
30 <td class="jblx"> 42 <td class="jblx">
31 <el-select v-model="item.jblx" :disabled="item.jzdisdisabled"> 43 <el-select v-model="item.jblx" :disabled="item.jzdisdisabled">
32 <el-option 44 <el-option
...@@ -52,9 +64,9 @@ ...@@ -52,9 +64,9 @@
52 </div> 64 </div>
53 <div> 65 <div>
54 <el-dialog v-dialogDrag :close-on-click-modal="false" 66 <el-dialog v-dialogDrag :close-on-click-modal="false"
55 title="批量修改" 67 title="批量修改"
56 :visible.sync="centerDialogVisible" 68 :visible.sync="centerDialogVisible"
57 width="30%" 69 width="30%"
58 > 70 >
59 <div class="plxg"> 71 <div class="plxg">
60 <table> 72 <table>
...@@ -97,12 +109,18 @@ ...@@ -97,12 +109,18 @@
97 109
98 <script> 110 <script>
99 import {queryjzd, jzdsingleModify, jzdbatchModify} from '@api/zd' 111 import {queryjzd, jzdsingleModify, jzdbatchModify} from '@api/zd'
112 import {queryStatus} from "@api/search"
100 import {Message} from 'element-ui' 113 import {Message} from 'element-ui'
101 114
102 export default { 115 export default {
103 name: "jzd", 116 name: "jzd",
104 components: {}, 117 components: {},
105 props: {}, 118 props: {
119 isDisabled:{
120 type:Boolean,
121 default:false
122 }
123 },
106 data() { 124 data() {
107 return { 125 return {
108 bsm: '', 126 bsm: '',
...@@ -191,7 +209,7 @@ ...@@ -191,7 +209,7 @@
191 }) 209 })
192 }, 210 },
193 save() { 211 save() {
194 if(this.jzdlist.length === 0){ 212 if (this.jzdlist.length === 0) {
195 Message.info("至少填写一条界址点信息") 213 Message.info("至少填写一条界址点信息")
196 return 214 return
197 } 215 }
...@@ -215,7 +233,7 @@ ...@@ -215,7 +233,7 @@
215 e.target.value = (e.target.value.match(/^\d*(\.?\d{0,4})/g)[0]) || null 233 e.target.value = (e.target.value.match(/^\d*(\.?\d{0,4})/g)[0]) || null
216 }, 234 },
217 changeAll(e) { 235 changeAll(e) {
218 if (!e.target.checked) { 236 if (!e) {
219 this.isCheckAll = false; 237 this.isCheckAll = false;
220 return 238 return
221 } 239 }
...@@ -229,7 +247,7 @@ ...@@ -229,7 +247,7 @@
229 }, 247 },
230 allcheck(value) { 248 allcheck(value) {
231 for (let item of this.jzdlist) { 249 for (let item of this.jzdlist) {
232 item.isCheck = value.target.checked; 250 item.isCheck = value;
233 } 251 }
234 }, 252 },
235 oneExit() { 253 oneExit() {
...@@ -294,6 +312,7 @@ ...@@ -294,6 +312,7 @@
294 height: auto; 312 height: auto;
295 width: 100%; 313 width: 100%;
296 .header-button { 314 .header-button {
315 z-index: 3;
297 height: 50px; 316 height: 50px;
298 position: fixed; 317 position: fixed;
299 bottom: 0; 318 bottom: 0;
...@@ -315,18 +334,10 @@ ...@@ -315,18 +334,10 @@
315 background-color: #fff; 334 background-color: #fff;
316 font-size: 14px; 335 font-size: 14px;
317 width: 100%; 336 width: 100%;
318 .formInput {
319 margin: 0;
320 height: 36px;
321 outline: none;
322 border: none;
323 color: #606764;
324 overflow: visible;
325 text-align: center;
326 cursor: text;
327 }
328 } 337 }
329 338 th{
339 height: 36px;
340 }
330 td { 341 td {
331 text-align: center; 342 text-align: center;
332 height: 36px; 343 height: 36px;
...@@ -336,9 +347,9 @@ ...@@ -336,9 +347,9 @@
336 cursor: pointer; 347 cursor: pointer;
337 } 348 }
338 .plxg { 349 .plxg {
339 .el-select{ 350 .el-select {
340 float: left; 351 float: left;
341 } 352 }
342 } 353 }
343 .batchlx { 354 .batchlx {
344 text-align: center; 355 text-align: center;
...@@ -348,11 +359,12 @@ ...@@ -348,11 +359,12 @@
348 color: #b2b2b2; 359 color: #b2b2b2;
349 } 360 }
350 } 361 }
351
352 .cz { 362 .cz {
353 width: 50px; 363 width: 50px;
354 } 364 }
355 365
366 /*
367
356 .jzdh { 368 .jzdh {
357 width: 120px; 369 width: 120px;
358 } 370 }
...@@ -375,7 +387,7 @@ ...@@ -375,7 +387,7 @@
375 387
376 .jzdlx { 388 .jzdlx {
377 width: 180px 389 width: 180px
378 } 390 }*/
379 391
380 .dialog-footer { 392 .dialog-footer {
381 text-align: center; 393 text-align: center;
......
1 <template> 1 <template>
2 <div class="main"> 2 <div class="main">
3 <div class="button"> 3 <div class="button">
4 <el-button type="primary" @click="oneExit">编辑</el-button> 4 <el-button type="primary" @click="oneExit" :disabled="isDisabled">编辑</el-button>
5 <el-button type="primary" @click="save">保存</el-button> 5 <el-button type="primary" @click="save" :disabled="isDisabled">保存</el-button>
6 <el-button type="primary" @click="batchExit">批量修改</el-button> 6 <el-button type="primary" @click="batchExit" :disabled="isDisabled">批量修改</el-button>
7 </div> 7 </div>
8 <div class="table"> 8 <div class="table">
9 <table border="1"> 9 <table border="1">
10 <tr> 10 <tr>
11 <td class="cz"><input type="checkbox" @click="allcheck" v-model="isCheckAll"/></td> 11 <th class="cz">
12 <td class="qdh">起始点号</td> 12 <el-checkbox @change="allcheck" v-model="isCheckAll"></el-checkbox>
13 <td class="zdh">终止点号</td> 13 </th>
14 <td class="jzjj">界址间距(m)</td> 14 <th class="">起始点号</th>
15 <td class="jzxlx">界址线类型</td> 15 <th class="">终止点号</th>
16 <td class="jzxwz">界址线位置</td> 16 <th class="">界址间距(m)</th>
17 <td class="jxxz">界限性质</td> 17 <th class="">界址线类型</th>
18 <td class="sm">说明</td> 18 <th class="">界址线位置</th>
19 <th class="">界限性质</th>
20 <th class="">说明</th>
19 </tr> 21 </tr>
20 <tr v-if="jzxlist.length==0"> 22 <tr v-if="jzxlist.length===0">
21 <td colspan="8"><span class="nodata">暂无数据</span></td> 23 <td colspan="8"><span class="nodata">暂无数据</span></td>
22 </tr> 24 </tr>
23 <tr v-for="(item,index) in jzxlist" :key="index" v-else> 25 <tr v-for="(item,index) in jzxlist" :key="index" v-else>
24 <td class="cz"><input type="checkbox" v-model="item.isCheck" @change="changeAll"/></td> 26 <td class="">
25 <td class="qsd"><input type="text" class="formInput" v-model="item.qdh" readonly="readonly"/></td> 27 <el-checkbox v-model="item.isCheck" @change="changeAll"></el-checkbox>
26 <td class="zzd"><input type="text" class="formInput" v-model="item.zdh" readonly="readonly"/></td> 28 </td>
27 <td class="jzdj"><input type="text" class="formInput" v-model="item.jzjj" 29 <td class="">
28 :readonly="item.jjisdisabled"/></td> 30 <el-input v-model="item.qdh" readonly="readonly"></el-input>
29 <td class="jzxlx"> 31 </td>
32 <td class="">
33 <el-input v-model="item.zdh" readonly="readonly"></el-input>
34 </td>
35 <td class="">
36 <el-input v-model="item.jzjj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
37 :readonly="item.jjisdisabled"></el-input>
38 </td>
39 <td class="">
30 <el-select v-model="item.jzxlb" :disabled="item.jzxisdisabled"> 40 <el-select v-model="item.jzxlb" :disabled="item.jzxisdisabled">
31 <el-option 41 <el-option
32 v-for="i in jzxlx" 42 v-for="i in jzxlx"
...@@ -36,7 +46,7 @@ ...@@ -36,7 +46,7 @@
36 ></el-option> 46 ></el-option>
37 </el-select> 47 </el-select>
38 </td> 48 </td>
39 <td class="jzxwz"> 49 <td class="">
40 <el-select v-model="item.jzxwz" :disabled="item.jzxisdisabled"> 50 <el-select v-model="item.jzxwz" :disabled="item.jzxisdisabled">
41 <el-option 51 <el-option
42 v-for="i in jzxwz" 52 v-for="i in jzxwz"
...@@ -46,7 +56,7 @@ ...@@ -46,7 +56,7 @@
46 ></el-option> 56 ></el-option>
47 </el-select> 57 </el-select>
48 </td> 58 </td>
49 <td class="jxxz"> 59 <td class="">
50 <el-select v-model="item.jxxz" :disabled="item.jzxisdisabled"> 60 <el-select v-model="item.jxxz" :disabled="item.jzxisdisabled">
51 <el-option 61 <el-option
52 v-for="i in jxxz" 62 v-for="i in jxxz"
...@@ -56,17 +66,17 @@ ...@@ -56,17 +66,17 @@
56 ></el-option> 66 ></el-option>
57 </el-select> 67 </el-select>
58 </td> 68 </td>
59 <td class="sm"> 69 <td class="">
60 <input type="text" class="formInput" v-model="item.sm" readonly="readonly"/> 70 <el-input v-model="item.sm" readonly="readonly"></el-input>
61 </td> 71 </td>
62 </tr> 72 </tr>
63 </table> 73 </table>
64 </div> 74 </div>
65 <div> 75 <div>
66 <el-dialog v-dialogDrag :close-on-click-modal="false" 76 <el-dialog v-dialogDrag :close-on-click-modal="false"
67 title="批量修改" 77 title="批量修改"
68 :visible.sync="centerDialogVisible" 78 :visible.sync="centerDialogVisible"
69 width="30%" 79 width="30%"
70 > 80 >
71 <div class="plxg"> 81 <div class="plxg">
72 <table> 82 <table>
...@@ -127,7 +137,12 @@ ...@@ -127,7 +137,12 @@
127 export default { 137 export default {
128 name: "jzx", 138 name: "jzx",
129 components: {}, 139 components: {},
130 props: {}, 140 props: {
141 isDisabled:{
142 type:Boolean,
143 default:false
144 }
145 },
131 data() { 146 data() {
132 return { 147 return {
133 bsm: '', 148 bsm: '',
...@@ -236,13 +251,13 @@ ...@@ -236,13 +251,13 @@
236 } 251 }
237 }, 252 },
238 created() { 253 created() {
239 254 let bsm = this.$store.state.zdbsm;
240 },
241 mounted() {
242 let bsm = this.$store.state.zdbsm
243 this.bsm = bsm; 255 this.bsm = bsm;
244 this.getData(bsm) 256 this.getData(bsm)
245 }, 257 },
258 mounted() {
259
260 },
246 methods: { 261 methods: {
247 result() { 262 result() {
248 this.batchJzx.jzxlx = ''; 263 this.batchJzx.jzxlx = '';
...@@ -261,7 +276,7 @@ ...@@ -261,7 +276,7 @@
261 }) 276 })
262 }, 277 },
263 save() { 278 save() {
264 if(this.jzxlist.length === 0){ 279 if (this.jzxlist.length === 0) {
265 Message.info("至少填写一条界址线信息") 280 Message.info("至少填写一条界址线信息")
266 return 281 return
267 } 282 }
...@@ -284,7 +299,8 @@ ...@@ -284,7 +299,8 @@
284 e.target.value = (e.target.value.match(/^\d*(\.?\d{0,4})/g)[0]) || null 299 e.target.value = (e.target.value.match(/^\d*(\.?\d{0,4})/g)[0]) || null
285 }, 300 },
286 changeAll(e) { 301 changeAll(e) {
287 if (!e.target.checked) { 302 console.log(e,"单选")
303 if (!e) {
288 this.isCheckAll = false; 304 this.isCheckAll = false;
289 return 305 return
290 } 306 }
...@@ -297,8 +313,9 @@ ...@@ -297,8 +313,9 @@
297 this.isCheckAll = true; 313 this.isCheckAll = true;
298 }, 314 },
299 allcheck(value) { 315 allcheck(value) {
316 console.log(value,'全选')
300 for (let item of this.jzxlist) { 317 for (let item of this.jzxlist) {
301 item.isCheck = value.target.checked; 318 item.isCheck = value;
302 } 319 }
303 }, 320 },
304 oneExit() { 321 oneExit() {
...@@ -368,20 +385,13 @@ ...@@ -368,20 +385,13 @@
368 background-color: #fff; 385 background-color: #fff;
369 font-size: 14px; 386 font-size: 14px;
370 width: 100%; 387 width: 100%;
371 .formInput {
372 margin: 0;
373 height: 36px;
374 outline: none;
375 border: none;
376 color: #606764;
377 overflow: visible;
378 text-align: center;
379 cursor: text;
380 }
381 } 388 }
382 table:hover { 389 table:hover {
383 cursor: pointer; 390 cursor: pointer;
384 } 391 }
392 th {
393 height: 36px;
394 }
385 td { 395 td {
386 text-align: center; 396 text-align: center;
387 height: 36px; 397 height: 36px;
...@@ -401,29 +411,31 @@ ...@@ -401,29 +411,31 @@
401 width: 50px; 411 width: 50px;
402 } 412 }
403 413
404 .qsd { 414 /*
405 width: 150px;
406 }
407 415
408 .zzd { 416 .qsd {
409 width: 150px; 417 width: 150px;
410 } 418 }
411 419
412 .jzdj { 420 .zzd {
413 width: 150px; 421 width: 150px;
414 } 422 }
415 423
416 .jzxlx { 424 .jzdj {
417 width: 180px; 425 width: 150px;
418 } 426 }
419 427
420 .jzxwz { 428 .jzxlx {
421 width: 150px; 429 width: 180px;
422 } 430 }
423 431
424 .jxxz { 432 .jzxwz {
425 width: 150px; 433 width: 150px;
426 } 434 }
435
436 .jxxz {
437 width: 150px;
438 }*/
427 439
428 .sm { 440 .sm {
429 width: 150px; 441 width: 150px;
...@@ -433,8 +445,9 @@ ...@@ -433,8 +445,9 @@
433 text-align: center; 445 text-align: center;
434 margin-top: 20px; 446 margin-top: 20px;
435 } 447 }
436 .plxg{ 448
437 .el-select{ 449 .plxg {
450 .el-select {
438 float: left; 451 float: left;
439 } 452 }
440 } 453 }
......
...@@ -2,22 +2,23 @@ ...@@ -2,22 +2,23 @@
2 <div class="main" ref="mainBox"> 2 <div class="main" ref="mainBox">
3 <table border="1"> 3 <table border="1">
4 <tr> 4 <tr>
5 <td colspan="2">土地坐落</td> 5 <th colspan="2">土地坐落</th>
6 <td colspan="3"><input type="text" class="formInput" v-model="tdzl" disabled/></td> 6 <th colspan="3"><el-input v-model="tdzl" disabled></el-input></th>
7 </tr> 7 </tr>
8 <tr> 8 <tr>
9 <td colspan="2">宗地代码</td> 9 <th colspan="2">宗地代码</th>
10 <td colspan="3"><input type="text" class="formInput" v-model="zddm " disabled/></td> 10 <td colspan="3"><el-input v-model="zddm " disabled></el-input></td>
11 </tr> 11 </tr>
12 <tr> 12 <tr>
13 <td colspan="2">宗地面积(㎡)</td> 13 <th colspan="2">宗地面积(㎡)</th>
14 <td><input type="number" class="formInput" v-model.number="zdmj" disabled/></td> 14 <th>
15 <td>定着物数量</td> 15 <el-input v-model="zdmj" disabled/></th>
16 <th>定着物数量</th>
16 <td class="dzwsl">{{dzwdsl}}</td> 17 <td class="dzwsl">{{dzwdsl}}</td>
17 </tr> 18 </tr>
18 <tr> 19 <tr>
19 <td colspan="2">备注</td> 20 <th colspan="2">备注</th>
20 <td colspan="3"><input type="text" class="formInput" v-model="mjftData.bz"/></td> 21 <td colspan="3"><el-input v-model="mjftData.bz" :disabled="isDisabled"></el-input></td>
21 </tr> 22 </tr>
22 </table> 23 </table>
23 <table border="1"> 24 <table border="1">
...@@ -26,12 +27,13 @@ ...@@ -26,12 +27,13 @@
26 type="primary" 27 type="primary"
27 class="changeBtn inAdd addMinus" 28 class="changeBtn inAdd addMinus"
28 @click="addRow" 29 @click="addRow"
30 :disabled="isDisabled"
29 >+</el-button 31 >+</el-button
30 ></td> 32 ></td>
31 <td class="dzwdm">定着物代码</td> 33 <th class="dzwdm">定着物代码</th>
32 <td class="syqmj">土地所有权/使用权面积(㎡)</td> 34 <th class="syqmj">土地所有权/使用权面积(㎡)</th>
33 <td class="dytdmj">独有独用土地面积(㎡)</td> 35 <th class="dytdmj">独有独用土地面积(㎡)</th>
34 <td class="fttjmj">分摊土地面积(㎡)</td> 36 <th class="fttjmj">分摊土地面积(㎡)</th>
35 </tr> 37 </tr>
36 <tr v-for="(item,i) in mjftData.list" :key="i"> 38 <tr v-for="(item,i) in mjftData.list" :key="i">
37 <td class="cz"> 39 <td class="cz">
...@@ -39,42 +41,40 @@ ...@@ -39,42 +41,40 @@
39 type="primary" 41 type="primary"
40 class="changeBtn inMinus addMinus" 42 class="changeBtn inMinus addMinus"
41 @click="delRow(i)" 43 @click="delRow(i)"
44 :disabled="isDisabled"
42 >-</el-button 45 >-</el-button
43 > 46 >
44 </td> 47 </td>
45 <td class="dzwdm"> 48 <td class="dzwdm">
46 <el-input v-model="item.dzwdm" 49 <el-input v-model="item.dzwdm"
47 maxlength="9" 50 maxlength="9"
51 :disabled="isDisabled"
48 > 52 >
49 </el-input> 53 </el-input>
50 </td> 54 </td>
51 <td class="syqmj"> 55 <td class="syqmj">
52 <el-input style="ime-mode:inactive" 56 <el-input style="ime-mode:inactive"
53 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" 57 oninput="value = (value.match(/^\d{0,8}(\.?\d{0,3})/g)[0]) || null"
54 v-model="item.tdsyqsyqmj" 58 v-model="item.tdsyqsyqmj" :disabled="isDisabled"
55 ></el-input> 59 ></el-input>
56 </td> 60 </td>
57 <td class="dytdmj"> 61 <td class="dytdmj">
58 <el-input v-model="item.dydytdmj" style="ime-mode:inactive" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> 62 <el-input v-model="item.dydytdmj" style="ime-mode:inactive" oninput="value = (value.match(/^\d{0,8}(\.?\d{0,3})/g)[0]) || null" :disabled="isDisabled"></el-input>
59 </td> 63 </td>
60 <td class="fttjmj"> 64 <td class="fttjmj">
61 <el-input v-model="item.fttdmj" style="ime-mode:inactive" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> 65 <el-input v-model="item.fttdmj" style="ime-mode:inactive" oninput="value = (value.match(/^\d{0,8}(\.?\d{0,3})/g)[0]) || null" :disabled="isDisabled"></el-input>
62 </td> 66 </td>
63 </tr> 67 </tr>
64 <tr> 68 <tr>
65 <td class="cz"></td> 69 <td class="cz"></td>
66 <td class="dzwdm">统计</td> 70 <th class="dzwdm">统计</th>
67 <td class="syqmj">{{sumTdsyqsyqmj}}</td> 71 <td class="syqmj">{{sumTdsyqsyqmj}}</td>
68 <td class="dytdmj">{{sumDydytdmj}}</td> 72 <td class="dytdmj">{{sumDydytdmj}}</td>
69 <td class="fttjmj">{{sumFttdmj}}</td> 73 <td class="fttjmj">{{sumFttdmj}}</td>
70 </tr> 74 </tr>
71 </table> 75 </table>
72 <!-- <div class="pers">
73 <el-button @click="save" type="primary">保存</el-button>
74 </div> -->
75
76 <div class="header-button" :style="{width:mainBoxWidth+'px'}"> 76 <div class="header-button" :style="{width:mainBoxWidth+'px'}">
77 <el-button type="primary" class="saveBtn" @click="save">保存</el-button> 77 <el-button type="primary" class="saveBtn" @click="save" :disabled="isDisabled">保存</el-button>
78 </div> 78 </div>
79 </div> 79 </div>
80 </template> 80 </template>
...@@ -85,6 +85,12 @@ ...@@ -85,6 +85,12 @@
85 85
86 export default { 86 export default {
87 name: "index", 87 name: "index",
88 props: {
89 isDisabled:{
90 type:Boolean,
91 default:false
92 }
93 },
88 data() { 94 data() {
89 return { 95 return {
90 tdzl: '', // 土地坐落 继承获取 96 tdzl: '', // 土地坐落 继承获取
...@@ -203,7 +209,10 @@ ...@@ -203,7 +209,10 @@
203 let num = this.mjftData.list.length ? this.mjftData.list.length : 0 209 let num = this.mjftData.list.length ? this.mjftData.list.length : 0
204 self.mjftData.dzwdys = num 210 self.mjftData.dzwdys = num
205 return num; 211 return num;
206 } 212 },
213 zdbsm() {
214 return this.$route.query.bsm;
215 },
207 }, 216 },
208 created() { 217 created() {
209 console.log("create init...") 218 console.log("create init...")
...@@ -233,6 +242,9 @@ ...@@ -233,6 +242,9 @@
233 "$store.state.zddm": function (zddm) { 242 "$store.state.zddm": function (zddm) {
234 this.zddm = zddm 243 this.zddm = zddm
235 }, 244 },
245 zdbsm: function (val) {
246 this.getData(val);
247 },
236 } 248 }
237 } 249 }
238 </script> 250 </script>
...@@ -250,16 +262,6 @@ ...@@ -250,16 +262,6 @@
250 font-size: 14px; 262 font-size: 14px;
251 width: 100%; 263 width: 100%;
252 cursor: pointer; 264 cursor: pointer;
253 .formInput {
254 margin: 0;
255 height: 36px;
256 outline: none;
257 border: none;
258 color: #606764;
259 overflow: visible;
260 text-align: center;
261 cursor: text;
262 }
263 td { 265 td {
264 text-align: center; 266 text-align: center;
265 height: 36px; 267 height: 36px;
...@@ -267,6 +269,7 @@ ...@@ -267,6 +269,7 @@
267 } 269 }
268 } 270 }
269 .header-button { 271 .header-button {
272 z-index: 3;
270 height: 50px; 273 height: 50px;
271 position: fixed; 274 position: fixed;
272 bottom: 0; 275 bottom: 0;
...@@ -302,11 +305,11 @@ ...@@ -302,11 +305,11 @@
302 width: 50px; 305 width: 50px;
303 } 306 }
304 307
305 .dzwdm { 308 .dzwdm ,.syqmj,.dytdmj,.fttjmj{
306 width: 150px; 309 width: 150px;
307 } 310 }
308 311
309 .syqmj { 312 /* .syqmj {
310 width: 150px; 313 width: 150px;
311 } 314 }
312 315
...@@ -316,6 +319,6 @@ ...@@ -316,6 +319,6 @@
316 319
317 .fttjmj { 320 .fttjmj {
318 width: 150px; 321 width: 150px;
319 } 322 }*/
320 323
321 </style> 324 </style>
......
1 <template> 1 <template>
2 <div class="main" ref="mainBox"> 2 <div class="main" ref="mainBox">
3 <div class="formMenu"> 3 <div class="formMenu">
4 <Qlr ref="qlrxxModule" :bsm="curZdbsm" :qszt="formData.qszt"></Qlr> 4 <Qlr ref="qlrxxModule" :bsm="curZdbsm" :qszt="formData.qszt" :type="lx"></Qlr>
5 <!-- <el-button
6 type="primary"
7 class="changeBtn"
8 @click="getQlrxxData"
9 >获取权利人信息数据</el-button
10 >
11 <el-button
12 type="primary"
13 class="changeBtn"
14 @click="getQlxzData"
15 >获取权利性质组件数据</el-button
16 > -->
17 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1"> 5 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
18 <tr> 6 <tr>
19 <th colspan="12">宗地基本信息</th> 7 <th colspan="12">宗地基本信息</th>
...@@ -22,7 +10,7 @@ ...@@ -22,7 +10,7 @@
22 <td colspan="2" class="tdright">行政区</td> 10 <td colspan="2" class="tdright">行政区</td>
23 <td colspan="2"> 11 <td colspan="2">
24 <el-select 12 <el-select
25 :disabled="formData.qszt!='0'" 13 :disabled="disabled"
26 class="formSelect" 14 class="formSelect"
27 v-model="formData.xzqbsm" 15 v-model="formData.xzqbsm"
28 @change="changeXzq(formData.xzqbsm)" 16 @change="changeXzq(formData.xzqbsm)"
...@@ -40,7 +28,7 @@ ...@@ -40,7 +28,7 @@
40 <td colspan="2"> 28 <td colspan="2">
41 <el-select 29 <el-select
42 class="formSelect" 30 class="formSelect"
43 :disabled="formData.qszt!='0'" 31 :disabled="disabled"
44 v-model="formData.djqbsm" 32 v-model="formData.djqbsm"
45 @change="changeDjq(formData.djqbsm)" 33 @change="changeDjq(formData.djqbsm)"
46 > 34 >
...@@ -55,7 +43,7 @@ ...@@ -55,7 +43,7 @@
55 </td> 43 </td>
56 <td colspan="2" class="tdright">地籍子区</td> 44 <td colspan="2" class="tdright">地籍子区</td>
57 <td colspan="2"> 45 <td colspan="2">
58 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.djzqbsm"> 46 <el-select class="formSelect" @change="changeDjzq" :disabled="disabled" v-model="formData.djzqbsm">
59 <el-option 47 <el-option
60 v-for="item in $store.state.djzqList" 48 v-for="item in $store.state.djzqList"
61 :key="item.bsm" 49 :key="item.bsm"
...@@ -69,7 +57,7 @@ ...@@ -69,7 +57,7 @@
69 <tr> 57 <tr>
70 <td colspan="2" class="tdright">权利类型</td> 58 <td colspan="2" class="tdright">权利类型</td>
71 <td colspan="4"> 59 <td colspan="4">
72 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qllxbsm"> 60 <el-select class="formSelect" :disabled="disabled" v-model="formData.qllxbsm">
73 <el-option 61 <el-option
74 v-for="item in $store.state.qllxList" 62 v-for="item in $store.state.qllxList"
75 :key="item.bsm" 63 :key="item.bsm"
...@@ -81,7 +69,7 @@ ...@@ -81,7 +69,7 @@
81 </td> 69 </td>
82 <td colspan="2" class="tdright"><i class="requisite">*</i>宗地特征码</td> 70 <td colspan="2" class="tdright"><i class="requisite">*</i>宗地特征码</td>
83 <td colspan="4"> 71 <td colspan="4">
84 <el-select class="formSelect" ref="zdtzm" :disabled="formData.qszt!='0'" 72 <el-select class="formSelect" ref="zdtzm" :disabled="disabled"
85 v-model="formData.zdtzmbsm"> 73 v-model="formData.zdtzmbsm">
86 <el-option 74 <el-option
87 v-for="item in $store.state.zdtzmList" 75 v-for="item in $store.state.zdtzmList"
...@@ -96,7 +84,7 @@ ...@@ -96,7 +84,7 @@
96 <tr> 84 <tr>
97 <td colspan="2" class="tdright">权利设定方式</td> 85 <td colspan="2" class="tdright">权利设定方式</td>
98 <td colspan="4"> 86 <td colspan="4">
99 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qlsdfs"> 87 <el-select class="formSelect" :disabled="disabled" v-model="formData.qlsdfs">
100 <el-option 88 <el-option
101 v-for="item in $store.state.qlsdfsList" 89 v-for="item in $store.state.qlsdfsList"
102 :key="item.bsm" 90 :key="item.bsm"
...@@ -108,12 +96,12 @@ ...@@ -108,12 +96,12 @@
108 </td> 96 </td>
109 <td colspan="2" class="tdright"><i class="requisite">*</i>宗地代码</td> 97 <td colspan="2" class="tdright"><i class="requisite">*</i>宗地代码</td>
110 <td colspan="4" class="psr"> 98 <td colspan="4" class="psr">
111 <input :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zddm" on maxlength="19" 99 <input :disabled="disabled" @blur="inputBlur($event)" ref="zddm" on maxlength="19"
112 type="text" 100 type="text"
113 class="formInput percent80" 101 class="formInput percent80"
114 v-model="formData.zddm" 102 v-model="formData.zddm"
115 /> 103 />
116 <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn" 104 <el-button type="warning" :disabled="disabled" class="createBtn"
117 @click="generatorCode" 105 @click="generatorCode"
118 >生成 106 >生成
119 </el-button> 107 </el-button>
...@@ -122,29 +110,29 @@ ...@@ -122,29 +110,29 @@
122 <tr> 110 <tr>
123 <td colspan="2" class="tdright">地籍号</td> 111 <td colspan="2" class="tdright">地籍号</td>
124 <td colspan="4"> 112 <td colspan="4">
125 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.djh"/> 113 <input type="text" :disabled="disabled" class="formInput" v-model="formData.djh"/>
126 </td> 114 </td>
127 115
128 <td colspan="2" class="tdright"><i class="requisite">*</i>不动产单元号</td> 116 <td colspan="2" class="tdright"><i class="requisite">*</i>不动产单元号</td>
129 <td colspan="4" class="psr"> 117 <td colspan="4" class="psr">
130 <input 118 <input
131 type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="bdcdyh" 119 type="text" :disabled="disabled" @blur="inputBlur($event)" ref="bdcdyh"
132 maxlength="28" 120 maxlength="28"
133 class="formInput" 121 class="formInput"
134 v-model="formData.bdcdyh" 122 v-model="formData.bdcdyh"
135 /> 123 />
136 <!-- <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn">生成</el-button> --> 124 <!-- <el-button type="warning" :disabled="disabled" class="createBtn">生成</el-button> -->
137 </td> 125 </td>
138 </tr> 126 </tr>
139 <tr> 127 <tr>
140 <td colspan="2" class="tdright"><i class="requisite">*</i>坐落</td> 128 <td colspan="2" class="tdright"><i class="requisite">*</i>坐落</td>
141 <td colspan="4"> 129 <td colspan="4">
142 <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zl" 130 <input type="text" :disabled="disabled" @blur="inputBlur($event)" ref="zl"
143 class="formInput" v-model="formData.zl"/> 131 class="formInput" v-model="formData.zl"/>
144 </td> 132 </td>
145 <td colspan="2" class="tdright">项目名称</td> 133 <td colspan="2" class="tdright">项目名称</td>
146 <td colspan="4" class="psr"> 134 <td colspan="4" class="psr">
147 <input :disabled="formData.qszt!='0'" 135 <input :disabled="disabled"
148 type="text" 136 type="text"
149 class="formInput " 137 class="formInput "
150 v-model="formData.xmmc" 138 v-model="formData.xmmc"
...@@ -154,7 +142,7 @@ ...@@ -154,7 +142,7 @@
154 <tr> 142 <tr>
155 <td colspan="2" class="tdright">国民经济行业分类</td> 143 <td colspan="2" class="tdright">国民经济行业分类</td>
156 <td colspan="4"> 144 <td colspan="4">
157 <!-- <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.gmjjhyflbsm">--> 145 <!-- <el-select class="formSelect" :disabled="disabled" v-model="formData.gmjjhyflbsm">-->
158 <!-- <el-option--> 146 <!-- <el-option-->
159 <!-- v-for="item in $store.state.gmjjhyflbsmList"--> 147 <!-- v-for="item in $store.state.gmjjhyflbsmList"-->
160 <!-- :key="item.bsm"--> 148 <!-- :key="item.bsm"-->
...@@ -169,7 +157,7 @@ ...@@ -169,7 +157,7 @@
169 :default-expand-all="defaultExpandAll" 157 :default-expand-all="defaultExpandAll"
170 :multiple="multiple" 158 :multiple="multiple"
171 :placeholder="placeholder" 159 :placeholder="placeholder"
172 :disabled="formData.qszt!='0'" 160 :disabled="disabled"
173 :data="$store.state.gmjjhyflbsmList" 161 :data="$store.state.gmjjhyflbsmList"
174 :props="treeProps" 162 :props="treeProps"
175 :check-strictly="checkStrictly" 163 :check-strictly="checkStrictly"
...@@ -179,13 +167,13 @@ ...@@ -179,13 +167,13 @@
179 </td> 167 </td>
180 <td colspan="2" class="tdright">价格(元)</td> 168 <td colspan="2" class="tdright">价格(元)</td>
181 <td colspan="4" class="psr"> 169 <td colspan="4" class="psr">
182 <input :disabled="formData.qszt!='0'" class="formInput" type="number" v-model="formData.jg"/> 170 <input :disabled="disabled" class="formInput" type="number" v-model="formData.jg"/>
183 </td> 171 </td>
184 </tr> 172 </tr>
185 <tr> 173 <tr>
186 <td colspan="2" class="tdright">容积率</td> 174 <td colspan="2" class="tdright">容积率</td>
187 <td colspan="2"> 175 <td colspan="2">
188 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyrjl"> 176 <el-select class="formSelect" :disabled="disabled" v-model="formData.jyrjl">
189 <el-option 177 <el-option
190 v-for="item in compareList" 178 v-for="item in compareList"
191 :key="item.value" 179 :key="item.value"
...@@ -197,27 +185,27 @@ ...@@ -197,27 +185,27 @@
197 </td> 185 </td>
198 <td colspan="2"> 186 <td colspan="2">
199 <input 187 <input
200 type="text" :disabled="formData.qszt!='0'" 188 type="text" :disabled="disabled"
201 v-model="rjl" 189 v-model="rjl"
202 v-show="isInterval(formData.jyrjl)" 190 v-show="isInterval(formData.jyrjl)"
203 class="formInput percent47" 191 class="formInput percent47"
204 /> 192 />
205 <span class="percent4" v-show="isInterval(formData.jyrjl)">-</span> 193 <span class="percent4" v-show="isInterval(formData.jyrjl)">-</span>
206 <input 194 <input
207 type="text" :disabled="formData.qszt!='0'" 195 type="text" :disabled="disabled"
208 v-model="formData.rjl" 196 v-model="formData.rjl"
209 :class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'" 197 :class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'"
210 /> 198 />
211 </td> 199 </td>
212 <td colspan="2" class="tdright">容积说明</td> 200 <td colspan="2" class="tdright">容积说明</td>
213 <td colspan="4" class="psr"> 201 <td colspan="4" class="psr">
214 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.rjlsm"/> 202 <input type="text" :disabled="disabled" class="formInput" v-model="formData.rjlsm"/>
215 </td> 203 </td>
216 </tr> 204 </tr>
217 <tr> 205 <tr>
218 <td colspan="2" class="tdright">建筑密度</td> 206 <td colspan="2" class="tdright">建筑密度</td>
219 <td colspan="2"> 207 <td colspan="2">
220 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzmd"> 208 <el-select class="formSelect" :disabled="disabled" v-model="formData.jyjzmd">
221 <el-option 209 <el-option
222 v-for="item in compareList" 210 v-for="item in compareList"
223 :key="item.value" 211 :key="item.value"
...@@ -230,26 +218,26 @@ ...@@ -230,26 +218,26 @@
230 <td colspan="2"> 218 <td colspan="2">
231 <input 219 <input
232 type="text" 220 type="text"
233 v-model="jzmd" :disabled="formData.qszt!='0'" 221 v-model="jzmd" :disabled="disabled"
234 v-show="isInterval(formData.jyjzmd)" 222 v-show="isInterval(formData.jyjzmd)"
235 class="formInput percent47" 223 class="formInput percent47"
236 /> 224 />
237 <span class="percent4" v-show="isInterval(formData.jyjzmd)">-</span> 225 <span class="percent4" v-show="isInterval(formData.jyjzmd)">-</span>
238 <input 226 <input
239 type="text" 227 type="text"
240 v-model="formData.jzmd" :disabled="formData.qszt!='0'" 228 v-model="formData.jzmd" :disabled="disabled"
241 :class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'" 229 :class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'"
242 /> 230 />
243 </td> 231 </td>
244 <td colspan="2" class="tdright">建筑密度说明</td> 232 <td colspan="2" class="tdright">建筑密度说明</td>
245 <td colspan="4" class="psr"> 233 <td colspan="4" class="psr">
246 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzmdsm"/> 234 <input type="text" :disabled="disabled" class="formInput" v-model="formData.jzmdsm"/>
247 </td> 235 </td>
248 </tr> 236 </tr>
249 <tr> 237 <tr>
250 <td colspan="2" class="tdright">建筑限高</td> 238 <td colspan="2" class="tdright">建筑限高</td>
251 <td colspan="2"> 239 <td colspan="2">
252 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzxg"> 240 <el-select class="formSelect" :disabled="disabled" v-model="formData.jyjzxg">
253 <el-option 241 <el-option
254 v-for="item in compareList" 242 v-for="item in compareList"
255 :key="item.value" 243 :key="item.value"
...@@ -261,34 +249,34 @@ ...@@ -261,34 +249,34 @@
261 </td> 249 </td>
262 <td colspan="2"> 250 <td colspan="2">
263 <input 251 <input
264 type="text" :disabled="formData.qszt!='0'" 252 type="text" :disabled="disabled"
265 v-model="jzxg" 253 v-model="jzxg"
266 v-show="isInterval(formData.jyjzxg)" 254 v-show="isInterval(formData.jyjzxg)"
267 class="formInput percent47" 255 class="formInput percent47"
268 /> 256 />
269 <span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span> 257 <span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span>
270 <input 258 <input
271 type="text" :disabled="formData.qszt!='0'" 259 type="text" :disabled="disabled"
272 v-model="formData.jzxg" 260 v-model="formData.jzxg"
273 :class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'" 261 :class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'"
274 /> 262 />
275 </td> 263 </td>
276 <td colspan="2" class="tdright">建筑限高说明</td> 264 <td colspan="2" class="tdright">建筑限高说明</td>
277 <td colspan="4" class="psr"> 265 <td colspan="4" class="psr">
278 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzxgsm"/> 266 <input type="text" :disabled="disabled" class="formInput" v-model="formData.jzxgsm"/>
279 </td> 267 </td>
280 </tr> 268 </tr>
281 <tr> 269 <tr>
282 <td colspan="2" rowspan="2" class="tdright">所在图幅号</td> 270 <td colspan="2" rowspan="2" class="tdright">所在图幅号</td>
283 <td colspan="2" class="tdright">比例尺</td> 271 <td colspan="2" class="tdright">比例尺</td>
284 <td colspan="8" class="psr"> 272 <td colspan="8" class="psr">
285 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.blc"/> 273 <input type="text" :disabled="disabled" class="formInput" v-model="formData.blc"/>
286 </td> 274 </td>
287 </tr> 275 </tr>
288 <tr> 276 <tr>
289 <td colspan="2" class="tdright">图幅号</td> 277 <td colspan="2" class="tdright">图幅号</td>
290 <td colspan="8" class="psr"> 278 <td colspan="8" class="psr">
291 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.tfh"/> 279 <input type="text" :disabled="disabled" class="formInput" v-model="formData.tfh"/>
292 </td> 280 </td>
293 </tr> 281 </tr>
294 282
...@@ -296,28 +284,28 @@ ...@@ -296,28 +284,28 @@
296 <td colspan="2" rowspan="4" class="tdright">宗地四至</td> 284 <td colspan="2" rowspan="4" class="tdright">宗地四至</td>
297 <td colspan="2" class="tdright"><i class="requisite">*</i>北至</td> 285 <td colspan="2" class="tdright"><i class="requisite">*</i>北至</td>
298 <td colspan="8" class="psr"> 286 <td colspan="8" class="psr">
299 <input type="text" @blur="inputBlur($event)" ref="zdszb" :disabled="formData.qszt!='0'" 287 <input type="text" @blur="inputBlur($event)" ref="zdszb" :disabled="disabled"
300 class="formInput" v-model="formData.zdszb"/> 288 class="formInput" v-model="formData.zdszb"/>
301 </td> 289 </td>
302 </tr> 290 </tr>
303 <tr> 291 <tr>
304 <td colspan="2" class="tdright"><i class="requisite">*</i>东至</td> 292 <td colspan="2" class="tdright"><i class="requisite">*</i>东至</td>
305 <td colspan="8" class="psr"> 293 <td colspan="8" class="psr">
306 <input type="text" @blur="inputBlur($event)" ref="zdszd" :disabled="formData.qszt!='0'" 294 <input type="text" @blur="inputBlur($event)" ref="zdszd" :disabled="disabled"
307 class="formInput" v-model="formData.zdszd"/> 295 class="formInput" v-model="formData.zdszd"/>
308 </td> 296 </td>
309 </tr> 297 </tr>
310 <tr> 298 <tr>
311 <td colspan="2" class="tdright"><i class="requisite">*</i>南至</td> 299 <td colspan="2" class="tdright"><i class="requisite">*</i>南至</td>
312 <td colspan="8" class="psr"> 300 <td colspan="8" class="psr">
313 <input type="text" @blur="inputBlur($event)" ref="zdszn" :disabled="formData.qszt!='0'" 301 <input type="text" @blur="inputBlur($event)" ref="zdszn" :disabled="disabled"
314 class="formInput" v-model="formData.zdszn"/> 302 class="formInput" v-model="formData.zdszn"/>
315 </td> 303 </td>
316 </tr> 304 </tr>
317 <tr> 305 <tr>
318 <td colspan="2" class="tdright"><i class="requisite">*</i>西至</td> 306 <td colspan="2" class="tdright"><i class="requisite">*</i>西至</td>
319 <td colspan="8" class="psr"> 307 <td colspan="8" class="psr">
320 <input type="text" @blur="inputBlur($event)" ref="zdszx" :disabled="formData.qszt!='0'" 308 <input type="text" @blur="inputBlur($event)" ref="zdszx" :disabled="disabled"
321 class="formInput" v-model="formData.zdszx"/> 309 class="formInput" v-model="formData.zdszx"/>
322 </td> 310 </td>
323 </tr> 311 </tr>
...@@ -329,55 +317,46 @@ ...@@ -329,55 +317,46 @@
329 <tr> 317 <tr>
330 <td colspan="2" class="tdright">批准面积(㎡)</td> 318 <td colspan="2" class="tdright">批准面积(㎡)</td>
331 <td colspan="4" > 319 <td colspan="4" >
332 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" 320 <input type="text" :disabled="disabled" onkeyup="value=value.replace(/[^\d\.]/g,'')"
333 class="formInput" v-model="formData.pzmj"/> 321 class="formInput" v-model="formData.pzmj"/>
334 </td> 322 </td>
335 <td colspan="2" class="tdright"><i class="requisite">*</i>宗地面积(㎡)</td> 323 <td colspan="2" class="tdright"><i class="requisite">*</i>宗地面积(㎡)</td>
336 <td colspan="4" > 324 <td colspan="4" >
337 <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zdmj" 325 <input type="text" :disabled="disabled" @blur="inputBlur($event)" ref="zdmj"
338 onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.zdmj"/> 326 onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.zdmj"/>
339 </td> 327 </td>
340 </tr> 328 </tr>
341 <tr> 329 <tr>
342 <td colspan="2" class="tdright">建筑占地总面积(㎡)</td> 330 <td colspan="2" class="tdright">建筑占地总面积(㎡)</td>
343 <td colspan="4"> 331 <td colspan="4">
344 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" 332 <input type="text" :disabled="disabled" onkeyup="value=value.replace(/[^\d\.]/g,'')"
345 class="formInput" v-model="formData.jzzdzmj"/> 333 class="formInput" v-model="formData.jzzdzmj"/>
346 </td> 334 </td>
347 335
348 <td colspan="2" class="tdright">建筑总面积(㎡)</td> 336 <td colspan="2" class="tdright">建筑总面积(㎡)</td>
349 <td colspan="4"> 337 <td colspan="4">
350 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" 338 <input type="text" :disabled="disabled" onkeyup="value=value.replace(/[^\d\.]/g,'')"
351 class="formInput" v-model="formData.jzzmj"/> 339 class="formInput" v-model="formData.jzzmj"/>
352 </td> 340 </td>
353 </tr> 341 </tr>
354 <tr> 342 <tr>
355 <td colspan="2" class="tdright">共有/共用权利人情况</td> 343 <td colspan="2" class="tdright">共有/共用权利人情况</td>
356 <td colspan="10"> 344 <td colspan="10">
357 <input type="text" :disabled="formData.qszt!='0'" class="formInput" 345 <input type="text" :disabled="disabled" class="formInput"
358 v-model="formData.gygyqlrqk"/> 346 v-model="formData.gygyqlrqk"/>
359 </td> 347 </td>
360 </tr> 348 </tr>
361 <tr> 349 <tr>
362 <td colspan="2" class="tdright" rowspan="2">说明</td> 350 <td colspan="2" class="tdright" rowspan="2">说明</td>
363 <td colspan="10" rowspan="2"> 351 <td colspan="10" rowspan="2">
364 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.sm"/> 352 <input type="text" :disabled="disabled" class="formInput" v-model="formData.sm"/>
365 </td> 353 </td>
366 </tr> 354 </tr>
367 </table> 355 </table>
368
369 <!-- <div style="min-height: 40px;text-align: center;margin-top: 10px">
370 <el-button type="success" class="saveBtn" @click="updateZDxx">保存</el-button>
371 <el-button type="primary" @click="submitZDxx">提交</el-button>
372 <el-button type="primary" @click="registerCall">登记调用</el-button>
373 </div> -->
374
375 <div class="header-button" :style="{width:mainBoxWidth+'px'}"> 356 <div class="header-button" :style="{width:mainBoxWidth+'px'}">
376 357 <el-button type="primary" class="saveBtn" @click="updateZDxx" :disabled="disabled">保存</el-button>
377 <el-button type="primary" class="saveBtn" @click="updateZDxx">保存</el-button> 358 <el-button type="primary" @click="submitZDxx" :disabled="disabled">提交</el-button>
378 <el-button type="primary" @click="submitZDxx">提交</el-button>
379 <el-button type="primary" @click="registerCall">登记调用</el-button> 359 <el-button type="primary" @click="registerCall">登记调用</el-button>
380 <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> -->
381 </div> 360 </div>
382 </div> 361 </div>
383 </div> 362 </div>
...@@ -401,6 +380,7 @@ ...@@ -401,6 +380,7 @@
401 getQjZdjbxxDetailById, 380 getQjZdjbxxDetailById,
402 updateQjZdjbxx, 381 updateQjZdjbxx,
403 } from "@api/zd"; 382 } from "@api/zd";
383 import { Message } from 'element-ui';
404 384
405 export default { 385 export default {
406 inject: ['getRightTree'], 386 inject: ['getRightTree'],
...@@ -442,6 +422,7 @@ ...@@ -442,6 +422,7 @@
442 formData: {}, 422 formData: {},
443 dpdm: '', //宗地底盘代码 423 dpdm: '', //宗地底盘代码
444 curZdbsm: '', 424 curZdbsm: '',
425 lx:'zd',
445 mainBoxWidth: 0, 426 mainBoxWidth: 0,
446 geoAttributes: { 427 geoAttributes: {
447 OBJECTID: "", 428 OBJECTID: "",
...@@ -519,6 +500,16 @@ ...@@ -519,6 +500,16 @@
519 .then((res) => { 500 .then((res) => {
520 if (res.result) { 501 if (res.result) {
521 this.formData = res.result; 502 this.formData = res.result;
503 if(res.result.gygyqlrqk!=null){
504 this.$refs.qlrxxModule.changeGyfs(res.result.gygyqlrqk);
505 }
506 if(this.formData.bblx === 0 && this.formData.qszt === '0' && this.formData.bhqkbsm == null){
507 console.log("12345")
508 this.disabled = false
509 }else {
510 console.log("1234567890")
511 this.disabled = true
512 }
522 console.log(res.result, 'res.result'); 513 console.log(res.result, 'res.result');
523 this.getXzqData(res.result.xzqbsm, res.result.djqbsm); 514 this.getXzqData(res.result.xzqbsm, res.result.djqbsm);
524 //如果没有宗地代码,自动生成 515 //如果没有宗地代码,自动生成
...@@ -767,48 +758,52 @@ ...@@ -767,48 +758,52 @@
767 type: "warning", 758 type: "warning",
768 }); 759 });
769 } else { 760 } else {
770 updateQjZdjbxx(this.formData) 761 if (this.$refs.qlrxxModule.getQlgyfsData() == 'PSHGSBDCQJDC000000000000DC340020' && this.$refs.qlrxxModule.getQlrxxData().length < 2 ) {
771 .then((res) => { 762 Message.error('当前权利人共有方式至少需要添加两名权利人')
772 if (res.code == 200) { 763 }else{
773 console.log(res); 764 updateQjZdjbxx(this.formData)
765 .then((res) => {
766 if (res.code == 200) {
767 console.log(res);
768 this.$message({
769 message: '保存成功',
770 type: "success",
771 });
772 // 保存成功再次查询
773 this.getZdjbxxData(this.$store.state.zdbsm);
774 } else {
775 this.$message({
776 message: res.message,
777 type: "warning",
778 });
779 }
780 })
781 .catch((error) => {
774 this.$message({ 782 this.$message({
775 message: '保存成功', 783 message: error.message+",查看日志,联系管理员",
776 type: "success", 784 type: "error",
777 }); 785 });
778 // 保存成功再次查询 786 });
779 this.getZdjbxxData(this.$store.state.zdbsm); 787 //保存到空间库里面
788 var self = this;
789 for (var key in this.geoAttributes) {
790 if (key == "BSM") {
791 self.geoAttributes[key] = this.$store.state.zdbsm
792 } else if (key == 'QLSDFS') {
793 var qlsdfsList = self.$store.state.qlsdfsList, value = self.formData.qlsdfs;
794 var qlsdfs = qlsdfsList.filter(item => {
795 return item.bsm == value;
796 })
797 self.geoAttributes[key] = qlsdfs[0] ? qlsdfs[0].mc : "";
780 } else { 798 } else {
781 this.$message({ 799 var formKay = key.toLowerCase();
782 message: res.message, 800 self.geoAttributes[key] = self.formData[formKay];
783 type: "warning",
784 });
785 } 801 }
786 })
787 .catch((error) => {
788 this.$message({
789 message: error.message+",查看日志,联系管理员",
790 type: "error",
791 });
792 });
793 //保存到空间库里面
794 var self = this;
795 for (var key in this.geoAttributes) {
796 if (key == "BSM") {
797 self.geoAttributes[key] = this.$store.state.zdbsm
798 } else if (key == 'QLSDFS') {
799 var qlsdfsList = self.$store.state.qlsdfsList, value = self.formData.qlsdfs;
800 var qlsdfs = qlsdfsList.filter(item => {
801 return item.bsm == value;
802 })
803 self.geoAttributes[key] = qlsdfs[0] ? qlsdfs[0].mc : "";
804 } else {
805 var formKay = key.toLowerCase();
806 self.geoAttributes[key] = self.formData[formKay];
807 } 802 }
803 self.updAttributes(this.$store.state.zdbsm, 'zd', this.geoAttributes, function (res) {
804 console.log("属性保存完成!!");
805 });
808 } 806 }
809 self.updAttributes(this.$store.state.zdbsm, 'zd', this.geoAttributes, function (res) {
810 console.log("属性保存完成!!");
811 });
812 } 807 }
813 } else { 808 } else {
814 this.$message({ 809 this.$message({
...@@ -839,12 +834,8 @@ ...@@ -839,12 +834,8 @@
839 if (res.code === 200) { 834 if (res.code === 200) {
840 this.$message.success("提交成功!") 835 this.$message.success("提交成功!")
841 this.getZdjbxxData(this.curZdbsm); 836 this.getZdjbxxData(this.curZdbsm);
842 getTree(this.curZdbsm).then((res) => { 837 this.$store.state.oldZdbsm = '';
843 if (res.success) { 838 this.getRightTree(this.curZdbsm,'0,1,2')
844 // console.log('successsuccesssuccesssuccess');
845 this.$store.state.treeData = res.result;
846 }
847 });
848 } 839 }
849 }) 840 })
850 }, 841 },
...@@ -863,6 +854,7 @@ ...@@ -863,6 +854,7 @@
863 this.formData.djzqbsm = ""; 854 this.formData.djzqbsm = "";
864 this.djqList = res.result; 855 this.djqList = res.result;
865 this.$store.state.djqList = res.result; 856 this.$store.state.djqList = res.result;
857 this.generatorDpdm();
866 }) 858 })
867 .catch((error) => { 859 .catch((error) => {
868 }); 860 });
...@@ -873,10 +865,14 @@ ...@@ -873,10 +865,14 @@
873 this.formData.djzqbsm = ""; 865 this.formData.djzqbsm = "";
874 this.djzqList = res.result; 866 this.djzqList = res.result;
875 this.$store.state.djzqList = res.result; 867 this.$store.state.djzqList = res.result;
868 this.generatorDpdm();
876 }) 869 })
877 .catch((error) => { 870 .catch((error) => {
878 }); 871 });
879 }, 872 },
873 changeDjzq() {
874 this.generatorDpdm();
875 },
880 //判断容密高是否为区间 876 //判断容密高是否为区间
881 isInterval(val) { 877 isInterval(val) {
882 if (val == '>' || val == '<' || val == '=' || val == '>=' || val == '<=' || val == null) { 878 if (val == '>' || val == '<' || val == '=' || val == '>=' || val == '<=' || val == null) {
...@@ -935,7 +931,8 @@ ...@@ -935,7 +931,8 @@
935 this.$store.state.zddm = val; 931 this.$store.state.zddm = val;
936 }, 932 },
937 zdbsm: function (val) { 933 zdbsm: function (val) {
938 this.getZdjbxxData(val) 934 this.getZdjbxxData(val);
935 this.$refs.qlrxxModule.getQlrInfo(val);
939 this.curZdbsm = val; 936 this.curZdbsm = val;
940 }, 937 },
941 "formData.bdcdyh": function (val) { 938 "formData.bdcdyh": function (val) {
...@@ -1027,6 +1024,7 @@ ...@@ -1027,6 +1024,7 @@
1027 } 1024 }
1028 1025
1029 .header-button { 1026 .header-button {
1027 z-index: 3;
1030 height: 50px; 1028 height: 50px;
1031 position: fixed; 1029 position: fixed;
1032 bottom: 0; 1030 bottom: 0;
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
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></lshs></el-tab-pane>
9 <el-tab-pane label="附件材料" name="fjcl"><fjcl></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>
12 </template> 12 </template>
...@@ -18,6 +18,7 @@ import djb from "./djb"; ...@@ -18,6 +18,7 @@ import djb from "./djb";
18 import lpb from "./lpb"; 18 import lpb from "./lpb";
19 import lshs from "./lshs"; 19 import lshs from "./lshs";
20 import fjcl from "./../zd/fjcl/fjcl"; 20 import fjcl from "./../zd/fjcl/fjcl";
21 import {queryStatus} from "@api/search"
21 export default { 22 export default {
22 name: "", 23 name: "",
23 components: { 24 components: {
...@@ -26,13 +27,25 @@ export default { ...@@ -26,13 +27,25 @@ export default {
26 props: {}, 27 props: {},
27 data() { 28 data() {
28 return { 29 return {
30 isDisabled:false,
29 activeName: "zrzxx", 31 activeName: "zrzxx",
30 lpbLoad:false, //默认不加载楼盘表组件 32 lpbLoad:false, //默认不加载楼盘表组件
31 yzgyLoad:false, 33 yzgyLoad:false,
32 }; 34 };
33 }, 35 },
34 methods: { 36 methods: {
37 loadingStatus() {
38 console.log("是否禁用")
39 let bsm=this.$store.state.zrzbsm;
40 queryStatus(bsm).then(res => {
41 if (res.success) {
42 let qszt = res.result.qszt;
43 this.isDisabled = +qszt !== 0;
44 }
45 })
46 },
35 handleClick(tab, event) { 47 handleClick(tab, event) {
48 this.loadingStatus()
36 if(!this.lpbLoad){ 49 if(!this.lpbLoad){
37 this.lpbLoad = tab.name == 'lpb' ? true : false 50 this.lpbLoad = tab.name == 'lpb' ? true : false
38 } 51 }
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable"> 4 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable">
5 <tbody> 5 <tbody>
6 <tr height="30"> 6 <tr height="30">
7 <td colspan="12" align="center" ><font size="4">逻辑幢基本信息</font></td> 7 <td colspan="12" align="center" ><font size="4">基本信息</font></td>
8 </tr> 8 </tr>
9 <tr height="30"> 9 <tr height="30">
10 <td colspan="2" align="center" >层号</td> 10 <td colspan="2" align="center" >层号</td>
...@@ -77,19 +77,21 @@ ...@@ -77,19 +77,21 @@
77 </tbody> 77 </tbody>
78 </table> 78 </table>
79 </el-form> 79 </el-form>
80 <div style="min-height: 40px;text-align: center;margin-top: 10px">
81 <el-button type="success" @click="onSave">保存</el-button>
82 <el-button type="primary" @click="onSubmit">提交</el-button>
83 </div>
84 </div> 80 </div>
85 81
86 </template> 82 </template>
87 83
88 <script> 84 <script>
89 import {insertCInfo} from "@api/zrz"; 85 import {getQjCDetailById,updateQjC} from "@api/c";
90 export default { 86 export default {
91 name:'c', 87 name:'c',
92 components:{}, 88 components:{},
89 props: {
90 cbsm:{
91 type: String,
92 default: '',
93 }
94 },
93 data () { 95 data () {
94 return { 96 return {
95 form:{ 97 form:{
...@@ -112,28 +114,65 @@ ...@@ -112,28 +114,65 @@
112 }, 114 },
113 methods: { 115 methods: {
114 onSave(){ 116 onSave(){
115 this.form.zrzbsm=this.$router.query.bsm; 117 this.form.zrzbsm=this.$route.query.bsm;
116 insertCInfo(this.form).then((res)=>{ 118 //编辑层信息接口调用 TODO
117 if(res.code===200){ 119 updateQjC(this.form).then((res)=>{
120 if(res.code === 200){
118 this.$message.success("保存成功") 121 this.$message.success("保存成功")
119 } 122 }
120 }) 123 })
121 console.log(this.form)
122 }, 124 },
123 onSubmit(){ 125 getCinfo(bsm){
124 console.log(this.form) 126 this.reset();
127 //获取层信息接口调用 TODO
128 getQjCDetailById(bsm).then((res)=>{
129 if(res.code === 200){
130 this.form = res.result;
131 this.form.zrzh = this.$store.state.zrzh;
132 }
133 })
134
135 },
136 reset(){
137 this.form = {
138 zrzbsm:'',
139 ch:'', //层号
140 zrzh:'', //自然幢号
141 sjc:'', //实际层
142 myc:'', //名义层
143 cjzmj:'', //层建筑面积
144 ctnjzmj:'', //层套内建筑面积
145 cytmj:'', //层阳台面积
146 cbqmj:'', //层半墙面积
147 cgyjzmj:'', //层共有建筑面积
148 cftjzmj:'', //层分摊建筑面积
149 cg:'', //层高
150 sptymj:'', //水平投影面积
151 }
125 } 152 }
153 },
154 mounted(){
155 this.getCinfo(this.cbsm);
156 },
157 watch:{
158 cbsm: {
159 handler: function (item) {
160 console.log(item,"item")
161 console.log(this.$parent.$parent.menuType,"this.$parent.$parent.menuType")
162 if(item!='' && this.$parent.$parent.menuType == 'c'){
163 this.getCinfo(item)
164 }
165 },
166 immediate: true
167 },
126 } 168 }
127 } 169 }
128 </script> 170 </script>
129 <style rel="stylesheet/less" lang="less" scoped> 171 <style rel="stylesheet/less" lang="less" scoped>
130 .h { 172 .h {
131 min-height: 200px; 173 min-height: 200px;
132 width: 80%; 174 width: 100%;
133 margin-top: 10px; 175 margin: 0 auto;
134 margin-left: 10%;
135 float: left;
136
137 /deep/.el-input__inner{ 176 /deep/.el-input__inner{
138 width: 100%; 177 width: 100%;
139 border: 0; 178 border: 0;
......
...@@ -9,33 +9,24 @@ ...@@ -9,33 +9,24 @@
9 </template> 9 </template>
10 </el-table-column> 10 </el-table-column>
11 <el-table-column prop="zrzmc" label="自然幢" align="center"> 11 <el-table-column prop="zrzmc" label="自然幢" align="center">
12 <!-- <template slot-scope="scope">
13 <el-input size="small" v-model="scope.row.ljzbsm"></el-input>
14 </template> -->
15 </el-table-column> 12 </el-table-column>
16 <el-table-column prop="ljzmc" label="逻辑幢" align="center"> 13 <el-table-column prop="ljzmc" label="逻辑幢" align="center">
17 <!-- <template slot-scope="scope">
18 <el-input size="small" v-model="scope.row.ljzbsm"></el-input>
19 </template> -->
20 </el-table-column> 14 </el-table-column>
21 <el-table-column prop="zdymc" label="幢单元" align="center"> 15 <el-table-column prop="zdymc" label="幢单元" align="center">
22 <!-- <template slot-scope="scope">
23 <el-input size="small" v-model="scope.row.zdybsm"></el-input>
24 </template> -->
25 </el-table-column> 16 </el-table-column>
26 <el-table-column prop="qsc" label="起始层" align="center"> 17 <el-table-column prop="qsc" label="起始层" align="center">
27 <template slot-scope="scope"> 18 <template slot-scope="scope">
28 <el-input size="small" v-model="scope.row.qsc"></el-input> 19 <el-input v-model="scope.row.qsc" type="number"></el-input>
29 </template> 20 </template>
30 </el-table-column> 21 </el-table-column>
31 <el-table-column prop="jsc" label="结束层" align="center"> 22 <el-table-column prop="jsc" label="结束层" align="center">
32 <template slot-scope="scope"> 23 <template slot-scope="scope">
33 <el-input size="small" v-model="scope.row.jsc"></el-input> 24 <el-input v-model="scope.row.jsc" type="number"></el-input>
34 </template> 25 </template>
35 </el-table-column> 26 </el-table-column>
36 <el-table-column prop="hs" label="每层户数" align="center"> 27 <el-table-column prop="hs" label="每层户数" align="center">
37 <template slot-scope="scope"> 28 <template slot-scope="scope">
38 <el-input size="small" v-model="scope.row.hs"></el-input> 29 <el-input v-model="scope.row.hs" type="number"></el-input>
39 </template> 30 </template>
40 </el-table-column> 31 </el-table-column>
41 </el-table> 32 </el-table>
...@@ -87,6 +78,9 @@ export default { ...@@ -87,6 +78,9 @@ export default {
87 handleRowClick(row, index) { 78 handleRowClick(row, index) {
88 if (row.cz == "+") { 79 if (row.cz == "+") {
89 let temp = JSON.parse(JSON.stringify(this.formData)); 80 let temp = JSON.parse(JSON.stringify(this.formData));
81 temp.qsc = '';
82 temp.jsc = '';
83 temp.hs = '';
90 temp.cz = "-"; 84 temp.cz = "-";
91 this.tableData.push(temp); 85 this.tableData.push(temp);
92 } else { 86 } else {
...@@ -94,6 +88,23 @@ export default { ...@@ -94,6 +88,23 @@ export default {
94 } 88 }
95 }, 89 },
96 onSave(bsm) { 90 onSave(bsm) {
91 console.log(this.tableData)
92 let totalHs = 0;
93 for(let k =0;k<this.tableData.length;k++){
94 if(this.tableData[k].qsc === ""||this.tableData[k].jsc === ""||this.tableData[k].hs === ""){
95 this.$message.warning("表单不完整,请填写完整")
96 return false
97 }
98 if(this.tableData[k].qsc - this.tableData[k].jsc > 0){
99 this.$message.warning("存在结束层大于起始层,请重写填写")
100 return false
101 }
102 totalHs = totalHs + (this.tableData[k].jsc-this.tableData[k].qsc+1)*this.tableData[k].hs;
103 }
104 if(totalHs >= 5000){
105 this.$message.warning("单次添加户数累积超过5000户,请分次添加!")
106 return false
107 }
97 insertChInfo(this.tableData).then((res) => { 108 insertChInfo(this.tableData).then((res) => {
98 if (res.code === 200) { 109 if (res.code === 200) {
99 this.$message.success("保存成功"); 110 this.$message.success("保存成功");
......
1 <template> 1 <template>
2 <div class="h content-form" ref="mainBox" :class="$route.path == '/h' ? 'hpage':''"> 2 <div class="h content-form" ref="mainBox" :class="$route.path == '/h' ? 'hpage':''" :style="{'height': $route.path == '/h' ? '100%' : formHeight+'px'}">
3 <el-form ref="form" :model="form" label-width="160px" class="form" :style="{'height': $route.path == '/h' ? '100%' : formHeight+'px'}"> 3 <el-form ref="form" :model="form" label-width="160px" class="form">
4 <Qlr ref="qlrxxModule" :bsm='bsm'></Qlr> 4 <Qlr ref="qlrxxModule" :bsm='bsm' :qszt="form.qszt" :type="lx"></Qlr>
5 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable"> 5 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable">
6 <tbody> 6 <tbody>
7 <tr height="30"> 7 <tr height="30">
8 <td colspan="12" align="center" ><font size="4">户基本信息</font></td> 8 <th colspan="12" align="center" ><font size="4">户基本信息</font></th>
9 </tr> 9 </tr>
10 <tr height="30"> 10 <tr height="30">
11 <td colspan="2" align="center" >宗地代码<i class="requisite">*</i></td> 11 <td colspan="2" align="center" >宗地代码<i class="requisite">*</i></td>
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
21 <td colspan="2" align="center" >不动产单元号<i class="requisite">*</i></td> 21 <td colspan="2" align="center" >不动产单元号<i class="requisite">*</i></td>
22 <!-- todo 此处暂时存放的是不动产单元号标识码,而不是不动产单元号--> 22 <!-- todo 此处暂时存放的是不动产单元号标识码,而不是不动产单元号-->
23 <td colspan="4" class="psr"> 23 <td colspan="4" class="psr">
24 <el-input v-model="form.bdcdyh" class="percent80" :disabled="disableFlag"></el-input> 24 <el-input v-model="form.bdcdyh" class="percent80" :disabled="disableFlag" ref="bdcdyh"></el-input>
25 <el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning">生成</el-button> 25 <el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning">生成</el-button>
26 </td> 26 </td>
27 <td colspan="2" align="center" >原不动产单元</td> 27 <td colspan="2" align="center" >原不动产单元</td>
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
66 <tr height="30"> 66 <tr height="30">
67 <td colspan="2" align="center" >房屋类型<i class="requisite">*</i></td> 67 <td colspan="2" align="center" >房屋类型<i class="requisite">*</i></td>
68 <td colspan="4" > 68 <td colspan="4" >
69 <el-select v-model="form.fwlxbsm" placeholder="请选择" :disabled="disableFlag"> 69 <el-select v-model="form.fwlxbsm" placeholder="请选择" :disabled="disableFlag" ref="fwlxbsm">
70 <el-option 70 <el-option
71 v-for="item in $store.state.fwlxList" 71 v-for="item in $store.state.fwlxList"
72 :key="item.bsm" 72 :key="item.bsm"
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
77 </td> 77 </td>
78 <td colspan="2" align="center" >房屋性质<i class="requisite">*</i></td> 78 <td colspan="2" align="center" >房屋性质<i class="requisite">*</i></td>
79 <td colspan="4" > 79 <td colspan="4" >
80 <el-select v-model="form.fwxzbsm" placeholder="请选择" :disabled="disableFlag"> 80 <el-select v-model="form.fwxzbsm" placeholder="请选择" :disabled="disableFlag" ref="fwxzbsm">
81 <el-option 81 <el-option
82 v-for="item in $store.state.fwxzOptions" 82 v-for="item in $store.state.fwxzOptions"
83 :key="item.bsm" 83 :key="item.bsm"
...@@ -127,7 +127,7 @@ ...@@ -127,7 +127,7 @@
127 <tr height="30"> 127 <tr height="30">
128 <td colspan="2" align="center" >产别<i class="requisite">*</i></td> 128 <td colspan="2" align="center" >产别<i class="requisite">*</i></td>
129 <td colspan="4" > 129 <td colspan="4" >
130 <el-select v-model="form.fwcbbsm" placeholder="请选择" :disabled="disableFlag"> 130 <el-select v-model="form.fwcbbsm" placeholder="请选择" :disabled="disableFlag" ref="fwcbbsm">
131 <el-option 131 <el-option
132 v-for="item in $store.state.cbOptions" 132 v-for="item in $store.state.cbOptions"
133 :key="item.bsm" 133 :key="item.bsm"
...@@ -138,7 +138,7 @@ ...@@ -138,7 +138,7 @@
138 </td> 138 </td>
139 <td colspan="2" align="center" >产权来源<i class="requisite">*</i></td> 139 <td colspan="2" align="center" >产权来源<i class="requisite">*</i></td>
140 <td colspan="4" > 140 <td colspan="4" >
141 <el-select v-model="form.fwcqlybsm" placeholder="请选择" :disabled="disableFlag"> 141 <el-select v-model="form.fwcqlybsm" placeholder="请选择" :disabled="disableFlag" ref="fwcqlybsm">
142 <el-option 142 <el-option
143 v-for="item in $store.state.cqlyOptions" 143 v-for="item in $store.state.cqlyOptions"
144 :key="item.bsm" 144 :key="item.bsm"
...@@ -204,11 +204,11 @@ ...@@ -204,11 +204,11 @@
204 <tr height="30"> 204 <tr height="30">
205 <td colspan="2" align="center" >分摊系数</td> 205 <td colspan="2" align="center" >分摊系数</td>
206 <td colspan="2" align="center" > 206 <td colspan="2" align="center" >
207 <el-input v-model="form.ycftxs" type="number" :disabled="form.scyclx==='1'||disableFlag"></el-input> 207 <input class="formInput" v-model="form.ycftxs" type="number" :disabled="form.scyclx==='1'||disableFlag" @blur="inputFtxsBlur($event)" ref="ycftxs" />
208 </td> 208 </td>
209 <td colspan="2" align="center" >分摊系数</td> 209 <td colspan="2" align="center" >分摊系数</td>
210 <td colspan="2" align="center" > 210 <td colspan="2" align="center" >
211 <el-input v-model="form.scftxs" type="number" :disabled="form.scyclx==='0'||disableFlag"></el-input> 211 <input class="formInput" v-model="form.scftxs" type="number" :disabled="form.scyclx==='0'||disableFlag" @blur="inputFtxsBlur($event)" ref="scftxs" />
212 </td> 212 </td>
213 </tr> 213 </tr>
214 214
...@@ -236,6 +236,7 @@ ...@@ -236,6 +236,7 @@
236 </td> 236 </td>
237 <td width="30" colspan="4" align="center" > 237 <td width="30" colspan="4" align="center" >
238 <el-select-tree 238 <el-select-tree
239 ref="ghyt"
239 v-if="show" 240 v-if="show"
240 :default-expand-all="defaultExpandAll" 241 :default-expand-all="defaultExpandAll"
241 @change="updateSjfyyt(item1)" 242 @change="updateSjfyyt(item1)"
...@@ -252,6 +253,7 @@ ...@@ -252,6 +253,7 @@
252 <td width="30" colspan="1" align="center" >用途</td> 253 <td width="30" colspan="1" align="center" >用途</td>
253 <td width="30" colspan="4" align="center" > 254 <td width="30" colspan="4" align="center" >
254 <el-select-tree 255 <el-select-tree
256 ref="yt"
255 v-if="show" 257 v-if="show"
256 :default-expand-all="defaultExpandAll" 258 :default-expand-all="defaultExpandAll"
257 :multiple="multiple" 259 :multiple="multiple"
...@@ -282,9 +284,9 @@ ...@@ -282,9 +284,9 @@
282 <span @click="deleteFwjgInfo(index)">删除</span> 284 <span @click="deleteFwjgInfo(index)">删除</span>
283 </td> 285 </td>
284 <td colspan="9" > 286 <td colspan="9" >
285 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" :disabled="disableFlag"> 287 <el-select v-model="item1.fwjgzdbsm" ref="fwjg" placeholder="请选择" :disabled="disableFlag">
286 <el-option 288 <el-option
287 v-for="item in $store.state.fwjgList" 289 v-for="item in $store.state.jgOptions"
288 :key="item.bsm" 290 :key="item.bsm"
289 :label="item.mc" 291 :label="item.mc"
290 :value="item.bsm"> 292 :value="item.bsm">
...@@ -325,7 +327,7 @@ ...@@ -325,7 +327,7 @@
325 <span>坐落<i class="requisite">*</i></span> 327 <span>坐落<i class="requisite">*</i></span>
326 </td> 328 </td>
327 <td colspan="10" > 329 <td colspan="10" >
328 <el-input v-model="form.zl" :disabled="disableFlag"></el-input> 330 <input class="formInput" v-model="form.zl" ref="zl" @blur="inputBlur($event)" :disabled="disableFlag" />
329 </td> 331 </td>
330 </tr> 332 </tr>
331 333
...@@ -393,8 +395,8 @@ ...@@ -393,8 +395,8 @@
393 </table> 395 </table>
394 </el-form> 396 </el-form>
395 <div class="header-button" :style="{width:mainBoxWidth+'px'}"> 397 <div class="header-button" :style="{width:mainBoxWidth+'px'}">
396 <el-button type="primary" class="saveBtn" @click="onSave">保存</el-button> 398 <el-button type="primary" class="saveBtn" @click="onSave" :disabled="disableFlag">保存</el-button>
397 <el-button type="primary" @click="onSubmit">提交</el-button> 399 <el-button type="primary" @click="onSubmit" :disabled="disableFlag">提交</el-button>
398 <el-button type="primary" @click="registerCall">登记调用</el-button> 400 <el-button type="primary" @click="registerCall">登记调用</el-button>
399 <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> --> 401 <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> -->
400 </div> 402 </div>
...@@ -439,6 +441,8 @@ ...@@ -439,6 +441,8 @@
439 label: 'mc' 441 label: 'mc'
440 }, 442 },
441 443
444 lx:'h',
445 hbsm:'',
442 form:{ 446 form:{
443 bsm:'',//户标识码 447 bsm:'',//户标识码
444 zrzbsm:'', //自然幢标识码 448 zrzbsm:'', //自然幢标识码
...@@ -522,24 +526,46 @@ ...@@ -522,24 +526,46 @@
522 fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量 526 fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
523 formHeight:0, 527 formHeight:0,
524 mainBoxWidth:0, 528 mainBoxWidth:0,
529
530 rules:[],
531 ftxsrules:[],
525 } 532 }
526 }, 533 },
527 created(){ 534 created(){
528 let bsm=this.$store.state.hbsm 535 let bsm=this.bsm;
529 // console.log(bsm,'户BSM') 536
530 if (bsm) { 537 if (bsm) {
531 this.getHInfo(bsm); 538 this.getHInfo(bsm);
532 } 539 }
533 this.$nextTick(()=>{ 540 this.$nextTick(()=>{
534 this.mainBoxWidth = this.$refs.mainBox.clientWidth; 541 this.mainBoxWidth = this.$refs.mainBox.clientWidth;
535 this.formHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 320 542 this.formHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 300
536 }) 543 })
537 }, 544 },
538 methods: { 545 methods: {
546
547 inputFtxsBlur(e){
548 if(e.target.value!==''&&+e.target.value>0&&+e.target.value<10){
549 e.target.style.border=""
550 }else{
551 e.target.style.border="1px solid red";
552 e.target.style.boxSizing = 'border-box';
553 }
554 },
555
556 inputBlur(e){
557 if(e.target.value!=''){
558 e.target.style.border=""
559 }else{
560 e.target.style.border="1px solid red";
561 e.target.style.boxSizing = 'border-box';
562 }
563 },
564
539 registerCall(){ 565 registerCall(){
540 let data={ 566 let data={
541 type:'h', 567 type:'h',
542 bsm:this.$store.state.hbsm 568 bsm:this.bsm
543 } 569 }
544 registerCall(data).then(res=>{ 570 registerCall(data).then(res=>{
545 if (res.success) { 571 if (res.success) {
...@@ -598,8 +624,15 @@ ...@@ -598,8 +624,15 @@
598 getQjHDetailByBsm(hbsm).then((res)=>{ 624 getQjHDetailByBsm(hbsm).then((res)=>{
599 if(res.code===200){ 625 if(res.code===200){
600 this.form = res.result; 626 this.form = res.result;
601 if(res.result.qszt !== '0'){ 627 this.hbsm = res.result.bsm;
602 this.disableFlag = true; 628 if(res.result.gygyqlrqk!=null){
629 this.$refs.qlrxxModule.changeGyfs(res.result.gygyqlrqk);
630 }
631 this.$refs.qlrxxModule.getQlrInfo(hbsm);
632 if(this.form.bblx === 0 && this.form.qszt === '0' && this.form.bhqkbsm == null){
633 this.disableFlag = false
634 }else {
635 this.disableFlag = true
603 } 636 }
604 if(this.form.scyclx==='0'){ 637 if(this.form.scyclx==='0'){
605 this.$set(this.form,"ycjzmj", this.form.jzmj) 638 this.$set(this.form,"ycjzmj", this.form.jzmj)
...@@ -705,34 +738,167 @@ ...@@ -705,34 +738,167 @@
705 }, 738 },
706 //保存户信息 739 //保存户信息
707 onSave(){ 740 onSave(){
708 this.form.bsm=this.$store.state.hbsm; 741
709 this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList(); 742 if(this.form.scyclx === '0'){
710 if(this.form.scyclx==='0'){ 743 this.ftxsrules=[
711 this.form.jzmj = this.form.ycjzmj; 744 {
712 this.form.tnjzmj=this.form.yctnjzmj; 745 data:this.form.ycftxs,
713 this.form.ftjzmj=this.form.ycftjzmj; 746 name:'不动产单元号',
714 this.form.dxbfjzmj=this.form.ycdxbfjzmj; 747 dom:this.$refs.ycftxs,
715 this.form.qtjzmj=this.form.ycqtjzmj; 748 rule:/^(?!0(\.0{1,2})?$)(\d(\.\d{1,2})?)$/, //大于0小于10的所有保留两位的数字
716 this.form.ftxs=this.form.ycftxs; 749 },
717 }else if(this.form.scyclx==='1'){ 750 ]
718 this.form.jzmj = this.form.scjzmj; 751 }else {
719 this.form.tnjzmj=this.form.sctnjzmj; 752 this.ftxsrules=[
720 this.form.ftjzmj=this.form.scftjzmj; 753 {
721 this.form.dxbfjzmj=this.form.scdxbfjzmj; 754 data:this.form.scftxs,
722 this.form.qtjzmj=this.form.scqtjzmj; 755 name:'不动产单元号',
723 this.form.ftxs=this.form.scftxs; 756 dom:this.$refs.scftxs,
757 rule:/^(?!0(\.0{1,2})?$)(\d(\.\d{1,2})?)$/, //大于0小于10的所有保留两位的数字
758 },
759 ]
724 } 760 }
725 updateQjH(this.form).then((res)=>{ 761
726 if(res.code===200){ 762
727 this.$message.success("保存成功!") 763 this.rules=[
764 {
765 data:this.form.bdcdyh,
766 name:'不动产单元号',
767 dom:this.$refs.bdcdyh,
768 rule: /^\s*$/g, //非空
769 },
770 {
771 data:this.form.fwlxbsm,
772 name:'房屋类型',
773 dom:this.$refs.fwlxbsm,
774 rule: /^\s*$/g, //非空
775 },
776 {
777 data:this.form.fwxzbsm,
778 name:'房屋性质',
779 dom:this.$refs.fwxzbsm,
780 rule: /^\s*$/g, //非空
781 },
782 {
783 data:this.form.fwcbbsm,
784 name:'产别',
785 dom:this.$refs.fwcbbsm,
786 rule: /^\s*$/g, //非空
787 },
788 {
789 data:this.form.fwcqlybsm,
790 name:'产权来源',
791 dom:this.$refs.fwcqlybsm,
792 rule: /^\s*$/g, //非空
793 },
794 {
795 data:this.form.zl,
796 name:'坐落',
797 dom:this.$refs.zl,
798 rule: /^\s*$/g, //非空
799 },
800 ]
801 this.form.fwytList.forEach((item,index)=>{
802 this.rules.push(
803 {
804 data:item.fwytzdbsm,
805 name:'规划用途',
806 dom:this.$refs.ghyt[index],
807 rule: /^\s*$/g, //非空
808 },
809 {
810 data:item.fwytzdbsm,
811 name:'用途',
812 dom:this.$refs.yt[index],
813 rule: /^\s*$/g, //非空
814 },
815 )
816 })
817 this.form.fwjgList.forEach((item,index)=>{
818 this.rules.push(
819 {
820 data:item.fwjgzdbsm,
821 name:'房屋结构',
822 dom:this.$refs.fwjg[index],
823 rule: /^\s*$/g, //非空
824 },
825 )
826 })
827 this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList();
828 this.$refs.qlxzModule.getRules();
829 let flag = true;
830
831 this.rules.forEach(item=>{
832 if(item.rule.test(item.data) || item.data == null){
833 if(item.dom.$el){
834 item.dom.$el.style.border = '1px solid red';
835 item.dom.$el.style.boxSizing = 'border-box';
836 }else{
837 item.dom.style.border = '1px solid red';
838 item.dom.style.boxSizing = 'border-box';
839 }
840 flag = false;
841 return false
842 }
843 })
844
845 let ftxsflag = true;
846
847 this.ftxsrules.forEach(item=>{
848 console.log(item.data+":item.data")
849 console.log(item.data !=="" +":item.data !==")
850 if(item.data !=="" && item.data !==null){
851 if(!item.rule.test(+item.data) || item.data == null){
852 if(item.dom.$el){
853 item.dom.$el.style.border = '1px solid red';
854 item.dom.$el.style.boxSizing = 'border-box';
855 }else{
856 item.dom.style.border = '1px solid red';
857 item.dom.style.boxSizing = 'border-box';
858 }
859 ftxsflag = false;
860 return false
861 }
862 }
863 })
864
865 this.$nextTick(()=> {
866 if (flag && ftxsflag && this.$refs.qlxzModule.getRulesResult()) {
867 if(this.form.scyclx==='0'){
868 this.form.jzmj = this.form.ycjzmj;
869 this.form.tnjzmj=this.form.yctnjzmj;
870 this.form.ftjzmj=this.form.ycftjzmj;
871 this.form.dxbfjzmj=this.form.ycdxbfjzmj;
872 this.form.qtjzmj=this.form.ycqtjzmj;
873 this.form.ftxs=this.form.ycftxs;
874 }else if(this.form.scyclx==='1'){
875 this.form.jzmj = this.form.scjzmj;
876 this.form.tnjzmj=this.form.sctnjzmj;
877 this.form.ftjzmj=this.form.scftjzmj;
878 this.form.dxbfjzmj=this.form.scdxbfjzmj;
879 this.form.qtjzmj=this.form.scqtjzmj;
880 this.form.ftxs=this.form.scftxs;
881 }
882 updateQjH(this.form).then((res)=>{
883 if(res.code===200){
884 this.$message.success("保存成功!")
885 }else {
886 this.$message.warning(res.message)
887 }
888 })
728 }else { 889 }else {
729 this.$message.warning(res.message) 890 this.$message({
891 // message: item.name+'不能为空',
892 message: '表单数据有误',
893 type: "warning",
894 });
730 } 895 }
731 }) 896 })
897
732 }, 898 },
733 onSubmit(){ 899 onSubmit(){
734 let data={ 900 let data={
735 glbsm:this.$store.state.hbsm, 901 glbsm:this.bsm,
736 status:1, 902 status:1,
737 type:"h" 903 type:"h"
738 } 904 }
...@@ -850,6 +1016,71 @@ ...@@ -850,6 +1016,71 @@
850 }) 1016 })
851 } 1017 }
852 }, 1018 },
1019
1020 "form.bdcdyh":function (val) {
1021 if (val != '') {
1022 this.$refs.bdcdyh.$el.style.border = '';
1023 }
1024 },
1025
1026 "form.fwlxbsm":{
1027 handler:function (val) {
1028 if (val != '') {
1029 this.$refs.fwlxbsm.$el.style.border = '';
1030 }
1031 },
1032 immediate:false
1033 },
1034
1035 "form.fwxzbsm":{
1036 handler:function (val) {
1037 if (val != '') {
1038 this.$refs.fwxzbsm.$el.style.border = '';
1039 }
1040 },
1041 immediate:false
1042 },
1043
1044 "form.fwcqlybsm":{
1045 handler:function (val) {
1046 if (val != '') {
1047 this.$refs.fwcqlybsm.$el.style.border = '';
1048 }
1049 },
1050 immediate:false
1051 },
1052
1053 "form.fwcbbsm":{
1054 handler:function (val) {
1055 if (val != '') {
1056 this.$refs.fwcbbsm.$el.style.border = '';
1057 }
1058 },
1059 immediate:false
1060 },
1061
1062 "form.fwytList": {
1063 handler : function (newVal, oldVal) {
1064 newVal.forEach((item,ind)=>{
1065 if(item.fwytzdbsm != ''){
1066 this.$refs.ghyt[ind].$el.style.border=""
1067 this.$refs.yt[ind].$el.style.border=""
1068 }
1069 })
1070 },
1071 deep:true
1072 },
1073 "form.fwjgList": {
1074 handler : function (newVal, oldVal) {
1075 newVal.forEach((item,ind)=>{
1076 if(item.fwjgzdbsm != ''){
1077 this.$refs.fwjg[ind].$el.style.border=""
1078 }
1079 })
1080 },
1081 deep:true
1082 },
1083
853 "$store.state.sxdrType": { 1084 "$store.state.sxdrType": {
854 handler(n) { 1085 handler(n) {
855 this.$nextTick(()=>{ 1086 this.$nextTick(()=>{
...@@ -896,6 +1127,7 @@ ...@@ -896,6 +1127,7 @@
896 td{ 1127 td{
897 //bgcolor:#F1F4FC; 1128 //bgcolor:#F1F4FC;
898 width:8.33%; 1129 width:8.33%;
1130 height: 36px;
899 text-align: right; 1131 text-align: right;
900 padding-right: 10px; 1132 padding-right: 10px;
901 } 1133 }
...@@ -930,6 +1162,7 @@ ...@@ -930,6 +1162,7 @@
930 } 1162 }
931 1163
932 .header-button { 1164 .header-button {
1165 z-index: 3;
933 height: 50px; 1166 height: 50px;
934 position: absolute; 1167 position: absolute;
935 bottom: 0; 1168 bottom: 0;
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <div class="edit"> 2 <div class="edit">
3 <div class="tab-header"> 3 <div class="tab-header">
4 <el-row class="searchContent"> 4 <el-row class="searchContent">
5 <el-col :span="6"> 5 <el-col :span="24" style="margin:0 0 10px 18px;">
6 <el-radio-group v-model="scyclx" @change="scyclxChange"> 6 <el-radio-group v-model="scyclx" @change="scyclxChange">
7 <el-radio-button label="0">预测</el-radio-button> 7 <el-radio-button label="0">预测</el-radio-button>
8 <el-radio-button label="1">实测</el-radio-button> 8 <el-radio-button label="1">实测</el-radio-button>
...@@ -11,9 +11,6 @@ ...@@ -11,9 +11,6 @@
11 maxlength="28" 11 maxlength="28"
12 v-model="bdcdyh" 12 v-model="bdcdyh"
13 :style="{ width: inputWidth + 'px' }" 13 :style="{ width: inputWidth + 'px' }"
14 @focus="inputFocus"
15 @blur="inputBlur"
16 @change="inputChange"
17 class="searchInput" 14 class="searchInput"
18 placeholder="输入不动产单元号或室号" 15 placeholder="输入不动产单元号或室号"
19 ><i 16 ><i
...@@ -23,8 +20,10 @@ ...@@ -23,8 +20,10 @@
23 ></i 20 ></i
24 ></el-input> 21 ></el-input>
25 </el-col> 22 </el-col>
26 <el-col :span="18"> 23 </el-row>
27 <div class="fr"> 24 <el-row class="searchContent">
25 <el-col :span="24">
26 <div class="fl">
28 <el-button class="radioBtn" label="1" border @click="create" 27 <el-button class="radioBtn" label="1" border @click="create"
29 ><i class="iconfont iconchuangjianloupan"></i>创建楼盘</el-button 28 ><i class="iconfont iconchuangjianloupan"></i>创建楼盘</el-button
30 > 29 >
...@@ -82,12 +81,17 @@ ...@@ -82,12 +81,17 @@
82 </div> 81 </div>
83 </el-col> 82 </el-col>
84 </el-row> 83 </el-row>
84 <div class="change">
85 <i class="iconfont iconloupanbiaoxinxi" v-show="bjztFlag" @click="bjztChange" title="详细信息"></i>
86 <i class="iconfont iconloupanbiaobianji" v-show="!bjztFlag" @click="bjztChange" title="编辑楼盘"></i>
87 </div>
85 </div> 88 </div>
86 <div 89 <div
87 class="tab-content" 90 class="tab-content"
88 ref="tabContent" 91 ref="tabContent"
89 :style="{ height: lpbContentHight + 'px' }" 92 :style="{ height: lpbContentHight + 'px' }"
90 v-loading="lpbloading" 93 v-loading="lpbloading"
94 v-if="bjztFlag"
91 > 95 >
92 <!-- 左侧树结构 --> 96 <!-- 左侧树结构 -->
93 <div class="lp-tree" :class="createFlag ? 'w260' : 'w0'"> 97 <div class="lp-tree" :class="createFlag ? 'w260' : 'w0'">
...@@ -222,15 +226,20 @@ ...@@ -222,15 +226,20 @@
222 </div> 226 </div>
223 </div> 227 </div>
224 </div> 228 </div>
229
230 <xxxx v-if="!bjztFlag"></xxxx>
225 231
226 <!-- 右键菜单弹出框 --> 232 <!-- 右键菜单弹出框 -->
227 <el-dialog v-dialogDrag :close-on-click-modal="false" title="添加" :visible.sync="dialogVisible" width="50%" > 233 <el-dialog v-dialogDrag :close-on-click-modal="false" :title="taskTitle" :visible.sync="dialogVisible" width="50%" >
228 <!-- 根据菜单类型(menuType)和右键点击的楼盘类型(treeData.type)来区分弹框内容 --> 234 <!-- 根据菜单类型(menuType)和右键点击的楼盘类型(treeData.type)来区分弹框内容 -->
229 <div class="addCh" v-show="menuType == 'ljz'"> 235 <div class="addCh" v-show="menuType == 'ljz'">
230 <addLjz ref="ljz"></addLjz> 236 <addLjz ref="ljz" :ljzbsm="curBsm"></addLjz>
231 </div> 237 </div>
232 <div class="addCh" v-show="menuType == 'zdy'"> 238 <div class="addCh" v-show="menuType == 'zdy'">
233 <addZdy ref="zdy"></addZdy> 239 <addZdy ref="zdy" :zdybsm="curBsm"></addZdy>
240 </div>
241 <div class="addCh" v-show="menuType == 'c'">
242 <editCinfo ref="c" :cbsm="curBsm"></editCinfo>
234 </div> 243 </div>
235 <div class="addCh" v-show="menuType == 'ch'"> 244 <div class="addCh" v-show="menuType == 'ch'">
236 <addCh 245 <addCh
...@@ -266,8 +275,10 @@ import LineTree from "@components/lineTree/lineTree"; ...@@ -266,8 +275,10 @@ import LineTree from "@components/lineTree/lineTree";
266 import addLjz from "./ljz/index"; 275 import addLjz from "./ljz/index";
267 import addZdy from "./zdy/index"; 276 import addZdy from "./zdy/index";
268 import addCh from "./ch/index"; 277 import addCh from "./ch/index";
278 import editCinfo from "./c/index";
269 import lpbContent from "./lpbContent/index"; 279 import lpbContent from "./lpbContent/index";
270 import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh,getLpbFwytAndQlxz ,batchCommit} from "@api/lpb"; 280 import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh,getLpbFwytAndQlxz ,batchCommit} from "@api/lpb";
281 import xxxx from '../xxxx/index'
271 282
272 export default { 283 export default {
273 name: "", 284 name: "",
...@@ -281,6 +292,8 @@ export default { ...@@ -281,6 +292,8 @@ export default {
281 PlSh, 292 PlSh,
282 PlH, 293 PlH,
283 PlZl, 294 PlZl,
295 xxxx,
296 editCinfo
284 }, 297 },
285 props: {}, 298 props: {},
286 data() { 299 data() {
...@@ -300,7 +313,7 @@ export default { ...@@ -300,7 +313,7 @@ export default {
300 pd: [], //创建楼盘的树结构数据 313 pd: [], //创建楼盘的树结构数据
301 menuType: "", 314 menuType: "",
302 treeData: {}, 315 treeData: {},
303 inputWidth: 74, 316 inputWidth: 200,
304 selectedZt: "dyzt", //图例选中项,默认选中单元状态 317 selectedZt: "dyzt", //图例选中项,默认选中单元状态
305 dyztList: [ 318 dyztList: [
306 { 319 {
...@@ -367,6 +380,10 @@ export default { ...@@ -367,6 +380,10 @@ export default {
367 dyztBsmList: {}, //单元状态bsmList 380 dyztBsmList: {}, //单元状态bsmList
368 cbsmList:[], // 层bsmlist 381 cbsmList:[], // 层bsmlist
369 lpbloading:true, 382 lpbloading:true,
383 bjztFlag:true,
384 taskTitle:'添加',
385 curBsm:'',
386 qsztList:[],
370 }; 387 };
371 }, 388 },
372 created() { 389 created() {
...@@ -390,12 +407,20 @@ export default { ...@@ -390,12 +407,20 @@ export default {
390 if (this.bsms.length <= 0) { 407 if (this.bsms.length <= 0) {
391 Message.warning("请选择操作户") 408 Message.warning("请选择操作户")
392 return 409 return
393 } 410 }else{
394 batchCommit(this.bsms).then(res=>{ 411 if (this.qsztList.indexOf('1') > -1) {
395 if (res.success) { 412 Message.warning("已提交的户无法继续操作")
396 Message.success("提交成功") 413 }else{
397 } 414 batchCommit(this.bsms).then(res=>{
398 }) 415 if(res.code === 200){
416 Message.success("提交成功");
417 this.getlpbData();
418 }else {
419 this.$message.error(res.message);
420 }
421 })
422 }
423 }
399 }, 424 },
400 loading(){ 425 loading(){
401 this.getLpbMenuTree(this.$store.state.zrzbsm); 426 this.getLpbMenuTree(this.$store.state.zrzbsm);
...@@ -411,23 +436,28 @@ export default { ...@@ -411,23 +436,28 @@ export default {
411 if (this.bsms.length <= 0) { 436 if (this.bsms.length <= 0) {
412 Message.warning("请选择操作户") 437 Message.warning("请选择操作户")
413 return 438 return
414 } 439 }else{
415 switch (val) { 440 if (this.qsztList.indexOf('1') > -1) {
416 case 'h': 441 Message.warning("已提交的户无法继续操作")
417 this.plhVisible=true; 442 }else{
418 break; 443 switch (val) {
419 case 'zl': 444 case 'h':
420 this.plzlVisible=true; 445 this.plhVisible=true;
421 break; 446 break;
422 case 'sh': 447 case 'zl':
423 this.plShVisible=true; 448 this.plzlVisible=true;
424 break; 449 break;
425 default: 450 case 'sh':
426 break; 451 this.plShVisible=true;
427 } 452 break;
453 default:
454 break;
455 }
456 }
457 }
428 }, 458 },
429 lodding(){ 459 lodding(){
430 this.getlpbData(); 460 this.getlpbData();
431 }, 461 },
432 plZlClose() { 462 plZlClose() {
433 this.plzlVisible = false; 463 this.plzlVisible = false;
...@@ -441,11 +471,16 @@ export default { ...@@ -441,11 +471,16 @@ export default {
441 plshClose() { 471 plshClose() {
442 this.plShVisible = false; 472 this.plShVisible = false;
443 }, 473 },
474 //改变编辑或详细信息状态
475 bjztChange(){
476 this.bjztFlag = !this.bjztFlag;
477 },
444 //改变实预测数据类型 478 //改变实预测数据类型
445 scyclxChange(val){ 479 scyclxChange(val){
446 //清空已选中层户 480 //清空已选中层户
447 this.cbsmList = []; 481 this.cbsmList = [];
448 this.bsms = []; 482 this.bsms = [];
483 this.qsztList = [];
449 this.$refs.lpbContent.hbsmList = []; 484 this.$refs.lpbContent.hbsmList = [];
450 this.$nextTick(()=>{ 485 this.$nextTick(()=>{
451 //户 486 //户
...@@ -495,6 +530,8 @@ export default { ...@@ -495,6 +530,8 @@ export default {
495 this.resetInfo(); 530 this.resetInfo();
496 }); 531 });
497 this.dialogVisible = true; 532 this.dialogVisible = true;
533 this.taskTitle = '添加';
534 this.curBsm = '';
498 }, 535 },
499 //弹框中的保存按钮,根据不同菜单点击类型调用不同子组件的保存方法 536 //弹框中的保存按钮,根据不同菜单点击类型调用不同子组件的保存方法
500 saveInfo() { 537 saveInfo() {
...@@ -508,6 +545,9 @@ export default { ...@@ -508,6 +545,9 @@ export default {
508 case "ch": 545 case "ch":
509 this.$refs.ch.onSave(this.pd[0].bsm); 546 this.$refs.ch.onSave(this.pd[0].bsm);
510 break; 547 break;
548 case "c":
549 this.$refs.c.onSave(this.pd[0].bsm);
550 break;
511 default: 551 default:
512 break; 552 break;
513 } 553 }
...@@ -524,6 +564,9 @@ export default { ...@@ -524,6 +564,9 @@ export default {
524 case "ch": 564 case "ch":
525 this.$refs.ch.reset(); 565 this.$refs.ch.reset();
526 break; 566 break;
567 case "c":
568 this.$refs.c.reset();
569 break;
527 570
528 default: 571 default:
529 break; 572 break;
...@@ -547,18 +590,29 @@ export default { ...@@ -547,18 +590,29 @@ export default {
547 this.bsms = data; 590 this.bsms = data;
548 } 591 }
549 }, 592 },
593 //获取选中户信息
594 getQsztList(data, type) {
595 if (type) {
596 // 双击
597
598 } else {
599 //单击 TO DO
600 this.qsztList = data;
601 }
602 },
550 //获取选中层bsmlist 603 //获取选中层bsmlist
551 getCbsm(data){ 604 getCbsm(data){
552 this.cbsmList = data; 605 this.cbsmList = data;
553 }, 606 },
554 //不动产单元号输入框事件 607 //不动产单元号输入框事件
555 inputFocus() { 608 // inputFocus() {
556 this.inputWidth = 200; 609 // this.inputWidth = 200;
557 }, 610 // },
558 inputBlur() { 611 // inputBlur() {
559 this.inputWidth = 74; 612 // this.inputWidth = 74;
560 }, 613 // },
561 inputChange() { 614 inputChange() {
615 console.log(this.bdcdyh,'this.bdcdyh');
562 if (this.bdcdyh != "") { 616 if (this.bdcdyh != "") {
563 // console.log("查询" + this.bdcdyh); 617 // console.log("查询" + this.bdcdyh);
564 this.$refs.lpbContent.lpbDataMap(this.bdcdyh); 618 this.$refs.lpbContent.lpbDataMap(this.bdcdyh);
...@@ -569,11 +623,13 @@ export default { ...@@ -569,11 +623,13 @@ export default {
569 }); 623 });
570 } 624 }
571 }, 625 },
572 //调用楼盘表信息查询接口 626 //调用楼盘表信息查询和图例统计接口
573 getlpbData() { 627 getlpbData() {
574 this.$refs.lpbContent.loadingData(this.$store.state.zrzbsm,this.scyclx); 628 this.$refs.lpbContent.loadingData(this.$store.state.zrzbsm,this.scyclx);
629 this.getDyztBsmList();
630 this.getLpbFwytAndQlxz();
575 //改变楼盘表子组件的key值,重新渲染 631 //改变楼盘表子组件的key值,重新渲染
576 // this.time = new Date().getTime(); 632 this.time = new Date().getTime();
577 }, 633 },
578 //实预测装换 634 //实预测装换
579 plScYcChange() { 635 plScYcChange() {
...@@ -612,18 +668,23 @@ export default { ...@@ -612,18 +668,23 @@ export default {
612 }, 668 },
613 //批量添加不动产单元号 669 //批量添加不动产单元号
614 addBdcdyh() { 670 addBdcdyh() {
615 // this.pd[0].bsm //自然幢标识码 671 if (this.qsztList.indexOf('1') > -1) {
616 batchGeneratorBdcdyh(this.$store.state.zrzh, this.pd[0].bsm,0).then( 672 Message.warning("已提交的户无法继续操作")
617 (res) => { 673 }else{
618 if (res.code === 200) { 674 batchGeneratorBdcdyh(this.$store.state.zrzh, this.pd[0].bsm,0).then(
619 this.$message.success("生成完成!"); 675 (res) => {
620 } else if(res.code === 206){ 676 if (res.code === 200) {
621 let hasGenerateCount = res.result.hasGenerateCount; 677 this.$message.success("生成完成!");
622 let unGenerateCount = res.result.unGenerateCount; 678 } else if(res.code === 206){
623 this.open(hasGenerateCount,unGenerateCount); 679 let hasGenerateCount = res.result.hasGenerateCount;
680 let unGenerateCount = res.result.unGenerateCount;
681 this.open(hasGenerateCount,unGenerateCount);
682 }else {
683 this.$message.warning(res.message)
684 }
624 } 685 }
625 } 686 );
626 ); 687 }
627 }, 688 },
628 689
629 open(hasGenerateCount,unGenerateCount) { 690 open(hasGenerateCount,unGenerateCount) {
...@@ -774,7 +835,9 @@ export default { ...@@ -774,7 +835,9 @@ export default {
774 padding: 20px 0; 835 padding: 20px 0;
775 background-color: #ffffff; 836 background-color: #ffffff;
776 margin-bottom: 15px; 837 margin-bottom: 15px;
838 position: relative;
777 .searchContent { 839 .searchContent {
840 margin-left: 62px;
778 box-sizing: border-box; 841 box-sizing: border-box;
779 padding: 0 20px; 842 padding: 0 20px;
780 /deep/.el-radio-button__inner { 843 /deep/.el-radio-button__inner {
...@@ -797,6 +860,22 @@ export default { ...@@ -797,6 +860,22 @@ export default {
797 display: inline-block; 860 display: inline-block;
798 } 861 }
799 } 862 }
863 .change{
864 position: absolute;
865 left: 0;
866 top: 0;
867 height: 100%;
868 width: 80px;
869 border-right: 1px solid #dedede;
870 i{
871 cursor: pointer;
872 color: #0090FF;
873 font-size: 36px;
874 display: inherit;
875 text-align: center;
876 line-height: 128px;
877 }
878 }
800 .radioBtn { 879 .radioBtn {
801 margin-left: 10px; 880 margin-left: 10px;
802 padding: 12px 10px; 881 padding: 12px 10px;
...@@ -918,7 +997,7 @@ export default { ...@@ -918,7 +997,7 @@ export default {
918 } 997 }
919 .btnGroup { 998 .btnGroup {
920 margin: 20px auto 0; 999 margin: 20px auto 0;
921 width: 230px; 1000 width: 260px;
922 } 1001 }
923 .hbjDialog{ 1002 .hbjDialog{
924 /deep/ .el-dialog{ 1003 /deep/ .el-dialog{
......
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
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">
24 <el-input v-model="form.zrzh" maxlength="24"></el-input> 24 <el-input v-model="form.zrzh" maxlength="24" disabled></el-input>
25 </td> 25 </td>
26 </tr> 26 </tr>
27 <tr height="30"> 27 <tr height="30">
...@@ -55,33 +55,33 @@ ...@@ -55,33 +55,33 @@
55 <tr height="30"> 55 <tr height="30">
56 <td colspan="2" align="center">预测建筑面积(㎡)</td> 56 <td colspan="2" align="center">预测建筑面积(㎡)</td>
57 <td colspan="4"> 57 <td colspan="4">
58 <el-input v-model="form.ycjzmj"></el-input> 58 <el-input v-model="form.ycjzmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input>
59 </td> 59 </td>
60 <td colspan="2" align="center">实测建筑面积(㎡)</td> 60 <td colspan="2" align="center">实测建筑面积(㎡)</td>
61 <td colspan="4"> 61 <td colspan="4">
62 <el-input v-model="form.scjzmj"></el-input> 62 <el-input v-model="form.scjzmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input>
63 </td> 63 </td>
64 </tr> 64 </tr>
65 65
66 <tr height="30"> 66 <tr height="30">
67 <td colspan="2" align="center">预测地下面积(㎡)</td> 67 <td colspan="2" align="center">预测地下面积(㎡)</td>
68 <td colspan="4"> 68 <td colspan="4">
69 <el-input v-model="form.ycdxmj"></el-input> 69 <el-input v-model="form.ycdxmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input>
70 </td> 70 </td>
71 <td colspan="2" align="center">实测地下面积(㎡)</td> 71 <td colspan="2" align="center">实测地下面积(㎡)</td>
72 <td colspan="4"> 72 <td colspan="4">
73 <el-input v-model="form.scdxmj"></el-input> 73 <el-input v-model="form.scdxmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input>
74 </td> 74 </td>
75 </tr> 75 </tr>
76 76
77 <tr height="30"> 77 <tr height="30">
78 <td colspan="2" align="center">预测其他面积(㎡)</td> 78 <td colspan="2" align="center">预测其他面积(㎡)</td>
79 <td colspan="4"> 79 <td colspan="4">
80 <el-input v-model="form.ycqtmj"></el-input> 80 <el-input v-model="form.ycqtmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input>
81 </td> 81 </td>
82 <td colspan="2" align="center">实测其他面积(㎡)</td> 82 <td colspan="2" align="center">实测其他面积(㎡)</td>
83 <td colspan="4"> 83 <td colspan="4">
84 <el-input v-model="form.scqymj"></el-input> 84 <el-input v-model="form.scqymj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input>
85 </td> 85 </td>
86 </tr> 86 </tr>
87 87
...@@ -96,28 +96,25 @@ ...@@ -96,28 +96,25 @@
96 :rowspan="ytTitleRowspan" 96 :rowspan="ytTitleRowspan"
97 align="center" 97 align="center"
98 > 98 >
99 <el-button 99 <i class="iconfont iconicon-test1" style="margin-right: 8px;color:#66b1ff;font-size:30px" @click="addYtInfo"></i>
100 type="primary"
101 size="mini"
102 style="margin-right: 10px"
103 @click="addYtInfo"
104 >添加</el-button
105 >
106 <span>用途</span> 100 <span>用途</span>
107 </td> 101 </td>
108 <td colspan="1" align="center"> 102 <td colspan="1" align="center">
109 <span @click="deleteYtInfo(index)">删除</span> 103 <i class="iconfont iconicon-test" style="color:#FA6400;font-size:30px" @click="deleteYtInfo(index)"></i>
110 </td> 104 </td>
111 <td colspan="9"> 105 <td colspan="9">
112 <el-select v-model="item1.fwytzdbsm" placeholder="请选择"> 106 <el-select-tree style="width:100%"
113 <el-option 107 ref="yt"
114 v-for="item in $store.state.tdytList" 108 v-if="show"
115 :key="item.bsm" 109 :default-expand-all="defaultExpandAll"
116 :label="item.mc" 110 :multiple="multiple"
117 :value="item.bsm" 111 :placeholder="placeholder"
118 > 112 :data="$store.state.fwytList"
119 </el-option> 113 :props="treeProps"
120 </el-select> 114 :check-strictly="checkStrictly"
115 :clearable="clearable"
116 v-model="item1.fwytzdbsm"
117 ></el-select-tree>
121 </td> 118 </td>
122 </tr> 119 </tr>
123 120
...@@ -132,28 +129,25 @@ ...@@ -132,28 +129,25 @@
132 :rowspan="fwjgTitleRowspan" 129 :rowspan="fwjgTitleRowspan"
133 align="center" 130 align="center"
134 > 131 >
135 <el-button 132 <i class="iconfont iconicon-test1" style="margin-right: 8px;color:#66b1ff;font-size:30px" @click="addFwjgInfo"></i>
136 type="primary"
137 size="mini"
138 style="margin-right: 10px"
139 @click="addFwjgInfo"
140 >添加</el-button
141 >
142 <span>房屋结构</span> 133 <span>房屋结构</span>
143 </td> 134 </td>
144 <td colspan="1" align="center"> 135 <td colspan="1" align="center">
145 <span @click="deleteFwjgInfo(index)">删除</span> 136 <i class="iconfont iconicon-test" style="color:#FA6400;font-size:30px" @click="deleteFwjgInfo(index)"></i>
146 </td> 137 </td>
147 <td colspan="9"> 138 <td colspan="9">
148 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择"> 139 <el-select-tree style="width:100%"
149 <el-option 140 ref="yt"
150 v-for="item in $store.state.jgOptions" 141 v-if="show"
151 :key="item.bsm" 142 :default-expand-all="defaultExpandAll"
152 :label="item.mc" 143 :multiple="multiple"
153 :value="item.bsm" 144 :placeholder="placeholder"
154 > 145 :data="$store.state.jgOptions"
155 </el-option> 146 :props="treeProps"
156 </el-select> 147 :check-strictly="checkStrictly"
148 :clearable="clearable"
149 v-model="item1.fwjgzdbsm"
150 ></el-select-tree>
157 </td> 151 </td>
158 </tr> 152 </tr>
159 153
...@@ -192,12 +186,34 @@ ...@@ -192,12 +186,34 @@
192 186
193 <script> 187 <script>
194 import { insertLjzInfo } from "@api/lpb"; 188 import { insertLjzInfo } from "@api/lpb";
189 import { getQjLjzDetailById,updateQjLjz } from "@api/ljz";
195 import { formdate } from "@libs/function"; 190 import { formdate } from "@libs/function";
196 export default { 191 export default {
197 name: "ljz", 192 name: "ljz",
198 components: {}, 193 components: {},
194 props: {
195 ljzbsm:{
196 type: String,
197 default: '',
198 }
199 },
199 data() { 200 data() {
200 return { 201 return {
202
203 //树型结构
204 show:true,
205 clearable: true,
206 defaultExpandAll: true,
207 multiple: false,
208 placeholder: '请选择',
209 disabled: false,
210 checkStrictly: true,
211 treeProps: {
212 value: 'bsm',
213 children: 'children',
214 label: 'mc'
215 },
216
201 form: { 217 form: {
202 zrzbsm: "", 218 zrzbsm: "",
203 ljzh: "", //逻辑幢号 219 ljzh: "", //逻辑幢号
...@@ -269,7 +285,7 @@ export default { ...@@ -269,7 +285,7 @@ export default {
269 this.form = { 285 this.form = {
270 // zrzbsm: "", 286 // zrzbsm: "",
271 ljzh: "", //逻辑幢号 287 ljzh: "", //逻辑幢号
272 // zrzh: "", //自然幢号 288 zrzh: this.$store.state.zrzh, //自然幢号
273 ljzmc: "", //逻辑幢顺序号 289 ljzmc: "", //逻辑幢顺序号
274 bdcdyh: "", //不动产单元号 290 bdcdyh: "", //不动产单元号
275 mph: "", //门牌号 291 mph: "", //门牌号
...@@ -299,6 +315,8 @@ export default { ...@@ -299,6 +315,8 @@ export default {
299 zcs: "", //总层数 315 zcs: "", //总层数
300 jzwzt: "", //建筑物状态 316 jzwzt: "", //建筑物状态
301 }; 317 };
318 this.ytTitleRowspan= 1; //用途的单元格垂直合并数量
319 this.fwjgTitleRowspan= 1; //用途的单元格垂直合并数量
302 }, 320 },
303 deleteFwjgInfo(index) { 321 deleteFwjgInfo(index) {
304 if (this.form.fwjgList.length <= 1) { 322 if (this.form.fwjgList.length <= 1) {
...@@ -314,24 +332,95 @@ export default { ...@@ -314,24 +332,95 @@ export default {
314 onSave(data, bsm) { 332 onSave(data, bsm) {
315 //自然幢标识码 333 //自然幢标识码
316 this.form.zrzbsm = bsm; 334 this.form.zrzbsm = bsm;
317 insertLjzInfo(this.form).then((res) => { 335 if(this.ljzbsm == ''){
318 if (res.code === 200) { 336 insertLjzInfo(this.form).then((res) => {
319 this.$message.success("保存成功"); 337 if (res.code === 200) {
320 //更新树结构数据 338 this.$message.success("保存成功");
321 console.log(this); 339 //更新树结构数据
322 this.$parent.$parent.getLpbMenuTree(bsm); 340 console.log(this);
323 //关闭弹框 341 this.$parent.$parent.getLpbMenuTree(bsm);
324 this.$parent.$parent.closeDaialog(); 342 //关闭弹框
325 } 343 this.$parent.$parent.closeDaialog();
326 }); 344 }else{
345 this.$message.error(res.message);
346 }
347 });
348 }else{
349 //逻辑幢更新接口调用 TODO
350 console.log('保存');
351 updateQjLjz(this.form).then((res)=>{
352 if(res.code === 200){
353 this.$message.success("修改成功")
354 }
355 })
356 }
327 }, 357 },
328 onSubmit() { 358 onSubmit() {
329 console.log(this.form); 359 // console.log(this.form);
330 }, 360 },
361 //根据逻辑幢bsm查询逻辑幢信息
362 getLjzInfo(bsm){
363 //逻辑幢信息查询接口调用 bsm为逻辑幢bsm
364 getQjLjzDetailById(bsm).then((res)=>{
365 if(res.code === 200){
366 this.form = res.result;
367 this.form.zrzh = this.$store.state.zrzh;
368 this.form.fwjgList= [
369 {
370 fwjgzdbsm: "", //房屋结构字典标识码
371 glbsm: "", //关联标识码
372 sx: "", //顺序
373 },
374 ];
375 this.form.ytList= [
376 {
377 glbsm: "", //关联标识码
378 fwytzdbsm: "", //房屋用途字典标识码
379 sx: "", //顺序
380 },
381 ];
382 if(this.form.qjfwjg.length>0){
383 this.form.fwjgList= [];
384 for(let i =0;i<this.form.qjfwjg.length;i++){
385 this.form.fwjgList.push({
386 fwjgzdbsm: this.form.qjfwjg[i].fwjgzdbsm, //房屋结构字典标识码
387 glbsm: this.form.qjfwjg[i].glbsm, //关联标识码
388 sx: this.form.qjfwjg[i].sx, //顺序
389 })
390 }
391 }
392 if(this.form.qjfwyt.length>0){
393 this.form.ytList= [];
394 for(let i =0;i<this.form.qjfwyt.length;i++){
395 this.form.ytList.push({
396 fwytzdbsm: this.form.qjfwyt[i].fwytzdbsm, //房屋结构字典标识码
397 glbsm: this.form.qjfwyt[i].glbsm, //关联标识码
398 sx: this.form.qjfwyt[i].sx, //顺序
399 })
400 }
401 }
402 console.log(JSON.stringify(this.form)+":this.form")
403 }
404 })
405 this.$forceUpdate();
406 }
407 },
408 created() {
331 }, 409 },
332 created() {this.form.zrzh = this.$store.state.zrzh;},
333 mounted() { 410 mounted() {
411 this.form.zrzh = this.$store.state.zrzh;
334 }, 412 },
413 watch:{
414 ljzbsm: {
415 handler: function (item) {
416 console.log(item,'item');
417 if(item!='' && this.$parent.menuType == 'ljz'){
418 this.getLjzInfo(this.ljzbsm)
419 }
420 },
421 immediate: true
422 },
423 }
335 }; 424 };
336 </script> 425 </script>
337 <style rel="stylesheet/less" lang="less" scoped> 426 <style rel="stylesheet/less" lang="less" scoped>
......
...@@ -19,14 +19,14 @@ ...@@ -19,14 +19,14 @@
19 ref="ljz" 19 ref="ljz"
20 v-for="(ljzs, ljzIndex) in lpbData.ljzs" 20 v-for="(ljzs, ljzIndex) in lpbData.ljzs"
21 :key="ljzIndex" 21 :key="ljzIndex"
22 :style="{'marginTop':'30px'}" 22 :class="[{'mt30' : ljzIndex == 0},{'mt60' : ljzIndex == 1 || lpbData.ljzs.length == 1}]"
23 > 23 >
24 <!-- :style="{'marginTop':ljzs.zdys.length>0?'0':'30px'}" --> 24 <!-- :style="{'marginTop':ljzs.zdys.length>0?'0':'30px'}" -->
25 <!-- 循环逻辑幢下的幢单元 --> 25 <!-- 循环逻辑幢下的幢单元 -->
26 <div class="ljz-zdy-wrap"> 26 <div class="ljz-zdy-wrap">
27 <div 27 <div
28 class="ljz-zdy column-reverse" 28 class="ljz-zdy column-reverse"
29 :style="{ 'min-height': ljzzdyHeight + 40 + 'px','marginRight':zdyIndex<(ljzs.zdys.length-1) || ljzs.cs.length > 1?'20px':'0'}" 29 :style="{ 'min-height': ljzzdyHeight+ 'px','marginRight':zdyIndex<(ljzs.zdys.length-1) || ljzs.cs.length > 1?'20px':'0'}"
30 ref="ljzzdy" 30 ref="ljzzdy"
31 v-show="ljzs.zdys.length > 0" 31 v-show="ljzs.zdys.length > 0"
32 v-for="(zdys, zdyIndex) in ljzs.zdys" 32 v-for="(zdys, zdyIndex) in ljzs.zdys"
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
34 > 34 >
35 <!-- 幢单元名称 --> 35 <!-- 幢单元名称 -->
36 <div class="zdy-name name"> 36 <div class="zdy-name name">
37 <p> 37 <p class="cp" @dblclick="openZxx(zdys.bsm,'zdy')">
38 <!-- {{ zdys.zdymc }} --> 38 <!-- {{ zdys.zdymc }} -->
39 <el-checkbox @change='zdySelectAll($event,zdys.cs)'>{{ zdys.zdymc }}</el-checkbox> 39 <el-checkbox @change='zdySelectAll($event,zdys.cs)'>{{ zdys.zdymc }}</el-checkbox>
40 </p> 40 </p>
...@@ -56,6 +56,7 @@ ...@@ -56,6 +56,7 @@
56 ref="cBsm" 56 ref="cBsm"
57 @contextmenu.prevent="openMenu($event, cs, 'c')" 57 @contextmenu.prevent="openMenu($event, cs, 'c')"
58 @click="handleClickC($event, cs)" 58 @click="handleClickC($event, cs)"
59 @dblclick="openZxx(cs.bsm,'c')"
59 > 60 >
60 {{ cs.sjc }} 61 {{ cs.sjc }}
61 </td> 62 </td>
...@@ -65,6 +66,7 @@ ...@@ -65,6 +66,7 @@
65 :rowspan="hs.sjcs" 66 :rowspan="hs.sjcs"
66 :colspan="hs.sjhs" 67 :colspan="hs.sjhs"
67 :data-bsm="hs.bsm" 68 :data-bsm="hs.bsm"
69 :data-qszt="hs.qszt"
68 ref="hBsm" 70 ref="hBsm"
69 :key="hsIndex" 71 :key="hsIndex"
70 :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" 72 :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''"
...@@ -117,6 +119,7 @@ ...@@ -117,6 +119,7 @@
117 ref="cBsm" 119 ref="cBsm"
118 @contextmenu.prevent="openMenu($event, cs, 'c')" 120 @contextmenu.prevent="openMenu($event, cs, 'c')"
119 @click="handleClickC($event, cs)" 121 @click="handleClickC($event, cs)"
122 @dblclick="openZxx(cs.bsm,'c')"
120 > 123 >
121 {{ cs.sjc }} 124 {{ cs.sjc }}
122 </td> 125 </td>
...@@ -126,6 +129,7 @@ ...@@ -126,6 +129,7 @@
126 :rowspan="hs.sjcs" 129 :rowspan="hs.sjcs"
127 :colspan="hs.sjhs" 130 :colspan="hs.sjhs"
128 :data-bsm="hs.bsm" 131 :data-bsm="hs.bsm"
132 :data-qszt="hs.qszt"
129 ref="hBsm" 133 ref="hBsm"
130 :key="hsIndex" 134 :key="hsIndex"
131 :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" 135 :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''"
...@@ -153,7 +157,7 @@ ...@@ -153,7 +157,7 @@
153 157
154 <!-- 逻辑幢名称 --> 158 <!-- 逻辑幢名称 -->
155 <div class="ljz-name name"> 159 <div class="ljz-name name">
156 <p> 160 <p class="cp" @dblclick="openZxx(ljzs.bsm,'ljz')">
157 {{ ljzs.ljzmc }} 161 {{ ljzs.ljzmc }}
158 </p> 162 </p>
159 </div> 163 </div>
...@@ -170,8 +174,7 @@ ...@@ -170,8 +174,7 @@
170 > 174 >
171 <!-- 幢单元名称 --> 175 <!-- 幢单元名称 -->
172 <div class="zdy-name name"> 176 <div class="zdy-name name">
173 <p> 177 <p class="cp" @dblclick="openZxx(zdys.bsm,'zdy')">
174 <!-- {{ zdys.zdymc }} -->
175 <el-checkbox @change='zdySelectAll($event,zdys.cs)'>{{ zdys.zdymc }}</el-checkbox> 178 <el-checkbox @change='zdySelectAll($event,zdys.cs)'>{{ zdys.zdymc }}</el-checkbox>
176 </p> 179 </p>
177 </div> 180 </div>
...@@ -190,6 +193,7 @@ ...@@ -190,6 +193,7 @@
190 ref="cBsm" 193 ref="cBsm"
191 @contextmenu.prevent="openMenu($event, cs, 'c')" 194 @contextmenu.prevent="openMenu($event, cs, 'c')"
192 @click="handleClickC($event, cs)" 195 @click="handleClickC($event, cs)"
196 @dblclick="openZxx(cs.bsm,'c')"
193 > 197 >
194 {{ cs.sjc }} 198 {{ cs.sjc }}
195 </td> 199 </td>
...@@ -199,6 +203,7 @@ ...@@ -199,6 +203,7 @@
199 :rowspan="hs.sjcs" 203 :rowspan="hs.sjcs"
200 :colspan="hs.sjhs" 204 :colspan="hs.sjhs"
201 :data-bsm="hs.bsm" 205 :data-bsm="hs.bsm"
206 :data-qszt="hs.qszt"
202 ref="hBsm" 207 ref="hBsm"
203 :key="hsIndex" 208 :key="hsIndex"
204 :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" 209 :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''"
...@@ -244,6 +249,7 @@ ...@@ -244,6 +249,7 @@
244 ref="cBsm" 249 ref="cBsm"
245 @contextmenu.prevent="openMenu($event, cs, 'c')" 250 @contextmenu.prevent="openMenu($event, cs, 'c')"
246 @click="handleClickC($event, cs)" 251 @click="handleClickC($event, cs)"
252 @dblclick="openZxx(cs.bsm,'c')"
247 > 253 >
248 {{ cs.sjc }} 254 {{ cs.sjc }}
249 </td> 255 </td>
...@@ -253,6 +259,7 @@ ...@@ -253,6 +259,7 @@
253 :rowspan="hs.sjcs" 259 :rowspan="hs.sjcs"
254 :colspan="hs.sjhs" 260 :colspan="hs.sjhs"
255 :data-bsm="hs.bsm" 261 :data-bsm="hs.bsm"
262 :data-qszt="hs.qszt"
256 ref="hBsm" 263 ref="hBsm"
257 :key="hsIndex" 264 :key="hsIndex"
258 :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" 265 :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''"
...@@ -425,6 +432,7 @@ export default { ...@@ -425,6 +432,7 @@ export default {
425 loading: true, 432 loading: true,
426 hbsm:'', 433 hbsm:'',
427 hbsmList: [], 434 hbsmList: [],
435 hqsztList:[],
428 cbsmList: [], 436 cbsmList: [],
429 time: null, //区分单双击事件的定时器 437 time: null, //区分单双击事件的定时器
430 searchNum: Math.random(), 438 searchNum: Math.random(),
...@@ -495,6 +503,9 @@ export default { ...@@ -495,6 +503,9 @@ export default {
495 if(actual){ 503 if(actual){
496 this.lpbData = res.result == null ? this.yclpbData : res.result; 504 this.lpbData = res.result == null ? this.yclpbData : res.result;
497 } 505 }
506 if (this.lpbParent == 'isFwsxbg') {
507 this.lpbData = this.$parent.scyclx == '0' ? this.yclpbData:this.sclpbData;
508 }
498 this.$nextTick(() => { 509 this.$nextTick(() => {
499 //渲染楼盘表 510 //渲染楼盘表
500 this.dataChange(); 511 this.dataChange();
...@@ -516,11 +527,17 @@ export default { ...@@ -516,11 +527,17 @@ export default {
516 }, 527 },
517 //按照bdcdyh或shbw筛选户 528 //按照bdcdyh或shbw筛选户
518 lpbDataMap(sh) { 529 lpbDataMap(sh) {
519 //清除之前选中户
520 this.clearChoosedH();
521 this.searchNum = sh; 530 this.searchNum = sh;
531 if (this.hbsmList.length>0) {
532 //清除之前选中户
533 this.clearChoosedH();
534 }
522 // console.log("查询searchNum" + searchNum); 535 // console.log("查询searchNum" + searchNum);
523 }, 536 },
537 //接收范围属性变更传入的hbsm
538 getFwsxbgHbsm(bsm){
539 this.hbsmList.push(bsm);
540 },
524 //自然幢下元素高度宽度计算 541 //自然幢下元素高度宽度计算
525 dataChange() { 542 dataChange() {
526 //计算逻辑幢宽度 20为marginRight值 543 //计算逻辑幢宽度 20为marginRight值
...@@ -581,10 +598,7 @@ export default { ...@@ -581,10 +598,7 @@ export default {
581 //记录最高的幢单元高度 默认为第一个幢单元高度 598 //记录最高的幢单元高度 默认为第一个幢单元高度
582 zrzhighest = this.$refs.ljzzdy[0].offsetHeight; 599 zrzhighest = this.$refs.ljzzdy[0].offsetHeight;
583 this.$refs.ljzzdy.forEach((item) => { 600 this.$refs.ljzzdy.forEach((item) => {
584 this.ljzcHeight = 601 this.ljzcHeight = item.offsetHeight > this.ljzcHeight ? item.offsetHeight : this.ljzcHeight;
585 item.offsetHeight > this.ljzcHeight
586 ? item.offsetHeight
587 : this.ljzcHeight;
588 zrzhighest = zrzhighest > item.offsetHeight ? zrzhighest : item.offsetHeight; 602 zrzhighest = zrzhighest > item.offsetHeight ? zrzhighest : item.offsetHeight;
589 }); 603 });
590 //判断有无独立层户 604 //判断有无独立层户
...@@ -617,14 +631,16 @@ export default { ...@@ -617,14 +631,16 @@ export default {
617 // 开启延时器,200ms的间隔区分单击和双击,解决双击时执行两次单击事件 631 // 开启延时器,200ms的间隔区分单击和双击,解决双击时执行两次单击事件
618 clearTimeout(self.time); 632 clearTimeout(self.time);
619 self.time = setTimeout(() => { 633 self.time = setTimeout(() => {
634 this.closeMenu()
620 //判断点击的户是否选中 635 //判断点击的户是否选中
621 if (e.className.indexOf("tdSelect") == -1) { 636 if (e.className.indexOf("tdSelect") == -1) {
622 //未选中→选中 637 //未选中→选中
623 e.className = "tdSelect"; //加边框 638 e.className = "tdSelect"; //加边框
624 this.hbsmList.push(bsm); // 将户bsm放进hbsmList 639 this.hbsmList.push(bsm); // 将户bsm放进hbsmList
640 this.hqsztList.push(hs.qszt); // 将户qszt放进hqsztList
625 switch (this.lpbParent) { 641 switch (this.lpbParent) {
626 case 'isHbfg': 642 case 'isHbfg':
627 this.fghbChoosedList.push(hs); 643 self.fghbChoosedList.push(hs);
628 break; 644 break;
629 case 'isFwsxbg': 645 case 'isFwsxbg':
630 646
...@@ -634,6 +650,7 @@ export default { ...@@ -634,6 +650,7 @@ export default {
634 break; 650 break;
635 case 'isLpb': 651 case 'isLpb':
636 this.$parent.getHbsm(this.hbsmList, false); 652 this.$parent.getHbsm(this.hbsmList, false);
653 this.$parent.getQsztList(this.hqsztList, false);
637 break; 654 break;
638 655
639 default: 656 default:
...@@ -644,7 +661,7 @@ export default { ...@@ -644,7 +661,7 @@ export default {
644 e.className = ""; 661 e.className = "";
645 switch (this.lpbParent) { 662 switch (this.lpbParent) {
646 case 'isHbfg': 663 case 'isHbfg':
647 664 self.fghbChoosedList = self.fghbChoosedList.filter(i=>i!=hs)
648 break; 665 break;
649 case 'isFwsxbg': 666 case 'isFwsxbg':
650 667
...@@ -653,7 +670,10 @@ export default { ...@@ -653,7 +670,10 @@ export default {
653 670
654 break; 671 break;
655 case 'isLpb': 672 case 'isLpb':
673 this.hbsmList = this.hbsmList.filter(i=>i!=bsm);
674 this.hqsztList = this.hqsztList.filter(i=>i!=hs.qszt);
656 this.$parent.getHbsm(this.hbsmList, false); 675 this.$parent.getHbsm(this.hbsmList, false);
676 this.$parent.getQsztList(this.hqsztList, false);
657 break; 677 break;
658 678
659 default: 679 default:
...@@ -697,6 +717,7 @@ export default { ...@@ -697,6 +717,7 @@ export default {
697 }); 717 });
698 // 清空hbsmList 718 // 清空hbsmList
699 this.hbsmList = []; 719 this.hbsmList = [];
720 this.hqsztList = [];
700 // }); 721 // });
701 }, 722 },
702 //户右键点击事件 723 //户右键点击事件
...@@ -709,7 +730,7 @@ export default { ...@@ -709,7 +730,7 @@ export default {
709 this.rightClickFlag = this.isHb ? 'hb':'fg'; 730 this.rightClickFlag = this.isHb ? 'hb':'fg';
710 if (this.fghbChoosedList.length>1) { 731 if (this.fghbChoosedList.length>1) {
711 //合并 732 //合并
712 this.lpbChVisible = true; 733 this.lpbChVisible = this.hbsmList.indexOf(this.chData.bsm) > -1 ? true : false;
713 //判断选中户可以执行的合并类型 734 //判断选中户可以执行的合并类型
714 let chIsSame = this.fghbChoosedList.every((item)=> { 735 let chIsSame = this.fghbChoosedList.every((item)=> {
715 return item.ch == this.fghbChoosedList[0].ch; 736 return item.ch == this.fghbChoosedList[0].ch;
...@@ -728,7 +749,7 @@ export default { ...@@ -728,7 +749,7 @@ export default {
728 }) 749 })
729 }else{ 750 }else{
730 //分割 751 //分割
731 this.lpbChVisible = true; 752 this.lpbChVisible = this.hbsmList.indexOf(this.chData.bsm) > -1 ? true : false;
732 this.fgData.oldbsm = item.bsm; 753 this.fgData.oldbsm = item.bsm;
733 console.log(item,'item'); 754 console.log(item,'item');
734 //判断户的实际sjcs为1,只能水平分割 755 //判断户的实际sjcs为1,只能水平分割
...@@ -745,13 +766,16 @@ export default { ...@@ -745,13 +766,16 @@ export default {
745 } 766 }
746 break; 767 break;
747 case 'isFwsxbg': 768 case 'isFwsxbg':
748 console.log(item,'item'); 769 if (this.hbsmList[0] == item.bsm) {
749 this.rightClickFlag = 'fwsxbg'; 770 this.rightClickFlag = 'fwsxbg';
750 this.lpbChVisible = true; 771 this.lpbChVisible = true;
772 }else{
773 this.lpbChVisible = false;
774 }
751 break; 775 break;
752 case 'isCxlz': 776 case 'isCxlz':
753 this.rightClickFlag = 'cxlz'; 777 this.rightClickFlag = 'cxlz';
754 this.lpbChVisible = true; 778 this.lpbChVisible = this.hbsmList.indexOf(this.chData.bsm) > -1 ? true : false;
755 break; 779 break;
756 case 'isLpb': 780 case 'isLpb':
757 this.rightClickFlag = type; 781 this.rightClickFlag = type;
...@@ -776,7 +800,7 @@ export default { ...@@ -776,7 +800,7 @@ export default {
776 if (e.target.className.indexOf("tdSelect") == -1) { 800 if (e.target.className.indexOf("tdSelect") == -1) {
777 //未选中→选中 801 //未选中→选中
778 e.target.className += " tdSelect"; //加边框 802 e.target.className += " tdSelect"; //加边框
779 this.cbsmList.push(item.bsm); // 将户bsm放进hbsmList 803 this.cbsmList.push(item.bsm);
780 } else { 804 } else {
781 //选中→未选中 805 //选中→未选中
782 e.target.className = "floor"; 806 e.target.className = "floor";
...@@ -895,6 +919,8 @@ export default { ...@@ -895,6 +919,8 @@ export default {
895 this.fghbChoosedList = []; 919 this.fghbChoosedList = [];
896 // 更新楼盘表 920 // 更新楼盘表
897 this.getLpb(this.zrzbsm, this.$parent.scyclx); 921 this.getLpb(this.zrzbsm, this.$parent.scyclx);
922 }else{
923 Message.error(res.message);
898 } 924 }
899 }) 925 })
900 .catch(() => {}); 926 .catch(() => {});
...@@ -919,6 +945,8 @@ export default { ...@@ -919,6 +945,8 @@ export default {
919 this.fghbChoosedList = []; 945 this.fghbChoosedList = [];
920 // 更新楼盘表 946 // 更新楼盘表
921 this.getLpb(this.zrzbsm, this.$parent.scyclx); 947 this.getLpb(this.zrzbsm, this.$parent.scyclx);
948 }else{
949 Message.error(res.message);
922 } 950 }
923 }) 951 })
924 .catch(() => {}); 952 .catch(() => {});
...@@ -952,8 +980,8 @@ export default { ...@@ -952,8 +980,8 @@ export default {
952 }, 980 },
953 //户重新落宗 981 //户重新落宗
954 handleCxlz(){ 982 handleCxlz(){
955 if (this.hbsmList.length <= 0) { 983 if (this.hbsmList.indexOf(this.chData.bsm) == -1) {
956 this.hbsmList.push(this.chData); 984 this.hbsmList.push(this.chData.bsm);
957 } 985 }
958 this.hcxlzVisible = true 986 this.hcxlzVisible = true
959 }, 987 },
...@@ -963,32 +991,39 @@ export default { ...@@ -963,32 +991,39 @@ export default {
963 this.$refs.hBsm.forEach((item) => { 991 this.$refs.hBsm.forEach((item) => {
964 item.className = "tdSelect"; 992 item.className = "tdSelect";
965 this.hbsmList.push(item.dataset.bsm); // 将户bsm放进hbsmList 993 this.hbsmList.push(item.dataset.bsm); // 将户bsm放进hbsmList
994 this.hqsztList.push(item.dataset.qszt)
966 }); 995 });
967 }else{ 996 }else{
968 this.$refs.hBsm.forEach((item) => { 997 this.$refs.hBsm.forEach((item) => {
969 item.className = ""; 998 item.className = "";
970 this.hbsmList = []; 999 this.hbsmList = [];
1000 this.hqsztList = [];
971 }); 1001 });
972 } 1002 }
1003 this.$nextTick(()=>{
1004 this.$parent.getHbsm(this.hbsmList, false);
1005 this.$parent.getQsztList(this.hqsztList, false);
1006 })
973 }, 1007 },
974 //幢单元全选 1008 //幢单元全选
975 zdySelectAll(val,cs){ 1009 zdySelectAll(val,cs){
976 let zdyHbsmList = []; 1010 let zdyHbsmList = [];
1011 let zdyHqsztList = [];
977 cs.forEach(i=>{ 1012 cs.forEach(i=>{
978 i.hs.forEach(j=>{ 1013 i.hs.forEach(j=>{
979 zdyHbsmList.push(j.bsm) 1014 zdyHbsmList.push(j.bsm)
1015 zdyHqsztList.push(j.qszt)
980 }) 1016 })
981 }); 1017 });
982 if (val) { 1018 if (val) {
983 this.$nextTick(()=>{ 1019 this.$nextTick(()=>{
984 console.log(zdyHbsmList);
985 this.$refs.hBsm.forEach((item) => { 1020 this.$refs.hBsm.forEach((item) => {
986 console.log(item.dataset.bsm);
987 if (zdyHbsmList.indexOf(item.dataset.bsm)>-1) { 1021 if (zdyHbsmList.indexOf(item.dataset.bsm)>-1) {
988 item.className = "tdSelect"; 1022 item.className = "tdSelect";
989 this.hbsmList = zdyHbsmList; // 将户bsm放进hbsmList
990 } 1023 }
991 }); 1024 });
1025 this.hbsmList = this.hbsmList.concat(zdyHbsmList);
1026 this.hqsztList = this.hqsztList.concat(zdyHqsztList);
992 }) 1027 })
993 }else{ 1028 }else{
994 this.$refs.hBsm.forEach((item) => { 1029 this.$refs.hBsm.forEach((item) => {
...@@ -1001,8 +1036,25 @@ export default { ...@@ -1001,8 +1036,25 @@ export default {
1001 this.hbsmList = this.hbsmList.filter(i=>i!=j) 1036 this.hbsmList = this.hbsmList.filter(i=>i!=j)
1002 } 1037 }
1003 }) 1038 })
1039 zdyHqsztList.forEach(j=>{
1040 if (item.dataset.qszt == j) {
1041 this.hqsztList = this.hqsztList.filter(i=>i!=j)
1042 }
1043 })
1004 }); 1044 });
1005 1045 }
1046 this.$nextTick(()=>{
1047 this.$parent.getHbsm(this.hbsmList, false);
1048 this.$parent.getQsztList(this.hqsztList, false);
1049 })
1050 },
1051 //逻辑幢、幢单元、层双击
1052 openZxx(bsm,type){
1053 if (this.lpbParent == 'isLpb') {
1054 this.$parent.taskTitle = '编辑';
1055 this.$parent.dialogVisible = true;
1056 this.$parent.curBsm = bsm;
1057 this.$parent.menuType = type;
1006 } 1058 }
1007 } 1059 }
1008 }, 1060 },
...@@ -1040,7 +1092,8 @@ export default { ...@@ -1040,7 +1092,8 @@ export default {
1040 console.log(item.dataset.bsm, "item.dataset.bsm"); 1092 console.log(item.dataset.bsm, "item.dataset.bsm");
1041 // 判断hbsmList中是否已经存在 1093 // 判断hbsmList中是否已经存在
1042 if (this.hbsmList.indexOf(item.dataset.bsm) == -1) { 1094 if (this.hbsmList.indexOf(item.dataset.bsm) == -1) {
1043 this.hbsmList.push(item.dataset.bsm); // 将户bsm放进hbsmList 1095 this.hbsmList.push(item.dataset.bsm);
1096 this.hqsztList.push(item.dataset.qszt);
1044 } 1097 }
1045 } 1098 }
1046 }); 1099 });
...@@ -1048,16 +1101,20 @@ export default { ...@@ -1048,16 +1101,20 @@ export default {
1048 }, 1101 },
1049 //父组件中选择单元状态改变选中户的边框颜色 1102 //父组件中选择单元状态改变选中户的边框颜色
1050 choosedList(n) { 1103 choosedList(n) {
1051 this.$refs.hBsm.forEach((item) => { 1104 if (n.length>0) {
1052 this.choosedList.forEach((i) => { 1105 this.$refs.hBsm.forEach((item) => {
1053 if (item.dataset.bsm == i) { 1106 this.choosedList.forEach((i,ind) => {
1054 //定位到最后一个户所在位置 1107 if (item.dataset.bsm == i) {
1055 this.$refs.lpbContent.scrollTop = item.offsetTop; 1108 if (ind == 0) {
1056 this.$refs.lpbContent.scrollLeft = item.offsetLeft; 1109 //定位到第一个户所在位置
1057 item.style.border = '1px solid '+this.borderColor; 1110 this.$refs.lpbContent.scrollTop = item.offsetTop;
1058 } 1111 this.$refs.lpbContent.scrollLeft = item.offsetLeft;
1112 }
1113 item.style.border = '1px solid '+this.borderColor;
1114 }
1115 });
1059 }); 1116 });
1060 }); 1117 }
1061 }, 1118 },
1062 lpbChVisible(value) { 1119 lpbChVisible(value) {
1063 if (value) { 1120 if (value) {
...@@ -1089,6 +1146,7 @@ export default { ...@@ -1089,6 +1146,7 @@ export default {
1089 .ljz { 1146 .ljz {
1090 // margin-bottom: 20px; 1147 // margin-bottom: 20px;
1091 display: table; 1148 display: table;
1149 margin-top: 30px;
1092 // position: relative; 1150 // position: relative;
1093 .ljz-zdy-wrap { 1151 .ljz-zdy-wrap {
1094 width: auto; 1152 width: auto;
...@@ -1136,13 +1194,16 @@ export default { ...@@ -1136,13 +1194,16 @@ export default {
1136 1194
1137 } 1195 }
1138 } 1196 }
1197 .mt30{
1198 margin-top: 30px;
1199 }
1200 .mt60{
1201 margin-top: 60px;
1202 }
1139 div:last-child { 1203 div:last-child {
1140 margin-right: 0; 1204 margin-right: 0;
1141 } 1205 }
1142 } 1206 }
1143 .bottom40 {
1144 // margin-bottom: -30px;
1145 }
1146 .zdy-wrap { 1207 .zdy-wrap {
1147 height: auto; 1208 height: auto;
1148 overflow: hidden; 1209 overflow: hidden;
......
...@@ -46,9 +46,16 @@ ...@@ -46,9 +46,16 @@
46 <script> 46 <script>
47 47
48 import {insertZdyInfo} from "@api/lpb" 48 import {insertZdyInfo} from "@api/lpb"
49 import {getQjZdyDetailById,updateQjZdy} from "@api/zdy"
49 export default { 50 export default {
50 name: "index", 51 name: "index",
51 components: {}, 52 components: {},
53 props: {
54 zdybsm:{
55 type: String,
56 default: '',
57 }
58 },
52 data(){ 59 data(){
53 return{ 60 return{
54 form:{ 61 form:{
...@@ -86,23 +93,42 @@ ...@@ -86,23 +93,42 @@
86 submitForm(formName,zrzbsm,ljzbsm) { 93 submitForm(formName,zrzbsm,ljzbsm) {
87 this.form.zrzbsm=zrzbsm; 94 this.form.zrzbsm=zrzbsm;
88 this.form.ljzbsm= zrzbsm == ljzbsm ? '':ljzbsm; 95 this.form.ljzbsm= zrzbsm == ljzbsm ? '':ljzbsm;
89 this.$refs[formName].validate((valid) => { 96 //判断zdybsm是否为空,不为空的时候是编辑,为空的时候是新增
90 if (valid) { 97 if (this.zdybsm == '') {
91 insertZdyInfo(this.form).then((res)=>{ 98 this.$refs[formName].validate((valid) => {
92 if(res.code===200){ 99 if (valid) {
93 this.$message.success("保存成功!") 100 insertZdyInfo(this.form).then((res)=>{
94 //更新树结构数据 101 if(res.code===200){
95 this.$parent.$parent.getLpbMenuTree(zrzbsm); 102 this.$message.success("保存成功!")
96 //关闭弹框 103 //更新树结构数据
97 this.$parent.$parent.closeDaialog() 104 this.$parent.$parent.getLpbMenuTree(zrzbsm);
98 } 105 //关闭弹框
99 return true; 106 this.$parent.$parent.closeDaialog()
100 }) 107 }
101 } else { 108 return true;
102 console.log('error submit!!'); 109 })
103 return false; 110 } else {
111 console.log('error submit!!');
112 return false;
113 }
114 });
115 }else{
116 //编辑幢单元接口
117 updateQjZdy(this.form).then((res)=>{
118 if(res.code === 200){
119 this.$message.success("保存成功")
120 }
121 })
122 }
123 },
124 getZdyInfo(bsm){
125 //查询幢单元信息接口
126 getQjZdyDetailById(bsm).then((res)=>{
127 if(res.code === 200){
128 this.form = res.result;
104 } 129 }
105 }); 130 })
131
106 }, 132 },
107 reset(){ 133 reset(){
108 this.form = { 134 this.form = {
...@@ -114,11 +140,21 @@ ...@@ -114,11 +140,21 @@
114 bz:'', 140 bz:'',
115 } 141 }
116 } 142 }
143 },
144 watch:{
145 zdybsm: {
146 handler: function (item) {
147 if(item!='' && this.$parent.$parent.menuType == 'zdy'){
148 this.getZdyInfo(item)
149 }
150 },
151 immediate: true
152 },
117 } 153 }
118 } 154 }
119 </script> 155 </script>
120 156
121 <style scoped> 157 <style scoped lang="less">
122 /deep/.el-input__inner{ 158 /deep/.el-input__inner{
123 width: 100%; 159 width: 100%;
124 border:0; 160 border:0;
......
1 <template> 1 <template>
2 <div class="lpb"> 2 <div class="lpb">
3 <el-tabs v-model="activeName" type="card" @tab-click="handleClick"> 3 <bjlp></bjlp>
4 <!-- <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
4 <el-tab-pane label="编辑楼盘" name="edit"> 5 <el-tab-pane label="编辑楼盘" name="edit">
5 <bjlp></bjlp>
6 </el-tab-pane> 6 </el-tab-pane>
7 <el-tab-pane label="预览楼盘" name="preview"> 7 <el-tab-pane label="预览楼盘" name="preview">
8 <yllp></yllp> 8 <yllp></yllp>
...@@ -10,17 +10,15 @@ ...@@ -10,17 +10,15 @@
10 <el-tab-pane label="详细信息" name="detail"> 10 <el-tab-pane label="详细信息" name="detail">
11 <xxxx></xxxx> 11 <xxxx></xxxx>
12 </el-tab-pane> 12 </el-tab-pane>
13 </el-tabs> 13 </el-tabs> -->
14 </div> 14 </div>
15 </template> 15 </template>
16 16
17 <script> 17 <script>
18 import bjlp from "./bjlp" 18 import bjlp from "./bjlp"
19 import yllp from "./yllp"
20 import xxxx from "./xxxx"
21 export default { 19 export default {
22 name:"", 20 name:"",
23 components:{bjlp,yllp,xxxx}, 21 components:{bjlp},
24 props:{}, 22 props:{},
25 data() { 23 data() {
26 return { 24 return {
......
1 <template> 1 <template>
2 <div class=""> 2 <div class="">
3 <el-radio-group v-model="scyclx" @change="scyclxChange">
4 <el-radio-button label="0">预测</el-radio-button>
5 <el-radio-button label="1">实测</el-radio-button>
6 </el-radio-group>
7 <el-button @click="update">更新数据</el-button>
8 <el-table 3 <el-table
9 :data="tableData" 4 :data="tableData"
10 style="width: 100%;margin-bottom: 20px;" 5 style="width: 100%;margin-bottom: 20px;"
...@@ -14,6 +9,7 @@ ...@@ -14,6 +9,7 @@
14 :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> 9 :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
15 <el-table-column 10 <el-table-column
16 prop="mc" 11 prop="mc"
12 width="200"
17 label="地址(单元名称)"> 13 label="地址(单元名称)">
18 </el-table-column> 14 </el-table-column>
19 <el-table-column 15 <el-table-column
...@@ -73,7 +69,6 @@ export default { ...@@ -73,7 +69,6 @@ export default {
73 tableData: [], 69 tableData: [],
74 scData:[], 70 scData:[],
75 ycData:[], 71 ycData:[],
76 scyclx:'0',
77 } 72 }
78 }, 73 },
79 created(){}, 74 created(){},
...@@ -82,13 +77,6 @@ export default { ...@@ -82,13 +77,6 @@ export default {
82 }, 77 },
83 methods:{ 78 methods:{
84 79
85 scyclxChange(){
86 if(this.scyclx === '0'){
87 this.tableData = this.ycData;
88 }else {
89 this.tableData = this.scData;
90 }
91 },
92 80
93 chFilter(row, column){ 81 chFilter(row, column){
94 if(row.ch === 0){ 82 if(row.ch === 0){
...@@ -106,26 +94,20 @@ export default { ...@@ -106,26 +94,20 @@ export default {
106 } 94 }
107 }, 95 },
108 96
109 update(){ 97 // update(){
110 this.getData(); 98 // this.getData();
111 }, 99 // },
112 100
113 getData(){ 101 getData(){
114 let zrzbsm = this.$store.state.zrzbsm; 102 let zrzbsm = this.$store.state.zrzbsm;
115 // let scyclx = this.scyclx; 103 // let scyclx = this.scyclx;
116 getDetailInfo(zrzbsm,'0').then((res)=>{ 104 getDetailInfo(zrzbsm,this.$parent.scyclx).then((res)=>{
117 if(res.code===200){ 105 if(res.code===200){
118 console.log(res.result) 106 console.log(res.result)
119 this.ycData = res.result; 107 this.ycData = res.result;
120 this.tableData=this.ycData; 108 this.tableData=this.ycData;
121 } 109 }
122 }); 110 });
123 getDetailInfo(zrzbsm,'1').then((res)=>{
124 if(res.code===200){
125 console.log(res.result)
126 this.scData = res.result;
127 }
128 })
129 }, 111 },
130 112
131 load(tree, treeNode, resolve) { 113 load(tree, treeNode, resolve) {
...@@ -148,8 +130,16 @@ export default { ...@@ -148,8 +130,16 @@ export default {
148 130
149 131
150 }, 132 },
151 computed: {}, 133 computed: {
152 watch: {}, 134 scyclx(){
135 return this.$parent.scyclx
136 }
137 },
138 watch: {
139 scyclx(){
140 this.getData();
141 }
142 },
153 } 143 }
154 </script> 144 </script>
155 <style scoped lang="less"> 145 <style scoped lang="less">
......
1 <template> 1 <template>
2 <div class="main" ref="mainBox"> 2 <div class="main" ref="mainBox">
3 <table border="1"> 3 <table border="1">
4 <tr> 4 <tr>
5 <td colspan="3">宗地代码</td> 5 <td colspan="3">宗地代码</td>
6 <td colspan="4"><input type="text" class="formInput" v-model="zddm " disabled/></td> 6 <td colspan="4">
7 <el-input v-model="zddm " disabled></el-input>
8 </td>
7 </tr> 9 </tr>
8 <tr> 10 <tr>
9 <td colspan="3">建筑物区分所有权业主共有部分权利人</td> 11 <td colspan="3">建筑物区分所有权业主共有部分权利人</td>
10 <td colspan="4"><input type="text" class="formInput" v-model="Data.qlr" disabled/></td> 12 <td colspan="4">
13 <el-input v-model="Data.qlr" disabled></el-input>
14 </td>
11 </tr> 15 </tr>
12 </table> 16 </table>
13 <table border="1"> 17 <table border="1">
14 <tr> 18 <tr>
15 <td> 19 <th>
16 <el-button 20 <el-button
17 type="primary" 21 type="primary"
18 class="changeBtn inAdd addMinus" 22 class="changeBtn inAdd addMinus"
19 @click="addRow" 23 @click="addRow"
20 >+</el-button 24 >+
21 > 25 </el-button
22 </td> 26 >
23 <td>建(构)筑物编号</td> 27 </th>
24 <td>建(构)筑物数量</td> 28 <th>建(构)筑物编号</th>
25 <td>建(构)筑物面积(㎡)</td> 29 <th>建(构)筑物数量</th>
26 <td>占地面积(㎡)</td> 30 <th>建(构)筑物面积(㎡)</th>
27 <td>分摊土地面积(㎡)</td> 31 <th>占地面积(㎡)</th>
28 <td>附记</td> 32 <th>分摊土地面积(㎡)</th>
33 <th>附记</th>
29 </tr> 34 </tr>
30 <tr v-for="(item,i) in Data.list" :key="i"> 35 <tr v-for="(item,i) in Data.list" :key="i">
31 <td> 36 <td>
32 <el-button 37 <el-button
33 type="primary" 38 type="primary"
34 class="changeBtn inMinus addMinus" 39 class="changeBtn inMinus addMinus"
35 @click="delRow(i)" 40 @click="delRow(i)"
36 >-</el-button 41 >-
42 </el-button
37 > 43 >
38 </td> 44 </td>
39 <td><el-input v-model="item.jgzwbh" placeholder="请输入建(构)筑物编号"></el-input></td> 45 <td>
40 <td><el-input v-model="item.jgzsl" oninput="value = (value.match(/^\d*/g)) || null" placeholder="请输入建(构)筑物数量"></el-input></td> 46 <el-input v-model="item.jgzwbh" placeholder="请输入建(构)筑物编号" maxlength="10"></el-input>
41 <td><el-input v-model="item.jgzmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="请输入建(构)筑物面积(㎡)"></el-input></td> 47 </td>
42 <td><el-input v-model="item.zdmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="请输入占地面积(㎡)"></el-input></td> 48 <td>
43 <td><el-input v-model="item.fttdmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="请输入分摊土地面积(㎡)"></el-input></td> 49 <el-input v-model="item.jgzsl" oninput="value = (value.match(/^\d{0,9}/g)) || null"
44 <td><el-input v-model="item.fj" placeholder="请输入附记"></el-input></td> 50 placeholder="请输入建(构)筑物数量"></el-input>
51 </td>
52 <td>
53 <el-input v-model="item.jgzmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"
54 placeholder="请输入建(构)筑物面积(㎡)"></el-input>
55 </td>
56 <td>
57 <el-input v-model="item.zdmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"
58 placeholder="请输入占地面积(㎡)"></el-input>
59 </td>
60 <td>
61 <el-input v-model="item.fttdmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"
62 placeholder="请输入分摊土地面积(㎡)"></el-input>
63 </td>
64 <td>
65 <el-input v-model="item.fj" placeholder="请输入附记"></el-input>
66 </td>
45 </tr> 67 </tr>
46 <!-- <tr>
47 <td>统计</td>
48 <td>{{sumTdsyqsyqmj}}</td>
49 <td>{{sumDydytdmj}}</td>
50 <td>{{sumFttdmj}}</td>
51 <td>{{sumFttdmj}}</td>
52 <td>{{sumFttdmj}}</td>
53 <td>{{sumFttdmj}}</td>
54 </tr>-->
55 </table> 68 </table>
56 <!-- <div class="pers">
57 <el-button @click="save" type="primary">保存</el-button>
58 </div> -->
59 <div class="header-button" :style="{width:mainBoxWidth+'px'}"> 69 <div class="header-button" :style="{width:mainBoxWidth+'px'}">
60 <el-button type="primary" class="saveBtn" @click="save">保存</el-button> 70 <el-button type="primary" class="saveBtn" @click="save">保存</el-button>
61 </div> 71 </div>
62 </div> 72 </div>
63 </template> 73 </template>
...@@ -85,14 +95,13 @@ ...@@ -85,14 +95,13 @@
85 fj: '' 95 fj: ''
86 }] 96 }]
87 }, 97 },
88 mainBoxWidth:0 98 mainBoxWidth: 0
89 } 99 }
90 }, 100 },
91 101
92 methods: { 102 methods: {
93 getData(id) { 103 getData(id) {
94 queryYzgy(id).then(res => { 104 queryYzgy(id).then(res => {
95 console.log(res)
96 if (res.result != null) { 105 if (res.result != null) {
97 this.Data = res.result 106 this.Data = res.result
98 } 107 }
...@@ -100,12 +109,11 @@ ...@@ -100,12 +109,11 @@
100 }, 109 },
101 save() { 110 save() {
102 console.log(this.Data); 111 console.log(this.Data);
103 if(this.Data.list.length === 0){ 112 if (this.Data.list.length === 0) {
104 Message.info("至少填写一条建筑物信息") 113 Message.info("至少填写一条建筑物信息")
105 return 114 return
106 } 115 }
107 saveYzgy(this.Data).then(res => { 116 saveYzgy(this.Data).then(res => {
108 console.log(res)
109 if (res.success) { 117 if (res.success) {
110 Message.success("新增成功") 118 Message.success("新增成功")
111 this.getData(this.$store.state.zrzbsm) 119 this.getData(this.$store.state.zrzbsm)
...@@ -194,7 +202,9 @@ ...@@ -194,7 +202,9 @@
194 .dzwsl { 202 .dzwsl {
195 width: 200px; 203 width: 200px;
196 } 204 }
205
197 .header-button { 206 .header-button {
207 z-index: 3;
198 height: 50px; 208 height: 50px;
199 position: fixed; 209 position: fixed;
200 bottom: 0; 210 bottom: 0;
......
1 <template> 1 <template>
2 <div class="main" ref="mainBox"> 2 <div class="main" ref="mainBox">
3 <div class="formMenu"> 3 <div class="formMenu">
4 <Qlr ref="qlrxxModule" :bsm="bsm" :qszt="form.qszt"></Qlr> 4 <Qlr ref="qlrxxModule" :bsm="bsm" :qszt="form.qszt" :type="lx"></Qlr>
5 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="zrzTable"> 5 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="zrzTable">
6 <tr> 6 <tr>
7 <th colspan="12">自然幢基本信息</th> 7 <th colspan="12">自然幢基本信息</th>
...@@ -10,40 +10,40 @@ ...@@ -10,40 +10,40 @@
10 <td colspan="2" class="tdright">宗地代码</td> 10 <td colspan="2" class="tdright">宗地代码</td>
11 <td colspan="4" style="min-width:450px"> 11 <td colspan="4" style="min-width:450px">
12 <input v-model="form.zddm" class="formInput" disabled> 12 <input v-model="form.zddm" class="formInput" disabled>
13 <input v-show="false" :disabled="form.qszt!='0'" maxlength="19" class="formInput" v-model="form.zdbsm"> 13 <input v-show="false" :disabled="disabled" maxlength="19" class="formInput" v-model="form.zdbsm">
14 </td> 14 </td>
15 <td colspan="2" class="tdright"><i class="requisite">*</i>自然幢号</td> 15 <td colspan="2" class="tdright"><i class="requisite">*</i>自然幢号</td>
16 <td colspan="4" class="psr"> 16 <td colspan="4" class="psr">
17 <input class="formInput percent80" ref="zrzh" @blur="inputBlur($event)" :disabled="form.qszt!='0'" maxlength="24" v-model="form.zrzh"> 17 <input class="formInput percent80" ref="zrzh" @blur="inputBlur($event)" :disabled="disabled" maxlength="24" v-model="form.zrzh">
18 <el-button @click.prevent="generatorCode" type="warning" class="createBtn" size="mini">生成</el-button> 18 <el-button @click.prevent="generatorCode" type="warning" :disabled="disabled" class="createBtn" size="mini">生成</el-button>
19 </td> 19 </td>
20 </tr> 20 </tr>
21 <tr> 21 <tr>
22 <td colspan="2" class="tdright"><i class="requisite">*</i>项目名称</td> 22 <td colspan="2" class="tdright"><i class="requisite">*</i>项目名称</td>
23 <td colspan="4" > 23 <td colspan="4" >
24 <input class="formInput " ref="xmmc" @blur="inputBlur($event)" :disabled="form.qszt!='0'" v-model="form.xmmc"> 24 <input class="formInput " ref="xmmc" @blur="inputBlur($event)" :disabled="disabled" v-model="form.xmmc">
25 </td> 25 </td>
26 <td colspan="2" class="tdright"><i class="requisite">*</i>不动产单元号</td> 26 <td colspan="2" class="tdright"><i class="requisite">*</i>不动产单元号</td>
27 <td colspan="4"> 27 <td colspan="4">
28 <input class="formInput " ref="bdcdyh" @blur="inputBlur($event)" :disabled="form.qszt!='0'" maxlength="28" v-model="form.bdcdyh"> 28 <input class="formInput " ref="bdcdyh" @blur="inputBlur($event)" :disabled="disabled" maxlength="28" v-model="form.bdcdyh">
29 </td> 29 </td>
30 </tr> 30 </tr>
31 31
32 <tr> 32 <tr>
33 <td colspan="2" class="tdright">建筑物名称</td> 33 <td colspan="2" class="tdright">建筑物名称</td>
34 <td colspan="4" > 34 <td colspan="4" >
35 <input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwmc"> 35 <input class="formInput" :disabled="disabled" v-model="form.jzwmc">
36 </td> 36 </td>
37 <td colspan="2" class="tdright">建筑物基本用途</td> 37 <td colspan="2" class="tdright">建筑物基本用途</td>
38 <td colspan="4" > 38 <td colspan="4" >
39 <input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwjbyt"> 39 <input class="formInput" :disabled="disabled" v-model="form.jzwjbyt">
40 </td> 40 </td>
41 </tr> 41 </tr>
42 42
43 <tr> 43 <tr>
44 <td colspan="2" class="tdright"><i class="requisite">*</i>房屋性质</td> 44 <td colspan="2" class="tdright"><i class="requisite">*</i>房屋性质</td>
45 <td colspan="4" > 45 <td colspan="4" >
46 <el-select class="formSelect" ref="fwxz" :disabled="form.qszt!='0'" v-model="form.fwxzbsm" placeholder="请选择" > 46 <el-select class="formSelect" ref="fwxz" :disabled="disabled" v-model="form.fwxzbsm" placeholder="请选择" >
47 <el-option 47 <el-option
48 v-for="item in $store.state.fwxzOptions" 48 v-for="item in $store.state.fwxzOptions"
49 :key="item.bsm" 49 :key="item.bsm"
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
56 <td colspan="4" > 56 <td colspan="4" >
57 <el-date-picker 57 <el-date-picker
58 style="width:100%" 58 style="width:100%"
59 :disabled="form.qszt!='0'" 59 :disabled="disabled"
60 v-model="form.jgrq" 60 v-model="form.jgrq"
61 type="date" 61 type="date"
62 placeholder="选择日期"> 62 placeholder="选择日期">
...@@ -66,55 +66,55 @@ ...@@ -66,55 +66,55 @@
66 <tr> 66 <tr>
67 <td colspan="2" class="tdright">地下层数</td> 67 <td colspan="2" class="tdright">地下层数</td>
68 <td colspan="4" > 68 <td colspan="4" >
69 <input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.dxcs"> 69 <input class="formInput" :disabled="disabled" type="number" v-model="form.dxcs">
70 </td> 70 </td>
71 <td colspan="2" class="tdright">地上层数</td> 71 <td colspan="2" class="tdright">地上层数</td>
72 <td colspan="4" > 72 <td colspan="4" >
73 <input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.dscs"> 73 <input class="formInput" :disabled="disabled" type="number" v-model="form.dscs">
74 </td> 74 </td>
75 </tr> 75 </tr>
76 76
77 <tr> 77 <tr>
78 <td colspan="2" class="tdright">总层数</td> 78 <td colspan="2" class="tdright">总层数</td>
79 <td colspan="4" > 79 <td colspan="4" >
80 <input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.zcs"> 80 <input class="formInput" :disabled="disabled" type="number" v-model="form.zcs">
81 </td> 81 </td>
82 <td colspan="2" class="tdright">总套数</td> 82 <td colspan="2" class="tdright">总套数</td>
83 <td colspan="4" > 83 <td colspan="4" >
84 <input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.zts"> 84 <input class="formInput" :disabled="disabled" type="number" v-model="form.zts">
85 </td> 85 </td>
86 86
87 </tr> 87 </tr>
88 <tr> 88 <tr>
89 <td colspan="2" class="tdright">建筑物高度(m)</td> 89 <td colspan="2" class="tdright">建筑物高度(m)</td>
90 <td colspan="4" > 90 <td colspan="4" >
91 <input class="formInput" type="number" :disabled="form.qszt!='0'" v-model="form.jzwgd"> 91 <input class="formInput" type="number" :disabled="disabled" v-model="form.jzwgd">
92 </td> 92 </td>
93 <td colspan="2" class="tdright">地下深度(m)</td> 93 <td colspan="2" class="tdright">地下深度(m)</td>
94 <td colspan="4" > 94 <td colspan="4" >
95 <input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.dxsd"> 95 <input class="formInput" :disabled="disabled" type="number" v-model="form.dxsd">
96 </td> 96 </td>
97 </tr> 97 </tr>
98 98
99 <tr> 99 <tr>
100 <td colspan="2" class="tdright">幢用地面积(㎡)</td> 100 <td colspan="2" class="tdright">幢用地面积(㎡)</td>
101 <td colspan="4" > 101 <td colspan="4" >
102 <input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.zydmj"> 102 <input class="formInput" :disabled="disabled" type="number" v-model="form.zydmj">
103 </td> 103 </td>
104 <td colspan="2" class="tdright">幢占用地面积(㎡)</td> 104 <td colspan="2" class="tdright">幢占用地面积(㎡)</td>
105 <td colspan="4" > 105 <td colspan="4" >
106 <input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.zzdmj"> 106 <input class="formInput" :disabled="disabled" type="number" v-model="form.zzdmj">
107 </td> 107 </td>
108 </tr> 108 </tr>
109 109
110 <tr> 110 <tr>
111 <td colspan="2" class="tdright">预测建筑面积(㎡)</td> 111 <td colspan="2" class="tdright">预测建筑面积(㎡)</td>
112 <td colspan="4" > 112 <td colspan="4" >
113 <input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.ycjzmj"> 113 <input class="formInput" :disabled="disabled" type="number" v-model="form.ycjzmj">
114 </td> 114 </td>
115 <td colspan="2" class="tdright">实测建筑面积(㎡)</td> 115 <td colspan="2" class="tdright">实测建筑面积(㎡)</td>
116 <td colspan="4" > 116 <td colspan="4" >
117 <input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.scjzmj"> 117 <input class="formInput" :disabled="disabled" type="number" v-model="form.scjzmj">
118 </td> 118 </td>
119 </tr> 119 </tr>
120 120
...@@ -123,7 +123,7 @@ ...@@ -123,7 +123,7 @@
123 <tr> 123 <tr>
124 <td colspan="2" class="tdright">产别</td> 124 <td colspan="2" class="tdright">产别</td>
125 <td colspan="4" > 125 <td colspan="4" >
126 <el-select v-model="form.fwcbbsm" :disabled="form.qszt!='0'" placeholder="请选择" > 126 <el-select v-model="form.fwcbbsm" :disabled="disabled" placeholder="请选择" >
127 <el-option 127 <el-option
128 v-for="item in $store.state.cbOptions" 128 v-for="item in $store.state.cbOptions"
129 :key="item.bsm" 129 :key="item.bsm"
...@@ -134,7 +134,7 @@ ...@@ -134,7 +134,7 @@
134 </td> 134 </td>
135 <td colspan="2" class="tdright">产权来源</td> 135 <td colspan="2" class="tdright">产权来源</td>
136 <td colspan="4" > 136 <td colspan="4" >
137 <el-select v-model="form.fwcqlybsm" :disabled="form.qszt!='0'" placeholder="请选择" > 137 <el-select v-model="form.fwcqlybsm" :disabled="disabled" placeholder="请选择" >
138 <el-option 138 <el-option
139 v-for="item in $store.state.cqlyOptions" 139 v-for="item in $store.state.cqlyOptions"
140 :key="item.bsm" 140 :key="item.bsm"
...@@ -163,7 +163,7 @@ ...@@ -163,7 +163,7 @@
163 :default-expand-all="defaultExpandAll" 163 :default-expand-all="defaultExpandAll"
164 :multiple="multiple" 164 :multiple="multiple"
165 :placeholder="placeholder" 165 :placeholder="placeholder"
166 :disabled="form.qszt!='0'" 166 :disabled="disabled"
167 :data="$store.state.fwytList" 167 :data="$store.state.fwytList"
168 :props="treeProps" 168 :props="treeProps"
169 :check-strictly="checkStrictly" 169 :check-strictly="checkStrictly"
...@@ -179,7 +179,7 @@ ...@@ -179,7 +179,7 @@
179 :default-expand-all="defaultExpandAll" 179 :default-expand-all="defaultExpandAll"
180 :multiple="multiple" 180 :multiple="multiple"
181 :placeholder="placeholder" 181 :placeholder="placeholder"
182 :disabled="form.qszt!='0'" 182 :disabled="disabled"
183 :data="$store.state.fwytList" 183 :data="$store.state.fwytList"
184 :props="treeProps" 184 :props="treeProps"
185 :check-strictly="checkStrictly" 185 :check-strictly="checkStrictly"
...@@ -200,7 +200,7 @@ ...@@ -200,7 +200,7 @@
200 200
201 </td> 201 </td>
202 <td colspan="9" > 202 <td colspan="9" >
203 <el-select class="persent78" ref="fwjg" :disabled="form.qszt!='0'" v-model="item1.fwjgzdbsm" placeholder="请选择" > 203 <el-select class="persent78" ref="fwjg" :disabled="disabled" v-model="item1.fwjgzdbsm" placeholder="请选择" >
204 <el-option 204 <el-option
205 v-for="item in $store.state.jgOptions" 205 v-for="item in $store.state.jgOptions"
206 :key="item.bsm" 206 :key="item.bsm"
...@@ -222,7 +222,7 @@ ...@@ -222,7 +222,7 @@
222 <span><i class="requisite">*</i>坐落</span> 222 <span><i class="requisite">*</i>坐落</span>
223 </td> 223 </td>
224 <td colspan="10" > 224 <td colspan="10" >
225 <input class="formInput" ref="zl" @blur="inputBlur($event)" :disabled="form.qszt!='0'" v-model="form.zl"> 225 <input class="formInput" ref="zl" @blur="inputBlur($event)" :disabled="disabled" v-model="form.zl">
226 </td> 226 </td>
227 </tr> 227 </tr>
228 228
...@@ -231,7 +231,7 @@ ...@@ -231,7 +231,7 @@
231 <span>附加说明</span> 231 <span>附加说明</span>
232 </td> 232 </td>
233 <td colspan="10" rowspan="2" > 233 <td colspan="10" rowspan="2" >
234 <input class="formInput" :disabled="form.qszt!='0'" v-model="form.bz" type="textarea"> 234 <input class="formInput" :disabled="disabled" v-model="form.bz" type="textarea">
235 </td> 235 </td>
236 </tr> 236 </tr>
237 <tr> 237 <tr>
...@@ -242,7 +242,7 @@ ...@@ -242,7 +242,7 @@
242 <span>调查意见</span> 242 <span>调查意见</span>
243 </td> 243 </td>
244 <td colspan="10" > 244 <td colspan="10" >
245 <input class="formInput" :disabled="form.qszt!='0'" v-model="form.dcyj"> 245 <input class="formInput" :disabled="disabled" v-model="form.dcyj">
246 </td> 246 </td>
247 </tr> 247 </tr>
248 248
...@@ -251,14 +251,14 @@ ...@@ -251,14 +251,14 @@
251 <span>审查员</span> 251 <span>审查员</span>
252 </td> 252 </td>
253 <td colspan="2" > 253 <td colspan="2" >
254 <input class="formInput" :disabled="form.qszt!='0'" v-model="form.scy"> 254 <input class="formInput" :disabled="disabled" v-model="form.scy">
255 </td> 255 </td>
256 <td colspan="2" class="tdright"> 256 <td colspan="2" class="tdright">
257 <span>审查日期</span> 257 <span>审查日期</span>
258 </td> 258 </td>
259 <td colspan="2" > 259 <td colspan="2" >
260 <el-date-picker 260 <el-date-picker
261 :disabled="form.qszt!='0'" 261 :disabled="disabled"
262 v-model="form.date" 262 v-model="form.date"
263 type="date" 263 type="date"
264 style="width: 100%" 264 style="width: 100%"
...@@ -269,8 +269,8 @@ ...@@ -269,8 +269,8 @@
269 269
270 </table> 270 </table>
271 <div class="header-button" :style="{width:mainBoxWidth+'px'}"> 271 <div class="header-button" :style="{width:mainBoxWidth+'px'}">
272 <el-button type="primary" class="saveBtn" @click="onSave">保存</el-button> 272 <el-button type="primary" class="saveBtn" @click="onSave" :disabled="disabled">保存</el-button>
273 <el-button type="primary" @click="onSubmit">提交</el-button> 273 <el-button type="primary" @click="onSubmit" :disabled="disabled">提交</el-button>
274 <el-button type="primary" @click="registerCall">登记调用</el-button> 274 <el-button type="primary" @click="registerCall">登记调用</el-button>
275 <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> --> 275 <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> -->
276 </div> 276 </div>
...@@ -553,6 +553,7 @@ ...@@ -553,6 +553,7 @@
553 saveZrzInfo(this.form).then((res)=>{ 553 saveZrzInfo(this.form).then((res)=>{
554 if(res.code===200){ 554 if(res.code===200){
555 this.$message.success("保存完成!") 555 this.$message.success("保存完成!")
556 this.getZrzDetailByBsm(this.$route.query.bsm)
556 }else { 557 }else {
557 this.$message({ 558 this.$message({
558 message: res.message, 559 message: res.message,
...@@ -598,7 +599,11 @@ ...@@ -598,7 +599,11 @@
598 submit(data).then((res)=>{ 599 submit(data).then((res)=>{
599 if(res.code===200){ 600 if(res.code===200){
600 this.$message.success("提交完成!"); 601 this.$message.success("提交完成!");
601 this.getZrzDetailByBsm(this.$route.query.bsm) 602 this.getZrzDetailByBsm(this.$route.query.bsm);
603 this.$store.state.oldZdbsm = '';
604 this.getTreeByBsm(this.$route.query.bsm,'zrz','0,1,2')
605 }else{
606 this.$message.error(res.message);
602 } 607 }
603 }) 608 })
604 }, 609 },
...@@ -655,10 +660,18 @@ ...@@ -655,10 +660,18 @@
655 getZrzDetailByBsm(data).then((res)=>{ 660 getZrzDetailByBsm(data).then((res)=>{
656 if(res.code===200){ 661 if(res.code===200){
657 this.form=res.result; 662 this.form=res.result;
663 if(res.result.gygyqlrqk!=null){
664 this.$refs.qlrxxModule.changeGyfs(res.result.gygyqlrqk);
665 }
658 // //如果没有宗地代码,自动生成 666 // //如果没有宗地代码,自动生成
659 // if(res.result.zddm == null){ 667 // if(res.result.zddm == null){
660 // this.generatorCode() 668 // this.generatorCode()
661 // } 669 // }
670 if(this.form.bblx === 0 && this.form.qszt === '0' && this.form.bhqkbsm == null){
671 this.disabled = false
672 }else {
673 this.disabled = true
674 }
662 this.$store.state.zrzh = res.result.zrzh; 675 this.$store.state.zrzh = res.result.zrzh;
663 if(this.form.fwjgList.length===0){ 676 if(this.form.fwjgList.length===0){
664 this.form.fwjgList.push({ 677 this.form.fwjgList.push({
...@@ -865,6 +878,7 @@ ...@@ -865,6 +878,7 @@
865 } 878 }
866 } 879 }
867 .header-button { 880 .header-button {
881 z-index: 3;
868 height: 50px; 882 height: 50px;
869 position: fixed; 883 position: fixed;
870 bottom: 0; 884 bottom: 0;
......
...@@ -5,6 +5,7 @@ let Timestamp = new Date().getTime(); ...@@ -5,6 +5,7 @@ let Timestamp = new Date().getTime();
5 function resolve(dir) { 5 function resolve(dir) {
6 return path.join(__dirname, dir) 6 return path.join(__dirname, dir)
7 } 7 }
8 const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
8 9
9 module.exports = { 10 module.exports = {
10 publicPath: './', 11 publicPath: './',
...@@ -19,6 +20,7 @@ module.exports = { ...@@ -19,6 +20,7 @@ module.exports = {
19 .set('@libs', resolve('src/libs')) 20 .set('@libs', resolve('src/libs'))
20 .set('@router', resolve('src/router')) 21 .set('@router', resolve('src/router'))
21 .set('@components', resolve('src/components')) 22 .set('@components', resolve('src/components'))
23 .set('@assets', resolve('src/assets'))
22 }, 24 },
23 pluginOptions: { 25 pluginOptions: {
24 'style-resources-loader': { 26 'style-resources-loader': {
...@@ -31,8 +33,17 @@ module.exports = { ...@@ -31,8 +33,17 @@ module.exports = {
31 filename: `js/[name].${Timestamp}.js`, 33 filename: `js/[name].${Timestamp}.js`,
32 chunkFilename: `js/[name].${Timestamp}.js` 34 chunkFilename: `js/[name].${Timestamp}.js`
33 }, 35 },
34 // plugins: [ 36 plugins: [
35 37 // 去除console和debugger
38 // new UglifyJsPlugin({
39 // uglifyOptions: {
40 // compress: {
41 // drop_console: true,
42 // drop_debugger: true,
43 // },
44 // },
45 // parallel: true,
46 // }),
36 // new FileManagerPlugin({ //初始化 filemanager-webpack-plugin 插件实例 47 // new FileManagerPlugin({ //初始化 filemanager-webpack-plugin 插件实例
37 // onEnd: { 48 // onEnd: {
38 // mkdir: ['./zip','./dist'], //初始化生产zip和dist文件夹 49 // mkdir: ['./zip','./dist'], //初始化生产zip和dist文件夹
...@@ -41,16 +52,20 @@ module.exports = { ...@@ -41,16 +52,20 @@ module.exports = {
41 // ] 52 // ]
42 // } 53 // }
43 // }) 54 // })
44 // ] 55 ]
45 }, 56 },
46 devServer: { 57 devServer: {
58 host: "192.168.2.61",
47 host: "0.0.0.0", 59 host: "0.0.0.0",
48 port: 8006, 60 port: 8008,
49 https: false, 61 https: false,
50 hotOnly: false, 62 hotOnly: false,
51 proxy: { 63 proxy: {
52 "/api": { 64 "/api": {
53 target: process.env.VUE_APP_api3, 65 // target: 'https://192.168.2.119:8006', //泽平
66 // target: process.env.VUE_APP_api1, //本地
67 target: process.env.VUE_APP_api, //赵千
68 // target: process.env.VUE_APP_api4, //赵千
54 changeOrigin: true, 69 changeOrigin: true,
55 pathRewrite: { 70 pathRewrite: {
56 "^/api": "/", 71 "^/api": "/",
......