From f7819fb294a9fac8f7ec9333391494f2237f7165 Mon Sep 17 00:00:00 2001
From: dlaren <dla.ren@outlook.com>
Date: Tue, 12 Aug 2025 23:44:01 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=96=B0=E5=A2=9E=E3=80=91=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E4=B8=AD=E5=BF=83=E6=9C=8D=E5=8A=A1=E5=99=A8?=
 =?UTF-8?q?=E5=BD=93=E7=94=A8=E6=88=B7=E7=99=BB=E5=BD=95=E7=9A=84=E6=97=B6?=
 =?UTF-8?q?=E5=80=99=EF=BC=8C=E4=BD=BF=E7=94=A8=E7=AE=A1=E7=90=86=E5=91=98?=
 =?UTF-8?q?=E5=AF=86=E7=A0=81=E8=BF=9B=E8=A1=8C=E5=BC=BA=E5=88=B6=E7=99=BB?=
 =?UTF-8?q?=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/login/index.ts                   |  5 ++
 src/views/Login/components/LoginForm.vue | 71 +++++++++++++++++++++++-
 2 files changed, 75 insertions(+), 1 deletion(-)

diff --git a/src/api/login/index.ts b/src/api/login/index.ts
index 7d7d407..3604508 100644
--- a/src/api/login/index.ts
+++ b/src/api/login/index.ts
@@ -36,6 +36,11 @@ export const loginOut = () => {
   return request.post({ url: '/system/auth/logout' })
 }
 
+// 强制登出
+export const refreshLogout = (data: any) => {
+  return request.post({ url: '/system/auth/refreshLogout', data })
+}
+
 // 获取用户权限信息
 export const getInfo = () => {
   return request.get({ url: '/system/auth/get-permission-info' })
diff --git a/src/views/Login/components/LoginForm.vue b/src/views/Login/components/LoginForm.vue
index f69681e..4af1aa1 100644
--- a/src/views/Login/components/LoginForm.vue
+++ b/src/views/Login/components/LoginForm.vue
@@ -149,6 +149,39 @@
 <!--      </el-col>-->
     </el-row>
   </el-form>
+  <el-dialog
+    v-model="isTrueLoginForAdmin"
+    title="提示"
+    width="500"
+    :before-close="handleClose"
+  >
+    <span>是否使用管理员密码强制退出该用户</span>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="isTrueLoginForAdmin = false">取消</el-button>
+        <el-button type="primary" @click="openLoginForAdminPassWord()">
+          确定
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+  <el-dialog
+    v-model="isTrueLoginForAdminPassWord"
+    title="提示"
+    width="500"
+    :before-close="handleClose"
+  >
+    <span>管理员密码：</span>
+    <el-input v-model="adminPassword" style="width: 240px" placeholder="请输入管理员密码" />
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="isTrueLoginForAdminPassWord = false">取消</el-button>
+        <el-button type="primary" @click="loginOutAdminPassword()">
+          确定
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
 </template>
 <script lang="ts" setup>
 import { ElLoading } from 'element-plus'
@@ -164,6 +197,11 @@ import { LoginStateEnum, useFormValid, useLoginState } from './useLogin'
 
 defineOptions({ name: 'LoginForm' })
 
+const isTrueLoginForAdmin = ref(false)
+const isTrueLoginForAdminPassWord = ref(false)
+const adminPassword = ref('')
+
+
 const { t } = useI18n()
 const message = useMessage()
 const iconHouse = useIcon({ icon: 'ep:house' })
@@ -180,7 +218,15 @@ const verify = ref()
 const captchaType = ref('blockPuzzle') // blockPuzzle 滑块 clickWord 点击文字
 
 const getShow = computed(() => unref(getLoginState) === LoginStateEnum.LOGIN)
-
+const handleClose = (done: () => void) => {
+  ElMessageBox.confirm('检测您鼠标没有正确点击，确定要关闭?')
+    .then(() => {
+      done()
+    })
+    .catch(() => {
+      // catch error
+    })
+}
 const LoginRules = {
   tenantName: [required],
   username: [required],
@@ -225,6 +271,27 @@ const getTenantId = async () => {
     authUtil.setTenantId(res)
   }
 }
+// 使用管理员密码登出登录的账号
+const openLoginForAdminPassWord = () => {
+  isTrueLoginForAdmin.value = false
+  isTrueLoginForAdminPassWord.value = true
+}
+const loginOutAdminPassword = async () => {
+  const data = { 
+    loginOutPassword: adminPassword.value,
+    username: loginData.loginForm.username
+   }
+  LoginApi.refreshLogout(data).then((res) => {
+    if (res) {
+      message.success(res)
+      isTrueLoginForAdmin.value = false
+      isTrueLoginForAdminPassWord.value = false
+    }
+  }).catch((err) => {
+    message.error(err.msg)
+  })
+}
+
 // 记住我
 const getLoginFormCache = () => {
   const loginForm = authUtil.getLoginForm()
@@ -285,6 +352,8 @@ const handleLogin = async (params: any) => {
       await push({ path: redirect.value || permissionStore.addRouters[0].path })
     }
   } finally {
+    // 弹出输入管理员密码并重新进行登录
+    isTrueLoginForAdmin.value = true
     loginLoading.value = false
     loading.value.close()
   }