From e3981e7eda19ae881aa382e242d292254dd1020d Mon Sep 17 00:00:00 2001
From: wangxiang <1827945911@qq.com>
Date: Wed, 4 May 2022 08:54:00 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=95=9F=20=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/core/login/LoginFormTitle.vue   |  1 -
 kicc-ui/src/views/core/login/MobileForm.vue   | 42 +++++++++++--------
 2 files changed, 24 insertions(+), 19 deletions(-)

diff --git a/kicc-ui/src/views/core/login/LoginFormTitle.vue b/kicc-ui/src/views/core/login/LoginFormTitle.vue
index ea26f58c..32ccea02 100644
--- a/kicc-ui/src/views/core/login/LoginFormTitle.vue
+++ b/kicc-ui/src/views/core/login/LoginFormTitle.vue
@@ -10,7 +10,6 @@
 
   const { t } = useI18n();
   const { getLoginState } = useLoginState();
-
   const getFormTitle = computed(() => {
     const titleObj = {
       [LoginStateEnum.RESET_PASSWORD]: t('sys.login.forgetFormTitle'),
diff --git a/kicc-ui/src/views/core/login/MobileForm.vue b/kicc-ui/src/views/core/login/MobileForm.vue
index 88b9f82e..659ad10d 100644
--- a/kicc-ui/src/views/core/login/MobileForm.vue
+++ b/kicc-ui/src/views/core/login/MobileForm.vue
@@ -1,29 +1,39 @@
 <template>
   <template v-if="getShow">
     <LoginFormTitle class="enter-x" />
-    <Form class="p-4 enter-x" :model="formData" :rules="getFormRules" ref="formRef">
+    <Form ref="formRef"
+          class="p-4 enter-x"
+          :model="formData"
+          :rules="getFormRules"
+    >
       <FormItem name="mobile" class="enter-x">
-        <Input
-          size="large"
-          v-model:value="formData.mobile"
-          :placeholder="t('sys.login.mobile')"
-          class="fix-auto-fill"
+        <Input v-model:value="formData.mobile"
+               size="large"
+               :placeholder="t('sys.login.mobile')"
+               class="fix-auto-fill"
         />
       </FormItem>
       <FormItem name="sms" class="enter-x">
-        <CountdownInput
-          size="large"
-          class="fix-auto-fill"
-          v-model:value="formData.sms"
-          :placeholder="t('sys.login.smsCode')"
+        <CountdownInput v-model:value="formData.sms"
+                        size="large"
+                        class="fix-auto-fill"
+                        :placeholder="t('sys.login.smsCode')"
         />
       </FormItem>
-
       <FormItem class="enter-x">
-        <Button type="primary" size="large" block @click="handleLogin" :loading="loading">
+        <Button type="primary"
+                size="large"
+                block
+                :loading="loading"
+                @click="handleLogin"
+        >
           {{ t('sys.login.loginButton') }}
         </Button>
-        <Button size="large" block class="mt-4" @click="handleBackLogin">
+        <Button size="large"
+                block
+                class="mt-4"
+                @click="handleBackLogin"
+        >
           {{ t('sys.login.backSignIn') }}
         </Button>
       </FormItem>
@@ -42,17 +52,13 @@
   const { t } = useI18n();
   const { handleBackLogin, getLoginState } = useLoginState();
   const { getFormRules } = useFormRules();
-
   const formRef = ref();
   const loading = ref(false);
-
   const formData = reactive({
     mobile: '',
     sms: '',
   });
-
   const { validForm } = useFormValid(formRef);
-
   const getShow = computed(() => unref(getLoginState) === LoginStateEnum.MOBILE);
 
   async function handleLogin() {