共同联系人可视化跳脑图

src/components/RelationalGraph.vue

@@ -92,12 +92,8 @@
         <p>高危</p>
       </el-button>
     </div>
-        <div class="leftToolbar2" ref="leftToolbar" v-if="showNt">
-      <el-button
-        class="toolBarItem"
-        @click.native="toDanger"
-        title="登记为高危人员"
-      >
+    <div class="leftToolbar3" ref="leftToolbar" v-if="showNt">
+      <el-button class="toolBarItem" @click.native="toNt" title="进入脑图">
         <i class="el-icon-picture-outline-round"></i>
         <p>脑图</p>
       </el-button>
@@ -158,6 +154,7 @@ export default {
   },
   data() {
     return {
+      objSfhm: {},
       g_loading: true,
       demoname: "---",
       activeTabName: "case1",
@@ -253,6 +250,7 @@ export default {
     //默认配置
     layoutsProps(seeksRGGraph) {
       let _this = this;
+      debugger;
       this.$nextTick(() => {
         if (_this.nodeClickBoo == true) {
           let center = _this.graphOptions.layouts[1];
@@ -276,6 +274,7 @@ export default {
      * @return {*}
      */
     async setGraphData() {
+      debugger;
       var _this = this;
       let photoData; //跟节点信息对象
       let rootNode = null; //创建根节点对象
@@ -460,11 +459,14 @@ export default {
                       });
                     }
                   }, 0);
-                } else if (this.type == "argxfx" || this.$route.query.type == 'argxfx') {
+                } else if (
+                  this.type == "argxfx" ||
+                  this.$route.query.type == "argxfx"
+                ) {
                   this.showGang = true;
                   this.showDanger = true;
-                } else if (this.$router.query.type == 'tonat')
-                  this.showNt = true
+                  this.showNt = true;
+                }
               }
             );
           } else {
@@ -516,6 +518,41 @@ export default {
         query: { asjbh: this.nodedata.name },
       });
     },
+    toNt() {
+      debugger
+      if ( this.objSfhm.name) {
+        var userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
+        var idcard = userInfo.identitycard;
+        var params = {
+          type: "KyRy",
+          kybh: this.objSfhm.name,
+          userId: idcard,
+          // username: userInfo.userName,
+          // trueName: userInfo.userName,
+          // identitycard: userInfo.identitycard,
+          // unitcode: userInfo.unitcode,
+          // unitname: userInfo.unitname,
+        };
+        this.toDetail(`${this.$baseUrl.alyIP4}/naotuBox`, params);
+      } else {
+        this.$message.error('请选择关系人!')
+      }
+    },
+    toDetail(url, PARAMS) {
+      var temp_form = document.createElement("form");
+      temp_form.action = url;
+      temp_form.target = "_blank";
+      temp_form.method = "post";
+      temp_form.style.display = "none";
+      for (var x in PARAMS) {
+        var opt = document.createElement("textarea");
+        opt.name = x;
+        opt.value = PARAMS[x];
+        temp_form.appendChild(opt);
+      }
+      document.body.appendChild(temp_form);
+      temp_form.submit();
+    },
     /**
      * @description: 判断高亮
      * @param {*}
@@ -704,6 +741,7 @@ export default {
      * @return {*}
      */
     getParams(node, paramsObj) {
+      this.objSfhm = node.data;
       let obj = new Object();
       if (paramsObj) {
         for (let key in paramsObj) {
@@ -722,6 +760,7 @@ export default {
      * @return {*}
      */
     unfoldNode(node) {
+      debugger;
       let str = this.unfoldXhrStr || this.childrenXhrStr;
       let obj = this.getParams(node, this.unfoldParams);
       //如果点击的是根节点则用初始化接口展开
@@ -1064,4 +1103,51 @@ $marginTop: 308px;
     }
   }
 }
+.leftToolbar3 {
+  cursor: pointer;
+  width: 42px;
+  background-color: #fff;
+  position: absolute;
+  right: 6px;
+  top: $marginTop + 458px;
+  z-index: 99;
+  border-top: none;
+  border: #bbbbbb solid 1px;
+  > .el-button {
+    padding: 0;
+    width: 100%;
+    height: 42px;
+    border: none;
+    border-radius: 0;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: space-around;
+    /deep/ {
+      .el-icon-loading {
+        position: absolute;
+        top: 9px;
+      }
+    }
+    i {
+      color: #999999;
+      font-size: 18px;
+      margin-top: 4px;
+      margin-bottom: 4px;
+    }
+    p {
+      font-size: 12px;
+      color: #000;
+    }
+    &:hover {
+      background-color: #2e4e8f;
+      i {
+        color: #fff;
+      }
+      p {
+        color: #fff !important;
+      }
+    }
+  }
+}
 </style>

src/layout/menuLayout.vue

@@ -175,14 +175,14 @@ export default {
         }`;
         window.open(path, "_blank");
       } else if (item.id == "brainDzajSP") {
-        let obj = JSON.parse(sessionStorage.getItem("userInfo"));
-        let account = obj.account;
-        let exStr = Base64.encode(account);
-        let path = `${this.$baseUrl.alyIP7}/toFzSpJsp?cxrJh=${exStr}`;
-        window.open(path, "_blank");
-        // this.$router.pushToTab({
-        //   path: "/queryJz",
-        // });
+        // let obj = JSON.parse(sessionStorage.getItem("userInfo"));
+        // let account = obj.account;
+        // let exStr = Base64.encode(account);
+        // let path = `${this.$baseUrl.alyIP7}/toFzSpJsp?cxrJh=${exStr}`;
+        // window.open(path, "_blank");
+        this.$router.pushToTab({
+          path: "/queryJz",
+        });
       } else if (
         item.id == "zcgafx" ||
         item.id == "zcajfl" ||

src/views/ztyp/queryQt.vue

@@ -576,7 +576,7 @@ export default {
           name: data.row.id,
           children: true,
         },
-        nodeClickBoo: false,
+        nodeClickBoo: true,
       };
       sessionStorage.setItem("key", JSON.stringify(obj));
       this.$router.pushToTab({