重庆可视化搭建

src/components/RelationalGraph.vue

@@ -140,45 +140,8 @@ export default {
         allowSwitchLineShape: true,
         allowSwitchJunctionPoint: true,
         defaultLineShape: 1,
-        layouts: [],
-        defaultJunctionPoint: "border",
-        // 这里可以参考"Graph 图谱"中的参数进行设置
-      },
-      activeIdArr: [],
-      nodeArr: [],
-      linkArr: [],
-      linkAll: [],
-      genData: [],
-      toolbarBoo: false,
-      photoLoading: false,
-      newUnfoldParams: this.unfoldParams,
-      str: "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",
-    };
-  },
-  created() {},
-  async mounted() {
-    this.setGraphData();
-  },
-  methods: {
-    /**
-     * @description: 请求接口的方法
-     * @param {*} url 请求接口的url
-     * @param {*} params 请求接口的参数
-     * @return {*}
-     */
-    callApi(url, params) {
-      return get(url, params);
-    },
-    //默认配置
-    layoutsProps(seeksRGGraph) {
-      let _this = this;
-      let center = {
-        label: "中心图",
-        layoutName: "center",
-        layoutClassName: "seeks-layout-center",
-        distance_coefficient: "0.8",
-      };
-      let sTree = {
+        layouts: [
+          {
             label: "上口树",
             layoutName: "tree",
             layoutClassName: "seeks-layout-center",
@@ -191,8 +154,13 @@ export default {
             defaultNodeBorderWidth: 0,
             min_per_width: 80,
             min_per_height: 110,
-      };
-      let layouts = [
+          },
+          {
+            label: "中心图",
+            layoutName: "center",
+            layoutClassName: "seeks-layout-center",
+            distance_coefficient: "0.8",
+          },
           {
             label: "下口树",
             layoutName: "tree",
@@ -222,14 +190,44 @@ export default {
             max_per_width: 400,
             min_per_height: 80,
           },
-      ];
+        ],
+        defaultJunctionPoint: "border",
+        // 这里可以参考"Graph 图谱"中的参数进行设置
+      },
+      activeIdArr: [],
+      nodeArr: [],
+      linkArr: [],
+      linkAll: [],
+      genData: [],
+      toolbarBoo: false,
+      photoLoading: false,
+      newUnfoldParams: this.unfoldParams,
+      str: "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",
+    };
+  },
+  created() {},
+  async mounted() {
+    this.setGraphData();
+  },
+  methods: {
+    /**
+     * @description: 请求接口的方法
+     * @param {*} url 请求接口的url
+     * @param {*} params 请求接口的参数
+     * @return {*}
+     */
+    callApi(url, params) {
+      return get(url, params);
+    },
+    //默认配置
+    layoutsProps(seeksRGGraph) {
+      let _this = this;
       this.$nextTick(() => {
         if (_this.nodeClickBoo == true) {
-          layouts.unshift(center, sTree);
-        } else {
-          layouts.unshift(sTree, center);
+          let center = _this.graphOptions.layouts[1];
+          _this.graphOptions.layouts.splice(1, 1);
+          _this.graphOptions.layouts.unshift(center);
         }
-        _this.$set(_this.graphOptions, "layouts", layouts);
         seeksRGGraph.setOptions(_this.graphOptions, () => {});
       });
     },

src/layout/CqMain.vue

+<!--
+ * @Author: your name
+ * @Date: 2021-07-20 14:08:33
+ * @LastEditTime: 2021-09-29 10:32:08
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\layout\main.vue
+-->
+<template>
+  <div id="home">
+    <el-container>
+      <Header title="智能侦查分系统" />
+      <el-container class="flex">
+        <MenuLayout
+          :leftMenu="leftMenu"
+          activeRouterIndex="cqRyksh"
+          routerType="withTheTitle"
+        />
+        <el-main>
+          <router-view></router-view>
+        </el-main>
+      </el-container>
+    </el-container>
+  </div>
+</template>
+<script>
+import Header from "@/layout/Header.vue";
+import MenuLayout from "@/layout/MenuAsideLayout.vue";
+export default {
+  components: {
+    Header,
+    MenuLayout,
+  },
+  data() {
+    return {
+      leftMenu: [
+        {
+          id: "cqRagxsfmx",
+          label: "人案关联算法模型",
+          index: "cqRagxsfmx",
+          className: "el-icon-folder-remove",
+          children: [
+            {
+              id: "cqRyksh",
+              label: "人员可视化分析",
+              index: "cqRyksh",
+              disabled: false,
+            },
+          ],
+        },
+        {
+          id: "cqKshsfmx",
+          label: "可视化算法模型",
+          index: "cqKshsfmx",
+          className: "el-icon-user",
+          children: [
+            {
+              id: "cqHdkshfx",
+              label: "话单可视化分析",
+              index: "cqHdkshfx",
+              disabled: false,
+            },
+            {
+              id: "cqQqkshfx",
+              label: "QQ可视化分析",
+              index: "cqQqkshfx",
+              disabled: false,
+            },
+            {
+              id: "cqWxkshfx",
+              label: "微信可视化分析",
+              index: "cqWxkshfx",
+              disabled: false,
+            },
+            {
+              id: "cqYjwlskhfx",
+              label: "邮件往来可视化分析",
+              index: "cqYjwlskhfx",
+              disabled: false,
+            },
+            {
+              id: "cqTxtzkshfx",
+              label: "同行同住可视化分析",
+              index: "cqTxtzkshfx",
+              disabled: false,
+            },
+            {
+              id: "cqThkshfx",
+              label: "团伙可视化分析",
+              index: "cqThkshfx",
+              disabled: false,
+            },
+          ],
+        },
+        {
+          id: "cqYjycsf",
+          label: "预警预测算法模型",
+          index: "cqYjycsf",
+          className: "el-icon-warning",
+          children: [
+            {
+              id: "cqPyqszsfmx",
+              label: "朋友圈涉赃算法模型",
+              index: "cqPyqszsfmx",
+              disabled: false,
+            },
+          ],
+        },
+        {
+          id: "cqGxwlsfmx",
+          label: "关系网络算法模型",
+          index: "cqGxwlsfmx",
+          className: "el-icon-eleme",
+          children: [
+            {
+              id: "cqThxgxfx",
+              label: "团伙相关性分析",
+              index: "cqThxgxfx",
+              disabled: false,
+            },
+          ],
+        },
+      ],
+    };
+  },
+};
+</script>
+<style lang="scss" scoped>
+#home /deep/ {
+  width: 100%;
+  height: 100vh;
+  background: url("~@/assets/img/graphEcharts/back.png") 0 0 / cover no-repeat;
+  .flex {
+    display: flex;
+  }
+  .el-main {
+    border: none;
+    position: relative;
+  }
+}
+</style>
\ No newline at end of file

src/router/index.js

 /*
  * @Author: your name
  * @Date: 2021-06-22 15:23:03
- * @LastEditTime: 2021-08-19 10:48:02
+ * @LastEditTime: 2021-09-29 10:04:31
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \founder_vue\src\router\index.js
@@ -11,6 +11,7 @@ import VueRouter from "vue-router";
 import rightContentRoutes from './modules/rightContent.js';
 import shRightContentRoutes from './modules/shceContent';
 import hnRightContentRoutes from './modules/hnContent';
+import cqRightContentRoutes from './modules/cqContent';
 import indexRoutes from "./modules/index";
 // import store from "../store";
 // import { getToken } from "../utils/auth";
@@ -39,6 +40,7 @@ const mainRouters = [
   rightContentRoutes,
   shRightContentRoutes,
   hnRightContentRoutes,
+  cqRightContentRoutes,
   {
     path: "*",
     name: "error",

src/router/modules/cqContent.js

+/*
+ * @Author: your name
+ * @Date: 2021-07-20 14:42:16
+ * @LastEditTime: 2021-09-29 10:29:12
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\router\modules\rightContent.js
+ */
+import Main from '@/layout/CqMain.vue'
+const createArr = [
+  {
+    path: "/cqQqkshfx",
+    name: "cqQqkshfx",
+    meta: {
+      title: 'QQ可视化分析'
+    },
+    component: () => import("@/views/cqksh/module/cqQqkshfx.vue")
+  },
+  {
+    path: "/cqWxkshfx",
+    name: "cqWxkshfx",
+    meta: {
+      title: '微信可视化分析'
+    },
+    component: () => import("@/views/cqksh/module/cqWxkshfx.vue")
+  },
+  {
+    path: "/cqYjwlskhfx",
+    name: "cqYjwlskhfx",
+    meta: {
+      title: '邮件往来可视化分析'
+    },
+    component: () => import("@/views/cqksh/module/cqYjwlskhfx.vue")
+  },
+  {
+    path: "/cqTxtzkshfx",
+    name: "cqTxtzkshfx",
+    meta: {
+      title: '同行同住可视化分析'
+    },
+    component: () => import("@/views/cqksh/module/cqTxtzkshfx.vue")
+  },
+  {
+    path: "/cqPyqszsfmx",
+    name: "cqPyqszsfmx",
+    meta: {
+      title: '朋友圈涉赃算法模型'
+    },
+    component: () => import("@/views/cqksh/module/cqPyqszsfmx.vue")
+  },
+]
+const carryArr = [
+  {
+    path: "/cqRyksh",
+    name: "cqRyksh",
+    meta: {
+      title: '人员可视化分析'
+    },
+    component: () => import("@/views/yppt/ragxfx.vue")
+  },
+  {
+    path: "/cqHdkshfx",
+    name: "cqHdkshfx",
+    meta: {
+      title: '话单可视化分析'
+    },
+    component: () => import("@/views/yppt/hdfx.vue")
+  },
+  {
+    path: "/cqThkshfx",
+    name: "cqThkshfx",
+    meta: {
+      title: '团伙可视化分析'
+    },
+    component: () => import("@/views/shceksh/shthfx.vue")
+  },
+  {
+    path: "/cqThxgxfx",
+    name: "cqThxgxfx",
+    meta: {
+      title: '团伙相关性分析'
+    },
+    component: () => import("@/views/yppt/qzkx.vue")
+  },
+]
+const router = [
+  ...createArr,
+  ...carryArr
+]
+
+export default {
+  path: "/cqksh",
+  name: "cqksh",
+  meta: {
+    title: "重庆可视化",
+  },
+  children: [...router],
+  component: Main
+}
\ No newline at end of file

src/router/modules/index.js

 /*
  * @Author: your name
  * @Date: 2021-07-20 19:28:01
- * @LastEditTime: 2021-09-28 15:45:24
+ * @LastEditTime: 2021-09-29 10:21:48
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \founder_vue\src\router\modules\index.js
  */
+const hnScreen = [
+  {
+    path: "/screenRagx",
+    name: "screenRagx",
+    meta: {
+      title: "人案关系",
+      auth: 5
+    },
+    component: () => import("@/views/cqksh/fullScreen/ragx.vue")
+  },
+  {
+    path: "/screenZhfx",
+    name: "screenZhfx",
+    meta: {
+      title: "综合分析",
+      auth: 5
+    },
+    component: () => import("@/views/cqksh/fullScreen/zhfx.vue")
+  },
+  {
+    path: "/screenWlfmqzdy",
+    name: "screenWlfmqzdy",
+    meta: {
+      title: "网络贩卖枪支分析",
+      auth: 5
+    },
+    component: () => import("@/views/cqksh/fullScreen/wlfmqzdy.vue")
+  },
+  {
+    path: "/screenWlysqzdy",
+    name: "screenWlysqzdy",
+    meta: {
+      title: "网络运送枪支分析",
+      auth: 5
+    },
+    component: () => import("@/views/cqksh/fullScreen/wlysqzdy.vue")
+  },
+  {
+    path: "/screenKdxxfx",
+    name: "screenKdxxfx",
+    meta: {
+      title: "快递信息分析",
+      auth: 5
+    },
+    component: () => import("@/views/cqksh/fullScreen/kdxxfx.vue")
+  },
+  {
+    path: "/screenKydhfx",
+    name: "screenKydhfx",
+    meta: {
+      title: "客运带货分析",
+      auth: 5
+    },
+    component: () => import("@/views/cqksh/fullScreen/kydhfx.vue")
+  },
+];
 export default [
+  ...hnScreen,
   {
     path: "/",
     redirect: "/argxfx"
@@ -84,60 +141,6 @@ export default [
     component: () => import("@/views/aroundnaotu/index.vue")
   },
   {
-    path: "/screenRagx",
-    name: "screenRagx",
-    meta: {
-      title: "人案关系",
-      auth: 5
-    },
-    component: () => import("@/views/cqksh/fullScreen/ragx.vue")
-  },
-  {
-    path: "/screenZhfx",
-    name: "screenZhfx",
-    meta: {
-      title: "综合分析",
-      auth: 5
-    },
-    component: () => import("@/views/cqksh/fullScreen/zhfx.vue")
-  },
-  {
-    path: "/screenWlfmqzdy",
-    name: "screenWlfmqzdy",
-    meta: {
-      title: "网络贩卖枪支分析",
-      auth: 5
-    },
-    component: () => import("@/views/cqksh/fullScreen/wlfmqzdy.vue")
-  },
-  {
-    path: "/screenWlysqzdy",
-    name: "screenWlysqzdy",
-    meta: {
-      title: "网络运送枪支分析",
-      auth: 5
-    },
-    component: () => import("@/views/cqksh/fullScreen/wlysqzdy.vue")
-  },
-  {
-    path: "/screenKdxxfx",
-    name: "screenKdxxfx",
-    meta: {
-      title: "快递信息分析",
-      auth: 5
-    },
-    component: () => import("@/views/cqksh/fullScreen/kdxxfx.vue")
-  },
-  {
-    path: "/screenKydhfx",
-    name: "screenKydhfx",
-    meta: {
-      title: "客运带货分析",
-      auth: 5
-    },
-    component: () => import("@/views/cqksh/fullScreen/kydhfx.vue")
-  },
-  {
     path: "*",
     name: "error",
     meta: {

src/router/modules/rightContent.js

 /*
  * @Author: your name
  * @Date: 2021-07-20 14:42:16
- * @LastEditTime: 2021-08-19 11:48:05
+ * @LastEditTime: 2021-09-29 10:27:25
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \founder_vue\src\router\modules\rightContent.js
  */
 import Main from '@/layout/Main.vue'
-const router = [
+const createArr = [
   {
     path: "/argxfx",
     name: "argxfx",
@@ -137,14 +137,6 @@ const router = [
     component: () => import("@/views/yppt/wlfmqzdy.vue")
   },
   {
-    path: "/thfx",
-    name: "thfx",
-    meta: {
-      title: '团伙分析'
-    },
-    component: () => import("@/views/yppt/thfx.vue")
-  },
-  {
     path: "/kydhfx",
     name: "kydhfx",
     meta: {
@@ -152,6 +144,20 @@ const router = [
     },
     component: () => import("@/views/yppt/kydhfx.vue")
   },
+];
+const carryArr = [
+  {
+    path: "/thfx",
+    name: "thfx",
+    meta: {
+      title: '团伙分析'
+    },
+    component: () => import("@/views/shceksh/shthfx.vue")
+  },
+]
+const router = [
+  ...createArr,
+  ...carryArr
 ]
 
 export default {

src/router/modules/shceContent.js

 /*
  * @Author: your name
  * @Date: 2021-07-20 14:42:16
- * @LastEditTime: 2021-08-13 16:41:57
+ * @LastEditTime: 2021-09-29 10:24:35
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \founder_vue\src\router\modules\rightContent.js
  */
 import Main from '@/layout/ShceMain.vue'
-const router = [
+const createArr = [
   {
     path: "/shargxfx",
     name: "shargxfx",
@@ -39,8 +39,9 @@ const router = [
       title: '人员线索比对'
     },
     component: () => import("@/views/shceksh/ryxsbd.vue")
-    },
-
+  }];
+const router = [
+  ...createArr
 ]
 
 export default {

src/views/cqksh/module/cqPyqszsfmx.vue

+<!--
+ * @Author: your name
+ * @Date: 2021-09-29 10:17:15
+ * @LastEditTime: 2021-09-29 10:17:16
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\views\cqksh\module\cqPyqszsfmx.vue
+-->

src/views/cqksh/module/cqQqkshfx.vue

+<!--
+ * @Author: your name
+ * @Date: 2021-09-29 10:06:27
+ * @LastEditTime: 2021-09-29 10:06:27
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\views\cqksh\module\cqRyksh.vue
+-->

src/views/cqksh/module/cqTxtzkshfx.vue

+<!--
+ * @Author: your name
+ * @Date: 2021-09-29 10:17:07
+ * @LastEditTime: 2021-09-29 10:17:08
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\views\cqksh\module\cqTxtzkshfx.vue
+-->

src/views/cqksh/module/cqWxkshfx.vue

+<!--
+ * @Author: your name
+ * @Date: 2021-09-29 10:16:51
+ * @LastEditTime: 2021-09-29 10:16:51
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\views\cqksh\module\cqWxkshfx.vue
+-->

src/views/cqksh/module/cqYjwlskhfx.vue

+<!--
+ * @Author: your name
+ * @Date: 2021-09-29 10:16:59
+ * @LastEditTime: 2021-09-29 10:16:59
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\views\cqksh\module\cqYjwlskhfx.vue
+-->

src/views/yppt/thfx.vue

-<template>
-  <div class="Content">
-    <right-content
-      :cxFormData="cxFormData"
-      :cxQueryField="cxQueryField"
-      :cxDefaultFormThead="cxDefaultFormThead"
-      :cxUrl="cxUrl"
-      :detailUrl="detailUrl"
-      :tableProps="tableProps"
-      flTtitle="团伙信息"
-    ></right-content>
-  </div>
-</template>
-
-<script>
-import rightContent from "@c/ptCxForm_components.vue";
-export default {
-  name: "queryAj",
-  components: {
-    rightContent,
-  },
-  data() {
-    return {
-      tableProps: {
-        moreSelect: false,
-        publicBtn: false,
-        detailBtn: true,
-      },
-      detailUrl: "/shceapi/ajQuery/getAccompliceById",
-      detailParams: {
-        bddlxh: "xxzjbh",
-      },
-      cxFormData: {
-        page: 1,
-        rows: 10,
-        ajmc: "",
-        zjhm: "",
-        ryxm: "",
-        ladwdm: "",
-        ajlbdm: "",
-        hjd: "",
-        startDate: "2020-08-04",
-        endDate: "2021-08-09",
-        ajlx: "00",
-      },
-      cxQueryField: [
-        {
-          name: "案件名称",
-          type: "text",
-          id: "ajmc",
-          value: "",
-          placeholder: "请输入",
-          col: "3",
-        },
-        {
-          name: "身份证号",
-          type: "text",
-          id: "zjhm",
-          value: "",
-          placeholder: "请输入",
-          col: "3",
-        },
-        {
-          name: "人员姓名",
-          type: "text",
-          id: "ryxm",
-          value: "",
-          placeholder: "请输入",
-          col: "3",
-        },
-        {
-          name: "立案单位",
-          id: "ladwdm",
-          type: "codeTreeDialog", //字典弹框
-          props: [], //字典弹框需要的字段
-          codeOptions: [],
-          codeTree: "CODE_UNIT",
-          value: "",
-          col: "3",
-        },
-        {
-          name: "案件类别",
-          id: "ajlbdm",
-          type: "codeTreeDialog", //字典弹框
-          props: [], //字典弹框需要的字段
-          codeOptions: [],
-          codeTree: "CODE_AJLB",
-          value: "",
-          col: "3",
-        },
-        {
-          name: "户籍地",
-          id: "hjd",
-          type: "codeTreeDialog", //字典弹框
-          props: [], //字典弹框需要的字段
-          codeOptions: [],
-          codeTree: "CODE_XZQH",
-          value: "",
-          col: "3",
-        },
-        {
-          name: "立案日期",
-          type: "zdyDate",
-          id: "startDate",
-          id2: "endDate",
-          value: "",
-          placeholder: "请输入",
-          col: "3",
-        },
-        {
-          name: "类型",
-          id: "ajlx",
-          type: "radio",
-          rules: [{ required: true, message: "请选择类型", trigger: "blur" }],
-          radioData: [
-            {
-              label: "三人三案",
-              val: "00",
-            },
-            {
-              label: "三人两案",
-              val: "01",
-            },
-            {
-              label: "两人两案",
-              val: "11",
-            },
-            {
-              label: "两人三案",
-              val: "10",
-            },
-          ],
-          value: "",
-          placeholder: "请输入",
-          col: "15",
-        },
-      ],
-      cxDefaultFormThead: [
-        {
-          label: "案件数量",
-          prop: "ajCount",
-        },
-        {
-          label: "九类案件数量",
-          prop: "jlajCount",
-        },
-        {
-          label: "嫌疑人数量",
-          prop: "xyrCount",
-        },
-        {
-          label: "重点关注人员数",
-          prop: "zdgzyrCount",
-        },
-      ],
-      cxUrl: "/shceapi/ajQuery/getThByParam",
-    };
-  },
-  methods: {},
-  created() {},
-};
-</script>
-<style>
-.el-dialog__body {
-  padding: 10px 15px !important;
-}
-
-.rightContent .el-input__inner,
-#formCommonPage .el-input__inner {
-  height: 32px;
-  line-height: 32px;
-  font-family: inherit;
-  background: #f3f3f3;
-}
-.el-table__header-wrapper th,
-.el-table__header-wrapper tr {
-  background: #f4f6f7;
-}
-.rightContent .el-input__icon,
-#formCommonPage .el-input__icon,
-.el-input__suffix-inner {
-  line-height: 36px;
-}
-.rightContent .el-range-separator {
-  position: relative;
-  top: -4px;
-}
-.rightContent .el-textarea__inner,
-#formCommonPage .el-textarea__inner {
-  width: 100%;
-  font-family: inherit;
-}
-.rightContent .el-range-input,
-#formCommonPage .el-range-input {
-  vertical-align: top;
-}
-.rightContent .el-date-editor .el-range__close-icon {
-  margin-top: -4px;
-}
-.success-row {
-  background-color: #fbf9f4 !important;
-}
-</style>
-<style scoped lang="scss">
-@import "../../assets/styles/rightContent.scss";
-/deep/ .el-icon-date {
-  line-height: 28px;
-}
-</style>