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

@@ -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 => {
@@ -213,17 +302,42 @@ export default {
     },
 
     getLshsData(){
-      let _this = this;
-      const data = {
-        "bsm": this.bsm,
-        "type": this.type
-      };
-      getLshs(data).then((res)=>{
-        if(res.code===200){
-          _this.data=res.result;
-          this.initG6();
+          let _this = this;
+          const data = {
+            "bsm": this.bsm,
+            "type": this.type
+          };
+          getLshs(data).then((res)=>{
+            if(res.code===200){
+              _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