feat: 登录调整完成

src/views/login/components/Login.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed, reactive, ref } from "vue";
+import { computed, onMounted, reactive, ref } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useMessage } from "naive-ui";
 
@@ -34,19 +34,18 @@ const route = useRoute();
 const show = ref(false);
 const flag = ref(true);
 const loginSuccess = ref(true);
-const loginRejectMessge = ref('');
-
-const formInline: FormState = reactive({
-  enterprisecode: "演示公司",
-  username: "yanshi01",
-  password: "123456",
-
-  // enterprisecode: "",
-  // username: "",
-  // password: ""
+const loginRejectMessge = ref("");
+
+let formInline: FormState = reactive({
+  // enterprisecode: "演示公司",
+  // username: "yanshi01",
+  // password: "123456",
+  enterprisecode: "",
+  username: "",
+  password: ""
 });
 
-const formSms: FormSms = reactive({
+let formSms: FormSms = reactive({
   agentcode: "",
   phone: "",
   phonecode: "",
@@ -54,7 +53,23 @@ const formSms: FormSms = reactive({
 const tab = ref(0);
 const countTime = ref("获取验证码");
 const rules = {
-  enterprisecode: [{ required: true, message: "请输入企业编码", trigger: "blur" },{
+  enterprisecode: [
+    { required: true, message: "请输入企业编码", trigger: "blur" },
+    {
+      trigger: ["blur"],
+      level: "error",
+      validator(_rule, value) {
+        if (loginSuccess.value) {
+          return true;
+        } else {
+          return new Error(loginRejectMessge.value);
+        }
+      },
+    },
+  ],
+  agentcode: [
+    { required: true, message: "请输入企业编码", trigger: "blur" },
+    {
       trigger: ["blur"],
       level: "error",
       validator(_rule, value) {
@@ -64,8 +79,8 @@ const rules = {
           return new Error(loginRejectMessge.value);
         }
       },
-    },],
-  agentcode: { required: true, message: "请输入企业编码", trigger: "blur" },
+    },
+  ],
   phone: { required: true, message: "请输入手机号", trigger: "blur" },
   phonecode: [
     { required: true, message: "请输入验证码", trigger: "blur" },
@@ -84,7 +99,20 @@ const rules = {
       },
     },
   ],
-  username: { required: true, message: "请输入用户名", trigger: "blur" },
+  username: [
+    { required: true, message: "请输入用户名", trigger: "blur" },
+    {
+      trigger: ["blur"],
+      level: "error",
+      validator(_rule, value) {
+        if (loginSuccess.value) {
+          return true;
+        } else {
+          return new Error(loginRejectMessge.value);
+        }
+      },
+    },
+  ],
   password: { required: true, message: "请输入密码", trigger: "blur" },
   captcha: { required: true, message: "请输入验证码", trigger: "blur" },
 };
@@ -107,6 +135,12 @@ function handleSubmit(e) {
         const { code, message: msg } = await userStore.login(params);
         loginRejectMessge.value = msg;
         if (code === ResultEnum.SUCCESS) {
+          // 是否保存账号
+          if (autoLogin.value) {
+            localStorage.setItem("LOGIN_FORM_PASS", JSON.stringify(formInline));
+          } else {
+            localStorage.removeItem("LOGIN_FORM_PASS");
+          }
           loginSuccess.value = true;
           await userStore.getInformation();
           message.destroyAll();
@@ -128,6 +162,25 @@ function handleSubmit(e) {
   });
 }
 
+onMounted(() => {
+  let data:any = localStorage.getItem("LOGIN_FORM_SMS");
+  if (data) {
+    data = JSON.parse(data) as any
+    formSms.agentcode = data.agentcode;
+    formSms.phone = data.phone;
+    formSms.phonecode = "";
+    autoLogin.value = true;
+  }
+  data = localStorage.getItem("LOGIN_FORM_PASS");
+  if (data) {
+    data = JSON.parse(data) as any;
+    formInline.username = data.username;
+    formInline.password = data.password;
+    formInline.enterprisecode = data.enterprisecode;
+    autoLogin.value = true;
+  }
+});
+
 function handleSmsSubmit(e) {
   e.preventDefault();
   formRefSms.value.validate(async (errors) => {
@@ -143,11 +196,17 @@ function handleSmsSubmit(e) {
           phonecode,
         });
         const { code, message: msg } = res;
+        loginRejectMessge.value = msg;
         if (code === ResultEnum.SUCCESS) {
+          // 是否保存账号
+          if (autoLogin.value) {
+            localStorage.setItem("LOGIN_FORM_SMS", JSON.stringify(formSms));
+          } else {
+            localStorage.removeItem("LOGIN_FORM_SMS");
+          }
           loginSuccess.value = true;
           // const { code, message: msg } = await userStore.login(params)
           await userStore.getInformation();
-
           message.destroyAll();
           const toPath = decodeURIComponent((route.query?.redirect || "/") as string);
           message.success("登录成功，即将进入系统");
@@ -338,6 +397,7 @@ function forget() {
             v-model:value="formSms.phone"
             class="item-input"
             placeholder="请输入手机号"
+            maxlength="11"
           >
             <template #prefix>
               <img