From 5d321660a2f1a4b8756f816283e96481a8c934e4 Mon Sep 17 00:00:00 2001
From: 云 <2163098428@qq.com>
Date: 星期三, 28 十月 2026 14:26:30 +0800
Subject: [PATCH] feat(app): 更新应用名称并优化批次绑定功能
---
src/views/_core/authentication/login.vue | 24 ++++++++++++++++++++++--
1 files changed, 22 insertions(+), 2 deletions(-)
diff --git a/src/views/_core/authentication/login.vue b/src/views/_core/authentication/login.vue
index 92c9711..80fd448 100644
--- a/src/views/_core/authentication/login.vue
+++ b/src/views/_core/authentication/login.vue
@@ -27,6 +27,15 @@
const captchaType = 'blockPuzzle'; // 楠岃瘉鐮佺被鍨嬶細'blockPuzzle' | 'clickWord'
+/** 婊戝潡楠岃瘉鐮佸昂瀵革細绉诲姩绔寜瑙嗗彛瀹藉害鏀剁缉锛岄伩鍏嶈秴鍑哄睆骞曟棤娉曟嫋鍔� */
+const captchaImgSize = computed(() => {
+ const width =
+ terminalType.value === 'mobile'
+ ? Math.min(315, Math.max(260, window.innerWidth - 48))
+ : 400;
+ return { width: `${width}px`, height: `${Math.round(width / 2)}px` };
+});
+
/** 澶勭悊鐧诲綍 */
async function handleLogin(values: AuthApi.LoginParams) {
if (captchaEnable) {
@@ -87,6 +96,14 @@
<template>
<div>
+ <div class="login-brand">
+ <img
+ src="/images/tahe-logo.png"
+ alt="濉旀渤绉嶄笟"
+ class="login-brand-logo"
+ />
+ <p class="login-brand-name">濉旀渤绉嶄笟鍔犲伐閿�鍞緵搴旈摼鏁板瓧鍖栫鐞嗗钩鍙�</p>
+ </div>
<fieldset class="terminal-selector">
<legend>閫夋嫨浣跨敤绔�</legend>
<div class="terminal-options">
@@ -108,7 +125,7 @@
:show-field-labels="terminalType === 'mobile'"
:submit-button-text="terminalType === 'mobile' ? '鐧诲綍绉诲姩绔�' : '鐧诲綍 PC 绔�'"
title="娆㈣繋鍥炴潵"
- :sub-title="terminalType === 'mobile' ? '浣跨敤宸叉湁璐﹀彿鐧诲綍鐜板満浣滀笟' : '鐧诲綍绉嶆涓氭暟瀛楀寲骞冲彴锛屽紑鍚櫤鎱х妞�'"
+ :sub-title="terminalType === 'mobile' ? '浣跨敤宸叉湁璐﹀彿鐧诲綍鐜板満浣滀笟' : '鐧诲綍濉旀渤绉嶄笟鍔犲伐閿�鍞緵搴旈摼鏁板瓧鍖栫鐞嗗钩鍙�'"
:show-code-login="false"
:show-qrcode-login="false"
:show-third-party-login="false"
@@ -124,7 +141,7 @@
:captcha-type="captchaType"
:check-captcha-api="checkCaptcha"
:get-captcha-api="getCaptcha"
- :img-size="{ width: '400px', height: '200px' }"
+ :img-size="captchaImgSize"
mode="pop"
@on-success="handleVerifySuccess"
/>
@@ -132,6 +149,9 @@
</template>
<style scoped>
+.login-brand { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-bottom: 24px; }
+.login-brand-logo { height: 72px; width: auto; }
+.login-brand-name { margin: 0; text-align: center; font-size: 16px; font-weight: 600; letter-spacing: 0.02em; color: #0f172a; }
.terminal-selector { border: 0; margin: 0 0 24px; padding: 0; }
.login-error { padding:12px;color:#b91c1c;background:#fef2f2;border-radius:8px; }
.terminal-selector legend { font-size: 16px; margin-bottom: 8px; }
--
Gitblit v1.9.3