App.vue 4.0 KB

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