浏览代码

增加刷新操作

yjw 3 年之前
父节点
当前提交
428bd1f6d2
共有 2 个文件被更改,包括 21 次插入5 次删除
  1. 18 4
      src/views/hzyb/report/ChapterDetail.vue
  2. 3 1
      src/views/hzyb/report/Detail.vue

+ 18 - 4
src/views/hzyb/report/ChapterDetail.vue

@@ -1,4 +1,5 @@
 <template>
+<van-pull-refresh v-model="loading" @refresh="onRefresh" style="min-height:100vh">
   <div class="chapter-detail-page" v-if="info">
     <div class="main-box">
       <div class="title">【第{{info.report_chapter_item.stage}}期 | {{info.report_chapter_item.classify_name_first}}  | {{info.report_chapter_item.type_name}}】{{info.report_chapter_item.title}}</div>
@@ -91,6 +92,7 @@
         </div>
     </van-popup>
   </div>
+</van-pull-refresh>
 </template>
 
 <script>
@@ -107,12 +109,12 @@ export default {
     [VanImage.name]:VanImage,
     [PullRefresh.name]:PullRefresh,
     [Col.name]:Col,
-    [Row.name]:Row
+    [Row.name]:Row,
+    [PullRefresh.name]:PullRefresh
   },
   data() {
     return {
       showDisclaimers: false, //显示免责声明
-      html: "",
       chapterId:0,
       fromPage:'',//如果是从首页(home)来的则隐藏底部切换
       info:null,
@@ -123,12 +125,16 @@ export default {
       pupData:{
 				show:false,
 				content:'',//弹窗html字符串
-			}
+			},
+
+      loading:false,
 
     };
   },
   beforeCreate(){
-    localStorage.setItem('hzyb-token',this.$route.query.token)
+    if(this.$route.query.token){
+      localStorage.setItem('hzyb-token',this.$route.query.token)
+    }
   },
   created(options) {
     this.chapterId=this.$route.query.chapterId
@@ -270,6 +276,14 @@ export default {
       }
     },
 
+    //下拉刷新
+    onRefresh(){
+      this.getDetail()
+      setTimeout(() => {
+        this.loading=false
+      }, 1500);
+    }
+
   },
 };
 </script>

+ 3 - 1
src/views/hzyb/report/Detail.vue

@@ -142,7 +142,9 @@ export default {
         }
     },
     beforeCreate(){
-        localStorage.setItem('hzyb-token',this.$route.query.token)
+        if(this.$route.query.token){
+            localStorage.setItem('hzyb-token',this.$route.query.token)
+        }
     },
     created(options) {
         this.reportId=this.$route.query.reportId