|
|
@@ -37,22 +37,22 @@
|
|
|
|
|
|
/>
|
|
|
<van-field
|
|
|
- v-model="username"
|
|
|
- name="username"
|
|
|
+ v-model="mobile"
|
|
|
+ name="mobile"
|
|
|
label="手机号"
|
|
|
label-width="70"
|
|
|
- placeholder="请输入账号"
|
|
|
- :rules="[{ required: true, message: '请填写账号' }]"
|
|
|
+ placeholder="请输入手机号"
|
|
|
+ :rules="[{ required: true, message: '请输入手机号' }]"
|
|
|
/>
|
|
|
<van-field style="align-items: center;"
|
|
|
- v-model="username"
|
|
|
- name="username"
|
|
|
+ v-model="veryfyCode"
|
|
|
+ name="veryfyCode"
|
|
|
label="验证码"
|
|
|
label-width="70"
|
|
|
placeholder="请输入验证码"
|
|
|
- :rules="[{ required: true, message: '请填写账号' }]">
|
|
|
+ :rules="[{ required: true, message: '请输入验证码' }]">
|
|
|
<template #button>
|
|
|
- <van-button type="primary" size="mini">获取验证码</van-button>
|
|
|
+ <van-button type="primary" size="mini" @click="onClickVeryfyCode">获取验证码</van-button>
|
|
|
</template>
|
|
|
</van-field>
|
|
|
<van-field
|
|
|
@@ -102,19 +102,18 @@
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
import { onMounted, ref } from 'vue'
|
|
|
- import { useLocalStore } from '@/store';
|
|
|
import { useRouter } from 'vue-router'
|
|
|
- import { post } from '@/api/request';
|
|
|
import type { FormInstance } from 'vant';
|
|
|
+ import { post } from '@/network/axios'
|
|
|
// 路由
|
|
|
const router = useRouter();
|
|
|
- const localStore = useLocalStore();
|
|
|
// 表单实例
|
|
|
const formRef = ref<FormInstance>();
|
|
|
// 用户名和验证码
|
|
|
const username = ref('')
|
|
|
const password = ref('')
|
|
|
- const rememberPasswordChecked = ref(true);
|
|
|
+ const mobile = ref('')
|
|
|
+ const veryfyCode = ref('')
|
|
|
|
|
|
|
|
|
// 点击了去登陆
|
|
|
@@ -126,42 +125,34 @@
|
|
|
// 生命周期
|
|
|
onMounted(() => {
|
|
|
console.log('onMounted');
|
|
|
- rememberPasswordChecked.value = localStore.$state.rememberPassword;
|
|
|
- if(rememberPasswordChecked.value){
|
|
|
- username.value = localStore.$state.username
|
|
|
- password.value = localStore.$state.password
|
|
|
- }
|
|
|
})
|
|
|
// 登录提交
|
|
|
const onSubmit = () => {
|
|
|
+ console.log('jkl')
|
|
|
formRef.value?.validate().then(() => {
|
|
|
- // 记住密码
|
|
|
- localStore.$patch({
|
|
|
- rememberPassword: rememberPasswordChecked.value
|
|
|
- })
|
|
|
- // 记住账号密码
|
|
|
- if(rememberPasswordChecked.value){
|
|
|
- localStore.$patch({
|
|
|
- username: username.value,
|
|
|
- password: password.value
|
|
|
- })
|
|
|
- }
|
|
|
- // 登录
|
|
|
- post('/user/login',{
|
|
|
- username: username.value,
|
|
|
- password: password.value,
|
|
|
- })
|
|
|
- .then(({data}) => {
|
|
|
- console.log(data)
|
|
|
- if(data.code == 0){
|
|
|
- // 存储token
|
|
|
- localStore.$patch((state) => {
|
|
|
- state.token = data.data.token
|
|
|
- })
|
|
|
- // 跳转到首页
|
|
|
- router.push('/')
|
|
|
- }
|
|
|
- })
|
|
|
+
|
|
|
+ post({url: '/open/sendVeryCode', data: {
|
|
|
+ mobile: mobile.value,
|
|
|
+ }}, (result: any) => {
|
|
|
+ console.log(result)
|
|
|
+ });
|
|
|
+
|
|
|
+ }).catch((ex) => {
|
|
|
+ console.log(ex)
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ // 获取验证码
|
|
|
+ const onClickVeryfyCode = () => {
|
|
|
+ console.log('获取验证码')
|
|
|
+ formRef.value?.validate(['mobile']).then(() => {
|
|
|
+
|
|
|
+ let param = new URLSearchParams();
|
|
|
+ param.append('mobile', mobile.value)
|
|
|
+ post({url: '/open/sendVeryCode', data: param}, (result: any) => {
|
|
|
+ console.log(result)
|
|
|
+ });
|
|
|
+
|
|
|
}).catch((ex) => {
|
|
|
console.log(ex)
|
|
|
})
|