From dda857e7ca595e1fd6bc2641deeaaa9dedd4880a Mon Sep 17 00:00:00 2001
From: laiczhang <i@laiczhang.com>
Date: Sat, 23 Apr 2022 15:26:33 +0800
Subject: [PATCH] chore: use ts in login page

---
 src/views/Login.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/views/Login.vue b/src/views/Login.vue
index 31c3d371..279e3cad 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -46,8 +46,8 @@
 <script>
 </script>
 
-<script setup>
-import { defineComponent, onBeforeMount, onMounted, reactive, ref } from 'vue'
+<script setup lang="ts">
+import { onMounted, reactive, ref } from 'vue'
 import useVuexWithRouter from '@/hooks/useVuexWithRoutert'
 import { getIpApi, getWeatherLikeApi, loginApi, menuPermissionApi } from '@/api'
 
@@ -58,8 +58,8 @@ const toPageHome = () => {
 const BASE_CDN_URL = store.state.BASE_CDN_URL
 const baseImgUrl = ref(`${BASE_CDN_URL}/img/bg-default.png`)
 const coverImgUrl = ref('')
-const captchaRef = ref('')
-const userFormRef = ref(null)
+// const captchaRef = ref('')
+const userFormRef: any = ref(null)
 const userForm = reactive({
   userName: '',
   userPwd: '',
@@ -94,12 +94,12 @@ const getMenuPermission = async() => {
   store.commit('setActionList', actionList)
   store.commit('setMenuList', menuList)
 }
-const encodedUserPwd = (userPwd) => {
+const encodedUserPwd = (userPwd: string) => {
   userForm.userPwd = btoa(userPwd)
   return userForm.userPwd
 }
 const userFromCommit = () => {
-  userFormRef.value.validate(async(valid) => {
+  userFormRef.value.validate(async(valid: any) => {
     if (valid) {
       encodedUserPwd(userForm.userPwd)
       const loginInfo = await loginApi(userForm)
@@ -125,7 +125,7 @@ const toForget = () => {
 const toHomeAsVisitor = () => {
   userForm.userName = 'visitor'
   userForm.userPwd = '123456'
-  userForm.captchaCode = '123456'
+  // userForm.captchaCode = '123456'
   userFromCommit()
 }
 onMounted(() => {