vuex 添加页面名称

src/store/addr/index.js

@@ -4,6 +4,7 @@
 import { searchApi } from "@/service/index.js";
 const addr = {
   state: {
+    page: "",
     parentId: "",
     parentName: '',
     mapLevel: '',
@@ -21,6 +22,10 @@ const addr = {
     selectStreet: {}
   },
   mutations: {
+    // 更改页面标识
+    changePage(state, newPage) {
+      state.page = newPage;
+    },
     // 获取市
     changeCityList(state, cityList) {
       state.vuexCityList = cityList;

src/views/index.vue

@@ -49,7 +49,7 @@
         </el-input>
       </div>
       <section class="scroll-board-wrap blur-wrap">
-        <dv-scroll-board class="scroll-board-01" :config="scrollBoardConfig" ref="scrollBoard" @click="scrollBoardClick" style="width:100%;height:25vh" />
+        <dv-scroll-board :key="scrollBoardKey" class="scroll-board-01" :config="scrollBoardConfig" ref="scrollBoard" @click="scrollBoardClick" style="width:100%;height:25vh" />
       </section>
     </section>
     
@@ -122,6 +122,7 @@
           {text:'林业经济'},
           {text:'事件信息'},
         ],
+        scrollBoardKey:Date.now(),
         scrollBoardConfig:scrollBoardSchema,
         page1numerical:[
           {name:'储蓄量',number:'2309',unit:'立方米'},
@@ -204,6 +205,13 @@
            Message('暂未开放！')
           return
         }
+        this.$store.dispatch('searchArea', {
+          parentId: '520000',
+          name: '',
+          mapLevel: ''
+        });
+        let pageLabel = ['forest','treeSpecies','sink','circulation','economics','event']
+        this.$store.commit('changePage',pageLabel[index-1]);
         this.page = index;
         this.getPageData();
       },
@@ -276,7 +284,10 @@
           res.rows.forEach(element => {
             this.scrollBoardConfig.data.push([element.smallNumber,element.treeComp,element.perAcreStock,element.landArea])            
           });
-          this.$refs.scrollBoard.updateRows(this.scrollBoardConfig.data)
+          this.scrollBoardKey= Date.now();
+          this.$refs.scrollBoard.updateRows(this.scrollBoardConfig.data);
+
+          
           // console.log('this.scrollBoardConfig.data', this.scrollBoardConfig.data);
           // this.scrollBoardConfig = res.data;
         }).catch(err=>{
@@ -325,12 +336,12 @@
           this.page2Char2.series = [];
 
           const rows  = res.rows;
-          console.log(rows)
+          // console.log(rows)
           // x坐标
            this.page2Char2.xAxis.data = rows.map(item => {
             return item.smallNumber
           })
-          console.log('x坐标',  this.page2Char2.xAxis.data)
+          // console.log('x坐标',  this.page2Char2.xAxis.data)
           // 获取所有项
           let seriesList = rows.map(item => {
             return item.treeList
@@ -357,7 +368,7 @@
                   data: []
                 }
               })
-              console.log(seriesList)
+              // console.log(seriesList)
               rows.forEach(item => {
             seriesList.forEach((jtem, index) => {
               let num = 0
@@ -369,7 +380,7 @@
               seriesList[index].data.push(num)
             })
           })
-          console.log(seriesList)
+          // console.log(seriesList)
           this.page2Char2.series = seriesList;
 
           let charUuid = this.$refs.page2Char2.mid;