App.vue 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <script>
  2. import {
  3. mapMutations,mapState
  4. } from 'vuex';
  5. export default {
  6. methods: {
  7. ...mapMutations(['setOpenid','login','showDialog','setcode','islogionsuccess'])
  8. },
  9. computed:{
  10. ...mapState([
  11. 'hasLogin', // 用户是否同意授权
  12. 'userInfo', // 同意授权用户头像
  13. 'successlogion', // 同意手机号授权 登录成功
  14. 'sessionId', // 登录成功的token
  15. 'getcode', // logion时候获取的code session_key oppen_id
  16. ]),
  17. },
  18. onLaunch: function() {
  19. // 用户登录
  20. let that = this;
  21. let sessionId = uni.getStorageSync('sessionId');// 用户token
  22. console.log(sessionId);
  23. let userInfo = uni.getStorageSync('userInfo');// 用户头像信息
  24. let getcode= uni.getStorageSync('getcode');// 用户code oppenid
  25. console.log(userInfo)
  26. if(sessionId != '') {
  27. uni.checkSession({
  28. success(){
  29. console.log("登录未过期")
  30. that.setOpenid(sessionId);
  31. that.login(userInfo);
  32. that.setcode(getcode);
  33. that.showDialog(true);
  34. that.islogionsuccess(true);
  35. },
  36. fail(){
  37. console.log("登录过期")
  38. // 登录过期 重新登录
  39. uni.login({
  40. provider: 'weixin',
  41. success: (res) => {
  42. let code = res.code;
  43. uni.request({
  44. url: 'https://www.qzaiwang.com' +'/v1/entry/mp_openid',
  45. method:'post',
  46. data: {
  47. code: code
  48. },
  49. success: (res) => {
  50. let { data } = res.data;
  51. console.log(data);
  52. data.code = code;
  53. that.setcode(data);
  54. let token = data.token;
  55. if(token == '') {
  56. that.setOpenid(token); // 保存用户token
  57. that.islogionsuccess(false);
  58. }else {
  59. that.setOpenid(token); // 保存用户token
  60. that.islogionsuccess(true);
  61. }
  62. that.showDialog(false); // 没有同意授权头像等;
  63. that.login(); // 清空用户头像信息
  64. }
  65. })
  66. },
  67. fail: function(res) {
  68. }
  69. })
  70. }
  71. })
  72. }else {
  73. console.log("登录")
  74. uni.login({
  75. provider: 'weixin',
  76. success: (res) => {
  77. let code = res.code;
  78. console.log(code);
  79. uni.request({
  80. url: 'https://www.qzaiwang.com' +'/v1/entry/mp_openid',
  81. method:'post',
  82. data: {
  83. code: code
  84. },
  85. success: (res) => {
  86. console.log("ddddd")
  87. let { data } = res.data;
  88. data.code = code;
  89. this.setcode(data); // 保存用户登录code session
  90. let token = data.token;
  91. if(token == '') {
  92. this.setOpenid(token); // 保存用户token
  93. this.islogionsuccess(false);
  94. }else {
  95. this.setOpenid(token); // 保存用户token
  96. this.islogionsuccess(true);
  97. }
  98. this.showDialog(false); // 没有同意授权头像等;
  99. this.login(); // 清空用户头像信息
  100. }
  101. })
  102. },
  103. fail: function(res) {
  104. consoel.log(res);
  105. }
  106. })
  107. };
  108. },
  109. onShow: function() {
  110. console.log('App Show')
  111. },
  112. onHide: function() {
  113. console.log('App Hide')
  114. }
  115. }
  116. </script>
  117. <style>
  118. /*每个页面公共css */
  119. @import '/wxcomponents/dist/common/index.wxss';
  120. @import '/common/uin.css';
  121. </style>