From f4ae17da5cdd8692f4d2b507298e3a9046832b55 Mon Sep 17 00:00:00 2001
From: zhouhaibin <zhouhaibin@qq.com>
Date: Tue, 30 Apr 2024 11:00:55 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9A=90=E8=97=8F=E9=83=A8=E5=88=86=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/auth/login/LoginForm.vue            | 226 +++++++++---------
 .../auth/personal/center/ChangeEmail.vue      |   2 +-
 src/views/auth/personal/center/Security.vue   |   4 +-
 3 files changed, 110 insertions(+), 122 deletions(-)

diff --git a/src/views/auth/login/LoginForm.vue b/src/views/auth/login/LoginForm.vue
index b7668dd..46bc106 100644
--- a/src/views/auth/login/LoginForm.vue
+++ b/src/views/auth/login/LoginForm.vue
@@ -1,49 +1,37 @@
 <template>
   <LoginFormTitle v-show="getShow" class="enter-x" />
-  <a-form
-    class="p-4 enter-x"
-    :model="formData"
-    :rules="getFormRules"
-    ref="formRef"
-    v-show="getShow"
-    @keypress.enter="handleLoginClick()"
-  >
+  <a-form class="p-4 enter-x" :model="formData" :rules="getFormRules" ref="formRef" v-show="getShow"
+    @keypress.enter="handleLoginClick()">
     <a-alert v-if="hasError" type="error" :message="errorMessage" :banner="true" />
 
     <a-form-item name="username" class="enter-x">
-      <a-input
-        size="large"
-        v-model:value="formData.username"
-        :placeholder="t('sys.login.userName')"
-        class="fix-auto-fill"
-      />
+      <a-input size="large" v-model:value="formData.username" :placeholder="t('sys.login.userName')"
+        class="fix-auto-fill" />
     </a-form-item>
     <a-form-item name="password" class="enter-x">
-      <a-input-password
-        size="large"
-        visibilityToggle
-        v-model:value="formData.password"
-        :placeholder="t('sys.login.password')"
-      />
+      <a-input-password size="large" visibilityToggle v-model:value="formData.password"
+        :placeholder="t('sys.login.password')" />
     </a-form-item>
 
     <a-row class="enter-x">
-      <a-col :span="12">
+      <!-- 记住我 -->
+
+      <!-- <a-col :span="12">
         <a-form-item>
-          <!-- 记住我 -->
           <a-checkbox v-model:checked="rememberMe" size="small">
             {{ t('sys.login.rememberMe') }}
           </a-checkbox>
         </a-form-item>
-      </a-col>
-      <a-col :span="12">
+      </a-col> -->
+      <!-- 忘记密码 -->
+
+      <!-- <a-col :span="12">
         <a-form-item :style="{ 'text-align': 'right' }">
-          <!-- 忘记密码 -->
           <a-button type="link" size="small" @click="setLoginState(LoginStateEnum.RESET_PASSWORD)">
             {{ t('sys.login.forgetPassword') }}
           </a-button>
         </a-form-item>
-      </a-col>
+      </a-col> -->
     </a-row>
 
     <a-form-item class="enter-x">
@@ -68,7 +56,7 @@
         </a-button>
       </a-col> -->
     </a-row>
-<!-- 
+    <!-- 
     <a-divider class="enter-x">{{ t('sys.login.otherSignIn') }}</a-divider>
 
     <div class="flex justify-evenly enter-x" :class="`${prefixCls}-sign-in-way`">
@@ -83,108 +71,108 @@
   </a-form>
 </template>
 <script lang="ts" setup>
-  import { reactive, ref, unref, computed } from 'vue';
-
-  import {
-    GithubFilled,
-    WechatFilled,
-    AlipayCircleFilled,
-    GoogleCircleFilled,
-    TwitterCircleFilled,
-  } from '@ant-design/icons-vue';
-  import LoginFormTitle from './LoginFormTitle.vue';
-
-  import { useI18n } from '@/hooks/web/useI18n';
-  import { useMessage } from '@/hooks/web/useMessage';
-
-  import { useUserStore } from '@/store/modules/user';
-  import { LoginStateEnum, useLoginState, useFormRules, useFormValid } from './useLogin';
-  import { useDesign } from '@/hooks/web/useDesign';
-  import { useModal } from '@/components/Modal';
-  import { SlideVerifyModal } from '@/components/Verify';
-  import { getByKey } from '@/api/sys/sysConfig';
-  import { HashingFactory } from '@/utils/cipher';
-
-  const { t } = useI18n();
-  const { notification } = useMessage();
-  const { prefixCls } = useDesign('login');
-  const userStore = useUserStore();
-
-  const { setLoginState, getLoginState } = useLoginState();
-  const { getFormRules } = useFormRules();
-
-  const formRef = ref();
-  const loading = ref<boolean>(false);
-  const hasError = ref<boolean>(false);
-  const errorMessage = ref();
-  const rememberMe = ref<boolean>(false);
-  // 是否开启登录验证码
-  let loginVerificationCode = true;
-  getByKey('loginVerificationCode').then((res) => {
-    if (res && res.value) {
-      loginVerificationCode = res.value === 'true';
-    }
-  });
+import { reactive, ref, unref, computed } from 'vue';
+
+import {
+  GithubFilled,
+  WechatFilled,
+  AlipayCircleFilled,
+  GoogleCircleFilled,
+  TwitterCircleFilled,
+} from '@ant-design/icons-vue';
+import LoginFormTitle from './LoginFormTitle.vue';
+
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
+import { useUserStore } from '@/store/modules/user';
+import { LoginStateEnum, useLoginState, useFormRules, useFormValid } from './useLogin';
+import { useDesign } from '@/hooks/web/useDesign';
+import { useModal } from '@/components/Modal';
+import { SlideVerifyModal } from '@/components/Verify';
+import { getByKey } from '@/api/sys/sysConfig';
+import { HashingFactory } from '@/utils/cipher';
+
+const { t } = useI18n();
+const { notification } = useMessage();
+const { prefixCls } = useDesign('login');
+const userStore = useUserStore();
+
+const { setLoginState, getLoginState } = useLoginState();
+const { getFormRules } = useFormRules();
+
+const formRef = ref();
+const loading = ref<boolean>(false);
+const hasError = ref<boolean>(false);
+const errorMessage = ref();
+const rememberMe = ref<boolean>(false);
+// 是否开启登录验证码
+let loginVerificationCode = true;
+getByKey('loginVerificationCode').then((res) => {
+  if (res && res.value) {
+    loginVerificationCode = res.value === 'true';
+  }
+});
 
-  const formData = reactive({
-    username: '',
-    password: '',
-  });
+const formData = reactive({
+  username: '',
+  password: '',
+});
 
-  const { validForm } = useFormValid(formRef);
+const { validForm } = useFormValid(formRef);
 
-  const getShow = computed(() => unref(getLoginState) === LoginStateEnum.LOGIN);
+const getShow = computed(() => unref(getLoginState) === LoginStateEnum.LOGIN);
 
-  const [registerModal, { openModal: openVerifyModal }] = useModal();
+const [registerModal, { openModal: openVerifyModal }] = useModal();
 
-  function handleVerifySuccess(captchaVerification) {
-    handleLogin(captchaVerification);
-  }
+function handleVerifySuccess(captchaVerification) {
+  handleLogin(captchaVerification);
+}
 
-  /**
-   * 点击登录按钮
-   */
-  function handleLoginClick() {
-    if (loginVerificationCode) {
-      // 开启了登录验证码
-      openVerifyModal();
-    } else {
-      handleLogin(null);
-    }
+/**
+ * 点击登录按钮
+ */
+function handleLoginClick() {
+  if (loginVerificationCode) {
+    // 开启了登录验证码
+    openVerifyModal();
+  } else {
+    handleLogin(null);
   }
-
-  async function handleLogin(captchaVerification: Nullable<string>) {
-    const data = await validForm();
-    if (!data) return;
-    try {
-      loading.value = true;
-      const userInfo = await userStore.login({
-        password: HashingFactory.createMD5Hashing().hash(data.password.trim()),
-        username: data.username.trim(),
-        rememberMe: rememberMe.value,
-        captchaVerification: captchaVerification!,
-        mode: 'none',
+}
+
+async function handleLogin(captchaVerification: Nullable<string>) {
+  const data = await validForm();
+  if (!data) return;
+  try {
+    loading.value = true;
+    const userInfo = await userStore.login({
+      password: HashingFactory.createMD5Hashing().hash(data.password.trim()),
+      username: data.username.trim(),
+      rememberMe: rememberMe.value,
+      captchaVerification: captchaVerification!,
+      mode: 'none',
+    });
+    if (userInfo) {
+      hasError.value = false;
+      notification.success({
+        message: t('sys.login.loginSuccessTitle'),
+        description: `${t('sys.login.loginSuccessDesc')}: ${userInfo.nickname}`,
+        duration: 3,
       });
-      if (userInfo) {
-        hasError.value = false;
-        notification.success({
-          message: t('sys.login.loginSuccessTitle'),
-          description: `${t('sys.login.loginSuccessDesc')}: ${userInfo.nickname}`,
-          duration: 3,
-        });
-      }
-    } catch (error: any) {
-      errorMessage.value = error.response?.data?.errorMessage;
-      if (errorMessage.value) {
-        hasError.value = true;
-      }
-    } finally {
-      loading.value = false;
     }
+  } catch (error: any) {
+    errorMessage.value = error.response?.data?.errorMessage;
+    if (errorMessage.value) {
+      hasError.value = true;
+    }
+  } finally {
+    loading.value = false;
   }
+}
 </script>
 <style>
-  .ant-alert {
-    margin-bottom: 10px;
-  }
+.ant-alert {
+  margin-bottom: 10px;
+}
 </style>
diff --git a/src/views/auth/personal/center/ChangeEmail.vue b/src/views/auth/personal/center/ChangeEmail.vue
index 187bb4b..177f5c6 100644
--- a/src/views/auth/personal/center/ChangeEmail.vue
+++ b/src/views/auth/personal/center/ChangeEmail.vue
@@ -39,7 +39,7 @@
           changeOkLoading(true);
           const values = await validate();
           await applicationBindingEmail(values.email);
-          createMessage.success('邮件发送成功，请前往邮箱激活邮箱');
+          // createMessage.success('邮件发送成功，请前往邮箱激活邮箱');
           await userStore.refreshCurrentUserAction();
           closeModal();
         } catch (e) {
diff --git a/src/views/auth/personal/center/Security.vue b/src/views/auth/personal/center/Security.vue
index 1e8eff6..58f7268 100644
--- a/src/views/auth/personal/center/Security.vue
+++ b/src/views/auth/personal/center/Security.vue
@@ -32,11 +32,11 @@
             <Icon :size="26" icon="ant-design:mail-outlined" />
           </template>
         </a-list-item-meta>
-        <template #actions>
+        <!-- <template #actions>
           <a-button type="link" @click="openChangeEmailModal(true, {})">
             {{ data.email ? '修改' : '绑定' }}
           </a-button>
-        </template>
+        </template> -->
       </a-list-item>
     </a-list>