From b1e27feae0b951218fd2f0b0561f9be4c8b67771 Mon Sep 17 00:00:00 2001
From: liu <2021943741@qq.com>
Date: 星期三, 30 九月 2026 15:26:47 +0800
Subject: [PATCH] chore(config): 关闭前端租户开关，与后端 yudao.tenant.enable=false 对齐
---
src/views/_core/authentication/login.vue | 317 ++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 291 insertions(+), 26 deletions(-)
diff --git a/src/views/_core/authentication/login.vue b/src/views/_core/authentication/login.vue
index e63e399..f78f508 100644
--- a/src/views/_core/authentication/login.vue
+++ b/src/views/_core/authentication/login.vue
@@ -1,24 +1,29 @@
<script lang="ts" setup>
-import type { VbenFormSchema } from '../../../packages/effects/common-ui/src';
+import type { VbenFormSchema } from '@vben/common-ui';
import type { AuthApi } from '#/api/core/auth';
import { computed, onMounted, ref } from 'vue';
-import { AuthenticationLogin, Verification, z } from '../../../packages/effects/common-ui/src';
-import { isCaptchaEnable, isTenantEnable } from '../../../packages/effects/hooks/src';
-import { $t } from '../../../packages/locales/src';
-import { useAccessStore } from '../../../packages/stores/src';
+import { AuthenticationLogin, VbenButton, Verification, z } from '@vben/common-ui';
+import { isCaptchaEnable, isTenantEnable } from '@vben/hooks';
+import { SvgWeChatIcon } from '@vben/icons';
+import { $t } from '@vben/locales';
+import { useAccessStore } from '@vben/stores';
import {
checkCaptcha,
getCaptcha,
getTenantByWebsite,
getTenantSimpleList,
+ socialAuthRedirect,
} from '#/api/core/auth';
import { useAuthStore } from '#/store';
defineOptions({ name: 'Login' });
+
+// vite.config.ts 娉ㄥ叆鐨勫叕鍙� Logo 璺緞
+declare const __APP_LOGO__: string;
const authStore = useAuthStore();
const accessStore = useAccessStore();
@@ -29,6 +34,12 @@
const verifyRef = ref();
const captchaType = 'blockPuzzle'; // 楠岃瘉鐮佺被鍨嬶細'blockPuzzle' | 'clickWord'
+
+/** 搴旂敤鏍囬锛堢櫥褰曢〉鍝佺墝鏂囧瓧锛� */
+const appTitle = import.meta.env.VITE_APP_TITLE || '姹熻嫃鍟嗚锤';
+
+/** 鍝佺墝寰芥爣锛氬鐢� vite 娉ㄥ叆鐨勫叕鍙� Logo锛岀己鐪佸洖钀藉埌鍐呯疆鍥炬爣 */
+const brandLogo = __APP_LOGO__ || '/logos/JSSM.svg';
/** 鑾峰彇绉熸埛鍒楄〃 */
const tenantList = ref<AuthApi.TenantResult[]>([]); // 绉熸埛鍒楄〃
@@ -72,27 +83,43 @@
fetchTenantList();
});
+// ========== 浼佷笟寰俊鐧诲綍 ==========
+
+/** 浼佷笟寰俊鐨勭ぞ浜ょ被鍨嬶紝瀵瑰簲鍚庣 SocialTypeEnum.WECHAT_ENTERPRISE */
+const WXCP_SOCIAL_TYPE = 30;
+
+const wxcpLoading = ref(false);
+
+/**
+ * 浼佷笟寰俊鎵爜鐧诲綍
+ *
+ * 娴佺▼锛氬彇鎺堟潈鍦板潃 -> 鏁撮〉璺宠浆鍒颁紒涓氬井淇℃壂鐮侀〉 -> 鎵爜鍚庝紒涓氬井淇″甫 code/state
+ * 鍥炶烦鍒� social-login 椤甸潰 -> 璇ラ〉闈㈣皟鐢� /system/auth/social-login 鎹㈠彇浠ょ墝
+ */
+async function handleWxcpLogin() {
+ try {
+ wxcpLoading.value = true;
+ // 娉ㄦ剰锛歵ype 闇�瑕佸厛 encode 涓�娆★紝閰嶅悎 social-login 椤甸潰鐨� getUrlValue() 浣跨敤锛�
+ // 鍚﹀垯浼佷笟寰俊鍥炶烦鍚� type 鍙傛暟浼氳鍚炴帀锛屽鑷存棤娉曡瘑鍒ぞ浜ょ被鍨�
+ // 鍥炶皟鍦板潃蹇呴』甯� hash 鍓嶇紑锛氱敓浜х敤 hash 璺敱锛圴ITE_ROUTER_HISTORY=hash锛夛紝
+ // 灏戜簡 # 浼佷笟寰俊鍥炶烦鍚� vue-router 浼氳В鏋愬埌 /锛岃惤鍒扮櫥褰曢〉鑰屼笉鏄� social-login 椤甸潰
+ const hashPrefix =
+ import.meta.env.VITE_ROUTER_HISTORY === 'hash' ? '/#' : '';
+ const redirectUri = `${location.origin}${hashPrefix}/auth/social-login?${encodeURIComponent(
+ `type=${WXCP_SOCIAL_TYPE}`,
+ )}`;
+ window.location.href = await socialAuthRedirect(
+ WXCP_SOCIAL_TYPE,
+ redirectUri,
+ );
+ } catch (error) {
+ console.error('浼佷笟寰俊鐧诲綍澶辫触:', error);
+ wxcpLoading.value = false;
+ }
+}
+
const formSchema = computed((): VbenFormSchema[] => {
return [
- // {
- // component: 'VbenSelect',
- // componentProps: {
- // options: tenantList.value.map((item) => ({
- // label: item.name,
- // value: item.id.toString(),
- // })),
- // placeholder: $t('authentication.tenantTip'),
- // },
- // fieldName: 'tenantId',
- // label: $t('authentication.tenant'),
- // dependencies: {
- // triggerFields: ['tenantId'],
- // if: tenantEnable,
- // trigger(values) {
- // accessStore.setTenantId(values.tenantId ? Number(values.tenantId) : null);
- // },
- // },
- // },
{
component: 'VbenInput',
componentProps: {
@@ -122,7 +149,14 @@
</script>
<template>
- <div>
+ <div class="academic-login-wrapper">
+ <!-- 椤堕儴鍝佺墝鏍囪瘑锛氬窘鏍� + 骞冲彴鍚� + 閲戣壊鍒嗛殧绾� -->
+ <div class="academic-login-header">
+ <img :alt="appTitle" :src="brandLogo" class="academic-brand-logo" />
+ <h2 class="academic-brand-name">{{ appTitle }}</h2>
+ <div class="academic-decoration-line"></div>
+ </div>
+
<AuthenticationLogin
ref="loginRef"
:form-schema="formSchema"
@@ -133,8 +167,39 @@
:show-register="false"
:show-forget-password="false"
:show-doc-link="false"
+ class="academic-login-form"
@submit="handleLogin"
- />
+ >
+ <!-- 鑷畾涔夋爣棰橈細瑕嗙洊娆㈣繋璇� -->
+ <template #title>
+ <div class="academic-title-area">
+ <h3 class="academic-title">璐﹀彿鐧诲綍</h3>
+ <p class="academic-subtitle">{{ $t('authentication.loginSubtitle') }}</p>
+ </div>
+ </template>
+
+ <!-- 绗笁鏂圭櫥褰� -->
+ <template #third-party-login>
+ <div class="academic-third-party">
+ <div class="academic-divider">
+ <span class="academic-divider-line"></span>
+ <span class="academic-divider-text">鍏朵粬鐧诲綍鏂瑰紡</span>
+ <span class="academic-divider-line"></span>
+ </div>
+ <VbenButton
+ class="academic-wxcp-btn"
+ variant="outline"
+ :loading="wxcpLoading"
+ @click="handleWxcpLogin"
+ >
+ <SvgWeChatIcon class="mr-2 size-4" />
+ 浼佷笟寰俊鐧诲綍
+ </VbenButton>
+ </div>
+ </template>
+ </AuthenticationLogin>
+
+ <!-- 楠岃瘉鐮侊紙婊戝潡鎷煎浘锛夛紝captchaEnable 鏃跺惎鐢� -->
<Verification
ref="verifyRef"
v-if="captchaEnable"
@@ -147,3 +212,203 @@
/>
</div>
</template>
+
+<style scoped>
+/* ========== 瀛︽湳绉戠爺椋庢牸鐧诲綍椤垫牱寮� ========== */
+.academic-login-wrapper {
+ @apply relative flex flex-col w-full;
+ min-height: 460px;
+}
+
+/* ---- 椤堕儴鍝佺墝鏍囪瘑 ---- */
+.academic-login-header {
+ @apply flex flex-col items-center mb-8;
+}
+
+.academic-brand-logo {
+ width: 52px;
+ height: 52px;
+ margin-bottom: 16px;
+ filter: drop-shadow(0 3px 10px rgba(15, 36, 64, 0.14));
+}
+
+.academic-brand-name {
+ font-size: 19px;
+ font-weight: 600;
+ letter-spacing: 5px;
+ /* 鏈瓧鍙充晶浼氬鍑轰竴浠藉瓧璺濓紝鐢ㄧ瓑閲忕缉杩涙姷娑堬紝瑙嗚鎵嶇湡姝ｅ眳涓� */
+ text-indent: 5px;
+ color: #0f2440;
+ margin: 0 0 14px;
+}
+
+.academic-decoration-line {
+ position: relative;
+ width: 58px;
+ height: 2px;
+ background: linear-gradient(
+ 90deg,
+ transparent,
+ #d4af37 32%,
+ #d4af37 68%,
+ transparent
+ );
+ border-radius: 2px;
+}
+
+/* 閲戠嚎涓ぎ鐨勮彵褰㈢偣缂� */
+.academic-decoration-line::after {
+ content: '';
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 6px;
+ height: 6px;
+ background: #d4af37;
+ border-radius: 1px;
+ transform: translate(-50%, -50%) rotate(45deg);
+}
+
+/* ---- 鑷畾涔夋爣棰� ---- */
+.academic-title-area {
+ @apply text-left mb-6;
+}
+
+.academic-title {
+ font-size: 26px;
+ font-weight: 600;
+ color: #0f2440;
+ letter-spacing: 2px;
+ margin: 0 0 8px 0;
+ line-height: 1.35;
+}
+
+.academic-subtitle {
+ font-size: 13.5px;
+ color: #8a94a6;
+ margin: 0;
+ letter-spacing: 0.3px;
+}
+
+/* ---- 瑕嗙洊榛樿鏍囬 ---- */
+:deep(.academic-login-form .mb-7) {
+ display: none;
+}
+
+/* ---- 杈撳叆妗嗭細鏆栫櫧搴� + 閲戣壊鑱氱劍 ---- */
+:deep(.academic-login-form .vben-input) {
+ border-radius: 8px;
+ border-color: #e6e2d8;
+ background: #fdfcfa;
+ transition: all 0.25s ease;
+ height: 48px;
+}
+
+:deep(.academic-login-form .vben-input:hover) {
+ border-color: #c9b77a;
+}
+
+:deep(.academic-login-form .vben-input:focus-within) {
+ border-color: #d4af37;
+ background: #fff;
+ box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.13);
+}
+
+/* ---- 鐧诲綍鎸夐挳锛氳棌闈掓笎鍙� + 閲戣壊鎻忚竟涓庢枃瀛� ---- */
+:deep(.academic-login-form .w-full > button),
+:deep(.academic-login-form button[aria-label="login"]) {
+ height: 48px;
+ border-radius: 8px;
+ background: linear-gradient(135deg, #1e4571, #0f2440) !important;
+ border: 1px solid rgba(212, 175, 55, 0.45) !important;
+ font-size: 15px;
+ font-weight: 600;
+ letter-spacing: 6px;
+ text-indent: 6px;
+ box-shadow: 0 6px 18px rgba(15, 36, 64, 0.22);
+ transition: all 0.3s ease;
+ color: #f5e7c0 !important;
+}
+
+/* 鎮仠鍙姞娣辨弿杈逛笌鎶曞奖锛屼笉鍋氫綅绉伙紝淇濇寔鍏嬪埗 */
+:deep(.academic-login-form .w-full > button:hover),
+:deep(.academic-login-form button[aria-label="login"]:hover) {
+ box-shadow:
+ 0 8px 22px rgba(15, 36, 64, 0.26),
+ 0 0 0 1px rgba(212, 175, 55, 0.6);
+}
+
+:deep(.academic-login-form .w-full > button:active),
+:deep(.academic-login-form button[aria-label="login"]:active) {
+ box-shadow: 0 3px 12px rgba(15, 36, 64, 0.24);
+}
+
+/* ---- 璁颁綇璐﹀彿 / 蹇樿瀵嗙爜 ---- */
+:deep(.academic-login-form .vben-link) {
+ color: #b8901f;
+ font-weight: 500;
+ transition: color 0.2s;
+}
+
+:deep(.academic-login-form .vben-link:hover) {
+ color: #8a6a12;
+}
+
+/* ---- 绗笁鏂圭櫥褰� ---- */
+.academic-third-party {
+ @apply mt-5;
+}
+
+.academic-divider {
+ @apply flex items-center gap-3 mb-4;
+}
+
+.academic-divider-line {
+ flex: 1;
+ height: 1px;
+ background: linear-gradient(90deg, transparent, #e2e8f0, transparent);
+}
+
+.academic-divider-text {
+ @apply text-xs;
+ color: #94a3b8;
+ white-space: nowrap;
+ letter-spacing: 0.5px;
+}
+
+.academic-wxcp-btn {
+ @apply w-full rounded-lg;
+ height: 44px;
+ border-color: #e6e2d8;
+ color: #44546a;
+ font-weight: 500;
+ transition: all 0.3s;
+}
+
+.academic-wxcp-btn:hover {
+ border-color: #d4af37;
+ color: #0f2440;
+ background: rgba(212, 175, 55, 0.06);
+}
+
+/* ---- 鏆楄壊閫傞厤 ---- */
+:root.dark .academic-title {
+ color: #f0ead8;
+}
+
+:root.dark .academic-brand-name {
+ color: #f0ead8;
+}
+
+:root.dark .academic-subtitle {
+ color: #8a94a6;
+}
+
+:root.dark .academic-decoration-line {
+ background: linear-gradient(90deg, #8bb4f0, #4a7ad4);
+}
+
+:root.dark .academic-footer-text {
+ color: #64748b;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.3