refactor: 编辑账户时隐藏过期时间表单,使用独立编辑弹窗

## 问题分析
编辑账户时显示过期时间表单存在以下问题:

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
This commit is contained in:
shaw
2025-10-12 14:04:16 +08:00
parent 62e457932e
commit a3dacbccd0

View File

@@ -641,8 +641,8 @@
</p>
</div>
<!-- 到期时间 -->
<div>
<!-- 到期时间 - 仅在创建账户时显示,编辑时使用独立的过期时间编辑弹窗 -->
<div v-if="!isEdit">
<label class="mb-2 block text-sm font-semibold text-gray-700 dark:text-gray-300"
>到期时间 (可选)</label
>
@@ -2112,8 +2112,8 @@
</p>
</div>
<!-- 到期时间 -->
<div>
<!-- 到期时间 - 仅在创建账户时显示,编辑时使用独立的过期时间编辑弹窗 -->
<div v-if="!isEdit">
<label class="mb-2 block text-sm font-semibold text-gray-700 dark:text-gray-300"
>到期时间 (可选)</label
>