缓存拍照项

take-order/pages/photo/list.vue

@@ -49,6 +49,7 @@
 </template>
 
 <script>
+	import cache from '../../common/cache.js'
 	export default {
 		data() {
 			return {
@@ -86,8 +87,8 @@
 			if (e && e.classifyId) {
 				this.classifyId = e.classifyId
 			}
-
-			this.getListData()
+			this.checkData()
+			// this.getListData()
 
 		},
 
@@ -138,6 +139,24 @@
 			return shareObj
 		},
 		methods: {
+			checkData: function() {
+				const checkResult = cache.checkCache(this.systemId)
+				if (!checkResult) {
+					this.getListData()
+					return
+				} 
+				
+				const data = cache.getCache(this.systemId)
+				const validityTime = 3600000 * 24 * 7 // 7天重新获取一次最新规范
+				
+				this.loading = false
+				if (data.loadTime - Date.now() < validityTime) { // 有效期内，读取缓存
+					this.handleData(data.result)
+				} else {
+					this.getListData()
+				}
+				
+			},
 			getListData: function() {
 				this.loading = true
 				let that = this
@@ -154,6 +173,14 @@
 								title: res.result.error_msg
 							})
 						} else {
+							const data = {
+								classify_id: this.classifyId,
+								system_id: this.systemId,
+								brand_id: this.brandId,
+								loadTime: Date.now(),
+								result: res.result
+							}
+							cache.setCache(this.systemId, data)
 							that.handleData(res.result)
 						}
 					}