🎨 优化登录切换状态文本框显示问题

src/pages/login.vue

@@ -22,11 +22,12 @@
 </template>
 
 <script setup lang="ts">
+import { useMemorizeVar } from '@/composeables/useMemorizeVar';
 import { useAuthStore } from '@/stores/auth';
 import { waitTimeOut } from '@imengyu/imengyu-utils';
 import { DynamicForm, type IDynamicFormOptions, type IDynamicFormRef } from '@imengyu/vue-dynamic-form';
 import { message, Modal, type FormInstance } from 'ant-design-vue';
-import { ref } from 'vue';
+import { onMounted, ref } from 'vue';
 import { useRouter } from 'vue-router';
 
 const form = ref<IDynamicFormRef>();
@@ -45,18 +46,8 @@ const formOptions = ref<IDynamicFormOptions>({
   formItems: [
     {
       label: '账号',
-      name: 'mobile',
-      type: 'text',
-      hidden: { callback: (_, m) => (m as any).type == 1 },
-      additionalProps: {
-        placeholder: '请输入账号'
-      },
-    },
-    {
-      label: '账号',
       name: 'account',
       type: 'text',
-      hidden: { callback: (_, m) => (m as any).type == 0 },
       additionalProps: {
         placeholder: '请输入账号'
       },
@@ -101,6 +92,8 @@ const formOptions = ref<IDynamicFormOptions>({
   },
 });
 
+const { variable: lastType } = useMemorizeVar('lastLoginType', 0);
+
 const router = useRouter();
 const authStore = useAuthStore();
 
@@ -110,9 +103,10 @@ async function handleSubmit() {
   } catch {
     return;
   }
+  lastType.value = formModel.value.type;
   try {
     await authStore.login(
-      formModel.value.type == 1 ? formModel.value.account : formModel.value.mobile,
+      formModel.value.account,
       formModel.value.password,
       formModel.value.type,
     );
@@ -130,6 +124,10 @@ async function handleSubmit() {
     });
   }
 }
+
+onMounted(() => {
+  formModel.value.type = lastType.value;
+});
 </script>
 
 <style lang="scss">