yxy/uniapp/pages/login/index.vue

<template>
	<!-- 背景图片 -->
<!-- 	<view class="logo_bg">
		<image src="../../static/img/logo_bg.png"></image>
	</view> -->
	<view class="login-view">
		<image src="../../static/img/logo2.png" mode="widthFix"></image>
		<view class="login-text">测绘地理信息学院仪享云</view>
		<view class="login-text1">
			
		</view>
		
	</view>
	<view class="logo_sru">
		<view>
				<uni-forms  ref="form" :modelValue="formData">
					<view class="denru">
						<uni-easyinput prefixIcon="person" v-model="formData.account" type="text" placeholder="请输入账号" />
					</view>
					<view class="denru">
						<uni-easyinput  prefixIcon="locked" v-model="formData.password" type="password" placeholder="请输入密码" />
					</view>
					<button class="button" @click="submit" style="background-color:#2d8cf0 ; color: #fff; " >密码登录</button>
				</uni-forms>
		</view>
		<view class="" style="margin-top: 30rpx;">
			<button @click="login" type="primary">微信一键登录</button>
		</view>
	</view>
	<view class="student_login">
		<button v-if="studentData.errcode!=0" open-type="getPhoneNumber"  @getphonenumber="studentLogin" size="mini" style="background-color:#2d8cf0  ; color: #fff;height: 70rpx; line-height: 70rpx;">学生登录</button>
		<button v-if="studentData.errcode==0" @click="studentLogin2" size="mini" style="background-color:#2d8cf0 ; color: #fff;height: 70rpx; line-height: 70rpx;">学生登录</button>
	</view>
	
</template>


<script setup lang="ts">
import {requestApi } from '@/api/request.js'
import { reactive, ref } from 'vue'
	// onShow是uni-app中的一个全局生命周期函数，当页面从后台进入前台显示时会被触发。
import {onShow,onUnload} from '@dcloudio/uni-app'
let studentData=ref(null)
studentData.value = wx.getStorageSync('studentData')
// console.log(studentData.value)
// if (studentData.value != null){
// 	console.log(studentData)
// }else if(studentData.value == null){
	// 进学生端，获取手机号
		async function studentLogin(e) {
				console.log(e)
				var detail = e.detail
				if (detail.errMsg == "getPhoneNumber:ok") {
				    console.log("用户同意授权")
				    var code = detail.code
					// console.log(code)
					const studentData= await requestApi(
					'api/xmwechat.Miniprogram/getPhoneNumber?server=1',
					{
						code:code,
					},
					'POST'
					)
					console.log(studentData)
					if(studentData.code==1){
						wx.showLoading({
						  title: '加载中',
						})
						
						wx.setStorageSync('studentData',studentData.data)
						setTimeout(function () {
						  wx.hideLoading()
						}, 1000)
						wx.reLaunch({
							url: '/pages/student/index'
						})
					}
					
				  }
		}
// }
// 缓存里已经有了手机号学生登录
	function studentLogin2() {
		wx.reLaunch({
			url: '/pages/student/index'
		})
	}

onShow(async () => {
	// 
		const logo =wx.getStorageSync('userInfos')
		if(logo.userInfo.group==1 || logo.userInfo.group==2 || logo.userInfo.group==3){
			wx.switchTab({
				url:'/pages/index/index'
			})
		}else if(logo.userInfo.group==4){
			wx.reLaunch({
			  url: '/pages/teacher/navigation'
			})
		}

	})

// 微信一键登入
// 定义了一个异步函数，表示该函数内部可以使用await关键字来等待异步操作完成。
	async function login(){
		wx.showLoading({title:'登录中'})
// 在函数内调用微信小程序提供的wx.login方法发起登录请求。当登录成功时（即success回调触发），执行匿名箭头函数：
		wx.login({
			success:async(res)=>{
				console.log(res)
// 使用await requestApi(...)调用封装好的API请求函数，向后端服务器发送POST请求到'/wxLogin'接口，
// 并携带appid、secret（这两个参数是与微信小程序相关的应用ID和密钥）以及从微信登录接口获取到的code。
// await requestApi(...)会等待后端接口返回数据，然后将结果赋值给userData。
				const userData= await requestApi(
				'admin/Miniprogram/miniprogramLogin?server=1',
				{
					code:res.code,
				},
				'POST'
				)
				const logo = userData.data
				// console.log(userData)
// 最后，使用微信小程序提供的wx.setStorageSync('自定义名称', userData.data)将后端返回的用户详细信息（通常包含在userData.data中）保存在本地存储中，
// 以便后续页面或功能可以读取和使用这些信息。
			 	//  try{wx.setStorageSync('userInfo',userData)} 
				 // catch{
					//  console.log(userData)
				 // }
				 console.log('userData',userData)
				 wx.setStorageSync('userInfos',userData.data)
				 // 关掉 wx.showLoading({title:'登录中'})
				 wx.hideLoading()
				 if(userData.data == null){
					 wx.showModal({
					   title: '提示',
					   content: '您尚未绑定微信，请先账号密码登录',
					   showCancel:false,
					   success () {
						   
					   }
					 })
					 
				 }else{
					 wx.showLoading({title:'登录中'})
					 if(logo.userInfo.group==1 || logo.userInfo.group==2 || logo.userInfo.group==3){
					 		wx.switchTab({
					 			url:'/pages/index/index'
					 		})
					 	}else if(logo.userInfo.group==4){
					 		wx.reLaunch({
					 		  url: '/pages/teacher/navigation'
					 		})
					 	}
				 }
				 setTimeout(function () {
				   wx.hideLoading()
				 }, 2000)
			}
		})
	}



// 账号密码登入
const formData= ref({
	account:'',
	password:''
})
async function submit(){
	// console.log('success',formData)
	// console.log(formData.value.account)
	wx.showLoading({title:'登录中'})
	const denru= await requestApi(
	'admin/Index/mplogin?server=1',
	{
		// 数据
		username:formData.value.account,
		password:formData.value.password
	},
	'POST'
	)
	console.log(denru)
	
	
	wx.showLoading({title:denru.msg})
	// 关掉 wx.showLoading({title:})
	setTimeout(function () {
	  wx.hideLoading()
	}, 2000)
	
	const logo = denru.data
	
	// 判断微信是否绑定了
	if(logo.userInfo.wxbind != null){
		if(logo.userInfo.group==1 || logo.userInfo.group==2 || logo.userInfo.group==3){
				wx.switchTab({
					url:'/pages/index/index'
				})
			}else if(logo.userInfo.group==4){
				wx.reLaunch({
				  url: '/pages/teacher/navigation'
				})
			}
		// 存储到缓存里
		wx.setStorageSync('userInfos',denru.data)
	}
	else{
		wx.hideLoading()
		wx.showModal({
		  title: '微信绑定',
		  content: '请绑定您的微信账号，以便微信登录',
		  showCancel:false,
		  confirmText:'绑定',
		  success () {
			  wx.login({
			  	success:async(res)=>{
		      console.log('用户点击确定')
			  console.log(logo.userInfo.id)
			  wx.showLoading({title:'绑定中'})
			  const banden= await requestApi(
			  'admin/Miniprogram/miniprogramBind?server=1',
			  {
			  	// 数据
			  	uid:logo.userInfo.id,
			  	code:res.code,
			  },
			  'POST'
			  )
			  wx.hideLoading()
			  // console.log(banden)
			  wx.setStorageSync('userInfos',denru.data)
			  if(logo.userInfo.group==1 || logo.userInfo.group==2 || logo.userInfo.group==3){
			  		wx.switchTab({
			  			url:'/pages/index/index'
			  		})
			  	}else if(logo.userInfo.group==4){
			  		wx.reLaunch({
			  		  url: '/pages/teacher/navigation'
			  		})
			  	}
		  }
		  })}
		})
	}
	// console.log(logo.userInfo.group)
}
</script >
<style scoped>
.student_login{
	position: absolute;
	bottom: 30rpx;
	left: 30rpx;
}
	.logo_bg{
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	.logo_bg image{
		width: 100%;
		height: 100%;
	}
	.login-text1{
		color: #808695;
	}
	.login-view{
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0 80rpx;
		margin-top: 200rpx;
		font-size: 35rpx;
	}
	.login-view image{
		width: 200rpx;
		
	}
	.denru{
		margin-bottom: 30rpx;
	}
	.login-view button{
		width: 100%;
		margin-top: 600rpx;
		background-color:#2d8cf0;
		color: #fff;
		border:#2d8cf0;
	}
	.login-text{
		margin-top: 20rpx;
		font-size: 50rpx;
	}
	.logo_sru{
		width: 90%;
		margin: 0 auto;
		margin-top: 50rpx;
	}
	
</style>