扫黑可视化添加节点和跳转

package.json

@@ -10,6 +10,7 @@
   "dependencies": {
     "@antv/g6": "^4.5.0",
     "core-js": "^3.6.5",
+    "crypto-js": "^4.1.1",
     "echarts": "^4.9.0",
     "element-ui": "^2.15.6",
     "file-saver": "^2.0.5",

src/App.vue

@@ -16,13 +16,15 @@
 import { loginByZjhm } from "@/api/home.js";
 import { shcelogin } from "@/api/shksh.js";
 import setting from "@/setting.js";
+import { loginWater} from "@/api/cqksh";
+
 export default {
   created() {
     this.login();
   },
   methods: {
     login() {
-      console.log(setting, 1111);
+      //console.log(setting, 1111);
       //研判平台可视化登录
       var params = new FormData();
       var self = this;
@@ -32,6 +34,12 @@ export default {
         params.append("zjhm", "152624198410061898");
       }
       loginByZjhm(params).then((res) => {});
+      loginWater().then(res => {
+        if (res.success == true){
+          sessionStorage.setItem("userInfo", JSON.stringify(res.data.rows));
+        }
+      })
+
       //扫黑可视化登录
       shcelogin().then((res) => {});
     },

src/api/secret.js

+const CryptoJS = require('crypto-js');  //引用AES源码js
+    
+const sKey = CryptoJS.enc.Utf8.parse('xzeq2021@zhyy#54');  //十六位十六进制数作为密钥
+
+//解密方法
+function Decrypt(content){
+    var decrypt = CryptoJS.AES.decrypt(content, sKey, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
+    return CryptoJS.enc.Utf8.stringify(decrypt).toString();
+}
+
+function Encrypt(content){
+    var sContent = CryptoJS.enc.Utf8.parse(content);
+    var encrypted = CryptoJS.AES.encrypt(sContent, sKey, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
+    debugger
+    return encrypted.toString();
+}
+
+
+export default {
+    Decrypt ,
+    Encrypt
+}
\ No newline at end of file

src/layout/MenuAsideLayout.vue

@@ -10,19 +10,21 @@
   <el-aside width="300px">
     <el-menu
       @select="changeSidebar"
+      @open="handleOpen"
+      @close="handleClose"
       :default-active="activeIndex"
       unique-opened
       class="el-menu-vertical-demo"
       background-color="transparent"
       text-color="#8DB9FA"
       active-text-color="#fff"
-      router
     >
       <div v-if="routerType == 'noTitle'">
         <el-menu-item
           :index="item.index"
           v-for="item in leftMenu"
           :key="item.id"
+          @click="goDetail(item)"
         >
           <i :class="item.className"></i>
           <span slot="title">{{ item.label }}</span>
@@ -39,15 +41,46 @@
               :index="menuItem.index"
               v-for="menuItem in item.children"
               :key="menuItem.id"
+              @click="goDetail(menuItem)"
               >{{ menuItem.label }}</el-menu-item
             >
           </el-menu-item-group>
         </el-submenu>
       </div>
+      <div v-if="routerType == 'withSubMenu'">
+        <el-menu-item
+                :index="item.index"
+                v-for="item in leftMenu"
+                :key="item.id"
+                v-if="item.children.length == 0"
+                @click="goDetail(item)"
+        >
+          <i :class="item.className"></i>
+          <span slot="title">{{ item.label }}</span>
+        </el-menu-item>
+        <el-submenu :index="item.index" v-for="item in leftMenu" :key="item.id" v-if="item.children.length != 0">
+          <template slot="title">
+            <i :class="item.className"></i>
+            <span>{{ item.label }}</span>
+          </template>
+          <el-menu-item-group>
+            <el-menu-item
+                    :index="menuItem.index"
+                    v-for="menuItem in item.children"
+                    :key="menuItem.id"
+                    @click="goDetail(menuItem)"
+            >
+              {{ menuItem.label }}
+            </el-menu-item>
+          </el-menu-item-group>
+        </el-submenu>
+      </div>
     </el-menu>
   </el-aside>
 </template>
 <script>
+import {Encrypt} from '@/api/secret'
+import  {Decrypt} from '@/api/secret'
 export default {
   data() {
     return {
@@ -206,6 +239,34 @@ export default {
     changeSidebar(index) {
       sessionStorage.setItem("routerPath", index);
     },
+    goDetail(item){
+      if (item.id == 'shyjmx'){
+        debugger
+        let user = sessionStorage.getItem("userInfo");
+        let userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
+        let zjhm = Encrypt(userInfo.identitycard);
+        let url = 'http://65.26.2.99:9003/#/jump?zjhm='+ zjhm +'&path=thwjlist';
+        window.open(url, '_blank');
+      } else if (item.id == 'zdsjyj'){
+        window.open("http://www.baidu.com", '_blank')
+      } else {
+        this.$router.push(item.index);
+      }
+    },
+
+    handleOpen(key, keyPath){
+      debugger
+      if(key!=this.$route.name){
+        this.$router.push("/"+key)
+      }
+    },
+
+    handleClose(key, keyPath){
+      if(key!=this.$route.name){
+        this.$router.push("/"+key)
+      }
+    }
+
   },
   watch: {
     $route: {

src/layout/ShceMain.vue

@@ -14,7 +14,7 @@
         <MenuLayout
           :leftMenu="leftMenu"
           activeRouterIndex="shthfx"
-          routerType="noTitle"
+          routerType="withSubMenu"
         />
         <el-main>
           <router-view></router-view>
@@ -39,28 +39,55 @@ export default {
           label: "案人关系分析",
           index: "shargxfx",
           disabled: false,
-          className: 'el-icon-folder-remove'
+          className: 'el-icon-folder-remove',
+          children:[]
         },
         {
           id: "shragxfx",
           label: "人案关系分析",
           index: "shragxfx",
           disabled: false,
-          className: 'el-icon-user'
+          className: 'el-icon-user',
+          children:[]
         },
         {
           id: "shthfx",
-          label: "团伙关系分析",
+          label: "团伙分析",
           index: "shthfx",
           disabled: false,
-          className: 'el-icon-coin'
+          className: 'el-icon-coin',
+          children:[
+            {
+              id: "zdsjyj",
+              label: "重大事件预警",
+              index: "zdsjyj",
+              disabled: false,
+              className: 'el-icon-coin',
+            },
+            {
+              id: "shthfx",
+              label: "团伙关系分析",
+              index: "shthfx",
+              disabled: false,
+              className: 'el-icon-coin',
+            }
+          ]
         },
         {
           id: "ryxsbd",
           label: "人员线索比对",
           index: "ryxsbd",
           disabled: false,
-          className: 'el-icon-document-copy'
+          className: 'el-icon-document-copy',
+          children:[]
+        },
+        {
+          id: "shyjmx",
+          label: "预警模型",
+          index: "shyjmx",
+          disabled: false,
+          className: 'el-icon-monitor',
+          children:[]
         },
       ],
     };