refactor(web): 重构全站界面与事件日志，优化功能与样式
1. 重构并统一票务、IC卡的事件日志格式化展示逻辑，替换原有零散的格式化函数，提升事件展示的一致性与可读性 2. 为AI助手面板新增折叠按钮与折叠逻辑，支持收起/展开面板，优化界面空间利用率 3. 移除多个页面的冗余介绍、提醒区块，精简页面结构 4. 修复IC卡购卡页面的充值选项按钮布局问题，将button元素改为div适配样式规范 5. 新增移动端卡片布局的横向滚动适配，优化小屏设备上的卡片展示与浏览体验 6. 更新后台管理页面的导航样式、文案与统计数据展示，新增车票、凭证的统计卡片 7. 统一全站品牌文案与页面格式，修复部分页面的DOCTYPE多余空格问题 8. 简化车票订单页面的地图加载逻辑，修复原有的冗余代码与加载异常问题
This commit is contained in:
+1
-72
@@ -1,4 +1,4 @@
|
||||
<!DOCTYPE html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
@@ -44,67 +44,6 @@
|
||||
</div>
|
||||
|
||||
<main class="jr-public-main">
|
||||
<section class="jr-home-hero">
|
||||
<article class="jr-home-hero-main">
|
||||
<span class="jr-kicker">FSE PUBLIC TICKET PORTAL</span>
|
||||
<h1>FSE 铁路运输票务系统</h1>
|
||||
<p class="jr-home-hero-text">
|
||||
⌈票行千里，智通未来⌋
|
||||
购票、查询、办卡
|
||||
</p>
|
||||
<div class="jr-home-hero-actions">
|
||||
<a href="https://ticket.fse-media.group/order" data-link="order" class="jr-cta-primary">开始预定</a>
|
||||
<a href="https://ticket.fse-media.group/search" data-link="search" class="jr-cta-secondary">查询票据</a>
|
||||
</div>
|
||||
<div class="jr-home-hero-stats">
|
||||
<div class="jr-home-stat">
|
||||
<strong>线上预定</strong>
|
||||
<span>生成凭证码并在站内兑票</span>
|
||||
</div>
|
||||
<div class="jr-home-stat">
|
||||
<strong>电子票查询</strong>
|
||||
<span>支持票号、区间和日期检索</span>
|
||||
</div>
|
||||
<div class="jr-home-stat">
|
||||
<strong>线路资源</strong>
|
||||
<span>查看线路图与票价图</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<aside class="jr-home-hero-side">
|
||||
<div class="jr-home-side-head">
|
||||
<span class="jr-kicker">SERVICE GUIDE</span>
|
||||
<h2>乘车流程</h2>
|
||||
</div>
|
||||
<ol class="jr-process-list jr-home-process">
|
||||
<li>在线选择起点、终点、车型和乘次数量</li>
|
||||
<li>确认票价与路径后生成订单凭证</li>
|
||||
<li>前往游戏内售票机输入凭证码兑票</li>
|
||||
</ol>
|
||||
<div class="jr-home-side-strip">
|
||||
<div>
|
||||
<span>支持服务</span>
|
||||
<strong>订票 / 查询 / 办卡</strong>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
<section class="jr-home-alert">
|
||||
<div class="jr-alert-title">
|
||||
<i class="fas fa-circle-info"></i>
|
||||
<span>旅客提醒</span>
|
||||
</div>
|
||||
<p>线上预定生成的凭证码与IC卡订单号请及时保存；如需补查订单、车票状态或IC卡信息，可在对应查询页继续检索。</p>
|
||||
</section>
|
||||
|
||||
<section class="jr-page-intro">
|
||||
<span class="jr-kicker">SERVICE ENTRY</span>
|
||||
<h1>从首页直接进入票务服务</h1>
|
||||
<p>线上预定 / 车票查询 / 凭证核验 / IC卡</p>
|
||||
</section>
|
||||
|
||||
<section class="jr-home-service-grid">
|
||||
<a href="https://ticket.fse-media.group/order" data-link="order" class="jr-home-service-card jr-home-service-primary">
|
||||
<span class="jr-feature-icon"><i class="fas fa-ticket-alt"></i></span>
|
||||
@@ -141,16 +80,6 @@
|
||||
<span>输入卡号或订单号，查看卡状态、余额与最近记录。</span>
|
||||
</span>
|
||||
</a>
|
||||
<article class="jr-home-mini-card">
|
||||
<span class="jr-kicker">POPULAR</span>
|
||||
<h3>常用操作</h3>
|
||||
<ul class="jr-guide-list">
|
||||
<li>先订票，再截图保存凭证码。</li>
|
||||
<li>线上购卡后请同时保存卡号与订单号。</li>
|
||||
<li>如票据状态不明，优先进入查询页核验。</li>
|
||||
<li>查看线路资源时可对照票价图与线路图。</li>
|
||||
</ul>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section class="jr-home-assets">
|
||||
|
||||
Reference in New Issue
Block a user