refactor(web): 重构全站界面与事件日志,优化功能与样式
1. 重构并统一票务、IC卡的事件日志格式化展示逻辑,替换原有零散的格式化函数,提升事件展示的一致性与可读性 2. 为AI助手面板新增折叠按钮与折叠逻辑,支持收起/展开面板,优化界面空间利用率 3. 移除多个页面的冗余介绍、提醒区块,精简页面结构 4. 修复IC卡购卡页面的充值选项按钮布局问题,将button元素改为div适配样式规范 5. 新增移动端卡片布局的横向滚动适配,优化小屏设备上的卡片展示与浏览体验 6. 更新后台管理页面的导航样式、文案与统计数据展示,新增车票、凭证的统计卡片 7. 统一全站品牌文案与页面格式,修复部分页面的DOCTYPE多余空格问题 8. 简化车票订单页面的地图加载逻辑,修复原有的冗余代码与加载异常问题
This commit is contained in:
+1
-79
@@ -1,4 +1,4 @@
|
||||
<!doctype html>
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
|
||||
<head>
|
||||
@@ -44,70 +44,6 @@
|
||||
</div>
|
||||
</div>
|
||||
<main class="jr-main">
|
||||
<section class="jr-hero">
|
||||
<div class="jr-hero-copy">
|
||||
<p class="jr-eyebrow">FSE ONLINE RESERVATION</p>
|
||||
<h1>完成一张车票预定</h1>
|
||||
<p class="jr-hero-text">
|
||||
先在线选择区间与车型,再生成凭证码,最后在游戏内售票机完成兑票。</p>
|
||||
<div class="jr-hero-actions">
|
||||
<a href="#reservationPanel" class="jr-cta-primary">开始预定</a>
|
||||
<a href="https://ticket.fse-media.group/search" data-link="search" class="jr-cta-secondary">查询已有订单</a>
|
||||
</div>
|
||||
</div>
|
||||
<aside class="jr-hero-panel">
|
||||
<div class="jr-panel-head">
|
||||
<span class="jr-panel-kicker">旅客须知</span>
|
||||
<h2>预定流程</h2>
|
||||
</div>
|
||||
<ol class="jr-process-list">
|
||||
<li>在线选择出发站、到达站与车型。</li>
|
||||
<li>系统自动估算票价并显示预计路径。</li>
|
||||
<li>生成凭证码后,在游戏内任意售票机兑票。</li>
|
||||
</ol>
|
||||
<div class="jr-service-strip">
|
||||
<div>
|
||||
<span class="jr-service-label">售票模式</span>
|
||||
<strong>线上预订 / 站内兑票</strong>
|
||||
</div>
|
||||
<div>
|
||||
<span class="jr-service-label">支持车型</span>
|
||||
<strong>普通 / 特急</strong>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</section>
|
||||
<section class="jr-alert-band" aria-label="服务公告">
|
||||
<div class="jr-alert-title">
|
||||
<i class="fas fa-circle-info"></i>
|
||||
<span>服务提醒</span>
|
||||
</div>
|
||||
<p>
|
||||
票价将根据当前配置自动计算;生成的凭证码仅用于一次有效兑票,请妥善保存。</p>
|
||||
</section>
|
||||
<section class="jr-quick-links" aria-label="快捷入口">
|
||||
<a class="jr-quick-link" href="https://ticket.fse-media.group/search" data-link="search">
|
||||
<span class="jr-quick-icon"><i class="fas fa-magnifying-glass"></i></span>
|
||||
<span class="jr-quick-text">
|
||||
<strong>车票查询</strong>
|
||||
<span>查询已有票据与乘车信息</span>
|
||||
</span>
|
||||
</a>
|
||||
<a class="jr-quick-link" href="#reservationPanel">
|
||||
<span class="jr-quick-icon"><i class="fas fa-route"></i></span>
|
||||
<span class="jr-quick-text">
|
||||
<strong>选择线路</strong>
|
||||
<span>在系统线路图中选择起终点</span>
|
||||
</span>
|
||||
</a>
|
||||
<a class="jr-quick-link" href="#voucherPanel">
|
||||
<span class="jr-quick-icon"><i class="fas fa-receipt"></i></span>
|
||||
<span class="jr-quick-text">
|
||||
<strong>查看凭证</strong>
|
||||
<span>预定成功后获取兑票代码</span>
|
||||
</span>
|
||||
</a>
|
||||
</section>
|
||||
<section class="jr-content-grid">
|
||||
<div class="jr-column-main">
|
||||
<article class="jr-section-card" id="reservationPanel">
|
||||
@@ -208,20 +144,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="jr-section-card jr-side-card">
|
||||
<div class="jr-section-head">
|
||||
<div>
|
||||
<p class="jr-section-label">Guide</p>
|
||||
<h2>使用说明</h2>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="jr-guide-list">
|
||||
<li>若重新选择站点,票价与路径会自动重新计算。</li>
|
||||
<li>凭证码生成后建议立即截图或复制保存。</li>
|
||||
<li>如需核验订单,可前往“车票查询”页面查看详情。</li>
|
||||
</ul>
|
||||
</article>
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user