From a3dacbccd009019d8d83b176794db69407453966 Mon Sep 17 00:00:00 2001 From: shaw Date: Sun, 12 Oct 2025 14:04:16 +0800 Subject: [PATCH] =?UTF-8?q?refactor:=20=E7=BC=96=E8=BE=91=E8=B4=A6?= =?UTF-8?q?=E6=88=B7=E6=97=B6=E9=9A=90=E8=97=8F=E8=BF=87=E6=9C=9F=E6=97=B6?= =?UTF-8?q?=E9=97=B4=E8=A1=A8=E5=8D=95=EF=BC=8C=E4=BD=BF=E7=94=A8=E7=8B=AC?= =?UTF-8?q?=E7=AB=8B=E7=BC=96=E8=BE=91=E5=BC=B9=E7=AA=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## 问题分析 编辑账户时显示过期时间表单存在以下问题： 1. **相对时间 vs 绝对时间冲突**： - 下拉框提供相对时间选项（30天、90天等） - 实际存储的是绝对时间（如 2025-02-15） - 过了1天后，无法准确对应原来的"30天"选项 2. **用户体验混乱**： - 设置了30天过期，编辑时下拉框显示"永不过期" - 无法准确回显用户当初的选择 - 容易误导用户 3. **功能重复**： - 已有独立的AccountExpiryEditModal弹窗专门编辑过期时间 - 该弹窗使用绝对时间显示，更清晰准确 ## 解决方案 仅在编辑模式下隐藏过期时间表单： - 创建账户时：保留过期时间表单（相对时间设置合理） - 编辑账户时：隐藏过期时间表单，引导用户使用独立的编辑弹窗 ## 实现细节 在两处过期时间表单添加 v-if="!isEdit" 条件： - 第645行：OAuth添加方式的表单 - 第2116行：手动添加方式的表单 ## 用户流程改进 - 创建账户：可以快速选择相对过期时间（30天、90天等） - 编辑账户：在列表中点击"编辑到期时间"按钮 → 使用独立弹窗编辑 - 弹窗优势：显示当前绝对过期时间、支持快捷延期、实时预览新时间 文件: web/admin-spa/src/components/accounts/AccountForm.vue:645,2116 --- web/admin-spa/src/components/accounts/AccountForm.vue | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/web/admin-spa/src/components/accounts/AccountForm.vue b/web/admin-spa/src/components/accounts/AccountForm.vue index ce0754a6..67ab4390 100644 --- a/web/admin-spa/src/components/accounts/AccountForm.vue +++ b/web/admin-spa/src/components/accounts/AccountForm.vue @@ -641,8 +641,8 @@

- -
+ +
@@ -2112,8 +2112,8 @@

- -
+ +