97fd9f92 by 杨威
2 parents 294009db 293aa77c
1 <template> 1 <template >
2 <div class="lshs-content"> 2 <div class="lshs-content">
3 <!-- <div class="slot">-->
4 <!-- <div><span class="tip-title">范围属性变更:</span></div>-->
5 <!-- <div><span class="tip-title">宗地分割:</span></div>-->
6 <!-- <div><span class="tip-title">宗地合并:</span></div>-->
7 <!-- </div>-->
8 <div id="mountNode" ref="containerWidth"></div> 3 <div id="mountNode" ref="containerWidth"></div>
9 <div id="mountNodeRight"> 4 <div id="mountNodeRight">
10 <div><span class="tip-title">详细信息</span></div> 5 <div><span class="tip-title">详细信息</span></div>
...@@ -15,12 +10,16 @@ ...@@ -15,12 +10,16 @@
15 <el-col :span="18"><div class="grid-right">{{result.xmmc}}</div></el-col> 10 <el-col :span="18"><div class="grid-right">{{result.xmmc}}</div></el-col>
16 </el-row> 11 </el-row>
17 <el-row> 12 <el-row>
13 <el-col :span="6"><div class="grid-left">宗地代码</div></el-col>
14 <el-col :span="18"><div class="grid-right">{{result.zddm}}</div></el-col>
15 </el-row>
16 <el-row>
18 <el-col :span="6"><div class="grid-left">不动产单元号</div></el-col> 17 <el-col :span="6"><div class="grid-left">不动产单元号</div></el-col>
19 <el-col :span="18"><div class="grid-right">{{result.bdcdyh}}</div></el-col> 18 <el-col :span="18"><div class="grid-right">{{result.bdcdyh}}</div></el-col>
20 </el-row> 19 </el-row>
21 <el-row> 20 <el-row>
22 <el-col :span="6"><div class="grid-left">宗地代码</div></el-col> 21 <el-col :span="6"><div class="grid-left">不动产权证号</div></el-col>
23 <el-col :span="18"><div class="grid-right">{{result.zddm}}</div></el-col> 22 <el-col :span="18"><div class="grid-right">{{result.bdcdyh}}</div></el-col>
24 </el-row> 23 </el-row>
25 <el-row> 24 <el-row>
26 <el-col :span="6"><div class="grid-left">自然幢号</div></el-col> 25 <el-col :span="6"><div class="grid-left">自然幢号</div></el-col>
...@@ -29,42 +28,40 @@ ...@@ -29,42 +28,40 @@
29 <el-row> 28 <el-row>
30 <el-col :span="6"><div class="grid-left">权利人</div></el-col> 29 <el-col :span="6"><div class="grid-left">权利人</div></el-col>
31 <el-col :span="18"><div class="grid-right">{{result.qlr}}</div></el-col> 30 <el-col :span="18"><div class="grid-right">{{result.qlr}}</div></el-col>
32 </el-row> <el-row> 31 </el-row>
33 <el-col :span="6"><div class="grid-left">用途</div></el-col>
34 <el-col :span="18"><div class="grid-right">{{result.fwyt}}</div></el-col>
35 </el-row>
36 <el-row> 32 <el-row>
37 <el-col :span="6"><div class="grid-left">权利性质</div></el-col> 33 <el-col :span="6"><div class="grid-left">权利性质</div></el-col>
38 <el-col :span="18"><div class="grid-right">{{result.qlxz}}</div></el-col> 34 <el-col :span="18"><div class="grid-right">{{result.qlxz}}</div></el-col>
39 </el-row> 35 </el-row>
36
37 <el-row>
38 <el-col :span="6"><div class="grid-left">土地用途</div></el-col>
39 <el-col :span="18"><div class="grid-right">{{result.fwyt}}</div></el-col>
40 </el-row>
40 <el-row> 41 <el-row>
41 <el-col :span="6"><div class="grid-left">坐落</div></el-col> 42 <el-col :span="6"><div class="grid-left">坐落</div></el-col>
42 <el-col :span="18"><div class="grid-right">{{result.zl}}</div></el-col> 43 <el-col :span="18"><div class="grid-right">{{result.zl}}</div></el-col>
43 </el-row> 44 </el-row>
44 <el-row> 45 <el-row>
45 <el-col :span="6"><div class="grid-left">宗地四至</div></el-col> 46 <el-col :span="6"><div class="grid-left">宗地面积</div></el-col>
46 <el-col :span="18"> 47 <el-col :span="18"><div class="grid-right">{{result.zdmj}}</div></el-col>
47 <div class="grid-content" style=""> 48 </el-row>
48 <el-row> 49 <el-row>
49 <el-col :span="6"><div class="grid-left">北至</div></el-col> 50 <el-col :span="6"><div class="grid-left">宗地四至-北至</div></el-col>
50 <el-col :span="18"><div class="grid-right">{{result.zdszb}}</div></el-col> 51 <el-col :span="18"><div class="grid-right">{{result.zdszb}}</div></el-col>
51 </el-row> 52 </el-row>
52 <el-row> 53 <el-row>
53 <el-col :span="6"><div class="grid-left">东至</div></el-col> 54 <el-col :span="6"><div class="grid-left">宗地四至-东至</div></el-col>
54 <el-col :span="18"><div class="grid-right">{{result.zdszd}}</div></el-col> 55 <el-col :span="18"><div class="grid-right">{{result.zdszd}}</div></el-col>
55 </el-row> 56 </el-row>
56 <el-row> 57 <el-row>
57 <el-col :span="6"><div class="grid-left">南至</div></el-col> 58 <el-col :span="6"><div class="grid-left">宗地四至-南至</div></el-col>
58 <el-col :span="18"><div class="grid-right">{{result.zdszn}}</div></el-col> 59 <el-col :span="18"><div class="grid-right">{{result.zdszn}}</div></el-col>
59 </el-row> 60 </el-row>
60 <el-row> 61 <el-row>
61 <el-col :span="6"><div class="grid-left">西至</div></el-col> 62 <el-col :span="6"><div class="grid-left">宗地四至-西至</div></el-col>
62 <el-col :span="18"><div class="grid-right">{{result.zdszx}}</div></el-col> 63 <el-col :span="18"><div class="grid-right">{{result.zdszx}}</div></el-col>
63 </el-row>
64 </div>
65 </el-col>
66 </el-row> 64 </el-row>
67
68 </div> 65 </div>
69 </div> 66 </div>
70 </div> 67 </div>
...@@ -122,8 +119,8 @@ export default { ...@@ -122,8 +119,8 @@ export default {
122 const eWidth = this.$refs.containerWidth.clientWidth; 119 const eWidth = this.$refs.containerWidth.clientWidth;
123 const eHeight = this.$refs.containerWidth.clientHeight; 120 const eHeight = this.$refs.containerWidth.clientHeight;
124 121
125 console.log(eWidth+":width") 122 // console.log(eWidth+":width")
126 console.log(eHeight+":height") 123 // console.log(eHeight+":height")
127 124
128 G6.registerNode( 125 G6.registerNode(
129 'sql', 126 'sql',
...@@ -310,7 +307,13 @@ export default { ...@@ -310,7 +307,13 @@ export default {
310 getLshs(data).then((res)=>{ 307 getLshs(data).then((res)=>{
311 if(res.code===200){ 308 if(res.code===200){
312 _this.data=res.result; 309 _this.data=res.result;
313 this.initG6(); 310 //_this.data.nodes.length;// 判断个数
311 if(_this.data.nodes.length==0){
312 //暂无变更业务,没有历史回溯数据。
313
314 }else{
315 this.initG6();
316 }
314 } 317 }
315 }); 318 });
316 switch (this.type) { 319 switch (this.type) {
...@@ -353,9 +356,11 @@ export default { ...@@ -353,9 +356,11 @@ export default {
353 356
354 #mountNode{ 357 #mountNode{
355 /*height: calc(100% - 68px);*/ 358 /*height: calc(100% - 68px);*/
356 margin-top: 20px; 359 margin: 20px 0 0 20px;
357 width: 50%; 360 width: 50%;
358 height: 80%; 361 height: 80%;
362 border: 1px solid #E6E6E6;
363 background: white;
359 364
360 position:absolute; 365 position:absolute;
361 float: left; 366 float: left;
...@@ -366,8 +371,8 @@ export default { ...@@ -366,8 +371,8 @@ export default {
366 margin: 20px 20px 0 0; 371 margin: 20px 20px 0 0;
367 width: 36%; 372 width: 36%;
368 float: right; 373 float: right;
369 height: 800px; 374 height: 100%;
370 border: 1px solid #5ebbff; 375 border: 1px solid #E6E6E6;
371 background: white; 376 background: white;
372 padding: 20px 20px 0 20px; 377 padding: 20px 20px 0 20px;
373 } 378 }
......