sulibao-mini/store/index.js

import Vue from 'vue'
import Vuex from 'vuex'
import storage from '@/utils/storage.js'
Vue.use(Vuex)

let lifeData = {}

// 尝试获取本地是否存在lifeData变量，第一次启动时不存在
try {
	lifeData = uni.getStorageSync('lifeData')
} catch (e) {

}

// 标记需要永久存储的变量，在每次启动时取出，在state中的变量名
let saveStateKeys = ['vuex_user']

// 保存变量到本地存储
const saveLifeData = function(key, value) {
	// 判断变量是否在存储数组中
	if (saveStateKeys.indexOf(key) != -1) {
		// 获取本地存储的lifeData对象，将变量添加到对象中
		let tmpLifeData = uni.getStorageSync('lifeData')
		// 第一次启动时不存在，则放一个空对象
		tmpLifeData = tmpLifeData ? tmpLifeData : {},
			tmpLifeData[key] = value
		// 将变量再次放回本地存储中
		uni.setStorageSync('lifeData', tmpLifeData)
	}
}

const store = new Vuex.Store({
	state: {
		// 如果上面从本地获取的lifeData对象下有对应的属性，就赋值给state中对应的变量
		// 加上vuex_前缀，是防止变量名冲突，也让人一目了然
		vuex_user: lifeData.vuex_user ? lifeData.vuex_user : {
			name: '速立保'
		},

		// 如果vuex_version无需保存到本地永久存储，无需lifeData.vuex_version方式
		// app版本
		vuex_version: "1.0.0",
		// 是否使用自定义导航栏
		vuex_custom_nav_bar: true,
		// 状态栏高度
		vuex_status_bar_height: 0,
		// 自定义导航栏的高度
		vuex_custom_bar_height: 0,
		token: null,
		openId: null,
		userInfo: null,
		expires_time: null,
		isGOAuth: false, //是否已跳转至登录界面,防止路由重复注入
		isFirstLoad: true, //是否第一次加载 第一次加载未认证不需要弹框 直接跳转认证
		authPopupShow: false, //x-authorize 弹窗是否显示
		engAdmin: false
	},
	mutations: {
		LOGOUT(state) {
			state.token = null;
			//state.expires_time = null;
			state.userInfo = null;
			storage.remove('openId');
			storage.remove('userInfo');
			storage.remove('token');
			storage.remove('memberNo');
			storage.remove('myUsername');
			storage.remove('accountName');
			//storage.remove('expires_time')
		},
		LOGIN(state, {
			token,
			openId,
			expires_time
		}) {
			state.token = token;
			state.openId = openId;
			state.expires_time = expires_time;
			storage.set('token', token)
			storage.set('openId', openId)
			storage.set('expires_time', expires_time)
		},
		UPDATE_USERINFO(state, userInfo) {
			state.userInfo = userInfo;
			storage.set('userInfo', userInfo);
			if (userInfo) {
				storage.set('memberNo', userInfo.member_no);
				storage.set('accountName', userInfo.account_name);
				uni.setStorageSync("myUsername", userInfo.account_name);
				// uni.setStorageSync("myUsername",userInfo.account_name+"m"+userInfo.member_no);
				state.engAdmin = false;
				if (userInfo.engAdmin) {
					state.engAdmin = userInfo.engAdmin;
				}
			}

		},
		SET_GO_AUTH(state, self) {
			state.isGOAuth = self;
		},
		SHOW_AUTH_POPUP_SHOW(state) {
			state.authPopupShow = true;
		},
		HIDE_AUTH_POPUP_SHOW(state) {
			state.authPopupShow = false;
		},
		$tStore(state, payload) {
			// 判断是否多层调用，state中为对象存在的情况，例如user.info.score = 1
			let nameArr = payload.name.split('.')
			let saveKey = ''
			let len = nameArr.length
			if (len >= 2) {
				let obj = state[nameArr[0]]
				for (let i = 1; i < len - 1; i++) {
					obj = obj[nameArr[i]]
				}
				obj[nameArr[len - 1]] = payload.value
				saveKey = nameArr[0]
			} else {
				// 单层级变量
				state[payload.name] = payload.value
				saveKey = payload.name
			}

			// 保存变量到本地中
			saveLifeData(saveKey, state[saveKey])
		}
	},
	actions: {},
	getters: {
		token: state => state.token,
		userInfo: state => state.userInfo || {},
		expires_time: state => state.expires_time,
		authPopupShow: state => state.authPopupShow
	}
})

export default store