mirror of
https://github.com/Wei-Shaw/claude-relay-service.git
synced 2026-01-22 16:43:35 +00:00
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:
@@ -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
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user