miniAutoLogin.vue 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <template>
  2. <view class="app-content">
  3. <form>
  4. <view class="module-com input-line-wrap">
  5. <view class="btn-wrap">
  6. <view style="padding:30upx 0 30upx 0;font-size:35upx;">绑定微信,下次打开小程序自动登录</view>
  7. <button class="admin-button-com blue big" @click="autoLogin()">授权并绑定</button>
  8. <view style="padding:30upx 0 30upx 0;font-size:25upx;color:#666666;">授权绑定成功,微信支付才能正常使用</view>
  9. </view>
  10. </view>
  11. </form>
  12. </view>
  13. </template>
  14. <script>
  15. import { bindAutoLogin} from "@/api/mini";
  16. export default {
  17. name: "miniAutoLogin",
  18. components: {
  19. },
  20. data() {
  21. return {
  22. };
  23. },
  24. computed: {},
  25. onLoad(props) {
  26. },
  27. methods: {
  28. autoLogin() {
  29. let currentMiniOpenId = uni.getStorageSync('currentMiniOpenId')
  30. if(this.$util.isEmpty(currentMiniOpenId)){
  31. this.$msg('启用失败')
  32. return false
  33. }
  34. let that = this
  35. uni.getUserProfile({
  36. desc:'登录',
  37. success:(res)=>{
  38. bindAutoLogin({ iv: res.iv, encryptedData: res.encryptedData,miniOpenId:currentMiniOpenId }).then( res => {
  39. if(res.code == 1){
  40. that.$msg('绑定成功')
  41. setTimeout(() => {
  42. uni.navigateBack()
  43. },900)
  44. }
  45. });
  46. }
  47. })
  48. }
  49. }
  50. };
  51. </script>