修改手机号码登录页面

yangyin

2024-10-31 5f5609326cb7d69c6cf89e42fd0e654fa416d8b6

 src/layout/component/sidebar/components/MenuList.vue

@@ -75,9 +75,7 @@
                     <el-form-item prop="verifyCode" label="验证码">
                        <el-input v-model="state.loginPhoneForm.verifyCode" placeholder="请输入四位验证码" maxlength="6" clearable>
                           <template #append>
                              <el-button type="primary" @click="handleSendVerifyCode" :disabled="countdown > 0">{{
                                 countdown > 0 ? `${countdown}秒后重试` : '获取验证码'
                              }}</el-button>
                              <el-button type="primary" @click="handleSendVerifyCode" :disabled="hasSended">{{ sendCodeMsg }}</el-button>
                           </template>
                        </el-input>
                     </el-form-item>
@@ -106,7 +104,7 @@
const formPhoneRef = ref(); //手机号登录
const isLoginStatus = ref(!!Local.get(accessSessionKey));
const userName = ref('');
const countdown = ref(0);
const countdown = ref(null);
const firstUserCharacter = computed(() => userName.value?.[0]?.toUpperCase());
watchEffect(() => {
   if (!isLoginStatus.value) return;
@@ -162,10 +160,10 @@
   verifyCode: [{ required: true, message: '请输入验证码', trigger: 'blur' }],
};
const handleClick = (item) => {
   if(!item.routerName) return;
   if (!item.routerName) return;
   gotoRoute({ name: item.routerName });
};
const LOGIN_CLIENT = 'Web 用户端';
const LOGIN_CLIENT = 'Web端';

//登录
const openLoginDlg = async () => {
@@ -174,6 +172,12 @@
const handleClose = () => {
   state.isShowLogin = false;
};
const hasSended = computed(() => {
   return countdown.value !== null;
});
const sendCodeMsg = computed(() => {
   return !hasSended.value ? '获取验证码' : `${countdown.value} 秒后重试`;
});
//登录
const onSubmit = async () => {
   if (state.activeLoginName === 'accountUser') {
@@ -184,7 +188,6 @@
         user: state.loginForm.account,
         pass: state.loginForm.pwd,
         client: LOGIN_CLIENT,

      });
      if (!res.json_ok) {
         return ElMessage.error(res.json_msg);
@@ -199,7 +202,6 @@
         phone: state.loginPhoneForm.phoneUser,
         code: state.loginPhoneForm.verifyCode,
         client: LOGIN_CLIENT,

      });
      if (!res.json_ok) {
         return ElMessage.error(res.json_msg);