H5：个人中心、订单列表、订座列表加数据缓存

htmldev/dashboard/src/router/index.js

@@ -46,7 +46,7 @@ const routes = [
     meta: {
       title: '我的订座',
       isUseCache: false,
-      keepAlive: false
+      keepAlive: true
     }
   },
   {
@@ -118,7 +118,7 @@ const routes = [
         meta: {
           title: '订单',
           isUseCache: false,
-          keepAlive: false
+          keepAlive: true
         }
       }
     ]
@@ -150,7 +150,7 @@ const routes = [
     meta: {
       title: '个人中心',
       isUseCache: false,
-      keepAlive: false
+      keepAlive: true
     }
   }
 ]

htmldev/dashboard/src/views/mine/index.vue

@@ -44,8 +44,12 @@ export default {
       booLock: false
     }
   },
-  created () {
-    this.fetchUserDetail()
+  activated () {
+    if (!this.$route.meta.isUseCache) {
+      this.userDetail = {}
+      this.fetchUserDetail()
+    }
+    this.$route.meta.isUseCache = false
   },
   methods: {
     async fetchUserDetail () {
@@ -74,6 +78,12 @@ export default {
         this.booLock = false
       }
     }
+  },
+  beforeRouteLeave (to, form, next) {
+    if (['OrderList', 'PlaceReserve'].findIndex(item => item === to.name) > -1) {
+      form.meta.isUseCache = true
+    }
+    next()
   }
 }
 </script>

htmldev/dashboard/src/views/order/list/index.vue

@@ -72,6 +72,19 @@ export default {
       list: []
     }
   },
+  activated () {
+    if (!this.$route.meta.isUseCache) {
+      this.isLoading = false
+      this.loading = false
+      this.finished = false
+      this.isRefresh = false
+      this.isFetchLock = false
+      this.pagenum = 0
+      this.pagesize = 20
+      this.list = []
+    } else {}
+    this.$route.meta.isUseCache = false
+  },
   methods: {
     cancel (id, index) {
       Dialog.confirm({
@@ -154,6 +167,12 @@ export default {
         this.isFetchLock = false
       }
     }
+  },
+  beforeRouteLeave (to, form, next) {
+    if (['Mine', 'OrderDetail'].findIndex(item => item === to.name) > -1) {
+      form.meta.isUseCache = true
+    }
+    next()
   }
 }
 </script>

htmldev/dashboard/src/views/place/list/style/index.scss

@@ -39,6 +39,7 @@
       justify-content: center;
       min-width: 118px;
       height: 36px;
+      padding: 0 10px;
       background: linear-gradient(86deg, #F0E1E2 0%, #DDC5C0 100%);
       border-radius: 18px;
     }

htmldev/dashboard/src/views/place/reserve/index.vue

@@ -82,6 +82,20 @@ export default {
       booLock: false
     }
   },
+  activated () {
+    if (!this.$route.meta.isUseCache) {
+      this.reserveList = []
+      this.isLoading = false
+      this.loading = false
+      this.finished = false
+      this.isRefresh = false
+      this.isFetchLock = false
+      this.pagenum = 0
+      this.pagesize = 20
+      this.booLock = false
+    }
+    this.$route.meta.isUseCache = false
+  },
   methods: {
     onRefresh () {
       this.pagenum = 0
@@ -173,6 +187,12 @@ export default {
         // on cancel
       })
     }
+  },
+  beforeRouteLeave (to, form, next) {
+    if (['Mine', 'PlaceCheck'].findIndex(item => item === to.name) > -1) {
+      form.meta.isUseCache = true
+    }
+    next()
   }
 }
 </script>