Merge branch 'dev1.1' of http://192.168.3.207:10080/jianyu/page_dataexport into dev1.1

src/router/modules/home.ts

@@ -45,7 +45,8 @@ export default [
     name: 'introduce',
     component: () => import(/* webpackChunkName: "index" */ '@/views/main/IntroducePage.vue'),
     meta: {
-      title: '数据报告'
+      title: '数据报告',
+      layoutConf: true
     }
   },
   {

src/views/main/Home.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="report-home" ref="wrapper">
     <div v-if="listState.list.length && listState.list.length > 0">
+      <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
       <van-list
         v-model="listState.loading"
         :finished="listState.finished"
@@ -27,6 +28,7 @@
           </li>
         </ul>
       </van-list>
+      </van-pull-refresh>
     </div>
     <Empty v-else>
       <div class="tip-sub-text">暂无数据</div>
@@ -36,11 +38,12 @@
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
 import { mapState, mapMutations, mapActions } from 'vuex'
-import { List } from 'vant'
+import { PullRefresh, List, Toast } from 'vant'
 import Empty from '@/components/common/Empty.vue'
 @Component({
   name: 'home',
   components: {
+    [PullRefresh.name]: PullRefresh,
     [List.name]: List,
     Empty
   },
@@ -49,7 +52,8 @@ import Empty from '@/components/common/Empty.vue'
       reportList: (state: any) => state.reportList
     }),
     ...mapMutations({
-      saveList: 'home/saveReportList'
+      saveList: 'home/saveReportList',
+      clearList: 'home/clearReportList'
     }),
     ...mapActions({
       getList: 'home/getReportList'
@@ -61,6 +65,8 @@ export default class Home extends Vue {
   protected reportList!: any
   protected getList!: any
   protected saveList!: any
+  protected clearList!: any
+  isLoading = false
   listState = {
     list: [],
     loading: false,
@@ -140,6 +146,25 @@ export default class Home extends Vue {
   goDetail (item) {
     this.$router.push(`/detail/${item.id}`)
   }
+
+  onRefresh () {
+    setTimeout(() => {
+      this.isLoading = false
+      this.clearList()
+      this.$nextTick(() => {
+        this.listState = {
+          list: [],
+          loading: false,
+          finished: false,
+          currentPage: 1,
+          totalPage: 0,
+          scroll: 0
+        }
+        this.getReportList()
+        Toast('刷新成功')
+      })
+    }, 1000)
+  }
 }
 </script>
 <style lang="scss">

src/views/main/IntroducePage.vue

@@ -24,18 +24,21 @@
 
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import { mapMutations } from 'vuex'
+import { mapState, mapMutations } from 'vuex'
 
 @Component({
   name: 'introduce',
   methods: {
+    ...mapState(['layoutConf']),
     ...mapMutations({
+      updateHeader: 'updateLayoutConfig',
       clearReportList: 'home/clearReportList'
     })
   }
 })
 
 export default class Introduce extends Vue {
+  protected updateHeader!: any
   protected clearReportList!: any
   list = [
     { src: require('../../assets/image/dujiafabu.png'), title: '独家发布', desc: '剑鱼标讯官方独家跟进剑鱼标讯数据，定期制作 高质量的行业数据报告' },
@@ -44,6 +47,10 @@ export default class Introduce extends Vue {
   ]
 
   mounted () {
+    console.log(this.$store.state)
+    this.updateHeader({
+      transparentHeader: true
+    })
     this.clearReportList()
   }
 }