Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
71a65df4 by zhaoqian
Options

历史回溯页面调整

1 parent 6149babb
Inline Side-by-side
Showing 1 changed file with 133 additions and 7 deletions
......@@ -7,7 +7,65 @@
<!-- </div>-->
<div id="mountNode" ref="containerWidth"></div>
<div id="mountNodeRight">
单元信息
<div><span class="tip-title">详细信息</span></div>
<el-divider></el-divider>
<div style="line-height: 40px">
<el-row>
<el-col :span="6"><div class="grid-left">项目名称</div></el-col>
<el-col :span="18"><div class="grid-right">{{result.xmmc}}</div></el-col>
</el-row>
<el-row>
<el-col :span="6"><div class="grid-left">不动产单元号</div></el-col>
<el-col :span="18"><div class="grid-right">{{result.bdcdyh}}</div></el-col>
</el-row>
<el-row>
<el-col :span="6"><div class="grid-left">宗地代码</div></el-col>
<el-col :span="18"><div class="grid-right">{{result.zddm}}</div></el-col>
</el-row>
<el-row>
<el-col :span="6"><div class="grid-left">自然幢号</div></el-col>
<el-col :span="18"><div class="grid-right">{{result.zrzh}}</div></el-col>
</el-row>
<el-row>
<el-col :span="6"><div class="grid-left">权利人</div></el-col>
<el-col :span="18"><div class="grid-right">{{result.qlr}}</div></el-col>
</el-row> <el-row>
<el-col :span="6"><div class="grid-left">用途</div></el-col>
<el-col :span="18"><div class="grid-right">{{result.fwyt}}</div></el-col>
</el-row>
<el-row>
<el-col :span="6"><div class="grid-left">权利性质</div></el-col>
<el-col :span="18"><div class="grid-right">{{result.qlxz}}</div></el-col>
</el-row>
<el-row>
<el-col :span="6"><div class="grid-left">坐落</div></el-col>
<el-col :span="18"><div class="grid-right">{{result.zl}}</div></el-col>
</el-row>
<el-row>
<el-col :span="6"><div class="grid-left">宗地四至</div></el-col>
<el-col :span="18">
<div class="grid-content" style="">
<el-row>
<el-col :span="6"><div class="grid-left">北至</div></el-col>
<el-col :span="18"><div class="grid-right">{{result.zdszb}}</div></el-col>
</el-row>
<el-row>
<el-col :span="6"><div class="grid-left">东至</div></el-col>
<el-col :span="18"><div class="grid-right">{{result.zdszd}}</div></el-col>
</el-row>
<el-row>
<el-col :span="6"><div class="grid-left">南至</div></el-col>
<el-col :span="18"><div class="grid-right">{{result.zdszn}}</div></el-col>
</el-row>
<el-row>
<el-col :span="6"><div class="grid-left">西至</div></el-col>
<el-col :span="18"><div class="grid-right">{{result.zdszx}}</div></el-col>
</el-row>
</div>
</el-col>
</el-row>
</div>
</div>
</div>
</template>
......@@ -17,6 +75,9 @@
import G6 from '@antv/g6';
import insertCss from 'insert-css';
import { getLshs } from "@api/fwsxbg";
import { getQjZdjbxxDetailById } from "@api/zd";
import { getZrzDetailByBsm } from "@api/zrz";
import { getDzDetailByBsm } from "@api/dz";
export default {
name:"",
......@@ -43,7 +104,9 @@ export default {
}
`);
return {
data : {}
data : {},
activeName: 'first',
result:{},
}
},
created(){
......@@ -187,7 +250,33 @@ export default {
graph.render();
graph.on('node:click', e => {
alert(e.item);
switch (this.type) {
case "zrz":
getZrzDetailByBsm(e.item._cfg.id).then((res)=>{
if(res.code === 200){
self.result = res.result;
}
})
break;
case "zd":
getQjZdjbxxDetailById(e.item._cfg.id).then((res)=>{
if(res.code === 200){
self.result = res.result;
}
})
break;
case "dz":
getDzDetailByBsm(e.item._cfg.id).then((res)=>{
if(res.code === 200){
self.result = res.result;
}
})
break;
default:
break;
}
});
graph.on('node:mouseenter', e => {
......@@ -223,7 +312,32 @@ export default {
_this.data=res.result;
this.initG6();
}
});
switch (this.type) {
case "zrz":
getZrzDetailByBsm(this.bsm).then((res)=>{
if(res.code === 200){
this.result = res.result;
}
})
break;
case "zd":
getQjZdjbxxDetailById(this.bsm).then((res)=>{
if(res.code === 200){
this.result = res.result;
}
})
break;
case "dz":
getDzDetailByBsm(this.bsm).then((res)=>{
if(res.code === 200){
this.result = res.result;
}
})
break;
default:
break;
}
}
},
computed: {},
......@@ -245,16 +359,17 @@ export default {
position:absolute;
float: left;
border: 1px solid red;
/*border: 1px solid red;*/
}
#mountNodeRight{
margin: 20px 20px 0 0;
width: 38%;
width: 36%;
float: right;
height: 1000px;
border: 0 solid #5ebbff;
height: 800px;
border: 1px solid #5ebbff;
background: white;
padding: 20px 20px 0 20px;
}
.slot{
......@@ -266,4 +381,15 @@ export default {
.tip-title{
font-weight: 700;
}
.grid-left{
text-align: right;
padding-right: 5%;
}
.grid-right{
text-align: left;
padding-left: 5%;
}
</style>
\ No newline at end of file
......