From 91bfcf61f44f353dfebc54a57b5b774721de3e9a Mon Sep 17 00:00:00 2001
From: 云 <2163098428@qq.com>
Date: 星期一, 19 十月 2026 09:39:22 +0800
Subject: [PATCH] feat(auth): 更新门户认证页面布局和样式
---
src/views/_core/profile/modules/reset-pwd.vue | 18 +++++++++++++++---
1 files changed, 15 insertions(+), 3 deletions(-)
diff --git a/src/views/_core/profile/modules/reset-pwd.vue b/src/views/_core/profile/modules/reset-pwd.vue
index e7a0103..95dfd8c 100644
--- a/src/views/_core/profile/modules/reset-pwd.vue
+++ b/src/views/_core/profile/modules/reset-pwd.vue
@@ -9,14 +9,18 @@
import { updateUserPassword } from '#/api/system/user/profile';
const [Form, formApi] = useVbenForm({
+ wrapperClass: 'grid-cols-1',
+ actionPosition: 'left',
+ actionLayout: 'newLine',
commonConfig: {
- labelWidth: 70,
+ labelWidth: 84,
},
schema: [
{
component: 'InputPassword',
fieldName: 'oldPassword',
- label: '鏃у瘑鐮�',
+ label: '褰撳墠瀵嗙爜',
+ componentProps: { autocomplete: 'current-password', placeholder: '璇疯緭鍏ュ綋鍓嶇櫥褰曞瘑鐮�' },
rules: z
.string({ message: '璇疯緭鍏ュ瘑鐮�' })
.min(5, '瀵嗙爜闀垮害涓嶈兘灏戜簬 5 涓瓧绗�')
@@ -39,6 +43,7 @@
},
fieldName: 'newPassword',
label: '鏂板瘑鐮�',
+ componentProps: { autocomplete: 'new-password', placeholder: '璇疯緭鍏� 5鈥�20 浣嶆柊瀵嗙爜' },
rules: 'required',
},
{
@@ -58,6 +63,7 @@
},
fieldName: 'confirmPassword',
label: '纭瀵嗙爜',
+ componentProps: { autocomplete: 'new-password', placeholder: '璇峰啀娆¤緭鍏ユ柊瀵嗙爜' },
rules: 'required',
},
],
@@ -79,6 +85,7 @@
newPassword: values.newPassword,
});
message.success($t('ui.actionMessage.operationSuccess'));
+ await formApi.resetForm();
} catch (error) {
console.error(error);
} finally {
@@ -88,7 +95,12 @@
</script>
<template>
- <div class="mt-4 md:w-full lg:w-1/2 2xl:w-2/5">
+ <div class="profile-password-form">
+ <p class="password-note">瀵嗙爜闀垮害涓� 5鈥�20 涓瓧绗︼紝鏂板瘑鐮侀渶涓庡綋鍓嶅瘑鐮佷笉鍚屻�傝鍕夸笌鍏朵粬骞冲彴浣跨敤鐩稿悓瀵嗙爜銆�</p>
<Form />
</div>
</template>
+<style scoped>
+.profile-password-form { max-width: 560px; }.password-note { margin: 0 0 24px; padding: 13px 16px; color: #365e82; background: #f0f6fc; font-size: 12px; line-height: 1.8; }.profile-password-form :deep(.ant-input-affix-wrapper) { min-height: 38px; }
+</style>
+
--
Gitblit v1.9.3