From 2b08a1853a2fccf2d03e7f1302d9d9205558b878 Mon Sep 17 00:00:00 2001
From: wangweidong <850489345@qq.com>
Date: Mon, 27 Oct 2025 15:16:42 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8F=9C=E5=8D=95=E5=92=8C=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/loginmini/style/home.less          |   10 +-
 .../Container/src/ScrollContainer.vue         |    1 +
 src/components/SimpleMenu/src/SimpleMenu.vue  |   21 +-
 src/views/system/loginmini/MiniLogin.vue      | 1011 +++++++++--------
 4 files changed, 544 insertions(+), 499 deletions(-)

diff --git a/src/assets/loginmini/style/home.less b/src/assets/loginmini/style/home.less
index 402a7ac..be898a4 100644
--- a/src/assets/loginmini/style/home.less
+++ b/src/assets/loginmini/style/home.less
@@ -323,13 +323,13 @@
 
 .aui-inputClear {
   width: 100%;
-  // border-bottom: 1px solid #cccccc;
+  border: 1px solid #f4f5f9;
   position: relative;
   padding-left: 20px;
   background: #f4f5f9;
-  margin-bottom: 8px;
   margin-top: 20px;
   border-radius: 8px;
+  
 }
 
 .aui-inputClear .icon {
@@ -340,7 +340,7 @@
 
 .aui-inputClear input {
   width: 100%;
-  padding: 10px;
+  padding: 12px;
   border: none;
   color: #333333;
   font-size: 14px;
@@ -368,11 +368,11 @@
 }
 
 .aui-inputClear:focus {
-  border-bottom: 1px solid #1b90ff;
+  border: 1px solid #1b90ff;
 }
 
 .aui-inputClear:hover {
-  border-bottom: 1px solid #1b90ff;
+  border: 1px solid #1b90ff;
 }
 
 .aui-choice {
diff --git a/src/components/Container/src/ScrollContainer.vue b/src/components/Container/src/ScrollContainer.vue
index 65c71ed..9b08dcb 100644
--- a/src/components/Container/src/ScrollContainer.vue
+++ b/src/components/Container/src/ScrollContainer.vue
@@ -84,6 +84,7 @@
     .scrollbar__wrap {
       margin-bottom: 18px !important;
       overflow-x: hidden;
+	  padding:0 18px;
     }
 
     .scrollbar__view {
diff --git a/src/components/SimpleMenu/src/SimpleMenu.vue b/src/components/SimpleMenu/src/SimpleMenu.vue
index 765ad82..4be4d18 100644
--- a/src/components/SimpleMenu/src/SimpleMenu.vue
+++ b/src/components/SimpleMenu/src/SimpleMenu.vue
@@ -202,9 +202,9 @@
 
 .jeecg-menu-light.jeecg-menu-vertical .jeecg-menu-item-active.jeecg-menu-submenu {
   color: #606266 !important;
-  background: #f0f0f0;
+  // background: #f0f0f0;
   padding-bottom: 10px;;
-  
+  border-radius: 6px;
 }
 .jeecg-menu-vertical .jeecg-menu-item, .jeecg-menu-vertical .jeecg-menu-submenu-title {
   position: relative;
@@ -223,7 +223,10 @@
     // margin: 10px 20px 0 20px;
     transform: scale(1.02);
 }
-
+.jeecg-menu-item-active>.jeecg-menu-submenu-title{
+	background: #f0f0f0;
+	border-radius: 6px;
+}
 .ant-drawer-close {
   position: absolute;
   right: 0;
@@ -236,4 +239,16 @@
 //   min-height: 0;
 //   padding: 3px;
 // }
+ 
+ .jeecg-menu-item-active>.jeecg-menu{
+	 margin-top:10px;
+	 background: #FBFBFD;
+	 border-radius: 6px;
+ }
+.jeecg-menu-item-active .jeecg-menu>li{
+	width:80%;
+	margin:5px auto;
+	padding-left:18px !important;
+	
+}
 </style>
diff --git a/src/views/system/loginmini/MiniLogin.vue b/src/views/system/loginmini/MiniLogin.vue
index 4b9fc1f..7933def 100644
--- a/src/views/system/loginmini/MiniLogin.vue
+++ b/src/views/system/loginmini/MiniLogin.vue
@@ -1,62 +1,69 @@
 <template>
-  <div :class="prefixCls" class="login-background-img">
-    <div class="aui-logo" v-if="!getIsMobile">
-      <div>
-        <h3>
-          <img :src="logoImg" alt="jeecg" />
-        </h3>
-      </div>
-    </div>
-    <div v-else class="aui-phone-logo">
-      <img :src="logoImg" alt="jeecg" />
-    </div>
-    <div >
-      <div class="aui-content">
-        <div class="aui-container">
-          <div class="aui-form">
-            <div class="aui-image">
-              <div class="aui-image-text">
-                <!-- <img :src="adTextImg" /> -->
-              </div>
-            </div>
-            <div class="aui-formBox">
-              <div class="aui-formWell">
-                <div class="aui-flex aui-form-nav investment_title">
-                  <div class="aui-flex-box">账号登录
-                  </div>
-                </div>
-                  <a-divider  />
-                <div class="aui-form-box" style="height: 180px">
-                  <a-form ref="loginRef" :model="formData" v-if="activeIndex === 'accountLogin'" @keyup.enter.native="loginHandleClick">
-                    <div class="aui-account">
-                      <div class="aui-inputClear">
-                        <a-row>
-                          <a-col :span="2">
-                            <span style="margin-top: 10px;display: block;"><img :src="icon1Img" alt="账号" style="width: 20px;" /></span>
-                          </a-col>
-                          <a-col :span="20">
-                            <a-form-item>
-                              <a-input class="fix-auto-fill" :placeholder="`请输入`+t('sys.login.userName')" v-model:value="formData.username" />
-                            </a-form-item>
-                          </a-col>
-                        </a-row>
-                      </div>
-                      <div class="aui-inputClear">
-                        <a-row>
-                          <a-col :span="2">
-                            <span style="margin-top: 10px;display: block;"><img :src="icon2Img" alt="密码" style="width: 20px;" /></span>
-                          </a-col>
-                          <a-col :span="20">
-                            <a-form-item>
-                              <a-input class="fix-auto-fill" type="password" :placeholder="`请输入`+t('sys.login.password')" v-model:value="formData.password" />
-                            </a-form-item>
-                          </a-col>
-                        </a-row>
-                      </div>
-                      <div >
-                        <huakuai @verifySuccess="checkInputCode"/>
-                      </div>
-                      <!-- <div class="aui-inputClear">
+	<div :class="prefixCls" class="login-background-img">
+		<div class="aui-logo" v-if="!getIsMobile">
+			<div>
+				<h3>
+					<img :src="logoImg" alt="jeecg" />
+				</h3>
+			</div>
+		</div>
+		<div v-else class="aui-phone-logo">
+			<img :src="logoImg" alt="jeecg" />
+		</div>
+		<div>
+			<div class="aui-content">
+				<div class="aui-container">
+					<div class="aui-form">
+						<div class="aui-image">
+							<div class="aui-image-text">
+								<!-- <img :src="adTextImg" /> -->
+							</div>
+						</div>
+						<div class="aui-formBox">
+							<div class="aui-formWell">
+								<div class="aui-flex aui-form-nav investment_title">
+									<div class="aui-flex-box">账号登录
+									</div>
+								</div>
+								<a-divider />
+								<div class="aui-form-box" style="height: 180px">
+									<a-form ref="loginRef" :model="formData" v-if="activeIndex === 'accountLogin'"
+										@keyup.enter.native="loginHandleClick">
+										<div class="aui-account">
+											<div class="aui-inputClear">
+												<a-row>
+													<a-col :span="2">
+														<span style="margin-top: 13px;display: block;"><img
+																:src="icon1Img" alt="账号" style="width: 20px;" /></span>
+													</a-col>
+													<a-col :span="20">
+														<a-form-item>
+															<a-input class="fix-auto-fill"
+																:placeholder="`请输入`+t('sys.login.userName')"
+																v-model:value="formData.username" />
+														</a-form-item>
+													</a-col>
+												</a-row>
+											</div>
+											<div class="aui-inputClear">
+												<a-row>
+													<a-col :span="2">
+														<span style="margin-top: 13px;display: block;"><img
+																:src="icon2Img" alt="密码" style="width: 20px;" /></span>
+													</a-col>
+													<a-col :span="20">
+														<a-form-item>
+															<a-input class="fix-auto-fill" type="password"
+																:placeholder="`请输入`+t('sys.login.password')"
+																v-model:value="formData.password" />
+														</a-form-item>
+													</a-col>
+												</a-row>
+											</div>
+											<div>
+												<huakuai @verifySuccess="checkInputCode" />
+											</div>
+											<!-- <div class="aui-inputClear">
                         <a-row>
                           <a-col :span="2">
                             <span style="margin-top: 10px;display: block;"><img :src="icon3Img" alt="验证码" style="width: 20px;" /></span>
@@ -74,475 +81,497 @@
                           </a-col>
                         </a-row>
                       </div> -->
-                    </div>
-                  </a-form>
-                </div>
-                <div class="aui-formButton">
-                  <div class="aui-flex">
-                    <a-button :loading="loginLoading" class="aui-link-login" type="primary" @click="loginHandleClick">
-                      {{ t('sys.login.loginButton') }}</a-button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- 图片验证码弹窗 -->
-    <CaptchaModal @register="captchaRegisterModal" @ok="getLoginCode" />
-  </div>
+										</div>
+									</a-form>
+								</div>
+								<div class="aui-formButton">
+									<div class="aui-flex">
+										<a-button :loading="loginLoading" class="aui-link-login" type="primary"
+											@click="loginHandleClick">
+											{{ t('sys.login.loginButton') }}</a-button>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- 图片验证码弹窗 -->
+		<CaptchaModal @register="captchaRegisterModal" @ok="getLoginCode" />
+	</div>
 </template>
 <script lang="ts" setup name="login-mini">
-  import { getCaptcha, getCodeInfo, randomCode } from '/@/api/sys/user';
-  import { computed, onMounted, reactive, ref, toRaw, unref } from 'vue';
-  import codeImg from '/@/assets/images/checkcode.png';
-  import { Rule } from '/@/components/Form';
-  import { useUserStore } from '/@/store/modules/user';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { SmsEnum } from '/@/views/sys/login/useLogin';
-  import ThirdModal from '/@/views/sys/login/ThirdModal.vue';
-  import MiniForgotpad from './MiniForgotpad.vue';
-  import MiniRegister from './MiniRegister.vue';
-  import MiniCodelogin from './MiniCodelogin.vue';
-  import logoImg from '/@/assets/loginmini/icon/logo_yw.png';
-  import adTextImg from '/@/assets/loginmini/icon/yw.gif';
-  import icon1Img from '/@/assets/loginmini/icon/icon1.png';
-  import icon2Img from '/@/assets/loginmini/icon/icon2.png';
-  import icon3Img from '/@/assets/loginmini/icon/icon3.png';
-  import { AppLocalePicker, AppDarkModeToggle } from '/@/components/Application';
-  import { useLocaleStore } from '/@/store/modules/locale';
-  import { useDesign } from "/@/hooks/web/useDesign";
-  import { useAppInject } from "/@/hooks/web/useAppInject";
-  import { GithubFilled, WechatFilled, DingtalkCircleFilled, createFromIconfontCN } from '@ant-design/icons-vue';
-  import CaptchaModal from '@/components/jeecg/captcha/CaptchaModal.vue';
-  import { useModal } from "@/components/Modal";
-  import { ExceptionEnum } from "@/enums/exceptionEnum";
-  import huakuai from './huakuai.vue';
+	import { getCaptcha, getCodeInfo, randomCode } from '/@/api/sys/user';
+	import { computed, onMounted, reactive, ref, toRaw, unref } from 'vue';
+	import codeImg from '/@/assets/images/checkcode.png';
+	import { Rule } from '/@/components/Form';
+	import { useUserStore } from '/@/store/modules/user';
+	import { useMessage } from '/@/hooks/web/useMessage';
+	import { useI18n } from '/@/hooks/web/useI18n';
+	import { SmsEnum } from '/@/views/sys/login/useLogin';
+	import ThirdModal from '/@/views/sys/login/ThirdModal.vue';
+	import MiniForgotpad from './MiniForgotpad.vue';
+	import MiniRegister from './MiniRegister.vue';
+	import MiniCodelogin from './MiniCodelogin.vue';
+	import logoImg from '/@/assets/loginmini/icon/logo_yw.png';
+	import adTextImg from '/@/assets/loginmini/icon/yw.gif';
+	import icon1Img from '/@/assets/loginmini/icon/icon1.png';
+	import icon2Img from '/@/assets/loginmini/icon/icon2.png';
+	import icon3Img from '/@/assets/loginmini/icon/icon3.png';
+	import { AppLocalePicker, AppDarkModeToggle } from '/@/components/Application';
+	import { useLocaleStore } from '/@/store/modules/locale';
+	import { useDesign } from "/@/hooks/web/useDesign";
+	import { useAppInject } from "/@/hooks/web/useAppInject";
+	import { GithubFilled, WechatFilled, DingtalkCircleFilled, createFromIconfontCN } from '@ant-design/icons-vue';
+	import CaptchaModal from '@/components/jeecg/captcha/CaptchaModal.vue';
+	import { useModal } from "@/components/Modal";
+	import { ExceptionEnum } from "@/enums/exceptionEnum";
+	import huakuai from './huakuai.vue';
 
-  const IconFont = createFromIconfontCN({
-    scriptUrl: '//at.alicdn.com/t/font_2316098_umqusozousr.js',
-  });
-  const { prefixCls } = useDesign('mini-login');
-  const { notification, createMessage } = useMessage();
-  const userStore = useUserStore();
-  const { t } = useI18n();
-  const localeStore = useLocaleStore();
-  const showLocale = localeStore.getShowPicker;
-  const randCodeData = reactive<any>({
-    randCodeImage: '',
-    requestCodeSuccess: false,
-    checkKey: null,
-  });
-  const rememberMe = ref<string>('0');
-  //手机号登录还是账号登录
-  const activeIndex = ref<string>('accountLogin');
-  const type = ref<string>('login');
-  //账号登录表单字段
-  const formData = reactive<any>({
-    inputCode: '',
-    username: '',
-    password: '',
-  });
-  //手机登录表单字段
-  const phoneFormData = reactive<any>({
-    mobile: '',
-    smscode: '',
-  });
-  const loginRef = ref();
-  //第三方登录弹窗
-  const thirdModalRef = ref();
-  //扫码登录
-  const codeRef = ref();
-  //是否显示获取验证码
-  const showInterval = ref<boolean>(true);
-  //60s
-  const timeRuning = ref<number>(60);
-  //定时器
-  const timer = ref<any>(null);
-  //忘记密码
-  const forgotRef = ref();
-  //注册
-  const registerRef = ref();
-  const loginLoading = ref<boolean>(false);
-  const { getIsMobile } = useAppInject();
-  const [captchaRegisterModal, { openModal: openCaptchaModal }] = useModal();
-  defineProps({
-    sessionTimeout: {
-      type: Boolean,
-    },
-  });
+	const IconFont = createFromIconfontCN({
+		scriptUrl: '//at.alicdn.com/t/font_2316098_umqusozousr.js',
+	});
+	const { prefixCls } = useDesign('mini-login');
+	const { notification, createMessage } = useMessage();
+	const userStore = useUserStore();
+	const { t } = useI18n();
+	const localeStore = useLocaleStore();
+	const showLocale = localeStore.getShowPicker;
+	const randCodeData = reactive<any>({
+		randCodeImage: '',
+		requestCodeSuccess: false,
+		checkKey: null,
+	});
+	const rememberMe = ref<string>('0');
+	//手机号登录还是账号登录
+	const activeIndex = ref<string>('accountLogin');
+	const type = ref<string>('login');
+	//账号登录表单字段
+	const formData = reactive<any>({
+		inputCode: '',
+		username: '',
+		password: '',
+	});
+	//手机登录表单字段
+	const phoneFormData = reactive<any>({
+		mobile: '',
+		smscode: '',
+	});
+	const loginRef = ref();
+	//第三方登录弹窗
+	const thirdModalRef = ref();
+	//扫码登录
+	const codeRef = ref();
+	//是否显示获取验证码
+	const showInterval = ref<boolean>(true);
+	//60s
+	const timeRuning = ref<number>(60);
+	//定时器
+	const timer = ref<any>(null);
+	//忘记密码
+	const forgotRef = ref();
+	//注册
+	const registerRef = ref();
+	const loginLoading = ref<boolean>(false);
+	const { getIsMobile } = useAppInject();
+	const [captchaRegisterModal, { openModal: openCaptchaModal }] = useModal();
+	defineProps({
+		sessionTimeout: {
+			type: Boolean,
+		},
+	});
 
-  /**
-   * 获取验证码
-   */
-  function handleChangeCheckCode() {
-    formData.inputCode = '';
+	/**
+	 * 获取验证码
+	 */
+	function handleChangeCheckCode() {
+		formData.inputCode = '';
 
-    randCodeData.checkKey = 1629428467008;
-    randomCode(randCodeData.checkKey).then((res) => {
-      console.log("🚀 ~ handleChangeCheckCode ~ res:", res)
-      randCodeData.randCodeImage = res;
-      randCodeData.requestCodeSuccess = true;
-      formData.inputCode = res;
-    });
-  }
+		randCodeData.checkKey = 1629428467008;
+		randomCode(randCodeData.checkKey).then((res) => {
+			console.log("🚀 ~ handleChangeCheckCode ~ res:", res)
+			randCodeData.randCodeImage = res;
+			randCodeData.requestCodeSuccess = true;
+			formData.inputCode = res;
+		});
+	}
 
-  function checkInputCode(type){
-    console.log("🚀 ~ checkCode ~ checkCode:",type)
-    handleChangeCheckCode();
-  }
+	function checkInputCode(type) {
+		console.log("🚀 ~ checkCode ~ checkCode:", type)
+		handleChangeCheckCode();
+	}
 
 
-  /**
-   * 切换登录方式
-   */
-  function loginClick(type) {
-    activeIndex.value = type;
-  }
+	/**
+	 * 切换登录方式
+	 */
+	function loginClick(type) {
+		activeIndex.value = type;
+	}
 
-  /**
-   * 账号或者手机登录
-   */
-  async function loginHandleClick() {
-    if (unref(activeIndex) === 'accountLogin') {
-      accountLogin();
-    } else {
-      //手机号登录
-      phoneLogin();
-    }
-  }
+	/**
+	 * 账号或者手机登录
+	 */
+	async function loginHandleClick() {
+		if (unref(activeIndex) === 'accountLogin') {
+			accountLogin();
+		} else {
+			//手机号登录
+			phoneLogin();
+		}
+	}
 
-  async function accountLogin() {
-    if (!formData.username) {
-      createMessage.warn(t('sys.login.accountPlaceholder'));
-      return;
-    }
-    if (!formData.password) {
-      createMessage.warn(t('sys.login.passwordPlaceholder'));
-      return;
-    }
-    try {
-      loginLoading.value = true;
-      const { userInfo } = await userStore.login(
-        toRaw({
-          password: formData.password,
-          username: formData.username,
-          captcha: formData.inputCode,
-          checkKey: randCodeData.checkKey,
-          mode: 'none', //不要默认的错误提示
-        })
-      );
-      if (userInfo) {
-        notification.success({
-          message: t('sys.login.loginSuccessTitle'),
-          description: `${t('sys.login.loginSuccessDesc')}: ${userInfo.realname}`,
-          duration: 3,
-        });
-      }
-    } catch (error) {
-      notification.error({
-        message: t('sys.api.errorTip'),
-        description: error.message || t('sys.login.networkExceptionMsg'),
-        duration: 3,
-      });
-      handleChangeCheckCode();
-    } finally {
-      loginLoading.value = false;
-    }
-  }
+	async function accountLogin() {
+		if (!formData.username) {
+			createMessage.warn(t('sys.login.accountPlaceholder'));
+			return;
+		}
+		if (!formData.password) {
+			createMessage.warn(t('sys.login.passwordPlaceholder'));
+			return;
+		}
+		try {
+			loginLoading.value = true;
+			const { userInfo } = await userStore.login(
+				toRaw({
+					password: formData.password,
+					username: formData.username,
+					captcha: formData.inputCode,
+					checkKey: randCodeData.checkKey,
+					mode: 'none', //不要默认的错误提示
+				})
+			);
+			if (userInfo) {
+				notification.success({
+					message: t('sys.login.loginSuccessTitle'),
+					description: `${t('sys.login.loginSuccessDesc')}: ${userInfo.realname}`,
+					duration: 3,
+				});
+			}
+		} catch (error) {
+			notification.error({
+				message: t('sys.api.errorTip'),
+				description: error.message || t('sys.login.networkExceptionMsg'),
+				duration: 3,
+			});
+			handleChangeCheckCode();
+		} finally {
+			loginLoading.value = false;
+		}
+	}
 
-  /**
-   * 手机号登录
-   */
-  async function phoneLogin() {
-    if (!phoneFormData.mobile) {
-      createMessage.warn(t('sys.login.mobilePlaceholder'));
-      return;
-    }
-    if (!phoneFormData.smscode) {
-      createMessage.warn(t('sys.login.smsPlaceholder'));
-      return;
-    }
-    try {
-      loginLoading.value = true;
-      const { userInfo }: any = await userStore.phoneLogin({
-        mobile: phoneFormData.mobile,
-        captcha: phoneFormData.smscode,
-        mode: 'none', //不要默认的错误提示
-      });
-      if (userInfo) {
-        notification.success({
-          message: t('sys.login.loginSuccessTitle'),
-          description: `${t('sys.login.loginSuccessDesc')}: ${userInfo.realname}`,
-          duration: 3,
-        });
-      }
-    } catch (error) {
-      notification.error({
-        message: t('sys.api.errorTip'),
-        description: error.message || t('sys.login.networkExceptionMsg'),
-        duration: 3,
-      });
-    } finally {
-      loginLoading.value = false;
-    }
-  }
+	/**
+	 * 手机号登录
+	 */
+	async function phoneLogin() {
+		if (!phoneFormData.mobile) {
+			createMessage.warn(t('sys.login.mobilePlaceholder'));
+			return;
+		}
+		if (!phoneFormData.smscode) {
+			createMessage.warn(t('sys.login.smsPlaceholder'));
+			return;
+		}
+		try {
+			loginLoading.value = true;
+			const { userInfo } : any = await userStore.phoneLogin({
+				mobile: phoneFormData.mobile,
+				captcha: phoneFormData.smscode,
+				mode: 'none', //不要默认的错误提示
+			});
+			if (userInfo) {
+				notification.success({
+					message: t('sys.login.loginSuccessTitle'),
+					description: `${t('sys.login.loginSuccessDesc')}: ${userInfo.realname}`,
+					duration: 3,
+				});
+			}
+		} catch (error) {
+			notification.error({
+				message: t('sys.api.errorTip'),
+				description: error.message || t('sys.login.networkExceptionMsg'),
+				duration: 3,
+			});
+		} finally {
+			loginLoading.value = false;
+		}
+	}
 
-  /**
-   * 获取手机验证码
-   */
-  async function getLoginCode() {
-    if (!phoneFormData.mobile) {
-      createMessage.warn(t('sys.login.mobilePlaceholder'));
-      return;
-    }
-    //update-begin---author:wangshuai---date:2024-04-18---for:【QQYUN-9005】同一个IP，1分钟超过5次短信，则提示需要验证码---
-    const result = await getCaptcha({ mobile: phoneFormData.mobile, smsmode: SmsEnum.FORGET_PASSWORD }).catch((res) =>{
-      if(res.code === ExceptionEnum.PHONE_SMS_FAIL_CODE){
-        openCaptchaModal(true, {});
-      }
-    });
-    //update-end---author:wangshuai---date:2024-04-18---for:【QQYUN-9005】同一个IP，1分钟超过5次短信，则提示需要验证码---
-    if (result) {
-      const TIME_COUNT = 60;
-      if (!unref(timer)) {
-        timeRuning.value = TIME_COUNT;
-        showInterval.value = false;
-        timer.value = setInterval(() => {
-          if (unref(timeRuning) > 0 && unref(timeRuning) <= TIME_COUNT) {
-            timeRuning.value = timeRuning.value - 1;
-          } else {
-            showInterval.value = true;
-            clearInterval(unref(timer));
-            timer.value = null;
-          }
-        }, 1000);
-      }
-    }
-  }
+	/**
+	 * 获取手机验证码
+	 */
+	async function getLoginCode() {
+		if (!phoneFormData.mobile) {
+			createMessage.warn(t('sys.login.mobilePlaceholder'));
+			return;
+		}
+		//update-begin---author:wangshuai---date:2024-04-18---for:【QQYUN-9005】同一个IP，1分钟超过5次短信，则提示需要验证码---
+		const result = await getCaptcha({ mobile: phoneFormData.mobile, smsmode: SmsEnum.FORGET_PASSWORD }).catch((res) => {
+			if (res.code === ExceptionEnum.PHONE_SMS_FAIL_CODE) {
+				openCaptchaModal(true, {});
+			}
+		});
+		//update-end---author:wangshuai---date:2024-04-18---for:【QQYUN-9005】同一个IP，1分钟超过5次短信，则提示需要验证码---
+		if (result) {
+			const TIME_COUNT = 60;
+			if (!unref(timer)) {
+				timeRuning.value = TIME_COUNT;
+				showInterval.value = false;
+				timer.value = setInterval(() => {
+					if (unref(timeRuning) > 0 && unref(timeRuning) <= TIME_COUNT) {
+						timeRuning.value = timeRuning.value - 1;
+					} else {
+						showInterval.value = true;
+						clearInterval(unref(timer));
+						timer.value = null;
+					}
+				}, 1000);
+			}
+		}
+	}
 
-  /**
-   * 第三方登录
-   * @param type
-   */
-  function onThirdLogin(type) {
-    thirdModalRef.value.onThirdLogin(type);
-  }
+	/**
+	 * 第三方登录
+	 * @param type
+	 */
+	function onThirdLogin(type) {
+		thirdModalRef.value.onThirdLogin(type);
+	}
 
-  /**
-   * 忘记密码
-   */
-  function forgetHandelClick() {
-    type.value = 'forgot';
-    setTimeout(() => {
-      forgotRef.value.initForm();
-    }, 300);
-  }
+	/**
+	 * 忘记密码
+	 */
+	function forgetHandelClick() {
+		type.value = 'forgot';
+		setTimeout(() => {
+			forgotRef.value.initForm();
+		}, 300);
+	}
 
-  /**
-   * 返回登录页面
-   */
-  function goBack() {
-    activeIndex.value = 'accountLogin';
-    type.value = 'login';
-  }
+	/**
+	 * 返回登录页面
+	 */
+	function goBack() {
+		activeIndex.value = 'accountLogin';
+		type.value = 'login';
+	}
 
-  /**
-   * 忘记密码/注册账号回调事件
-   * @param value
-   */
-  function handleSuccess(value) {
-    Object.assign(formData, value);
-    Object.assign(phoneFormData, { mobile: "", smscode: "" });
-    type.value = 'login';
-    activeIndex.value = 'accountLogin';
-    handleChangeCheckCode();
-  }
+	/**
+	 * 忘记密码/注册账号回调事件
+	 * @param value
+	 */
+	function handleSuccess(value) {
+		Object.assign(formData, value);
+		Object.assign(phoneFormData, { mobile: "", smscode: "" });
+		type.value = 'login';
+		activeIndex.value = 'accountLogin';
+		handleChangeCheckCode();
+	}
 
-  /**
-   * 注册
-   */
-  function registerHandleClick() {
-    type.value = 'register';
-    setTimeout(() => {
-      registerRef.value.initForm();
-    }, 300);
-  }
+	/**
+	 * 注册
+	 */
+	function registerHandleClick() {
+		type.value = 'register';
+		setTimeout(() => {
+			registerRef.value.initForm();
+		}, 300);
+	}
 
-  /**
-   * 注册
-   */
-  function codeHandleClick() {
-    type.value = 'codeLogin';
-    setTimeout(() => {
-      codeRef.value.initFrom();
-    }, 300);
-  }
+	/**
+	 * 注册
+	 */
+	function codeHandleClick() {
+		type.value = 'codeLogin';
+		setTimeout(() => {
+			codeRef.value.initFrom();
+		}, 300);
+	}
 
-  onMounted(() => {
-    //加载验证码
-    // handleChangeCheckCode();
-  });
+	onMounted(() => {
+		//加载验证码
+		// handleChangeCheckCode();
+	});
 </script>
 
 <style lang="less" scoped>
-  @import '/@/assets/loginmini/style/home.less';
-  @import '/@/assets/loginmini/style/base.less';
+	@import '/@/assets/loginmini/style/home.less';
+	@import '/@/assets/loginmini/style/base.less';
 
-  :deep(.ant-input:focus) {
-    box-shadow: none;
-  }
-  .aui-get-code {
-    float: right;
-    position: relative;
-    z-index: 3;
-    background: #ffffff;
-    color: #1573e9;
-    border-radius: 100px;
-    padding: 5px 16px;
-    margin: 7px;
-    border: 1px solid #1573e9;
-    top: 12px;
-  }
+	:deep(.ant-input:focus) {
+		box-shadow: none;
+	}
 
-  .aui-get-code:hover {
-    color: #1573e9;
-  }
+	.aui-get-code {
+		float: right;
+		position: relative;
+		z-index: 3;
+		background: #ffffff;
+		color: #1573e9;
+		border-radius: 100px;
+		padding: 5px 16px;
+		margin: 7px;
+		border: 1px solid #1573e9;
+		top: 12px;
+	}
 
-  .code-shape {
-    border-color: #dadada !important;
-    color: #aaa !important;
-  }
+	.aui-get-code:hover {
+		color: #1573e9;
+	}
 
-  :deep(.jeecg-dark-switch){
-    position:absolute;
-    margin-right: 10px;
-  }
-  .aui-link-login{
-    height: 42px;
-    padding: 10px 15px;
-    font-size: 14px;
-    border-radius: 8px;
-    margin-top: 15px;
-    margin-bottom: 8px;
-    flex: 1;
-    color: #fff;
-  }
-  .aui-phone-logo{
-    position: absolute;
-    margin-left: 10px;
-    width: 40%;
-    top: 4%;
-    z-index: 4;
-  }
-  .top-3{
-    top: 0.45rem;
-  }
+	.code-shape {
+		border-color: #dadada !important;
+		color: #aaa !important;
+	}
+
+	:deep(.jeecg-dark-switch) {
+		position: absolute;
+		margin-right: 10px;
+	}
+
+	.aui-link-login {
+		height: 42px;
+		padding: 10px 15px;
+		font-size: 14px;
+		border-radius: 8px;
+		margin-top: 15px;
+		margin-bottom: 8px;
+		flex: 1;
+		color: #fff;
+	}
+
+	.aui-phone-logo {
+		position: absolute;
+		margin-left: 10px;
+		width: 40%;
+		top: 4%;
+		z-index: 4;
+	}
+
+	.top-3 {
+		top: 0.45rem;
+	}
+	.ant-form-item {
+	  margin-bottom: 0px !important;
+	}
 </style>
 
 <style lang="less">
-@prefix-cls: ~'@{namespace}-mini-login';
-@dark-bg: #293146;
+	@prefix-cls: ~'@{namespace}-mini-login';
+	@dark-bg: #293146;
 
-html[data-theme='dark'] {
-  .@{prefix-cls} {
-    background-color: @dark-bg !important;
-    background-image: none;
+	html[data-theme='dark'] {
+		.@{prefix-cls} {
+			background-color: @dark-bg !important;
+			background-image: none;
 
-    &::before {
-      background-image: url(/@/assets/svg/login-bg-dark.svg);
-    }
-    .aui-inputClear{
-      background-color: #232a3b !important;
-    }
-    .ant-input,
-    .ant-input-password {
-      background-color: #232a3b !important;
-    }
+			&::before {
+				background-image: url(/@/assets/svg/login-bg-dark.svg);
+			}
 
-    .ant-btn:not(.ant-btn-link):not(.ant-btn-primary) {
-      border: 1px solid #4a5569 !important;
-    }
+			.aui-inputClear {
+				background-color: #232a3b !important;
+			}
 
-    &-form {
-      background: @dark-bg !important;
-    }
+			.ant-input,
+			.ant-input-password {
+				background-color: #232a3b !important;
+			}
 
-    .app-iconify {
-      color: #fff !important;
-    }
-    .aui-inputClear input,.aui-input-line input,.aui-choice{
-      color: #c9d1d9 !important;
-    }
+			.ant-btn:not(.ant-btn-link):not(.ant-btn-primary) {
+				border: 1px solid #4a5569 !important;
+			}
 
-    .aui-formBox{
-      background-color: @dark-bg !important;
-    }
-    .aui-third-text span{
-      background-color: @dark-bg !important;
-    }
-    .aui-form-nav .aui-flex-box{
-      color: #c9d1d9 !important;
-    }
+			&-form {
+				background: @dark-bg !important;
+			}
 
-    .aui-formButton .aui-linek-code{
-      background:  @dark-bg !important;
-      color: white !important;
-    }
-    .aui-code-line{
-      border-left: none !important;
-    }
-    .ant-checkbox-inner,.aui-success h3{
-      border-color: #c9d1d9;
-    }
-    //update-begin---author:wangshuai ---date:20230828  for：【QQYUN-6363】这个样式代码有问题，不在里面，导致表达式有问题------------
-    &-sign-in-way {
-      .anticon {
-        font-size: 22px !important;
-        color: #888 !important;
-        cursor: pointer !important;
+			.app-iconify {
+				color: #fff !important;
+			}
 
-        &:hover {
-          color: @primary-color !important;
-        }
-      }
-    }
-    //update-end---author:wangshuai ---date:20230828  for：【QQYUN-6363】这个样式代码有问题，不在里面，导致表达式有问题------------
-  }
+			.aui-inputClear input,
+			.aui-input-line input,
+			.aui-choice {
+				color: #c9d1d9 !important;
+			}
 
-  input.fix-auto-fill,
-  .fix-auto-fill input {
-    -webkit-text-fill-color: #c9d1d9 !important;
-    box-shadow: inherit !important;
-  }
-  
-  .ant-divider-inner-text {
-    font-size: 12px !important;
-    color: @text-color-secondary !important;
-  }
-  .aui-third-login a{
-    background: transparent;
-  }
-}
-/* Chrome/Edge/Safari */
-input:-webkit-autofill,
-input:-webkit-autofill:hover,
-input:-webkit-autofill:focus {
-  /* 重新设置背景色、文字色、边框等 */
-  background-color: #f5f5f5 !important;
-  color: #333333 !important;
-  /* 取消浏览器自己的内阴影 */
-  box-shadow: 0 0 0px 1000px #f5f5f5 inset !important;
-  /* 如果需要边框高亮，也可以一起重置 */
-  // border: 1px solid #ccc !important;
-}
+			.aui-formBox {
+				background-color: @dark-bg !important;
+			}
 
-/* Firefox */
-input:-moz-autofill {
-  background-color: #f5f5f5 !important;
-  color: #333333 !important;
-}
-</style>
+			.aui-third-text span {
+				background-color: @dark-bg !important;
+			}
+
+			.aui-form-nav .aui-flex-box {
+				color: #c9d1d9 !important;
+			}
+
+			.aui-formButton .aui-linek-code {
+				background: @dark-bg !important;
+				color: white !important;
+			}
+
+			.aui-code-line {
+				border-left: none !important;
+			}
+
+			.ant-checkbox-inner,
+			.aui-success h3 {
+				border-color: #c9d1d9;
+			}
+
+			//update-begin---author:wangshuai ---date:20230828  for：【QQYUN-6363】这个样式代码有问题，不在里面，导致表达式有问题------------
+			&-sign-in-way {
+				.anticon {
+					font-size: 22px !important;
+					color: #888 !important;
+					cursor: pointer !important;
+
+					&:hover {
+						color: @primary-color !important;
+					}
+				}
+			}
+
+			//update-end---author:wangshuai ---date:20230828  for：【QQYUN-6363】这个样式代码有问题，不在里面，导致表达式有问题------------
+		}
+
+		input.fix-auto-fill,
+		.fix-auto-fill input {
+			-webkit-text-fill-color: #c9d1d9 !important;
+			box-shadow: inherit !important;
+		}
+
+		.ant-divider-inner-text {
+			font-size: 12px !important;
+			color: @text-color-secondary !important;
+		}
+
+		.aui-third-login a {
+			background: transparent;
+		}
+	}
+
+	/* Chrome/Edge/Safari */
+	input:-webkit-autofill,
+	input:-webkit-autofill:hover,
+	input:-webkit-autofill:focus {
+		/* 重新设置背景色、文字色、边框等 */
+		background-color: #f5f5f5 !important;
+		color: #333333 !important;
+		/* 取消浏览器自己的内阴影 */
+		box-shadow: 0 0 0px 1000px #f5f5f5 inset !important;
+		/* 如果需要边框高亮，也可以一起重置 */
+		// border: 1px solid #ccc !important;
+	}
+
+	/* Firefox */
+	input:-moz-autofill {
+		background-color: #f5f5f5 !important;
+		color: #333333 !important;
+	}
+</style>
\ No newline at end of file