标注统计

src/api/ajbztj.js

+import {
+    get,
+    post,
+    postform,
+    postJson
+  } from "@/utils/http.js";
+//第一栏
+export const EsBztQuery = params =>
+  post("/api/EsBztQuery", params)
+  
+//第二栏
+// export const EsBztQuery = params =>
+//   post("/api/EsBztQuery", params)
+
+//第三栏
+export const EsBzDqQuery = params =>
+  post("/api/EsBzDqQuery", params)
+
+//第三栏详情
+export const EsBzDqXqQuery = params =>
+  post("/api/EsBzDqXqQuery", params)
+  
+//第四栏
+export const EsBzBtQuery = params =>
+  post("/api/EsBzBtQuery", params)
+
+//导出 
+export const getTj = params =>
+  post("/api/getTj", params)

src/router/modules/index.js

@@ -94,6 +94,15 @@ export default [
     component: () => import("@/views/bztj.vue")
   },
   {
+    path: "/bztjDetail",
+    name: "bztjDetail",
+    meta: {
+      title: "标注统计详情页",
+      auth: 5
+    },
+    component: () => import("@/views/bztjDetail.vue")
+  },
+  {
     path: "/ajbzDetail",
     name: "ajbzDetail",
     meta: {

src/views/bztjDetail.vue

+<template>
+  <div class="Content">
+    <right-content :cxFormData="cxFormData"
+                   :cxQueryField="cxQueryField"
+                   :cxDefaultFormThead="cxDefaultFormThead"
+                   :cxUrl="cxUrl"
+                   :pageBs='pageBs'
+                    ref="rightContent"
+                   ></right-content>
+
+  </div>
+</template>
+
+<script>
+import rightContent from "@c/bztj_component.vue";
+import axios from 'axios'
+// import { getAsjxxDetail } from '@/api/ajbzDetail.js'
+export default {
+  name: "queryAj",
+  components: {
+    rightContent,
+  },
+  data() {
+    return {
+      pageBs:'queryAj',
+      cxFormData: {
+          asjbh: '',
+          ajmc: '',
+          Ladw: '',
+          state: '',
+          asjkssj: '',
+          asjjssj: '',
+      },
+      cxQueryField: [
+        {
+          name: "案(事)件编号",
+          id: "asjbh",
+          type: "text",
+          value: "",
+          placeholder: "请输入",
+          col: "3",
+        },
+        {
+          name: "案件名称",
+          id: "ajmc",
+          type: "text",
+          value: "",
+          placeholder: "请输入",
+          col: "3",
+        },
+        {
+          name: "立案单位",
+          id: "Ladw",
+          type: "lazyCodeTreeDialog",
+          props: [], //字典弹框需要的字段
+          value: "",
+          col: "3",
+          codeOptions: [],
+          codeTree: "CODE_QGUNIT",
+        },
+        {
+          name: "标注状态",
+          id: "state",
+          type: "radio",
+          value: "1",
+          placeholder: "",
+          col: "3",
+          radioData: [
+            { label: "全部", val: "" },
+            { label: "已标注", val: "1" },
+            { label: "未标注", val: "2" },
+          ],
+        },
+        {
+          name: "发案时间",
+          id: "asjkssj",
+          id2: "asjjssj",
+          type: "zdyDate",
+          value: "",
+          col: "3",
+        },
+      ],
+      cxDefaultFormThead: [
+        {
+          label: "案件编号",
+          prop: "asjbh",
+        },
+        {
+          label: '案件名称',
+          prop: 'ajmc',
+        },
+        {
+          label: '案件类别',
+          prop: 'ajlbdmMc',
+        },
+        {
+          label: '小案类别',
+          prop: 'ajzlbMc',
+        },
+        {
+          label: '细案类别',
+          prop: 'ajxzlbMc',
+        },
+        {
+          label: '案发时间',
+          prop: 'asjfssjAsjfskssj',
+        },
+        {
+          label: '简要案情',
+          prop: 'jyaq',
+        },
+      ],
+      cxUrl: "/EsBzDqXqQuery",
+    };
+  },
+  methods: {
+    formatDate(date) {
+      var y = date.getFullYear();
+      var m = date.getMonth() + 1;
+      m = m < 10 ? "0" + m : m;
+      var d = date.getDate();
+      d = d < 10 ? "0" + d : d;
+      return y + "-" + m + "-" + d;
+    },
+    formatStartDate(date) {
+      var y = date.getFullYear();
+      return y + "-01-01";
+    },
+  },
+  created() {
+    this.$set(
+      this.cxFormData,
+      "asjkssj",
+      his.$route.query.asjkssj
+    );
+    this.$set(this.cxFormData, "asjkssj", this.$route.query.asjkssj);
+    this.$set(this.cxFormData, "ladw", this.$route.query.ladw);
+
+  },
+  
+};
+</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;
+}
+.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">
+@import "../assets/styles/rightContent.scss";
+</style>