怎增了专题数据查询分析页面

src/api/ztsjfx/ztsjfx.js

+import { get, post, postform } from "@/utils/http.js";
+import base from "@/api/base";
+
+//统计图
+export const EsFpaZtfxQuery = params =>
+    post(`${base.alyIP}/ztsjFx/EsFpaZtfxQuery`, params);
+
+
+

src/components/bshChildrenQuery.vue

@@ -229,7 +229,11 @@
         </div>
       </div>
     </div>
-    <div class="Content paneDiv paneDiv2" style="margin: 8px 20px">
+    <div
+      class="Content paneDiv paneDiv2"
+      v-show="pageBs != 'ztsjfxtj'"
+      style="margin: 8px 20px"
+    >
       <div class="">
         <el-row style="width: 99%; margin: 0 auto">
           <el-col :span="24">
@@ -420,12 +424,18 @@
                 {{ scope.row[columnTitle.prop] }}
               </div>
               <div v-else-if="columnTitle.prop == 'ryXm(rySfhm)'">
-                <span>通过{{ scope.row.ryXm }}({{ scope.row.rySfhm }})串并</span>
+                <span
+                  >通过{{ scope.row.ryXm }}({{ scope.row.rySfhm }})串并</span
+                >
               </div>
               <div v-else-if="columnTitle.prop == 'bshlx(cbxgfwbzh)'">
-                <span>通过{{ scope.row.bshlx }}({{ scope.row.cbxgfwbzh }})串并</span>
+                <span
+                  >通过{{ scope.row.bshlx }}({{
+                    scope.row.cbxgfwbzh
+                  }})串并</span
+                >
               </div>
-              
+
               <div
                 v-else-if="
                   pageBs == 'dnabzcbxs' && columnTitle.prop == 'cbajAjmc'
@@ -434,7 +444,7 @@
                 <span
                   >{{ scope.row[columnTitle.prop] }}
                   <img
-                    style="width: 16px; height: 16px;padding-bottom:2px;"
+                    style="width: 16px; height: 16px; padding-bottom: 2px"
                     src="./../assets/img/lianhezhencha.png"
                     title="多轨联侦"
                 /></span>
@@ -929,9 +939,9 @@ export default {
               // item.cbajAjmc = `${item.cbajAjmc}(组号:${item.xszajbh})`
               item.cbxsypCbaj1 = `${item.djsj}通过${item.cblx}(${item.bshlx})串并${item.cbxsypCbajs}起案件，其中已破案${item.rn}起`;
               item.cbxsypCbaj2 = `${item.djsj}通过${item.cblx},串并${item.cbxsypCbajs}起案件，其中已破案${item.rn}起`;
-              if(item.ryXm[0] == "("){
-                let nameArr = item.ryXm.split(")")
-                item.ryXm = nameArr[1]
+              if (item.ryXm[0] == "(") {
+                let nameArr = item.ryXm.split(")");
+                item.ryXm = nameArr[1];
               }
             });
             self.tableData = response.data.data;

src/components/zdryGl/ptCxForm_components.vue

@@ -391,7 +391,7 @@
           <div
             @click="switchingConditions"
             v-if="pageBs == 'bjcx'"
-            style="color: #007aff; margin: 6px;"
+            style="color: #007aff; margin: 6px"
           >
             <i
               :class="
@@ -404,7 +404,7 @@
           </div>
           <div
             @click="doQueryBtn(true)"
-            style="background: #007aff; color: #ffffff;margin-left:140px;"
+            style="background: #007aff; color: #ffffff; margin-left: 140px"
             class="zdybtn"
           >
             查询
@@ -448,7 +448,10 @@
                 class="flTtitle Add"
                 @click="add"
                 v-if="
-                  pageBs != 'zdryGl' && pageBs != 'dytj' && pageBs != 'rySp'
+                  pageBs != 'zdryGl' &&
+                  pageBs != 'dytj' &&
+                  pageBs != 'rySp' &&
+                  pageBs != 'ztsjfx'
                 "
               >
                 <i class="el-icon-plus"></i> 新增
@@ -1305,6 +1308,7 @@
           fixed="left"
           v-if="
             !(
+              pageBs == 'ztsjfx' ||
               pageBs == 'gnsyrz' ||
               pageBs == 'queryFzth' ||
               pageBs == 'queryDh' ||

src/router/index.js

@@ -6,6 +6,7 @@ import { Message } from "element-ui";
 import indexRoutes from "./modules/index";
 import rightContentRoutes from "./modules/rightContent";
 import zdryglRoutes from "./modules/zdrygl";
+import specialRoutes from "./modules/specialData";
 
 const originalPush = VueRouter.prototype.push;
 VueRouter.prototype.push = function push(location) {
@@ -28,6 +29,7 @@ Vue.use(VueRouter);
 const mainRouters = [
   ...indexRoutes,
   ...rightContentRoutes,
+  ...specialRoutes,
   zdryglRoutes,
   {
     path: "*",

src/router/modules/specialData.js

+import specialLayout from "@/layout/specialLayout.vue";
+const menuLayouts = [
+  {
+    path: "/specialDataAnalyze",
+    name: "specialDataAnalyze",
+    meta: {
+      title: '专题数据查询分析'
+    },
+    component: () => import("@/views/ztsjfx/specialDataAnalyze.vue")
+  },
+  {
+    path: "/specialDataDyfx",
+    name: "specialDataDyfx",
+    meta: {
+      title: '专题数据地域统计'
+    },
+    component: () => import("@/views/ztsjfx/specialDataDyfx.vue")
+  },
+];
+
+export default [{
+  path: "/right",
+  component: specialLayout,
+  children: [...menuLayouts,]
+},];
\ No newline at end of file

src/views/ztsjfx/specialDataAnalyze.vue

+<template>
+  <div class="Content">
+    <right-content
+      ref="rightContent"
+      :pageBs="pageBs"
+      :header="header"
+      :cxFormData="cxFormData"
+      :cxQueryField="cxQueryField"
+      :cxDefaultFormThead="cxDefaultFormThead"
+      :cxUrl="cxUrl"
+    ></right-content>
+  </div>
+</template>
+
+<script>
+//   import {getRybq} from "@/api/zdry/zdryGl.js";
+import rightContent from "@c/zdryGl/ptCxForm_components.vue";
+//   import {
+//     updateUserRybz,
+//     insertUserRybz,
+//     getDrbqDetail,
+//     getDrDetail,
+//     getZtDetail,
+//     getXdryDetail,
+//     updateZdyCode,
+//   } from "@/api/zdry/zdryGl.js";
+
+export default {
+  name: "ztsjfx",
+  components: {
+    rightContent,
+  },
+  data() {
+    return {
+      header: "专题数据查询分析",
+      pageBs: "ztsjfx",
+
+      cxFormData: {
+        limit: 10,
+        page: 1,
+				asjbh: '',
+				asjfssjKssj: '',
+				sjfssjJssj: '',
+				ajlbdm: '',
+				asjfsdd_xzqhdm: '',
+				lasjRqsjKssj: '',
+				lasjRqsjJssj: '',
+				Ladw_gajgjgdms: '',
+				bzzt: '',
+				jyaq: '',
+				ssjzMin: '',
+				ssjzMax: '',
+      },
+      cxQueryField: [
+        {
+          name: "案事件编号",
+          id: "asjbh",
+          type: "text",
+          value: "",
+          placeholder: "",
+          col: "3",
+        },
+        {
+          name: "发案时间",
+          id: "asjfssjKssj",
+          id2: "sjfssjJssj",
+          type: "zdyDate",
+          value: "",
+          col: "3",
+        },
+        {
+          name: "案件类别",
+          id: "ajlbdm",
+          type: "codeTreeDialog",
+          props: [], //字典弹框需要的字段
+          value: "",
+          col: "3",
+          codeOptions: [],
+          codeTree: "CODE_AJLB_bz",
+        },
+        {
+          name: "案发地区划",
+          id: "asjfsdd_xzqhdm",
+          type: "codeTreeDialog",
+          value: "",
+          placeholder: "请选择",
+          col: "3",
+          codeOptions: [],
+          codeTree: "CODE_XZQH",
+        },
+        {
+          name: "立案时间",
+          id: "lasjRqsjKssj",
+          id2: "lasjRqsjJssj",
+          type: "zdyDate",
+          value: "",
+          col: "3",
+        },
+        {
+          name: "立案单位",
+          id: "Ladw_gajgjgdms",
+          type: "lazyCodeTreeDialog",
+          props: [], //字典弹框需要的字段
+          value: "",
+          col: "3",
+          codeOptions: [],
+          codeTree: "CODE_QGUNIT",
+        },
+        {
+          name: "标注状态",
+          id: "bzzt",
+          type: "radioWxxs",
+          value: "10",
+          placeholder: "请选择",
+          col: "3",
+          radioData: [
+            { label: "全部", val: "" },
+						{ label: "已标注", val: "1" },
+            { label: "未标注", val: "2" },
+          ],
+        },
+				{
+          name: "损失总价",
+          id: "ssjzMin",
+          id2: "ssjzMax",
+          type: "zdyText",
+          value: "",
+          placeholder: "请输入",
+          value2: "",
+          placeholder2: "请输入",
+          col: "3",
+        },
+        {
+          name: "简要案情",
+          id: "jyaq",
+          type: "text",
+          value: "",
+          placeholder: "",
+          col: "15",
+        },
+      ],
+      cxDefaultFormThead: [
+        {
+          label: "案事件编号",
+          prop: "asjbh",
+          width: "150",
+        },
+				{
+          label: "案件名称",
+          prop: "ajmc",
+        },
+				{
+          label: "案件类别",
+          prop: "ajlbdmMc/ajzlbMc/ajxzlbMc",
+					width: "150",
+        },
+				{
+          label: "标注状态",
+          prop: "bzztMs",
+          width: "150",
+        },
+				{
+          label: "立案日期",
+          prop: "larq",
+        },
+				{
+          label: "案件侦查阶段",
+          prop: "zcjddmMc",
+          width: "100",
+        },
+				{
+          label: "发案时间",
+          prop: "asjfssjAsjfskssj",
+        },
+				{
+          label: "立案单位",
+          prop: "ladwGajgjgdmMc",
+        },
+				{
+          label: "简要案情",
+          prop: "jyaq",
+					width: "150",
+        },
+      ],
+      cxUrl: "/ztsjFx/esAsjQuery",
+    };
+  },
+  created() {
+    this.$store.commit("user/SET_Menu", this.Menu);
+    this.$store.commit("user/SET_LeftMenu", this.leftMenus);
+    this.$store.commit("user/SET_Breadcrumb", this.breadcrumbList);
+    this.getCode();
+  },
+  mounted() {},
+  methods: {
+    getCode() {
+      let arr = [];
+      getRybq().then((res) => {
+        res.data.rows.forEach((item) => {
+          arr.push({
+            id: item.code,
+            label: item.name,
+            disabled: false,
+          });
+        });
+      });
+      this.$set(this.cxQueryField[8], "codeOptions", arr);
+    },
+  },
+  watch: {},
+};
+</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;
+}
+
+.dangerIndex {
+  font-size: 20px;
+  width: 100%;
+  margin-bottom: 30px;
+}
+
+.fivebox {
+  font-size: 16px;
+  margin: 10px;
+  margin-bottom: 30px;
+}
+</style>
+<style scoped lang="scss">
+@import "@/assets/styles/rightContentscss.scss";
+</style>
+<style lang="scss" scoped>
+/deep/ .el-loading-mask {
+  position: absolute;
+  z-index: 2000;
+  background-color: rgba(255, 255, 255, 0.4);
+  margin: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  transition: opacity 0.3s;
+}
+
+/deep/ .pub_dialog .el-dialog {
+  display: flex;
+  // justify-content: center;
+  // align-items: Center;
+  overflow: hidden;
+  height: 70vh;
+  max-height: 70vh;
+}
+
+/deep/ .pub_dialog .el-dialog {
+  // margin: 0 auto !important;
+
+  overflow: hidden;
+}
+
+/deep/ .pub_dialog .el-dialog__body {
+  position: absolute;
+  left: 0;
+  top: 54px;
+  bottom: 0;
+  right: 0;
+  padding: 0;
+  z-index: 1;
+  // overflow: hidden;
+  overflow-y: auto;
+  overflow: auto;
+}
+</style>
\ No newline at end of file