Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
173700ce by 杨威
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/CadastralSystem

2 parents 94d39cb8 b402c2f1
Inline Side-by-side
Showing 1 changed file with 133 additions and 7 deletions
...@@ -7,7 +7,65 @@ ...@@ -7,7 +7,65 @@
7 <!-- </div>--> 7 <!-- </div>-->
8 <div id="mountNode" ref="containerWidth"></div> 8 <div id="mountNode" ref="containerWidth"></div>
9 <div id="mountNodeRight"> 9 <div id="mountNodeRight">
10 单元信息 10 <div><span class="tip-title">详细信息</span></div>
11 <el-divider></el-divider>
12 <div style="line-height: 40px">
13 <el-row>
14 <el-col :span="6"><div class="grid-left">项目名称</div></el-col>
15 <el-col :span="18"><div class="grid-right">{{result.xmmc}}</div></el-col>
16 </el-row>
17 <el-row>
18 <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>
20 </el-row>
21 <el-row>
22 <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>
24 </el-row>
25 <el-row>
26 <el-col :span="6"><div class="grid-left">自然幢号</div></el-col>
27 <el-col :span="18"><div class="grid-right">{{result.zrzh}}</div></el-col>
28 </el-row>
29 <el-row>
30 <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>
32 </el-row> <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>
37 <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>
39 </el-row>
40 <el-row>
41 <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-row>
44 <el-row>
45 <el-col :span="6"><div class="grid-left">宗地四至</div></el-col>
46 <el-col :span="18">
47 <div class="grid-content" style="">
48 <el-row>
49 <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-row>
52 <el-row>
53 <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-row>
56 <el-row>
57 <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-row>
60 <el-row>
61 <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-row>
64 </div>
65 </el-col>
66 </el-row>
67
68 </div>
11 </div> 69 </div>
12 </div> 70 </div>
13 </template> 71 </template>
...@@ -17,6 +75,9 @@ ...@@ -17,6 +75,9 @@
17 import G6 from '@antv/g6'; 75 import G6 from '@antv/g6';
18 import insertCss from 'insert-css'; 76 import insertCss from 'insert-css';
19 import { getLshs } from "@api/fwsxbg"; 77 import { getLshs } from "@api/fwsxbg";
78 import { getQjZdjbxxDetailById } from "@api/zd";
79 import { getZrzDetailByBsm } from "@api/zrz";
80 import { getDzDetailByBsm } from "@api/dz";
20 81
21 export default { 82 export default {
22 name:"", 83 name:"",
...@@ -43,7 +104,9 @@ export default { ...@@ -43,7 +104,9 @@ export default {
43 } 104 }
44 `); 105 `);
45 return { 106 return {
46 data : {} 107 data : {},
108 activeName: 'first',
109 result:{},
47 } 110 }
48 }, 111 },
49 created(){ 112 created(){
...@@ -187,7 +250,33 @@ export default { ...@@ -187,7 +250,33 @@ export default {
187 graph.render(); 250 graph.render();
188 251
189 graph.on('node:click', e => { 252 graph.on('node:click', e => {
190 alert(e.item); 253 switch (this.type) {
254 case "zrz":
255 getZrzDetailByBsm(e.item._cfg.id).then((res)=>{
256 if(res.code === 200){
257 self.result = res.result;
258 }
259 })
260 break;
261 case "zd":
262 getQjZdjbxxDetailById(e.item._cfg.id).then((res)=>{
263 if(res.code === 200){
264 self.result = res.result;
265 }
266 })
267 break;
268 case "dz":
269 getDzDetailByBsm(e.item._cfg.id).then((res)=>{
270 if(res.code === 200){
271 self.result = res.result;
272 }
273 })
274 break;
275 default:
276 break;
277 }
278
279
191 }); 280 });
192 281
193 graph.on('node:mouseenter', e => { 282 graph.on('node:mouseenter', e => {
...@@ -223,7 +312,32 @@ export default { ...@@ -223,7 +312,32 @@ export default {
223 _this.data=res.result; 312 _this.data=res.result;
224 this.initG6(); 313 this.initG6();
225 } 314 }
315 });
316 switch (this.type) {
317 case "zrz":
318 getZrzDetailByBsm(this.bsm).then((res)=>{
319 if(res.code === 200){
320 this.result = res.result;
321 }
322 })
323 break;
324 case "zd":
325 getQjZdjbxxDetailById(this.bsm).then((res)=>{
326 if(res.code === 200){
327 this.result = res.result;
328 }
329 })
330 break;
331 case "dz":
332 getDzDetailByBsm(this.bsm).then((res)=>{
333 if(res.code === 200){
334 this.result = res.result;
335 }
226 }) 336 })
337 break;
338 default:
339 break;
340 }
227 } 341 }
228 }, 342 },
229 computed: {}, 343 computed: {},
...@@ -245,16 +359,17 @@ export default { ...@@ -245,16 +359,17 @@ export default {
245 359
246 position:absolute; 360 position:absolute;
247 float: left; 361 float: left;
248 border: 1px solid red; 362 /*border: 1px solid red;*/
249 } 363 }
250 364
251 #mountNodeRight{ 365 #mountNodeRight{
252 margin: 20px 20px 0 0; 366 margin: 20px 20px 0 0;
253 width: 38%; 367 width: 36%;
254 float: right; 368 float: right;
255 height: 1000px; 369 height: 800px;
256 border: 0 solid #5ebbff; 370 border: 1px solid #5ebbff;
257 background: white; 371 background: white;
372 padding: 20px 20px 0 20px;
258 } 373 }
259 374
260 .slot{ 375 .slot{
...@@ -266,4 +381,15 @@ export default { ...@@ -266,4 +381,15 @@ export default {
266 .tip-title{ 381 .tip-title{
267 font-weight: 700; 382 font-weight: 700;
268 } 383 }
384
385 .grid-left{
386 text-align: right;
387 padding-right: 5%;
388 }
389
390 .grid-right{
391 text-align: left;
392 padding-left: 5%;
393 }
394
269 </style> 395 </style>
...\ No newline at end of file ...\ No newline at end of file
......