src/api/user.ts

@@ -32,23 +32,6 @@ export const registerService = (registerData) => {
     return request.post('/user/register', params)
 }
 
-export const sendLoginCode = (Data) => {
-    return request.post('/user/login_code', Data, {
-        headers: {
-            'token': Data.token, 
-            "Content-Type": "application/json"
-        }
-    });
-}
-
-export const loginByCode = (Data) => {
-    return request.post('/user/login_by_code', Data, {
-        headers: {
-            'token': Data.token, 
-            "Content-Type": "application/json"
-        }
-    });
-}
 
 
 export const getUUIDService = (registerData) => {

src/views/pages/login.vue

@@ -6,7 +6,6 @@
         <div class="login-title">统一登录平台</div>
       </div>
       <el-form :model="param" :rules="rules" ref="login" size="large">
-        <template v-if="login_type === 'pwd'">
         <el-form-item prop="username">
           <el-input v-model="param.username" placeholder="用户名或邮箱">
             <template #prepend>
@@ -38,45 +37,7 @@
           <el-link type="primary" @click="$router.push('/reset-pwd')"
             >忘记密码</el-link
           >
-          <el-link type="primary" @click="toggleLoginType"
-            >验证码登录</el-link
-          >
         </div>
-        </template>
-        <!-- 邮箱验证码登录表单（切换后显示） -->
-        <template v-else>
-          <!-- 邮箱输入 -->
-          <el-form-item prop="email">
-            <el-input v-model="code_login_form.email" placeholder="请输入邮箱">
-              <template #prepend>
-                <el-icon><Message /></el-icon>
-              </template>
-            </el-input>
-          </el-form-item>
-          <!-- 验证码输入 + 发送按钮 -->
-          <el-form-item prop="code">
-            <el-input v-model="code_login_form.code" placeholder="请输入验证码">
-              <template #prepend>
-                <el-icon><VerificationCode /></el-icon>
-              </template>
-              <template #append>
-                <el-button
-                  type="text"
-                  :disabled="countdown > 0"
-                  @click="sendCode"
-                  class="code-btn"
-                >
-                  {{ countdown > 0 ? `${countdown}s后重发` : "发送验证码" }}
-                </el-button>
-              </template>
-            </el-input>
-          </el-form-item>
-          <!-- 切换链接（无记住密码） -->
-          <div class="pwd-tips">
-          <el-link type="primary" @click="toggleLoginType"
-           >密码登录</el-link>
-          </div>
-        </template>
         <el-button
           class="login-btn"
           type="primary"
@@ -113,7 +74,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, inject, onMounted, h } from "vue";
+import { ref, reactive, inject, onMounted } from "vue";
 import { useRouter,useRoute } from "vue-router";
 import { ElMessage } from "element-plus";
 import { loginService } from "@/api/user";
@@ -121,8 +82,7 @@ import { GetUserInfoService } from "@/api/user";
 import { UserToken } from "@/types/user";
 import { usePermissStore } from "@/store/permiss";
 import Cookies from 'js-cookie';
-import {getThirdPartyUUID,getThirdPartyLoginStatus,getThirdPartyLoginUrl,sendLoginCode, loginByCode} from "@/api/user";
+import {getThirdPartyUUID,getThirdPartyLoginStatus,getThirdPartyLoginUrl} from "@/api/user";
-import { time } from "console";
 // 从本地存储获取登录参数
 const lgStr = localStorage.getItem("login-param");
 const defParam = lgStr ? JSON.parse(lgStr) : null;
@@ -130,8 +90,6 @@ const globalData = inject("globalData");
 const permiss = usePermissStore();
 // 记住密码状态
 const checked = ref(lgStr ? true : false);
-const login_type = ref("pwd"); //登录方式 pwd:密码登录  qr:扫码登录
-const countdown = ref(0); //倒计时
 
 const router = useRouter();
 const route = useRoute();
@@ -141,12 +99,6 @@ const param = reactive({
   password: defParam ? defParam.password : "",
 });
 
-//验证码登录表单数据
-const code_login_form = ref({
-  email: '',
-  code: '',
-  login_type: 1, // 1: 邮箱验证码登录 2: 手机验证码登录
-});
 
 // 表单验证规则
 const rules = {
@@ -329,67 +281,8 @@ const thirdLogin = async (type) => {
 
 };
 
-const check_email = (email) => {
-  const emailReg = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/;
-  return emailReg.test(email);
-}
-const sendCode = async () => {
-  if (code_login_form.value.email === "" || check_email(code_login_form.value.email) === false) {
-    ElMessage.error("请输入正确邮箱地址！");
-    return;
-  }
-  let result = await sendLoginCode(code_login_form.value);
-  if (result["code"] !== 0) {
-    ElMessage.error(result["message"] || "发送验证码失败！请稍后再试");
-    return;
-  }else{
-    countdown.value = 60;
-    timer.value = setInterval(() => {
-      countdown.value--;
-      if (countdown.value <= 0) {
-        clearInterval(timer.value); // 清除定时器
-      }
-    }, 1000);
-    ElMessage.success("验证码已发送，请注意查收！");
-  }
-
-}
-
-const HandleLoginByCode =async () => {
-  if(code_login_form.value.email === "" || code_login_form.value.code === "" || check_email(code_login_form.value.email) === false){
-    ElMessage.error("请输入邮箱和验证码！");
-    return;
-  }
-  let result = await loginByCode(code_login_form.value);
-  if (result["code"] !== 0) {
-    ElMessage.error(result["message"] || "登录失败！请稍后再试");
-    return; 
-  }else{
-      let userTokenInfo: UserToken = result["data"];
-      globalData["token"] = result.data;
-      localStorage.setItem("token", userTokenInfo.access_token);
-      localStorage.setItem("refresh_token", userTokenInfo.refresh_token);
-      localStorage.setItem("userId", userTokenInfo.user_id.toString());
-      localStorage.setItem("username", userTokenInfo.username);
-      let now = new Date();
-      localStorage.setItem("end_time", (now.setDate(now.getHours())).toString()); //过期时间
-      await getMyUserInfo(userTokenInfo.user_id);
-  }
-};
-
-const toggleLoginType = () => {
-    if(login_type.value === "pwd"){
-        login_type.value = "code";
-    }else{
-        login_type.value = "pwd";
-    }
-};
 //登录接口调用
 const onLogin = async () => {
-  if (login_type.value !== "pwd") {
-    HandleLoginByCode();
-    return;
-  }
   console.log("params:", param);
 
   loginData.value.username = param.username;
@@ -547,8 +440,4 @@ const getMyUserInfo = async (id) => {
 .google-btn {
   background-image: url(../../assets/img/google-logo_resized.png) !important;
 }
-.code-btn :deep(.el-button--text:not(.is-disabled)):hover {
-  color: #0d66d0 !important;
-  background: rgba(22, 119, 255, 0.05) !important;
-}
 </style>