tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: ♻️ 修正登录表单的Ref类型

Browse Source
This commit is contained in:
cshaptx4869
2024-05-11 15:32:00 +08:00
parent 98821ffb8d
commit e1598c3225
2 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/layout/components/Settings/index.vue
View File

@@ -9,8 +9,8 @@
<div class="flex-center"> <div class="flex-center">
<el-switch <el-switch
v-model="isDark" v-model="isDark"
:active-icon="Moon" active-icon="Moon"
:inactive-icon="Sunny" inactive-icon="Sunny"
@change="changeTheme" @change="changeTheme"
/> />
</div> </div>
@@ -56,7 +56,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { useSettingsStore, usePermissionStore, useAppStore } from "@/store"; import { useSettingsStore, usePermissionStore, useAppStore } from "@/store";
import { Sunny, Moon } from "@element-plus/icons-vue";
import { LayoutEnum } from "@/enums/LayoutEnum"; import { LayoutEnum } from "@/enums/LayoutEnum";
import { ThemeEnum } from "@/enums/ThemeEnum"; import { ThemeEnum } from "@/enums/ThemeEnum";

11
src/views/login/index.vue
View File

@@ -5,8 +5,8 @@
<el-switch <el-switch
v-model="isDark" v-model="isDark"
inline-prompt inline-prompt
:active-icon="Moon" active-icon="Moon"
:inactive-icon="Sunny" inactive-icon="Sunny"
@change="toggleTheme" @change="toggleTheme"
/> />
<lang-select class="ml-2 cursor-pointer" /> <lang-select class="ml-2 cursor-pointer" />
@@ -117,7 +117,7 @@
import { useSettingsStore, useUserStore } from "@/store"; import { useSettingsStore, useUserStore } from "@/store";
import AuthAPI from "@/api/auth"; import AuthAPI from "@/api/auth";
import { LoginData } from "@/api/auth/model"; import { LoginData } from "@/api/auth/model";
import { Sunny, Moon } from "@element-plus/icons-vue"; import type { FormInstance } from "element-plus";
import { LocationQuery, LocationQueryValue, useRoute } from "vue-router"; import { LocationQuery, LocationQueryValue, useRoute } from "vue-router";
import router from "@/router"; import router from "@/router";
import defaultSettings from "@/settings"; import defaultSettings from "@/settings";
@@ -136,7 +136,7 @@ const icpVisible = ref(true);
const loading = ref(false); // 按钮loading const loading = ref(false); // 按钮loading
const isCapslock = ref(false); // 是否大写锁定 const isCapslock = ref(false); // 是否大写锁定
const captchaBase64 = ref(); // 验证码图片Base64字符串 const captchaBase64 = ref(); // 验证码图片Base64字符串
const loginFormRef = ref(ElForm); // 登录表单ref const loginFormRef = ref<FormInstance>(); // 登录表单ref
const { height } = useWindowSize(); const { height } = useWindowSize();
const loginData = ref<LoginData>({ const loginData = ref<LoginData>({
@@ -186,7 +186,7 @@ function getCaptcha() {
/** 登录 */ /** 登录 */
const route = useRoute(); const route = useRoute();
function handleLogin() { function handleLogin() {
loginFormRef.value.validate((valid: boolean) => { loginFormRef.value?.validate((valid: boolean) => {
if (valid) { if (valid) {
loading.value = true; loading.value = true;
userStore userStore
@@ -285,4 +285,3 @@ html.dark .login-container {
} }
} }
</style> </style>
@/api/auth/model