From 85208972b75d5de86d23cfd928d319f6429a084c Mon Sep 17 00:00:00 2001 From: Nelson <1475262689@qq.com> Date: Sat, 11 Jul 2026 17:03:30 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20=E8=AE=B0=E5=BD=95=E7=94=A8=E6=88=B7?= =?UTF-8?q?=E6=9C=89=E6=95=88=E6=9C=9F=E6=97=A5=E6=9C=9F=E6=8E=A7=E4=BB=B6?= =?UTF-8?q?=E7=BB=9F=E4=B8=80=E6=96=B9=E6=A1=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../2026-07-11-用户管理有效期日期控件统一.md | 28 +++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 ai_knowledge_base_v2/development_records/2026-07-11-用户管理有效期日期控件统一.md diff --git a/ai_knowledge_base_v2/development_records/2026-07-11-用户管理有效期日期控件统一.md b/ai_knowledge_base_v2/development_records/2026-07-11-用户管理有效期日期控件统一.md new file mode 100644 index 0000000..5b76903 --- /dev/null +++ b/ai_knowledge_base_v2/development_records/2026-07-11-用户管理有效期日期控件统一.md @@ -0,0 +1,28 @@ +# 用户管理有效期日期控件统一 + +日期:2026-07-11 + +## 一、问题背景 + +管理后台首页数据看板已经使用稳定的原生日期输入控件,用户管理“手动添加学员”中的有效期仍使用 Element Plus 弹层型日期时间选择器。两处日期交互不一致,且弹层控件在部分窗口尺寸下容易出现定位、遮挡和操作体验问题。 + +## 二、处理决策 + +1. 用户管理有效期改为与数据看板相同类型的原生 `date` 输入控件。 +2. 控件沿用看板日期输入的边框、聚焦态、文字层级和原生日历图标体验。 +3. 有效期仍为可选项,留空表示账号不过期。 +4. 管理员选择某一天后,提交接口时转换为该日期当天的 `23:59:59`,确保学员在所选日期全天有效。 +5. 不修改后端接口字段,仍提交 `expiredAt`;不调整用户管理其他功能。 + +## 三、计划修改文件 + +- `apps/admin-web/src/App.vue` +- `apps/admin-web/src/styles.css` + +## 四、验收标准 + +- 用户管理不再出现弹层型有效期选择器。 +- 有效期控件的视觉和操作方式与数据看板日期控件一致。 +- 留空可以正常添加长期有效学员。 +- 选择日期后提交值为对应日期的 `23:59:59`。 +- 管理后台构建和类型检查通过。