|
@@ -36,6 +36,7 @@ const { title } = useNav();
|
|
const ruleForm = reactive({
|
|
const ruleForm = reactive({
|
|
username: "",
|
|
username: "",
|
|
password: "",
|
|
password: "",
|
|
|
|
+ google: "",
|
|
remember: false
|
|
remember: false
|
|
});
|
|
});
|
|
|
|
|
|
@@ -59,6 +60,7 @@ const onLogin = async (formEl: FormInstance | undefined) => {
|
|
.login({
|
|
.login({
|
|
username: ruleForm.username,
|
|
username: ruleForm.username,
|
|
password: ruleForm.password,
|
|
password: ruleForm.password,
|
|
|
|
+ google: ruleForm.google,
|
|
remember: ruleForm.remember
|
|
remember: ruleForm.remember
|
|
})
|
|
})
|
|
.then(res => {
|
|
.then(res => {
|
|
@@ -165,6 +167,19 @@ onBeforeUnmount(() => {
|
|
/>
|
|
/>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</Motion>
|
|
</Motion>
|
|
|
|
+
|
|
|
|
+ <Motion :delay="200">
|
|
|
|
+ <el-form-item prop="google">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="ruleForm.google"
|
|
|
|
+ clearable
|
|
|
|
+ placeholder="谷歌验证码"
|
|
|
|
+ :prefix-icon="useRenderIcon('ri:shield-keyhole-line')"
|
|
|
|
+ >
|
|
|
|
+
|
|
|
|
+ </el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </Motion>
|
|
<Motion :delay="150">
|
|
<Motion :delay="150">
|
|
<el-form-item prop="remember">
|
|
<el-form-item prop="remember">
|
|
<div class="w-full h-20px flex justify-between items-center">
|
|
<div class="w-full h-20px flex justify-between items-center">
|
|
@@ -174,7 +189,6 @@ onBeforeUnmount(() => {
|
|
</div>
|
|
</div>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</Motion>
|
|
</Motion>
|
|
-
|
|
|
|
<Motion :delay="250">
|
|
<Motion :delay="250">
|
|
<el-button
|
|
<el-button
|
|
class="w-full mt-4"
|
|
class="w-full mt-4"
|