city-gather/src/pages/login/index.vue

<script setup lang="ts">
import { createGlobalLoadingMiddleware } from '@/api/core/middleware'
import router from '@/router'
import { StaticUrl } from '@/config'

definePage({
  name: 'smqjh-login',
  islogin: false,
  style: {
    navigationBarTitleText: '市民请集合',
  },
})
const { token, redirectName } = storeToRefs(useUserStore())
const { data, send } = useRequest((code, phoneCode) => Apis.sys.auth({ params: {
  grant_type: 'wechat',
  code,
  phoneCode,
} }), { middleware: createGlobalLoadingMiddleware({ loadingText: '手机号授权登录中' }), immediate: false })
const tabList = ['/pages/my/index', '/pages/index/index', '/pages/cart/index', '/pages/classfiy/index']
async function handleGetPhone(e: UniHelper.ButtonOnGetphonenumberDetail) {
  console.log(e, '手机号')
  uni.showLoading({ mask: true })
  uni.login({
    provider: 'weixin',
    success: async (res) => {
      uni.hideLoading()
      await send(res.code, e.code)
      token.value = `Bearer ${data.value.data.access_token}`
      useGlobalToast().show({ msg: '登录成功' })
      useUserStore().getUserInfo()

      setTimeout(() => {
        if (tabList.includes(redirectName.value)) {
          router.pushTab({ path: redirectName.value })
        }
        else {
          console.log(redirectName.value, 'JSON.parse(path[1])')

          router.replace({ path: redirectName.value })
        }
      }, 1000)
    },
  })
}
function goBack() {
  uni.switchTab({
    url: '/pages/index/index',
  })
}
</script>

<template>
  <view class="header px24rpx">
    <view class="pt150rpx">
      <view class="w-full flex items-center justify-center">
        <image
          :src="`${StaticUrl}/smqjh-logo.png`"
          class="h120rpx w120rpx"
        />
      </view>
      <view class="mt50rpx">
        <wd-button block size="large" open-type="getPhoneNumber" @getphonenumber="handleGetPhone">
          手机号快捷登录
        </wd-button>
        <view class="mt40rpx">
          <wd-button block size="large" type="info" @click="goBack">
            暂不登录
          </wd-button>
        </view>
      </view>
    </view>
  </view>
</template>

<style scoped>
.header{
  height: calc(100vh - var(--window-top));
}
</style>