新添加了两个页面，全国线索信息和系列案件详情

src/views/cbyp/qgxxxx.vue

+<template>
+  <div class="qgxxxx">
+		<div class="title">
+      <img src="../../assets/img/login/jinhui.png" alt="" />
+      <div class="name">全国案件</div>
+    </div>
+    <div class="buttonSquare">
+      <el-button
+        class="provinceButton"
+        v-for="item in buttonList"
+        :key="item.value"
+        @click="searchCaseByProvince(item.value)"
+        >{{ item.name }}</el-button
+      >
+    </div>
+    <div class="listSquare">
+      <el-table
+        id="ajzbQuery"
+        v-loading="tableLoading"
+        element-loading-text="拼命加载中"
+        :data="tableData"
+        tooltip-effect="dark"
+        max-height="600"
+        style="width: 99%; margin: 0 auto"
+        width="100%"
+        size="small"
+        border
+      >
+        <el-table-column
+          align="center"
+          v-for="columnTitle in propdefaultFormThead"
+          :prop="columnTitle.prop"
+          :key="columnTitle.label"
+          :label="columnTitle.label"
+          :width="columnTitle.width"
+        >
+          <template slot-scope="scope">
+            <div v-if="columnTitle.prop == 'jyaq'">
+              <div class="ajxq_s">
+                <span class="none" v-html="scope.row[columnTitle.prop]"></span
+                ><a
+                  href="javascript:void(0);"
+                  onclick='javascript:this.parentNode.style.display="none";this.parentNode.nextSibling.style.display="block"'
+                  style="
+                    display: inline-block;
+                    width: 100%;
+                    text-align: right;
+                    color: #3692c6;
+                    font-weight: 600;
+                  "
+                  id="open"
+                  v-show="
+                    scope.row[columnTitle.prop] != '' &&
+                    scope.row[columnTitle.prop] != null
+                  "
+                  >展开</a
+                >
+              </div>
+              <div class="ajxq_n" style="display: none">
+                <span
+                  style="display: block"
+                  v-html="scope.row[columnTitle.prop]"
+                ></span
+                ><a
+                  href="javascript:void(0);"
+                  onclick='javascript:this.parentNode.style.display="none";this.parentNode.previousSibling.style.display="block"'
+                  style="float: right; color: #3692c6; font-weight: 600"
+                  id="stop"
+                  v-show="
+                    scope.row[columnTitle.prop] != '' &&
+                    scope.row[columnTitle.prop] != null
+                  "
+                  >收起</a
+                >
+              </div>
+            </div>
+            <div v-else v-html="scope.row[columnTitle.prop]"></div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page.sync="currentPage"
+        :page-size="100"
+        layout="total, prev, pager, next, jumper"
+        :total="1000"
+      >
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getQgAsjxxByXszajbh } from "@/api/cbyp.js";
+export default {
+  data() {
+    return {
+      xszajbh: "",
+      cbxgfwbzh: "",
+      tableLoading: false,
+      tableData: [],
+			currentPage: 1,
+      propdefaultFormThead: [
+        {
+          label: "案发地点",
+          prop: "fxasjddXzqhdm",
+        },
+        {
+          label: "案件编号",
+          prop: "xszajbh",
+        },
+        {
+          label: "案件名称",
+          prop: "ajmc",
+        },
+        {
+          label: "案件类别",
+          prop: "ajlbdm",
+        },
+        {
+          label: "案件状态",
+          prop: "zcjddm",
+        },
+        {
+          label: "立案单位",
+          prop: "ladwGajgjgdm",
+        },
+        {
+          label: "案发时间",
+          prop: "asjfssjAsjfskssj",
+        },
+        {
+          label: "简要案情",
+          prop: "jyaq",
+        },
+      ],
+      buttonList: [
+        {
+          name: "云南省 1",
+          value: "yunnan1",
+        },
+        {
+          name: "内蒙古自治区 1",
+          value: "neimenggu1",
+        },
+        {
+          name: "北京市 1",
+          value: "beijing1",
+        },
+        {
+          name: "安徽省 4",
+          value: "anhui4",
+        },
+        {
+          name: "广东省 2",
+          value: "guangdong2",
+        },
+        {
+          name: "广西壮族自治区 1",
+          value: "guanxi1",
+        },
+        {
+          name: "江苏省 1",
+          value: "jiangsu1",
+        },
+        {
+          name: "河南省 1",
+          value: "henan1",
+        },
+        {
+          name: "湖北省 1",
+          value: "hubei1",
+        },
+        {
+          name: "贵州省 1",
+          value: "guizhou1",
+        },
+      ],
+    };
+  },
+  created() {
+    this.xszajbh = this.$route.query.xszajbh;
+    this.cbxgfwbzh = this.$route.query.cbxgfwbzh;
+    this.getShuju();
+  },
+  methods: {
+    getShuju() {
+      var params = new FormData();
+      params.append("xszajbh", this.xszajbh);
+      params.append("cbxgfwbzh", this.cbxgfwbzh);
+      getQgAsjxxByXszajbh(params).then((res) => {
+        this.tableData = res.data.qucsj;
+        console.log(res);
+      });
+    },
+    searchCaseByProvince(value) {
+      var params = new FormData();
+      params.append("xszajbh", this.xszajbh);
+      params.append("cbxgfwbzh", this.cbxgfwbzh);
+      getQgAsjxxByXszajbh(params).then((res) => {
+        console.log(res);
+        this.tableData = res.data.qucsj;
+      });
+    },
+		handleSizeChange() {},
+		handleCurrentChange() {},
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.qgxxxx {
+	.title {
+		height: 52px;
+			background: #1f212c;
+			padding-left: 32px;
+			display: flex;
+			align-items: center;
+	}
+	img {
+      width: 36px;
+      height: 36px;
+    }
+	.name {
+				font-size: 18px;
+				font-family: Microsoft YaHei;
+				font-weight: bold;
+				line-height: 24px;
+				color: #ffffff;
+			}
+}
+.qgxxxx {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  background-color: #efefef;
+}
+.buttonSquare {
+  // width: 90%;
+  height: 20%;
+  margin: 8px 20px;
+  border-radius: 10px;
+  background-color: #fff;
+  border: 1px solid #eaeaea;
+}
+.provinceButton {
+}
+.listSquare {
+  // width: 90%;
+  height: 70%;
+  margin: 8px 20px;
+  border-radius: 8px;
+  background-color: #fff;
+  border: 1px solid #eaeaea;
+}
+</style>
\ No newline at end of file