社区页面重置

src/store/getters.js

@@ -32,6 +32,7 @@ const getters = {
   houseItem: (state) => state.xiaoqu.houseItem,
   refreshBuild: (state) => state.xiaoqu.refreshBuild,
   personNum: (state) => state.xiaoqu.personNum,
+
   resetBtn: (state) => state.xiaoqu.reset,
 };
 export default getters;

src/views/components/IndexModel/components/pieChart.vue

@@ -44,6 +44,7 @@ export default {
   watch: {
     queryParamsIndex: {
       handler(newVal, oldVal) {
+        this.currentIndex = 0;
         this.getPie();
       },
       deep: true,

src/views/components/foldpanelLeft/index.vue

@@ -43,9 +43,19 @@ export default {
       panelSate: false,
     };
   },
-
+  watch: {
+    queryParamsIndex: {
+      handler(newVal, oldVal) {
+        if (this.isShare) return;
+        if (newVal.shequId == "") {
+          this.panelSate = false;
+        }
+      },
+      deep: true,
+    },
+  },
   computed: {
-    ...mapGetters(["panel"]),
+    ...mapGetters(["panel", "queryParamsIndex"]),
     filterImage() {
       let isTrue = this.isShare ? this.panel.leftPanel : this.panelSate;
       if (isTrue) {

src/views/components/foldpanelRight/index.vue

@@ -38,8 +38,19 @@ export default {
       panelSate: false,
     };
   },
+  watch: {
+    queryParamsIndex: {
+      handler(newVal, oldVal) {
+        if (this.isShare) return;
+        if (newVal.shequId == "") {
+          this.panelSate = false;
+        }
+      },
+      deep: true,
+    },
+  },
   computed: {
-    ...mapGetters(["panel"]),
+    ...mapGetters(["panel", "queryParamsIndex"]),
     filterImage() {
       let isTrue = this.isShare ? this.panel.rightPanel : this.panelSate;
       if (isTrue) {

src/views/shequ.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="pc-container">
-    <NavigationBar></NavigationBar>
+    <NavigationBar @reset="clickReset"></NavigationBar>
     <foldpanelLeft :title="xiaoquIntroduce.deptName + '简介'">
       <IndexModelLeft />
     </foldpanelLeft>
@@ -128,12 +128,29 @@ export default {
 
   created() {
     this.getCommunity();
+    this.getData();
+  },
+  methods: {
+    getData() {
+      this.$store.commit("SET_QUERY_PARAMS", { shequId: "", xiaoquId: "" });
       this.$store.dispatch("GetYjtotal");
       this.$store.dispatch("GetXiaoquInfo", this.dept.deptId);
       this.$store.dispatch("getThreeCell");
       this.$store.dispatch("GetcolorList");
     },
-  methods: {
+    clickReset() {
+      this.community = 100;
+      this.xiaoqu = "";
+      this.xiaoquList = [];
+
+      this.getData();
+      this.map.flyHome({
+        duration: 1,
+      });
+      setTimeout(() => {
+        this.zoomChange();
+      }, 1200);
+    },
     goXiaoqu(id) {
       if (id == 260 || id == 254 || id == 257) {
         this.$modal.msgWarning("该小区功能暂未开放!");

src/views/xiaoqu.vue

@@ -52,7 +52,7 @@ import {
   building,
   house,
 } from "@/views/components/index.js";
-import { set } from "nprogress";
+
 export default {
   data() {
     return {};