优化页面1

config/UserCache.js

@@ -0,0 +1,44 @@
+/**
+ * 用户缓存操作
+ */
+export default (function () {
+    let userCacheKey = "user";
+    let extCacheKey = "userExtends";
+
+    function set(key, info, obj){
+        uni.setStorageSync(key, info);
+        return obj;
+    }
+
+    function get(cacheKey, key, defaultValue){
+        let info = uni.getStorageSync(cacheKey);
+        return key !== null
+            ? (info[key] ? info[key] : defaultValue)
+            : info;
+    }
+
+    function remove(cacheKey){
+        uni.removeStorageSync(cacheKey);
+    }
+
+    return {
+        set:(info) => set(userCacheKey, info),
+        setAndReturn(info){
+            this.set(info);
+            return this.get();
+        },
+        get:(key = null, defaultValue = null) => get(userCacheKey, key, defaultValue),
+        extSet:(info) => set(extCacheKey, info),
+        extSetAndReturn(info){
+            this.extSet(info);
+            return this.extGet();
+        },
+        extGet:(key = null, defaultValue = null) => get(extCacheKey, key, defaultValue),
+        clearUser:()=> remove(userCacheKey),
+        clearUserExt:() => remove(extCacheKey),
+        clearAll(){
+            this.clearUser();
+            this.clearUserExt();
+        }
+    }
+})();

config/config.js

@@ -1,3 +1,5 @@
+import UserCache from "@/config/UserCache";
+
 /**
  * 当前环境
  * @type {string}
@@ -10,6 +12,4 @@ const ENV = 'dev';
  */
 const OPEN_LOG = true;
 
-
-
-export {OPEN_LOG, ENV}
+export {OPEN_LOG, ENV, UserCache}

pages/Index/components/UserPage/index.vue

@@ -153,6 +153,7 @@
 	import api from '@/utils/functions.js';
   import {userDetail, userExtends} from "@/api/user";
 	import log from "@/utils/log";
+  import {UserCache} from "@/config/config";
 	export default {
 		components: {
 			HeaderNav,
@@ -221,15 +222,14 @@
 			},
 			orderPage(type, is_buy){
 				uni.navigateTo({
-					url:`/pages/UserOrderPage/index?type=${type}&is_bay=${is_buy}`
+					url:`/pages/UserOrderPage/index?type=${type}&is_buy=${is_buy}`
 				})
 			},
 			showNumber(){
 				userExtends().then(data => {
 					log(data);
 					this.userExtends = data.data;
-          uni.setStorageSync('userExtends',data.data);
-          this.$store.commit('userExtends',data.data);
+          this.$store.commit('userExtends',UserCache.extSetAndReturn(data.data));
 				});
 			},
 			userCouponsPage(){
@@ -247,8 +247,7 @@
       },
       showUserInfo(){
         userDetail().then(res => {
-          uni.setStorageSync('user',res.data);
-          this.$store.commit('userInfo',res.data);
+          this.$store.commit('userInfo', UserCache.setAndReturn(res.data));
         })
       }
 		},

pages/Index/index.vue

@@ -27,7 +27,8 @@
 	import ChatPage from '@/pages/Index/components/ChatPage/Index.vue';
 	import UserPage from '@/pages/Index/components/UserPage/Index.vue';
   import {imghost} from "@/config/host";
-	import log from "@/utils/log";
+  import {UserCache} from "@/config/config.js";
+  import log from "@/utils/log";
 	export default {
 		components: {
 			FooterNav,
@@ -55,7 +56,7 @@
             image: imghost + "/static/image/foot-nav-button-two",
             name: 'order',
             title:'订单',
-						is_show: uni.getStorageSync('user')?.store_id > 0
+						is_show: UserCache.get('store_id', 0) > 0
           },
           {
             image: imghost + "/static/image/foot-nav-button-three",
@@ -119,9 +120,9 @@
 			if (!token) {
 				this.show = true;
 			}else{
-				let user = uni.getStorageSync('user');
+				let user = UserCache.get();
 				this.$store.commit('userInfo', user);
-        let userExtends = uni.getStorageSync('userExtends');
+        let userExtends = UserCache.extGet();
 				this.$store.commit('userExtends', userExtends);
 			}
 		},

pages/Login/index.vue

@@ -109,6 +109,7 @@ import {
 } from '@/config/host.js'
 import api from '@/utils/functions.js';
 import {appletLogin, testLogin, userDetail, userExtends} from "@/api/user";
+import {UserCache} from "@/config/config";
 
 export default {
   data() {
@@ -141,12 +142,10 @@ export default {
       }).then((res) => {
         uni.setStorageSync('token',res.data.token);
         userDetail().then((res) => {
-          uni.setStorageSync('user',res.data);
-          this.$store.commit('userInfo',res.data);
+          this.$store.commit('userInfo', UserCache.setAndReturn(res.data));
         });
         userExtends().then((res) => {
-          uni.setStorageSync('userExtends',res.data);
-          this.$store.commit('userExtends',res.data);
+          this.$store.commit('userExtends', UserCache.extSetAndReturn(res.data));
         });
       });
     },
@@ -156,8 +155,7 @@ export default {
           appletLogin(res.code).then(res => {
             if(res.code === 200){
               uni.setStorageSync('token',res.data.token);
-              uni.setStorageSync('user',res.data.user);
-              this.$store.commit('userInfo', res.data.user);
+              this.$store.commit('userInfo', UserCache.setAndReturn(res.data.user));
               uni.navigateBack({
                 delta:1,
               })

pages/UserCoupons/index.vue

@@ -11,7 +11,7 @@
 		</view>
 		<view class="coupons-list">
 			<view v-for="item in couponsList" class="coupons-item-container" :style="{
-					backgroundImage:'url('+(item.is_timeout?staticImage.couponsGrayBackground:staticImage.couponsBackground)+')'
+					backgroundImage:'url('+(item.status > 0?staticImage.couponsGrayBackground:staticImage.couponsBackground)+')'
 					}">
 				<view class="coupons-item row">
 					<view class="coupons-left ">
@@ -28,10 +28,10 @@
 							<view class="coupons-title col-12">{{item.title}}</view>
 							<view class="coupons-desc col-12">{{item.time}}</view>
 						</view>
-						<view class="coupons-gq " v-show="item.is_timeout">
+						<view class="coupons-gq " v-show="item.status === 2">
 							<image class="img" :src="staticImage.couponsGQ" mode="aspectFill" />
 						</view>
-						<view class="coupons-gq " v-show="!item.is_timeout">
+						<view class="coupons-gq " v-show="item.status === 1">
 							<image class="img" :src="staticImage.couponsUse" mode="aspectFill" />
 						</view>
 						<view class="coupons-bottom col-12 row">
@@ -41,13 +41,13 @@
                     title="立即使用"
                     @click="clickCoupons(item)"
                     button-width="145rpx"
-                    :button-color="item.is_timeout?'#CACACA':'#4DC3B8'"
+                    :button-color="item.status > 0 ?'#CACACA':'#4DC3B8'"
                     font-color="#fff"
                     font-size="26rpx"
                     :is-background="false"
                     padding-tb="2rpx"
                     :btn-style="{
-                      boxShadow:(item.is_timeout?'2rpx -5rpx 0rpx 0rpx rgba(199,199,199,0.35)':'2rpx -5rpx 0rpx 0rpx rgba(77,195,184,0.35)')
+                      boxShadow:(item.status > 0?'2rpx -5rpx 0rpx 0rpx rgba(199,199,199,0.35)':'2rpx -5rpx 0rpx 0rpx rgba(77,195,184,0.35)')
                     }"></MzButton>
 							</view>
 						</view>
@@ -124,7 +124,7 @@
 		},
 		methods: {
       clickCoupons(item){
-        if(!item.is_timeout){
+        if(item.status === 0){
           uni.setStorageSync('userCoupons',item);
           uni.navigateBack();
         }
@@ -152,7 +152,7 @@
 							title:row.title,
 							time: '有效期至 '+row.end_time,
 							cause:'满'+parseFloat(row.min_price)+'使用',
-							is_timeout: (row.status === 2),
+              status: row.status,
 						}
 					});
 					this.status = couponsList.length < 10 ? 'nomore' : 'loadmore';

pages/UserDetail/index.vue

@@ -58,7 +58,7 @@
 							</u-upload>
 						</view>
 					</view>
-					<view class="detail-logout-button">
+					<view class="detail-logout-button" @click="loginout">
 						退出登录
 					</view>
 				</view>
@@ -79,6 +79,7 @@
 	import log from "@/utils/log";
 	import {updateUserDetail, userDetail} from "@/api/user";
 	import functions from "@/utils/functions.js";
+  import {UserCache} from "@/config/config";
 	export default {
 		components:{
 			HeaderNav
@@ -147,7 +148,7 @@
 					this.user.birthday = uni.$u.timeFormat(this.user.birthday, 'yyyy-mm-dd')
 				}
 				updateUserDetail(this.user).then((data) => {
-					uni.setStorageSync('user', data.data);
+					UserCache.set(data.data);
 				});
 			},
 			setSexTitle(v) {
@@ -169,7 +170,12 @@
 			backgroundDel(index, file, name){
 				this.background = [];
 				this.user.background = '';
-			}
+			},
+      loginout(){
+        uni.clearStorageSync();
+        this.$store.commit('logout');
+        uni.reLaunch({url:'/pages/Index/index'});
+      }
 		},
 		onPageScroll(res) {
 

pages/UserOrderPage/index.vue

@@ -169,6 +169,7 @@
 		onLoad(options) {
 			this.screenCheck = options.type;
 			this.is_buy = options.is_buy;
+      log(options)
 		},
 		methods: {
       selectScreen(item){
@@ -200,6 +201,7 @@
 					return;
 				}
 				this.status = 'loading';
+        log(filter);
 				getOrderList(filter).then(data => {
 					if (filter.page === 1){
 						this.orderList = data.data;

store.js

@@ -1,5 +1,6 @@
 import {title} from "@/config/host";
 import { createStore } from 'vuex'
+import log from "@/utils/log";
 
 const store = createStore({
     state () {