From fb4db4ae9b6a7f113ba049f6789e6916c0dcc276 Mon Sep 17 00:00:00 2001
From: 云 <2163098428@qq.com>
Date: 星期一, 12 十月 2026 09:15:08 +0800
Subject: [PATCH] feat(mes): 新增业务码支持并优化追溯查询功能
---
src/views/_core/authentication/login.vue | 44 ++++++++++++++++++++++++++++++++++++++++----
1 files changed, 40 insertions(+), 4 deletions(-)
diff --git a/src/views/_core/authentication/login.vue b/src/views/_core/authentication/login.vue
index 883e6ea..92c9711 100644
--- a/src/views/_core/authentication/login.vue
+++ b/src/views/_core/authentication/login.vue
@@ -11,10 +11,15 @@
import { checkCaptcha, getCaptcha } from '#/api/core/auth';
import { useAuthStore } from '#/store';
+import { selectTerminal, terminalType } from '#/mobile/terminal';
+import { errorText } from '#/mobile/api';
+import { useRoute } from 'vue-router';
defineOptions({ name: 'Login' });
const authStore = useAuthStore();
+const route = useRoute();
+const loginError = ref(route.query.loadError ? '鑿滃崟鍔犺浇澶辫触锛岃閲嶆柊鐧诲綍鍚庨噸璇曘��' : '');
const captchaEnable = isCaptchaEnable();
const loginRef = ref();
@@ -28,7 +33,9 @@
verifyRef.value.show();
return;
}
- await authStore.authLogin('username', values);
+ loginError.value = '';
+ try { await authStore.authLogin('username', values); }
+ catch (e) { loginError.value = errorText(e); }
}
/** 楠岃瘉鐮侀�氳繃锛屾墽琛岀櫥褰� */
@@ -37,10 +44,11 @@
}: {
captchaVerification: string;
}) {
- await authStore.authLogin('username', {
+ loginError.value = '';
+ try { await authStore.authLogin('username', {
...(await loginRef.value.getFormApi().getValues()),
captchaVerification,
- });
+ }); } catch (e) { loginError.value = errorText(e); }
}
const formSchema = computed((): VbenFormSchema[] => {
@@ -79,12 +87,28 @@
<template>
<div>
+ <fieldset class="terminal-selector">
+ <legend>閫夋嫨浣跨敤绔�</legend>
+ <div class="terminal-options">
+ <label :class="{ selected: terminalType === 'mobile' }">
+ <input type="radio" name="terminal" value="mobile" :checked="terminalType === 'mobile'" :disabled="authStore.loginLoading" @change="selectTerminal('mobile')" />
+ <span>绉诲姩绔�</span>
+ </label>
+ <label :class="{ selected: terminalType === 'pc' }">
+ <input type="radio" name="terminal" value="pc" :checked="terminalType === 'pc'" :disabled="authStore.loginLoading" @change="selectTerminal('pc')" />
+ <span>PC 绔�</span>
+ </label>
+ </div>
+ <p>宸叉寜灞忓箷澶у皬閫夋嫨锛屽彲鎵嬪姩鍒囨崲</p>
+ </fieldset>
<AuthenticationLogin
ref="loginRef"
:form-schema="formSchema"
:loading="authStore.loginLoading"
+ :show-field-labels="terminalType === 'mobile'"
+ :submit-button-text="terminalType === 'mobile' ? '鐧诲綍绉诲姩绔�' : '鐧诲綍 PC 绔�'"
title="娆㈣繋鍥炴潵"
- sub-title="鐧诲綍绉嶆涓氭暟瀛楀寲骞冲彴锛屽紑鍚櫤鎱х妞�"
+ :sub-title="terminalType === 'mobile' ? '浣跨敤宸叉湁璐﹀彿鐧诲綍鐜板満浣滀笟' : '鐧诲綍绉嶆涓氭暟瀛楀寲骞冲彴锛屽紑鍚櫤鎱х妞�'"
:show-code-login="false"
:show-qrcode-login="false"
:show-third-party-login="false"
@@ -93,6 +117,7 @@
:show-doc-link="false"
@submit="handleLogin"
/>
+ <p v-if="loginError" class="login-error" role="alert">{{loginError}}</p>
<Verification
ref="verifyRef"
v-if="captchaEnable"
@@ -105,3 +130,14 @@
/>
</div>
</template>
+
+<style scoped>
+.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; }
+.terminal-options { display: flex; gap: 12px; }
+.terminal-options label { display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:52px;border:1px solid #64748b;border-radius:8px;cursor:pointer; }
+.terminal-options label.selected { border-color:#0369a1;color:#0369a1;background:#f0f9ff; }
+.terminal-options label:focus-within { outline:2px solid #0369a1;outline-offset:2px; }
+.terminal-selector p { margin-top:8px;color:#475569;font-size:14px; }
+</style>
--
Gitblit v1.9.3