index.js 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. import Vue from 'vue'
  2. import Vuex from 'vuex'
  3. Vue.use(Vuex)
  4. let lifeData = {};
  5. try{
  6. // 尝试获取本地是否存在lifeData变量,第一次启动APP时是不存在的
  7. lifeData = uni.getStorageSync('lifeData');
  8. }catch(e){
  9. }
  10. // 需要永久存储,且下次APP启动需要取出的,在state中的变量名
  11. let saveStateKeys = ['vuex_party_person','vuex_punch_rules'];
  12. // 保存变量到本地存储中
  13. const saveLifeData = function(key, value){
  14. // 判断变量名是否在需要存储的数组中
  15. if(saveStateKeys.indexOf(key) != -1) {
  16. // 获取本地存储的lifeData对象,将变量添加到对象中
  17. let tmp = uni.getStorageSync('lifeData');
  18. // 第一次打开APP,不存在lifeData变量,故放一个{}空对象
  19. tmp = tmp ? tmp : {};
  20. tmp[key] = value;
  21. // 执行这一步后,所有需要存储的变量,都挂载在本地的lifeData对象中
  22. uni.setStorageSync('lifeData', tmp);
  23. }
  24. }
  25. const store = new Vuex.Store({
  26. // 下面这些值仅为示例,使用过程中请删除
  27. state: {
  28. // 如果上面从本地获取的lifeData对象下有对应的属性,就赋值给state中对应的变量
  29. // 加上vuex_前缀,是防止变量名冲突,也让人一目了然
  30. vuex_userInfo: lifeData.vuex_userInfo ? lifeData.vuex_userInfo : null,
  31. vuex_pieData: lifeData.vuex_pie_data ? lifeData.vuex_pie_data : null,
  32. //拦截的页面。登录后做跳转
  33. vuex_backpath: lifeData.vuex_backpath ? lifeData.vuex_backpath : null,
  34. //党员信息
  35. vuex_party_person: lifeData.vuex_party_person ? lifeData.vuex_party_person : null,
  36. //党支部信息
  37. vuex_party_branch: lifeData.vuex_party_branch ? lifeData.vuex_party_branch : null,
  38. //选择的日期,打卡
  39. vuex_now_date:lifeData.vuex_now_date ? lifeData.vuex_now_date : null,
  40. //位置信息
  41. vuex_location:lifeData.vuex_location ? lifeData.vuex_location : null,
  42. //打开规则
  43. vuex_punch_rules:lifeData.vuex_punch_rules ? lifeData.vuex_punch_rules : null,
  44. //车辆类型
  45. vuex_carTypeList:lifeData.vuex_carTypeList ? lifeData.vuex_carTypeList : null,
  46. //车辆性质
  47. vuex_carPropertiesList:lifeData.vuex_carPropertiesList ? lifeData.vuex_carPropertiesList : null,
  48. //燃油类别
  49. vuex_fuelCategoryList:lifeData.vuex_fuelCategoryList ? lifeData.vuex_fuelCategoryList : null,
  50. },
  51. mutations: {
  52. $uStore(state, payload) {
  53. // 判断是否多层级调用,state中为对象存在的情况,诸如user.info.score = 1
  54. let nameArr = payload.name.split('.');
  55. let saveKey = '';
  56. let len = nameArr.length;
  57. if(nameArr.length >= 2) {
  58. let obj = state[nameArr[0]];
  59. for(let i = 1; i < len - 1; i ++) {
  60. obj = obj[nameArr[i]];
  61. }
  62. obj[nameArr[len - 1]] = payload.value;
  63. saveKey = nameArr[0];
  64. } else {
  65. // 单层级变量,在state就是一个普通变量的情况
  66. state[payload.name] = payload.value;
  67. saveKey = payload.name;
  68. }
  69. // 保存变量到本地,见顶部函数定义
  70. saveLifeData(saveKey, state[saveKey])
  71. }
  72. }
  73. })
  74. export default store