修改了页面样式

src/views/cbyp/qgxxxx.vue

 <template>
   <div class="qgxxxx">
-		<div class="title">
+    <div class="title">
       <img src="../../assets/img/login/jinhui.png" alt="" />
       <div class="name">全国案件</div>
     </div>
@@ -10,7 +10,8 @@
         v-for="item in bottonData"
         :key="item.xzqhdmSj"
         @click="searchCaseByProvince(item)"
-				type="primary" plain
+        type="primary"
+        plain
         >{{ item.xzqhdmSj + " " + item.count }}</el-button
       >
     </div>
@@ -26,7 +27,7 @@
         width="100%"
         size="small"
         border
-				stripe
+        stripe
       >
         <el-table-column
           align="center"
@@ -101,9 +102,10 @@ export default {
       xszajbh: "",
       cbxgfwbzh: "",
       tableLoading: false,
-			bottonData: [],
+      bottonData: [],
       tableData: [],
-			currentPage: 1,
+			tableArr: [],
+      currentPage: 1,
       propdefaultFormThead: [
         {
           label: "案发地点",
@@ -144,7 +146,7 @@ export default {
     this.xszajbh = this.$route.query.xszajbh;
     this.cbxgfwbzh = this.$route.query.cbxgfwbzh;
     this.xlajbh = this.$route.query.xlajbh;
-		
+
     this.getShuju();
   },
   methods: {
@@ -152,49 +154,45 @@ export default {
       var params = {
         xszajbh: this.xszajbh,
         cbxgfwbzh: this.cbxgfwbzh,
-			}
+      };
       getQgAsjxxByXszajbh(params).then((res) => {
         this.tableData = res.data.rows;
+				this.tableArr = res.data.rows;
         this.bottonData = res.data.qucsj;
         console.log(res);
       });
     },
     searchCaseByProvince(item) {
-      var params = {
-				xszajbh: item.xszajbh,
-        cbxgfwbzh: item.cbxgfwbzh,
-			}
-      getQgAsjxxByXszajbh(params).then((res) => {
-        console.log(res);
-        this.tableData = res.data.qucsj;
-      });
+      let str = item.xzqhdmSj;
+      let arr = this.tableArr.filter((i) => i.xzqhdmSj.indexOf(str) >= 0);
+			this.tableData = arr;
     },
-		handleSizeChange() {},
-		handleCurrentChange() {},
+    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;
-			}
+  .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;
@@ -206,7 +204,7 @@ export default {
   // width: 90%;
   height: 20%;
   margin: 8px 20px;
-	padding: 20px;
+  padding: 20px;
   border-radius: 10px;
   background-color: #fff;
   border: 1px solid #eaeaea;