ljydlv
/
sawAdmin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加二次认证开关

This commit is contained in:
lijun 2025-10-18 14:48:04 +08:00
parent e9ef776c76
commit fabf44d582
3 changed files with 248 additions and 198 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/types/user.ts
View File

@ -49,6 +49,10 @@ export interface UserInfo {
Gender: string; Gender: string;
Role: string; Role: string;
Avatar: string; Avatar: string;
password_need_second_auth: number; // 是否需要密码二次认证
code_need_second_auth: number; // 是否需要验证码二次认证
third_party_need_second_auth: number; // 是否需要第三方二次认证
ai_second_auth: number; // 是否需要智能增强认证
} }

376
src/views/pages/login.vue
View File

@ -7,41 +7,29 @@
</div> </div>
<el-form :model="param" :rules="rules" ref="login" size="large"> <el-form :model="param" :rules="rules" ref="login" size="large">
<template v-if="login_type === 'pwd'"> <template v-if="login_type === 'pwd'">
<el-form-item prop="username"> <el-form-item prop="username">
<el-input v-model="param.username" placeholder="用户名或邮箱"> <el-input v-model="param.username" placeholder="用户名或邮箱">
<template #prepend> <template #prepend>
<el-icon> <el-icon>
<User /> <User />
</el-icon> </el-icon>
</template> </template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="password">
<el-input <el-input type="password" placeholder="密码" v-model="param.password">
type="password" <template #prepend>
placeholder="密码" <el-icon>
v-model="param.password" <Lock />
> </el-icon>
<template #prepend> </template>
<el-icon> </el-input>
<Lock /> </el-form-item>
</el-icon> <div class="pwd-tips">
</template> <el-checkbox class="pwd-checkbox" v-model="checked" label="记住密码" />
</el-input> <el-link type="primary" @click="$router.push('/reset-pwd')">忘记密码</el-link>
</el-form-item> <el-link type="primary" @click="toggleLoginType">验证码登录</el-link>
<div class="pwd-tips"> </div>
<el-checkbox
class="pwd-checkbox"
v-model="checked"
label="记住密码"
/>
<el-link type="primary" @click="$router.push('/reset-pwd')"
>忘记密码</el-link
>
<el-link type="primary" @click="toggleLoginType"
>验证码登录</el-link
>
</div>
</template> </template>
<!-- 邮箱验证码登录表单（切换后显示） --> <!-- 邮箱验证码登录表单（切换后显示） -->
<template v-else> <template v-else>
@ -49,13 +37,73 @@
<el-form-item prop="email"> <el-form-item prop="email">
<el-input v-model="code_login_form.email" placeholder="请输入邮箱"> <el-input v-model="code_login_form.email" placeholder="请输入邮箱">
<template #prepend> <template #prepend>
<el-icon><Message /></el-icon> <el-icon>
<Message />
</el-icon>
</template> </template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<!-- 验证码输入 + 发送按钮 --> <!-- 验证码输入 + 发送按钮 -->
<el-form-item prop="code"> <el-form-item prop="code">
<el-input v-model="code_login_form.code" placeholder="请输入验证码"> <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" size="large" @click="onLogin">登录</el-button>
<p class="login-text">
没有账号？<el-link type="primary" @click="$router.push('/register')">立即注册</el-link>
</p>
</el-form>
<div>
<!-- 第三登录 -->
<el-divider content-position="center">第三方登录</el-divider>
<div class="login-text">
<el-row :gutter="12">
<!-- thirdPartyLogoInfoList -->
<template v-for="(item, index) in thirdPartyLogoInfoList" :key="index">
<el-col :span="8">
<el-tooltip :content="item.label" placement="top">
<img :src="item.logo" alt="" @click="thirdLogin(item.name)" />
</el-tooltip>
</el-col>
</template>
</el-row>
</div>
</div>
</div>
<el-dialog v-model="second_auth_visible" title="二次认证" :close-on-click-modal="false" width="30%">
<!-- 输入验证码 -->
<span>请选择二次认证方式</span>
<el-select v-model="second_auth_method" placeholder="请选择认证方式" style="width: 100%; margin-top: 20px;">
<el-option v-for="item in second_auth_type_list" :key="item" :label="item.toUpperCase()"
:value="item"></el-option>
</el-select>
<el-row>
<span>输入验证码</span>
<el-input placeholder="请输入验证码" style="width: 100%; margin-top: 20px;" v-model="second_auth_code" v-if="second_auth_method == 'TOTP'">
<template #prepend>
<el-icon>
<Lock />
</el-icon>
</template>
</el-input>
<el-input v-model="code_login_form.code" placeholder="请输入验证码" v-if="second_auth_method == 'EMAIL'">
<template #prepend> <template #prepend>
<el-icon><VerificationCode /></el-icon> <el-icon><VerificationCode /></el-icon>
</template> </template>
@ -70,72 +118,11 @@
</el-button> </el-button>
</template> </template>
</el-input> </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"
size="large"
@click="onLogin"
>登录</el-button
>
<p class="login-text">
没有账号？<el-link type="primary" @click="$router.push('/register')"
>立即注册</el-link
>
</p>
</el-form>
<div>
<!-- 第三登录 -->
<el-divider content-position="center">第三方登录</el-divider>
<div class="login-text">
<el-row :gutter="12" >
<!-- thirdPartyLogoInfoList -->
<template v-for="(item, index) in thirdPartyLogoInfoList" :key="index">
<el-col :span="8">
<el-tooltip :content="item.label" placement="top">
<img :src="item.logo" alt="" @click="thirdLogin(item.name)" />
</el-tooltip>
</el-col>
</template>
</el-row> </el-row>
</div>
</div>
</div>
<el-dialog
v-model="second_auth_visible"
title="二次认证"
:close-on-click-modal="false"
width="30%"
>
<!-- 输入验证码 -->
<span>请选择二次认证方式</span>
<el-select v-model="second_auth_method" placeholder="请选择认证方式" style="width: 100%; margin-top: 20px;">
<el-option v-for="item in second_auth_type_list" :key="item" :label="item.toUpperCase()" :value="item"></el-option>
</el-select>
<el-row>
<span>输入验证码</span>
<el-input placeholder="请输入验证码" style="width: 100%; margin-top: 20px;" v-model="second_auth_code" >
<template #prepend>
<el-icon>
<Lock />
</el-icon>
</template>
</el-input>
</el-row>
<el-row> <el-row>
<el-button class="login-btn" <el-button class="login-btn" type="primary" size="large" @click="secondAuthLogin">确认</el-button>
type="primary" </el-row>
size="large" @click="secondAuthLogin">确认</el-button>
</el-row>
</el-dialog> </el-dialog>
</div> </div>
@ -143,17 +130,18 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, reactive, inject, onMounted, h } from "vue"; import { ref, reactive, inject, onMounted, h } from "vue";
import { useRouter,useRoute } from "vue-router"; import { useRouter, useRoute } from "vue-router";
import { ElMessage } from "element-plus"; import { ElMessage } from "element-plus";
import { loginService } from "@/api/user"; import { loginService } from "@/api/user";
import { GetUserInfoService } from "@/api/user"; import { GetUserInfoService } from "@/api/user";
import { UserToken } from "@/types/user"; import { UserToken } from "@/types/user";
import { getBrowserFingerprint,getStoredFingerprint } from "@/utils/fingerprint"; import { getBrowserFingerprint, getStoredFingerprint } from "@/utils/fingerprint";
import { usePermissStore } from "@/store/permiss"; import { usePermissStore } from "@/store/permiss";
import Cookies from 'js-cookie'; import Cookies from 'js-cookie';
import {getThirdPartyUUID,getThirdPartyLoginStatus,getThirdPartyLoginUrl,sendLoginCode, loginByCode, secondAuthLoginService} from "@/api/user"; import { getThirdPartyUUID, getThirdPartyLoginStatus, getThirdPartyLoginUrl, sendLoginCode, loginByCode, secondAuthLoginService } from "@/api/user";
import { log, time } from "console"; import { log, time } from "console";
import { pa } from "element-plus/es/locale"; import { pa } from "element-plus/es/locale";
import { state } from "mermaid/dist/rendering-util/rendering-elements/shapes/state";
// 从本地存储获取登录参数 // 从本地存储获取登录参数
const lgStr = localStorage.getItem("login-param"); const lgStr = localStorage.getItem("login-param");
const defParam = lgStr ? JSON.parse(lgStr) : null; const defParam = lgStr ? JSON.parse(lgStr) : null;
@ -179,7 +167,8 @@ const code_login_form = ref({
email: '', email: '',
code: '', code: '',
login_type: 1, // 1: 邮箱验证码登录 2: 手机验证码登录 login_type: 1, // 1: 邮箱验证码登录 2: 手机验证码登录
fingerprint: '' // 浏览器指纹 fingerprint: '', // 浏览器指纹
state: '' // 二次认证状态key
}); });
// 表单验证规则 // 表单验证规则
@ -206,39 +195,40 @@ const currentLoginRequest = ref(0); //当前请求次数
const timer = ref(null); //定时器 const timer = ref(null); //定时器
const secondAuthLogin = async () => { const secondAuthLogin = async () => {
if(!second_auth_method.value){ if (!second_auth_method.value) {
ElMessage.error("请选择认证方式"); ElMessage.error("请选择认证方式");
return; return;
} }
if(!second_auth_code.value){ second_auth_code.value = second_auth_code.value ? second_auth_code.value.trim() : code_login_form.value.code;
ElMessage.error("请输入验证码"); if (!second_auth_code.value) {
return; ElMessage.error("请输入验证码");
} return;
let req = { }
state: second_auth_state_key.value, let req = {
type: second_auth_method.value, state: second_auth_state_key.value,
code: second_auth_code.value, type: second_auth_method.value,
host_id: param.fingerprint code: second_auth_code.value,
}; host_id: param.fingerprint
let result = await secondAuthLoginService(req); };
if (result["code"] === 0) { let result = await secondAuthLoginService(req);
ElMessage.success("登录成功"); if (result["code"] === 0) {
let userTokenInfo: UserToken = result["data"]; ElMessage.success("登录成功");
globalData["token"] = result.data; let userTokenInfo: UserToken = result["data"];
localStorage.setItem("token", userTokenInfo.access_token); globalData["token"] = result.data;
localStorage.setItem("refresh_token", userTokenInfo.refresh_token); localStorage.setItem("token", userTokenInfo.access_token);
localStorage.setItem("userId", userTokenInfo.user_id.toString()); localStorage.setItem("refresh_token", userTokenInfo.refresh_token);
localStorage.setItem("username", userTokenInfo.username); localStorage.setItem("userId", userTokenInfo.user_id.toString());
let now = new Date(); localStorage.setItem("username", userTokenInfo.username);
localStorage.setItem("end_time", (now.setDate(now.getHours())).toString()); //过期时间 let now = new Date();
await getMyUserInfo(userTokenInfo.user_id); localStorage.setItem("end_time", (now.setDate(now.getHours())).toString()); //过期时间
}else{ await getMyUserInfo(userTokenInfo.user_id);
ElMessage.error(result["message"] || "登录失败！请稍后再试"); } else {
return; ElMessage.error(result["message"] || "登录失败！请稍后再试");
} return;
}
}; };
const thirdPartyLogoInfoList = ref([ const thirdPartyLogoInfoList = ref([
{ {
name: "github", name: "github",
logo: "https://www.ljsea.top/wp-content/uploads/2025/05/github-48-logo.png", logo: "https://www.ljsea.top/wp-content/uploads/2025/05/github-48-logo.png",
@ -296,7 +286,7 @@ var loginData = ref({
ip: "", ip: "",
fingerprint: '' // 浏览器指纹 fingerprint: '' // 浏览器指纹
}); });
const querySite =ref(""); const querySite = ref("");
const second_auth_state_key = ref(""); //二次认证状态key const second_auth_state_key = ref(""); //二次认证状态key
const second_auth_method = ref(""); const second_auth_method = ref("");
const second_auth_type_list = ref([]); const second_auth_type_list = ref([]);
@ -307,18 +297,18 @@ onMounted(async () => {
param.fingerprint = fp.fingerprint; param.fingerprint = fp.fingerprint;
loginData.value.fingerprint = fp.fingerprint; loginData.value.fingerprint = fp.fingerprint;
code_login_form.value.fingerprint = fp.fingerprint; code_login_form.value.fingerprint = fp.fingerprint;
console.log("fp",fp.fingerprint); console.log("fp", fp.fingerprint);
// 获取query参数 // 获取query参数
const queryParams = route.query; const queryParams = route.query;
console.log('Received query parameters:', queryParams); console.log('Received query parameters:', queryParams);
if(queryParams.site){ if (queryParams.site) {
querySite.value = queryParams.site as string; querySite.value = queryParams.site as string;
} }
}); });
const thirdLogin = async (type) => { const thirdLogin = async (type) => {
//获取uuid //获取uuid
let uuidResp = await getThirdPartyUUID({"type": type}); let uuidResp = await getThirdPartyUUID({ "type": type });
if (uuidResp["code"] !== 0) { if (uuidResp["code"] !== 0) {
ElMessage.error("获取UUID失败！请稍后再试"); ElMessage.error("获取UUID失败！请稍后再试");
return; return;
@ -328,7 +318,7 @@ const thirdLogin = async (type) => {
ElMessage.error("获取UUID失败！请稍后再试"); ElMessage.error("获取UUID失败！请稍后再试");
return; return;
} }
let result={}; let result = {};
//平台 //平台
// for(let i = 0; i < thirdPartyLogoInfoList.value.length; i++) { // for(let i = 0; i < thirdPartyLogoInfoList.value.length; i++) {
// if(thirdPartyLogoInfoList.value[i].name === type) { // if(thirdPartyLogoInfoList.value[i].name === type) {
@ -336,7 +326,7 @@ const thirdLogin = async (type) => {
// break; // break;
// } // }
// } // }
result = await getThirdPartyLoginUrl({uuid: uuid,"type": "login", "platform": type,"fingerprint": param.fingerprint}); result = await getThirdPartyLoginUrl({ uuid: uuid, "type": "login", "platform": type, "fingerprint": param.fingerprint });
if (result["code"] !== 0) { if (result["code"] !== 0) {
ElMessage.error("获取登录地址失败！请稍后再试"); ElMessage.error("获取登录地址失败！请稍后再试");
return; return;
@ -358,27 +348,27 @@ const thirdLogin = async (type) => {
ElMessage.error("登录超时，请重新登录！"); ElMessage.error("登录超时，请重新登录！");
return; return;
} }
let statusResp = await getThirdPartyLoginStatus({uuid: uuid,host_id:loginData.value.fingerprint}); let statusResp = await getThirdPartyLoginStatus({ uuid: uuid, host_id: loginData.value.fingerprint });
if (statusResp["code"] !== 0) { if (statusResp["code"] !== 0) {
ElMessage.error("获取登录状态失败！请稍后再试"); ElMessage.error("获取登录状态失败！请稍后再试");
clearInterval(timer.value); clearInterval(timer.value);
return; return;
} }
if(statusResp["code"] === 9){ if (statusResp["code"] === 9) {
ElMessage.error("服务器错误，请稍后再试！"); ElMessage.error("服务器错误，请稍后再试！");
clearInterval(timer.value); clearInterval(timer.value);
return; return;
} }
if(statusResp["data"]["status"] === 163) { if (statusResp["data"]["status"] === 163) {
ElMessage.error("该账号未绑定，请先绑定账号！"); ElMessage.error("该账号未绑定，请先绑定账号！");
clearInterval(timer.value); clearInterval(timer.value);
return; return;
} }
let status = statusResp["data"]; let status = statusResp["data"];
if(status["status"] === 0) { if (status["status"] === 0) {
//登录成功 //登录成功
clearInterval(timer.value); clearInterval(timer.value);
let userInfo:UserToken = status["user_info"]; let userInfo: UserToken = status["user_info"];
globalData["token"] = userInfo.access_token; globalData["token"] = userInfo.access_token;
localStorage.setItem("token", userInfo.access_token); localStorage.setItem("token", userInfo.access_token);
localStorage.setItem("refresh_token", userInfo.refresh_token); localStorage.setItem("refresh_token", userInfo.refresh_token);
@ -411,15 +401,16 @@ const check_email = (email) => {
return emailReg.test(email); return emailReg.test(email);
} }
const sendCode = async () => { const sendCode = async () => {
if (code_login_form.value.email === "" || check_email(code_login_form.value.email) === false) { if ((code_login_form.value.email === "" || check_email(code_login_form.value.email) === false) && second_auth_state_key.value == "") {
ElMessage.error("请输入正确邮箱地址！"); ElMessage.error("请输入正确邮箱地址！");
return; return;
} }
code_login_form.value.state = second_auth_state_key.value;
let result = await sendLoginCode(code_login_form.value); let result = await sendLoginCode(code_login_form.value);
if (result["code"] !== 0) { if (result["code"] !== 0) {
ElMessage.error(result["message"] || "发送验证码失败！请稍后再试"); ElMessage.error(result["message"] || "发送验证码失败！请稍后再试");
return; return;
}else{ } else {
countdown.value = 60; countdown.value = 60;
timer.value = setInterval(() => { timer.value = setInterval(() => {
countdown.value--; countdown.value--;
@ -432,8 +423,8 @@ const sendCode = async () => {
} }
const HandleLoginByCode =async () => { const HandleLoginByCode = async () => {
if(code_login_form.value.email === "" || code_login_form.value.code === "" || check_email(code_login_form.value.email) === false){ if (code_login_form.value.email === "" || code_login_form.value.code === "" || check_email(code_login_form.value.email) === false) {
ElMessage.error("请输入邮箱和验证码！"); ElMessage.error("请输入邮箱和验证码！");
return; return;
} }
@ -441,25 +432,25 @@ const HandleLoginByCode =async () => {
if (result["code"] !== 0) { if (result["code"] !== 0) {
ElMessage.error(result["message"] || "登录失败！请稍后再试"); ElMessage.error(result["message"] || "登录失败！请稍后再试");
return; return;
}else{ } else {
let userTokenInfo: UserToken = result["data"]; let userTokenInfo: UserToken = result["data"];
globalData["token"] = result.data; globalData["token"] = result.data;
localStorage.setItem("token", userTokenInfo.access_token); localStorage.setItem("token", userTokenInfo.access_token);
localStorage.setItem("refresh_token", userTokenInfo.refresh_token); localStorage.setItem("refresh_token", userTokenInfo.refresh_token);
localStorage.setItem("userId", userTokenInfo.user_id.toString()); localStorage.setItem("userId", userTokenInfo.user_id.toString());
localStorage.setItem("username", userTokenInfo.username); localStorage.setItem("username", userTokenInfo.username);
let now = new Date(); let now = new Date();
localStorage.setItem("end_time", (now.setDate(now.getHours())).toString()); //过期时间 localStorage.setItem("end_time", (now.setDate(now.getHours())).toString()); //过期时间
await getMyUserInfo(userTokenInfo.user_id); await getMyUserInfo(userTokenInfo.user_id);
} }
}; };
const toggleLoginType = () => { const toggleLoginType = () => {
if(login_type.value === "pwd"){ if (login_type.value === "pwd") {
login_type.value = "code"; login_type.value = "code";
}else{ } else {
login_type.value = "pwd"; login_type.value = "pwd";
} }
}; };
//登录接口调用 //登录接口调用
const onLogin = async () => { const onLogin = async () => {
@ -475,7 +466,7 @@ const onLogin = async () => {
console.log("login result:", result); console.log("login result:", result);
if (result["code"] === 0) { if (result["code"] === 0) {
ElMessage.success("登录成功"); ElMessage.success("登录成功");
}else if (result["code"] == 1102) { } else if (result["code"] == 1102) {
//需二次认证，支持方式 //需二次认证，支持方式
second_auth_visible.value = true; second_auth_visible.value = true;
second_auth_state_key.value = result["data"]["state"]; second_auth_state_key.value = result["data"]["state"];
@ -487,10 +478,10 @@ const onLogin = async () => {
console.log("second_auth_type_list:", second_auth_type_list.value); console.log("second_auth_type_list:", second_auth_type_list.value);
return; return;
}else if(result["code"] === 1101){ } else if (result["code"] === 1101) {
ElMessage.error(result["message"] || "该账号已被禁用，请联系管理员！"); ElMessage.error(result["message"] || "该账号已被禁用，请联系管理员！");
return; return;
}else{ } else {
ElMessage.error(result["message"] || "登录失败！请稍后再试"); ElMessage.error(result["message"] || "登录失败！请稍后再试");
return; return;
} }
@ -515,8 +506,8 @@ const getMyUserInfo = async (id) => {
id: id, id: id,
}; };
result = await GetUserInfoService(tokenData); result = await GetUserInfoService(tokenData);
const cookie= Cookies.get("user_token"); const cookie = Cookies.get("user_token");
console.log("cookie:", cookie); console.log("cookie:", cookie);
if (result["code"] === 0) { if (result["code"] === 0) {
//console.log("token data:",this.tokenData) //console.log("token data:",this.tokenData)
// localStorage.setItem("video_func", result.data.VideoFunc); // localStorage.setItem("video_func", result.data.VideoFunc);
@ -526,20 +517,20 @@ const getMyUserInfo = async (id) => {
ElMessage.success("登录成功"); ElMessage.success("登录成功");
localStorage.setItem("ms_username", result["data"]["Name"]); localStorage.setItem("ms_username", result["data"]["Name"]);
const keys = const keys =
permiss.defaultList[result["data"]["Role"] == "admin" ? "admin" : "user"]; permiss.defaultList[result["data"]["Role"] == "admin" ? "admin" : "user"];
localStorage.setItem("ms_imgurl", result["data"]["Avatar"]); localStorage.setItem("ms_imgurl", result["data"]["Avatar"]);
permiss.handleSet(keys); permiss.handleSet(keys);
localStorage.setItem("ms_keys", JSON.stringify(keys)); localStorage.setItem("ms_keys", JSON.stringify(keys));
localStorage.setItem("ms_role", result["data"]["Role"]); localStorage.setItem("ms_role", result["data"]["Role"]);
if(querySite.value === "" ){ if (querySite.value === "") {
router.push("/"); router.push("/");
}else{ } else {
localStorage.setItem("targetSite", querySite.value); localStorage.setItem("targetSite", querySite.value);
router.push({ path: `/project-select` }); router.push({ path: `/project-select` });
} }
//alert("video_func:" + localStorage.getItem("video_func")+" type:" +typeof(localStorage.getItem("video_func"))); //alert("video_func:" + localStorage.getItem("video_func")+" type:" +typeof(localStorage.getItem("video_func")));
@ -633,13 +624,16 @@ const getMyUserInfo = async (id) => {
.gitee-btn { .gitee-btn {
background-image: url(../../assets/img/gitee_logo.png) !important; background-image: url(../../assets/img/gitee_logo.png) !important;
} }
.qq-btn { .qq-btn {
background-image: url(https://wiki.connect.qq.com/wp-content/uploads/2016/12/Connect_logo_4.png); background-image: url(https://wiki.connect.qq.com/wp-content/uploads/2016/12/Connect_logo_4.png);
} }
.google-btn { .google-btn {
background-image: url(../../assets/img/google-logo_resized.png) !important; background-image: url(../../assets/img/google-logo_resized.png) !important;
} }
.code-btn :deep(.el-button--text:not(.is-disabled)):hover { .code-btn :deep(.el-button--text:not(.is-disabled)):hover {
color: #0d66d0 !important; color: #0d66d0 !important;
background: rgba(22, 119, 255, 0.05) !important; background: rgba(22, 119, 255, 0.05) !important;

56
src/views/pages/ucenter.vue
View File

@ -110,6 +110,20 @@
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="label6" label="二次认证" class="user-tabpane"> <el-tab-pane name="label6" label="二次认证" class="user-tabpane">
<br />
<el-switch v-model="second_auth.password_need_second_auth" active-text="打开" inactive-text="密码登录需进行二次认证" />
<br />
<br />
<el-switch v-model="second_auth.code_need_second_auth" active-text="打开" inactive-text="验证码登录需进行二次认证" />
<br />
<br />
<el-switch v-model="second_auth.third_party_need_second_auth" active-text="打开" inactive-text="第三方登录需进行二次认证" />
<br />
<br />
<el-switch v-model="second_auth.ai_second_auth" active-text="打开" inactive-text="智能增强认证" />
<br />
<el-button type="primary" @click="updateUserSecondAuthInfo(userInfo)">保存二次认证设置</el-button>
<div> <div>
<p>TOTP密钥</p> <p>TOTP密钥</p>
<el-button type="primary" @click="GenTOTPSecret" :disabled="gen_totp_secret">生成TOTP密钥</el-button> <el-button type="primary" @click="GenTOTPSecret" :disabled="gen_totp_secret">生成TOTP密钥</el-button>
@ -188,6 +202,13 @@ const totp_secret = ref('');
const totp_url = ref(''); const totp_url = ref('');
const totp_secret_created_at = ref(''); const totp_secret_created_at = ref('');
const second_auth = ref({
password_need_second_auth: true,
code_need_second_auth: true,
third_party_need_second_auth: true,
ai_second_auth: true,
});
const thirdPartyUserInfo = ref<ThirdPartyUserInfo[]>([]); const thirdPartyUserInfo = ref<ThirdPartyUserInfo[]>([]);
const thirdPartyPlatform = ref([ const thirdPartyPlatform = ref([
@ -213,6 +234,10 @@ const unBindTOTPSecret =async () => {
let req = { let req = {
token: localStorage.getItem('token'), token: localStorage.getItem('token'),
}; };
//用户确认
if (!confirm("确定要解绑TOTP密钥吗？解绑后将无法使用TOTP进行二次认证")) {
return;
}
try{ try{
let result = await unBindTOTPSecretService(req); let result = await unBindTOTPSecretService(req);
if (result["code"] == 0) { if (result["code"] == 0) {
@ -307,7 +332,30 @@ const updateUserInfo = async (data: any) => {
password:data.Password, password:data.Password,
email:data.Email, email:data.Email,
avatar:data.Avatar, avatar:data.Avatar,
role:data.Role role:data.Role,
};
result = await updateUserInfoService(req)
if (result["code"] === 0) {
ElMessage.success("更新成功");
} else {
ElMessage.error("更新失败");
}
}catch(e){
console.log(e);
}
};
const updateUserSecondAuthInfo = async (data: any) => {
let result = null;
try{
let req={
token:localStorage.getItem("token"),
id:data.ID,
password_need_second_auth: second_auth.value.password_need_second_auth ? 1 : -1,
code_need_second_auth: second_auth.value.code_need_second_auth? 1 : -1,
third_party_need_second_auth: second_auth.value.third_party_need_second_auth ? 1 : -1,
ai_second_auth: second_auth.value.ai_second_auth ? 1 : -1,
}; };
result = await updateUserInfoService(req) result = await updateUserInfoService(req)
if (result["code"] === 0) { if (result["code"] === 0) {
@ -378,6 +426,10 @@ const GetMyUserInfo = async () => {
imgSrc.value = avatarImg.value; imgSrc.value = avatarImg.value;
userInfo.value = result.data; userInfo.value = result.data;
userInfo.value.Password = '**********'; userInfo.value.Password = '**********';
second_auth.value.password_need_second_auth = result.data.password_need_second_auth > 0 ? true : false;
second_auth.value.code_need_second_auth = result.data.code_need_second_auth > 0 ? true : false;
second_auth.value.third_party_need_second_auth = result.data.third_party_need_second_auth > 0 ? true : false;
second_auth.value.ai_second_auth = result.data.ai_second_auth > 0 ? true : false;
}else{ }else{
ElMessage.error(result["msg"]); ElMessage.error(result["msg"]);
} }
@ -578,7 +630,7 @@ const getThirdPartyUserInfo = async () => {
let result = await getThirdPartyInfo(req); let result = await getThirdPartyInfo(req);
if (result["code"] == 0) { if (result["code"] == 0) {
//绑定的第三方账号信息 //绑定的第三方账号信息
console.log(result.data); //console.log(result.data);
thirdPartyUserInfo.value = result.data; thirdPartyUserInfo.value = result.data;
}else{ }else{
ElMessage.error(result["msg"]); ElMessage.error(result["msg"]);