yangyin
2024-11-14 e2b2d9175832558abc80a5a0d4cc2278d0665cf9
src/layout/component/sidebar/components/MenuList.vue
@@ -37,7 +37,7 @@
         </div>
      </div>
   </div>
   <div class="pc-login items-center justify-center" style="display: flex" v-show="state.isShowLogin">
   <div class="pc-login items-center justify-center" style="display: flex" v-show="isShowLogin">
      <div class="login_box">
         <div class="sign_in">
            <i class="ywifont ywicon-guanbi closes" @click="handleClose"></i>
@@ -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>
@@ -98,6 +96,7 @@
import { computed, onMounted, reactive, ref, watchEffect } from 'vue';
import { PostLogin, loginMessageUser, loginVerifyMessage } from '/@/api/ai/user';
import router from '/@/router';
import { isSharePage, isShowLogin } from '/@/stores/chatRoom';
import emitter from '/@/utils/mitt';
import { accessSessionKey, userNameKey } from '/@/utils/request';
import { gotoRoute } from '/@/utils/route';
@@ -106,7 +105,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;
@@ -138,7 +137,6 @@
         routerName: 'AboutUs',
      },
   ],
   isShowLogin: false,
   isShowExitLogin: false,
   loginForm: {
      account: '',
@@ -162,18 +160,26 @@
   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 () => {
   state.isShowLogin = true;
   // 分享页不需要
   if (isSharePage.value) return;
   isShowLogin.value = true;
};
const handleClose = () => {
   state.isShowLogin = false;
   isShowLogin.value = 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 +190,6 @@
         user: state.loginForm.account,
         pass: state.loginForm.pwd,
         client: LOGIN_CLIENT,
      });
      if (!res.json_ok) {
         return ElMessage.error(res.json_msg);
@@ -199,7 +204,6 @@
         phone: state.loginPhoneForm.phoneUser,
         code: state.loginPhoneForm.verifyCode,
         client: LOGIN_CLIENT,
      });
      if (!res.json_ok) {
         return ElMessage.error(res.json_msg);
@@ -207,7 +211,7 @@
      LoginInfo.set(res.hswatersession, state.loginPhoneForm.phoneUser);
   }
   state.isShowLogin = false;
   isShowLogin.value = false;
   isLoginStatus.value = true;
   window.location.reload();
};
@@ -260,7 +264,7 @@
};
onMounted(() => {
   emitter.on('openLoginDlg', () => {
      if (state.isShowLogin || isLoginStatus.value) return;
      if (isShowLogin.value || isLoginStatus.value) return;
      openLoginDlg();
   });