uniProject/pages/login.vue

<template>
	<view class="mobile-login-page">
		<view class="login-top">
			<img class="login-logo" src="../static/images/login/login-logo-sj.png">
			<text class="login-text">
				{{systemName}}
			</text>
		</view>
		<view class="login-body">
			<view class="input-container">
				<uni-icons type="auth" size="30" class="input-icon"></uni-icons>
				<input type="text" v-model="username" placeholder="请输入用户名" class="input-item-1" />
			</view>
			<view class="input-container">
				<uni-icons type="locked" size="30" class="input-icon"></uni-icons>
				<input type="password" v-model="password" placeholder="请输入密码" class="input-item-1" />
			</view>
			<view class="login-change">
				<checkbox-group>
					<label class="checkbox-zhanghao">
						<checkbox value="cb" color="#0550e5" checked="true" />记住此账号
					</label>
				</checkbox-group>
				<text class="checkbox-zhanghao">
					忘记密码？
				</text>
			</view>
			<button class="login-btn" @click="handleLogin">登录</button>
		</view>
	</view>
</template>

<script setup>
	import {
		getAppConfig,
		login,
		kaoshiList
	} from '@/api/login.js'
	import JSEncrypt from 'jsencrypt';
	import {
		ref
	} from 'vue';
	let systemName = ref('麦塔考试系统')
	let username = ref('')
	let password = ref('')
	// 密码公钥
	const publicKey ='MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA1xwHUB9shgHJlVbs3/LK8CbUa0KMrSfw/M2SAdXpy/iYvwyMacigKNkCi+fiLGcnBigzwO9WtiT/oceF431UsJs2MqLS2ZPzaL+BktR9zWWtNAsZpxUfGyI3YT+T7TT94Rs9O80896FHx9MvE1cHR2bvybskgfB2zuzd9c96+yZ9KXebhbIwDZpMW0fwx7vZ+OywTL3/6SSg2pRf+AvHQsBfTPVbMSgIQegAL4WocD2PerpSGlFElnzZT8jKM4TqDVyhfsYT+4/Gi7/RDDCngdtmruCUIoz8OCLfjVrBsvHfuNNBFIwjTbxtWhrRhVii+wz7RfNxT9+pU/3sjIRKtwIDAQAB'
	const encrypt = new JSEncrypt();
	encrypt.setPublicKey(publicKey);
	const changePassword = () => {

	}
	const handleLogin = () => {
		console.log('Username:', username.value);
		console.log('Password:', password.value);
		let req = {
			password: 'sslQR4MPhS/du9qQ7/sRc6OFaVIZ0GwHDWmgAhUj08+BBlTzo+kEMgfgi0rrLFx59mrK5ypJc71Ojn3bHciHSlRGcIJex80RHVQyknC1i1HnkQ1T6vgKWBFHISQpd9qEo2fXCEYSRh8Rl3/qfO8XD5NuCrQxqF/REaVUX3fLVB8=',
			//password: encrypt.encrypt(password.value),
			userName: 'root'
		}
		login(req).then(res => {
			let obj = JSON.stringify(res.data)
			console.log(obj)
			uni.setStorage({
				key: 'Mta-Auth',
				data: obj // 假设 this.userInputValue 是用户输入的数据
			});
			uni.switchTab({
				url: '/pages/index/index'
			});
			// setTimeout(() => {
			// 	let req = {
			// 		'page': 1,
			// 		'size': 4,
			// 		'status': 1,
			// 	}
			// 	kaoshiList(req).then(res => {
			// 		console.log(res)
			// 	})
			// }, 5000)
		})
	}
</script>