|
|
|
@ -7,9 +7,9 @@
|
|
|
|
|
<span style="color: #efc54e">仓库管理</span>
|
|
|
|
|
</view>
|
|
|
|
|
<view>使用你的手机号登录</view>
|
|
|
|
|
<view class="login" v-if="!isCode">
|
|
|
|
|
<view class="login-input">
|
|
|
|
|
<up-input placeholder="请输入手机号" clearable>
|
|
|
|
|
<view class="login" >
|
|
|
|
|
<view class="login-input" v-if="!haveCode">
|
|
|
|
|
<up-input placeholder="请输入手机号" v-model="state.TelNum" clearable>
|
|
|
|
|
<template #prefix>
|
|
|
|
|
<up-text
|
|
|
|
|
text="手机号"
|
|
|
|
@ -20,8 +20,12 @@
|
|
|
|
|
</template>
|
|
|
|
|
</up-input>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="login-input" >
|
|
|
|
|
<up-input placeholder="请输入密码" :password="true">
|
|
|
|
|
<span
|
|
|
|
|
style="text-align: right; color: #e3af1c;"
|
|
|
|
|
@click="goToPassword" v-if="isCode&&!haveCode"
|
|
|
|
|
>密码登录</span>
|
|
|
|
|
<view class="login-input" v-if="!isCode">
|
|
|
|
|
<up-input placeholder="请输入密码" :password="true" v-model="state.Password">
|
|
|
|
|
<template #prefix>
|
|
|
|
|
<up-text
|
|
|
|
|
text="密码"
|
|
|
|
@ -33,7 +37,7 @@
|
|
|
|
|
</up-input>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view v-else>
|
|
|
|
|
<view v-if="haveCode">
|
|
|
|
|
<view class="code-box">
|
|
|
|
|
<span style="color: #888888">已发送验证码至 </span>
|
|
|
|
|
<span>123123123</span>
|
|
|
|
@ -65,35 +69,67 @@
|
|
|
|
|
v-if="!isCode"
|
|
|
|
|
>登录</up-button
|
|
|
|
|
>
|
|
|
|
|
<up-button
|
|
|
|
|
style="width: 626rpx; margin: auto; height: 96rpx;margin-top: 90rpx;"
|
|
|
|
|
color="#EFC54E"
|
|
|
|
|
throttleTime="5"
|
|
|
|
|
:loading="loading"
|
|
|
|
|
@click="obtainCode"
|
|
|
|
|
v-if="isCode&&!haveCode"
|
|
|
|
|
>获取验证码</up-button
|
|
|
|
|
>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
import { ref } from "vue";
|
|
|
|
|
import { ref,reactive } from "vue";
|
|
|
|
|
import useToast from "@/hooks/toast/useToast.js";
|
|
|
|
|
import {
|
|
|
|
|
userLogin
|
|
|
|
|
userLogin,userSend
|
|
|
|
|
} from "@/api/login.js";
|
|
|
|
|
console.log(userLogin())
|
|
|
|
|
const state = reactive({
|
|
|
|
|
TelNum:'15190039212',
|
|
|
|
|
Password:'',
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
const { showMessage } = useToast();
|
|
|
|
|
const loading = ref(false);
|
|
|
|
|
const isCode = ref(false);
|
|
|
|
|
const code = ref("");
|
|
|
|
|
const haveCode = ref(false);
|
|
|
|
|
// const show = () => {
|
|
|
|
|
// showMessage({ type: "default", message: "验证码已发送" });
|
|
|
|
|
// };
|
|
|
|
|
const toCode = () => {
|
|
|
|
|
isCode.value = true;
|
|
|
|
|
};
|
|
|
|
|
const obtainCode = async () => {
|
|
|
|
|
console.log('获取验证码')
|
|
|
|
|
loading.value = true;
|
|
|
|
|
const res = await userSend({
|
|
|
|
|
TelNum: state.TelNum ?? '',
|
|
|
|
|
});
|
|
|
|
|
if (res.status === 0) {
|
|
|
|
|
haveCode.value = true;
|
|
|
|
|
showMessage({ type: "default", message: "验证码已发送" });
|
|
|
|
|
} else {
|
|
|
|
|
showMessage({ type: "error", message: res.msg });
|
|
|
|
|
}
|
|
|
|
|
loading.value = false;
|
|
|
|
|
};
|
|
|
|
|
const goToPassword = () =>{
|
|
|
|
|
isCode.value=false;
|
|
|
|
|
haveCode.value = false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 登录方法
|
|
|
|
|
const logining = () => {
|
|
|
|
|
const logining = async () => {
|
|
|
|
|
loading.value = true;
|
|
|
|
|
|
|
|
|
|
const res = await userLogin({
|
|
|
|
|
TelNum:state.TelNum ?? '' ,
|
|
|
|
|
Password:state.Password ?? '',
|
|
|
|
|
});
|
|
|
|
|
if(res.status === 0){
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url: '/pages/index/index',
|
|
|
|
|
success: () => {
|
|
|
|
@ -104,6 +140,8 @@ const logining = () => {
|
|
|
|
|
showMessage({ type: "default", message: "跳转失败" });
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
loading.value = false;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
@ -149,9 +187,6 @@ page {
|
|
|
|
|
height: 96rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.code-box {
|
|
|
|
|
margin-top: 84rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|