编辑器

src/api/yhz/yhz.js

@@ -28,9 +28,19 @@ export const getYhCdrw = params =>
   post(`${base.alyIP}/yhz/getYhCdrw`, params);
 
 // 移交用户负责人
-export const yjfzr  = params =>
-  post(`${base.alyIP}/yhz/yjfzr `, params);
+export const yjfzr = params =>
+  post(`${base.alyIP}/yhz/yjfzr`, params);
 
-  // 移交用户负责人
-export const delThxs  = params =>
-post(`${base.alyIP}/thajxs/delThxs `, params);
\ No newline at end of file
+// 移交用户负责人
+export const delThxs = params =>
+  post(`${base.alyIP}/thajxs/delThxs`, params);
+
+// 主题研判  研判发现
+
+// 群体相关嫌疑人列表查询
+export const getXyrByThbh = params =>
+  post(`${base.alyIP}/thyp/getXyrByThbh`, params);
+
+// 群体相关案件列表查询
+export const getAjByThbh = params =>
+  post(`${base.alyIP}/thyp/getAjByThbh`, params);
\ No newline at end of file

src/components/ptCxForm_components.vue

@@ -540,6 +540,7 @@
                   pageBs != 'bxqjsdzczl' &&
                   pageBs != 'queryXslb' &&
                   pageBs != 'queryWysp' &&
+                  pageBs != 'queryQtypfx' &&
                   pageBs != 'queryRole'
                 "
               >
@@ -1103,6 +1104,7 @@
                 v-html="scope.row[columnTitle.prop]"
               ></span>
             </div>
+            
             <div v-else-if="columnTitle.toInforDa">
               <span
                 @click="toInforDa(scope.row)"
@@ -1599,8 +1601,13 @@
                   pageBs == 'djgzfxxsxx' ||
                   pageBs == 'queryXslb' ||
                   pageBs == 'queryWysp' ||
+<<<<<<< HEAD
                   pageBs == 'queryRole' ||
                   pageBs == 'queryMbxx'
+=======
+                  pageBs == 'queryQtypfx' ||
+                  pageBs == 'queryRole'
+>>>>>>> e13dfc56d5f9b9a361381f0f86cf898dca3120fd
                 )
               "
               >修改</span
@@ -1809,6 +1816,7 @@
                 pageBs != 'querySqdlb' &&
                 pageBs != 'djgzfxxsxx' &&
                 pageBs != 'queryXslb' &&
+                pageBs != 'queryQtypfx' &&
                 pageBs != 'queryWysp' &&
                 pageBs != 'queryRole' &&
                 pageBs != 'queryMbxx'

src/router/modules/ztyp.js

@@ -34,6 +34,14 @@ const menuLayouts = [
     component: () => import("@/views/ztyp/queryTdyp.vue")
   },
   {
+    path: "/queryQtypfx",
+    name: "queryQtypfx",
+    meta: {
+      title: '群体研判'
+    },
+    component: () => import("@/views/ztyp/queryQtypfx.vue")
+  },
+  {
     path: "/shsethfx",
     name: "shsethfx",
     meta: {

src/views/pgypbggl/mbxx/addMbxx.vue

@@ -144,7 +144,7 @@ export default {
             type: "success",
             message: "操作成功",
           });
-          this.$router.push('/queryMbxx')
+          this.$router.push('/queryMbxx')     
         }
       })
     },

src/views/zdxx/zdjyhd/zdcyryss.vue

@@ -30,6 +30,12 @@
             <!-- </el-form-item> -->
           </el-col>
         </el-form>
+        <el-divider></el-divider>
+      </div>
+      <div style="position: absolute;z-index:999;top:24%;left:50%;color:#aaa">
+        <span style="margin-left: 40px;">行业</span>
+        <span style="margin-left: 75px;">百分比</span>
+        <span style="margin-left: 55px;">数量</span>
       </div>
       <div id="charts" ref="charts" v-loading="loading"></div>
     </div>
@@ -63,6 +69,12 @@
             </el-date-picker>
           </el-col>
         </el-form>
+        <el-divider></el-divider>
+      </div>
+      <div style="position: absolute;z-index:999;top:24%;left:50%;color:#aaa">
+        <span style="margin-left: 35px;">人员</span>
+        <span style="margin-left: 70px;">百分比</span>
+        <span style="margin-left: 55px;">数量</span>
       </div>
       <div id="chartsGm" ref="chartsGm" v-loading="loading"></div>
     </div>
@@ -799,4 +811,7 @@ export default {
     }
   }
 }
+.el-divider--horizontal {
+  margin: 35px 0;
+}
 </style>
\ No newline at end of file

src/views/zdxx/zdjyhd/zdhdxx.vue

@@ -30,6 +30,12 @@
             <!-- </el-form-item> -->
           </el-col>
         </el-form>
+        <el-divider ></el-divider>
+      </div>
+      <div style="position: absolute;z-index:999;top:24%;left:50%;color:#aaa">
+        <span style="margin-left: 35px;">物品</span>
+        <span style="margin-left: 65px;">百分比</span>
+        <span style="margin-left: 55px;">数量</span>
       </div>
       <div id="charts" ref="charts" v-loading="loading"></div>
     </div>
@@ -581,4 +587,7 @@ export default {
     }
   }
 }
+.el-divider--horizontal {
+  margin: 35px 0;
+}
 </style>
\ No newline at end of file

src/views/zdxx/zdjyhd/zdjjbqk.vue

@@ -30,6 +30,12 @@
             <!-- </el-form-item> -->
           </el-col>
         </el-form>
+        <el-divider></el-divider>
+      </div>
+      <div style="position: absolute;z-index:999;top:24%;left:50%;color:#aaa">
+        <span style="margin-left: 40px;">单位</span>
+        <span style="margin-left: 60px;">百分比</span>
+        <span style="margin-left: 70px;">数量</span>&nbsp;&nbsp;
       </div>
       <div id="charts" ref="charts" v-loading="loading"></div>
     </div>
@@ -63,6 +69,12 @@
             </el-date-picker>
           </el-col>
         </el-form>
+        <el-divider></el-divider>
+      </div>
+      <div style="position: absolute;z-index:999;top:24%;left:50%;color:#aaa">
+        <span style="margin-left: 40px;">规模</span>
+        <span style="margin-left: 60px;">百分比</span>
+        <span style="margin-left: 50px;">数量</span>
       </div>
       <div id="chartsGm" ref="chartsGm" v-loading="loading"></div>
     </div>
@@ -96,6 +108,12 @@
             </el-date-picker>
           </el-col>
         </el-form>
+        <el-divider></el-divider>
+      </div>
+      <div style="position: absolute;z-index:999;top:24%;left:50%;color:#aaa">
+        <span style="margin-left: 40px;">风险程度</span>
+        <span style="margin-left: 40px;">百分比</span>
+        <span style="margin-left: 50px;">数量</span>
       </div>
       <div id="chartsFxtj" ref="chartsFxtj" v-loading="loading"></div>
     </div>
@@ -577,7 +595,7 @@ export default {
                 },
               },
             },
-            data: data,
+            data:data,
           },
         ],
       });
@@ -1078,4 +1096,7 @@ export default {
     }
   }
 }
+.el-divider--horizontal {
+  margin: 35px 0;
+}
 </style>
\ No newline at end of file

src/views/ztyp/queryQtypfx.vue

+<template>
+  <div class="Content">
+    <right-content
+      :pageBs="pageBs"
+      :header="header"
+      :cxFormData="cxFormData"
+      :cxQueryField="cxQueryField"
+      :cxDefaultFormThead="cxDefaultFormThead"
+      :cxUrl="cxUrl"
+      ref="rightContent"
+      @toInfor="toInfor"
+      @toInforDa="toInforDa"
+    >
+      <template #btnGroup="scope">
+        <span class="hbyp" @click="toKshfx(scope.scope)">可视化分析</span>
+        <span class="hbyp" @click="toQtyp(scope.scope)">群体研判</span>
+      </template>
+    </right-content>
+    <!-- 群体相关嫌疑人列表 -->
+    <el-dialog title="相关嫌疑人" :visible.sync="dialogTableXyr">
+      <el-table :data="xyrData">
+        <el-table-column
+        v-for="(item, index) in tableXyr" :key="index"
+          :prop="item.prop"
+          :label="item.label"
+          align="center"
+        ></el-table-column>
+      </el-table>
+    </el-dialog>
+    <!-- 群体相关案件列表 -->
+  </div>
+</template>
+
+<script>
+import rightContent from "@c/ptCxForm_components.vue";
+import { getXyrByThbh, getAjByThbh } from "@/api/yhz/yhz.js";
+export default {
+  name: "queryQtypfx",
+  components: {
+    rightContent,
+  },
+  data() {
+    return {
+      dialogTableXyr: false,
+      tableXyr: [
+        {
+          label: "团伙编号",
+          prop: "thbh",
+        },
+        {
+          label: "姓名",
+          prop: "xm",
+        },
+        {
+          label: "证件号码",
+          prop: "zjhm",
+        },
+        {
+          label: "户籍地",
+          prop: "hjddmStr",
+        },
+      ],
+      xyrData: [],
+      header: "主题研判",
+      pageBs: "queryQtypfx",
+      cxFormData: {
+        limit: 10,
+        page: 1,
+        rysf: "",
+        gxlx: "",
+        startDate: "",
+        endDate: "",
+        rysl: "3",
+        ajsl: "",
+        ryxm: "",
+        zjhm: "",
+      },
+      cxQueryField: [
+        {
+          name: "人员身份",
+          id: "rysf",
+          type: "select",
+          value: "",
+          placeholder: "请选择",
+          col: "3",
+          selectData: [{ value: "01", name: "犯罪嫌疑人" }],
+        },
+        {
+          name: "关系类型",
+          id: "gxlx",
+          type: "select",
+          value: "",
+          placeholder: "请选择",
+          col: "3",
+          selectData: [{ value: "01", name: "同案关系" }],
+        },
+        {
+          name: "关联时间",
+          id: "startDate",
+          id2: "endDate",
+          type: "zdyDate",
+          value: "",
+          col: "3",
+        },
+
+        {
+          name: "人员数",
+          id: "rysl",
+          type: "text",
+          value: "",
+          placeholder: "",
+          col: "3",
+        },
+
+        {
+          name: "案件数",
+          id: "ajsl",
+          type: "text",
+          value: "",
+          placeholder: "",
+          col: "3",
+        },
+        {
+          name: "人员姓名",
+          id: "ryxm",
+          type: "text",
+          value: "",
+          placeholder: "",
+          col: "3",
+        },
+        {
+          name: "证件号码",
+          id: "zjhm",
+          type: "text",
+          value: "",
+          placeholder: "",
+          col: "3",
+        },
+      ],
+      cxDefaultFormThead: [
+        {
+          label: "团伙编号",
+          prop: "thbh",
+          // toInfor: true,
+        },
+        {
+          label: "嫌疑人数",
+          prop: "xyrCount",
+          toInfor: true,
+        },
+        {
+          label: "案件数",
+          prop: "ajCount",
+          toInforDa: true,
+        },
+        {
+          label: "危险系数",
+          prop: "wxxs",
+        },
+      ],
+      cxUrl: "/thyp/getThByParam",
+      Menu: [
+        {
+          id: "queryQtypfx",
+          label: "群体研判",
+          index: "queryQtypfx",
+          auth: "M0101",
+          className: "iconfont iconrizhi",
+          disabled: false,
+        },
+      ],
+    };
+  },
+  created() {
+    this.$store.commit("user/SET_Menu", this.Menu);
+  },
+  methods: {
+    // 可视化
+    toKshfx(scope) {},
+    // 群体研判
+    toQtyp(scope) {},
+    // 群体相关嫌疑人列表
+    toInfor(scope) {
+      debugger;
+      this.dialogTableXyr = true
+    },
+    // 群体相关案件列表
+    toInforDa(scope) {
+      debugger;
+    },
+  },
+};
+</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;
+}
+.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;
+}
+.rightContent .el-form-item__error {
+  left: calc(66% - 27px);
+  top: 12px;
+}
+.success-row {
+  background-color: #fbf9f4 !important;
+}
+.Content .el-input,
+.Content .el-date-editor--daterange.el-input__inner {
+  width: 100% !important;
+}
+</style>
+<style scoped lang="scss">
+.hbyp {
+  font-size: 14px;
+  font-family: Source Han Sans CN;
+  font-weight: 400;
+  line-height: 22px;
+  color: #007aff;
+  margin-right: 16px;
+  cursor: pointer;
+}
+@import "@/assets/styles/rightContent.scss";
+</style>

src/views/ztyp/queryTdyp.vue

@@ -158,10 +158,10 @@ export default {
         },
 
         {
-          id: "queryQt",
-          label: "群体研判",
+          id: "queryQtypfx",
+          label: "群体发现",
           newAuth: "M04",
-          index: "queryQt",
+          index: "queryQtypfx",
           className: "iconfont icongongnengfuwu",
           hasChildren: false,
         },