From d6aa03d3a78f8b6fbd2754bf3f4199392c6ef4c1 Mon Sep 17 00:00:00 2001 From: HenryDu8133 <813367384@qq.com> Date: Sun, 28 Jun 2026 11:20:57 +0800 Subject: [PATCH] =?UTF-8?q?feat(web):=20=E4=BC=98=E5=8C=96=E7=A5=A8?= =?UTF-8?q?=E5=8A=A1=E4=B8=8EIC=E5=8D=A1=E6=9F=A5=E8=AF=A2=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=E7=9A=84=E5=8A=9F=E8=83=BD=E4=B8=8EUI?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 更新静态资源版本以清理浏览器缓存 - 新增查询概览模块与搜索辅助提示文字 - 添加XSS内容转义防护,优化列表项选中样式 - 重构IC卡查询页面布局,拆分详情与事件记录区域 - 优化移动端响应式展示效果 --- web/ic-card-search.html | 108 +++++++++++++++++++++++++++------ web/ic-card-search.js | 55 +++++++++++------ web/style.css | 128 +++++++++++++++++++++++++++++++++++++++- web/ticket-search.html | 32 +++++++--- web/ticket-search.js | 40 +++++++++++-- 5 files changed, 314 insertions(+), 49 deletions(-) diff --git a/web/ic-card-search.html b/web/ic-card-search.html index 05f268b..5561875 100644 --- a/web/ic-card-search.html +++ b/web/ic-card-search.html @@ -7,7 +7,7 @@ IC 卡查询 - + @@ -49,6 +49,23 @@

按卡号或凭证码查询 IC 卡状态

支持检索 IC 卡当前状态、余额和最近操作记录;输入线上购卡生成的凭证码,也能反查对应卡片。

+
+
+ 检索方式 + 卡号 / 凭证码 +

支持凭证码反查对应卡片,也支持直接输入卡号查看当前状态与余额。

+
+
+ 结果浏览 + 列表与详情并排 +

左侧浏览卡片列表,右侧查看卡片详情、状态提示和最近操作记录。

+
+
+ 移动端 + 触达区更大 +

手机端自动切换为单列阅读,卡片点击区域与按钮尺寸都更适合触屏操作。

+
+

检索条件

@@ -62,28 +79,86 @@ 查询 IC 卡
+

留空可浏览全部 IC 卡;输入卡号或凭证码后,可直接定位到对应卡片详情。

-
+
-

卡片概览

- Card Overview +

结果列表

+ Card Results
-
-

请输入卡号或凭证码开始查询。

-
-
-
-
-

事件记录

- Recent Events -
-
+
-

查询成功后会在这里显示建卡、购卡、充值等操作记录。

+

请输入卡号或凭证码开始查询。

+
+
+
+

卡片详情

+ Card Overview +
+
+
+

从左侧选择一张 IC 卡以查看详情。

+
+
+
+
+
+

事件记录

+ Recent Events +
+
+
+

查询成功后会在这里显示建卡、购卡、充值等操作记录。

+
+
+
+
+
+
+

状态说明

+ Card Status +
+
+
+ 正常 + 卡片已启用,可在检票设备直接刷卡进出站。 +
+
+ 待领卡 + 请持购卡凭证码前往站内售票机完成领卡后再使用。 +
+
+ 不可用 + 卡片已停用、挂失或退款,建议联系站务进行处理。 +
+
+
+
+
+

查询提示

+ Search Guide +
+
+
+ 留空查询 + 不输入关键字时,会按建卡时间倒序展示全部 IC 卡记录。 +
+
+ 凭证反查 + 购卡后若未领卡,可直接使用凭证码快速定位对应卡片。 +
+
+ 手机查看 + 移动端会把结果列表、详情和事件记录按顺序折叠为单列阅读。 +
+
+
+
+