feat(frontend): 统一全站页面标题并优化首页与文本内容

- 为所有web页面添加统一的"FSE铁路运输票务系统"标题后缀 - 为home.html新增完整的首页业务展示模块 - 更新全站品牌文本为统一表述 - 修复部分页面的文本细节与冗余内容
2026-07-09 20:58:32 +08:00
parent b8537f89b8
commit a9b5fef25e
12 changed files with 87 additions and 17 deletions
@@ -1,9 +1,9 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="zh-CN">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FSE 铁路票务系统 - 首页</title>
+    <title>首页|FSE铁路运输票务系统</title>
    <link rel="icon" type="image/png" href="/FSE-ticket.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="/style.css?v=13">
@@ -44,6 +44,67 @@
        </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>
@@ -80,6 +141,16 @@
                        <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">
@@ -4,7 +4,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FSE 铁路票务系统 - IC 卡管理</title>
+    <title>IC卡管理|FSE铁路运输票务系统</title>
    <link rel="icon" type="image/png" href="/FSE-ticket.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="/style.css?v=13">
@@ -4,7 +4,7 @@
 <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>IC 卡详情</title>
+    <title>IC卡详情|FSE铁路运输票务系统</title>
    <link rel="icon" type="image/png" href="/FSE-ticket.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="/style.css?v=13">
@@ -4,7 +4,7 @@
 <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>IC 卡线上购卡</title>
+    <title>线上购卡|FSE铁路运输票务系统</title>
    <link rel="icon" type="image/png" href="/FSE-ticket.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="/style.css?v=13">
@@ -4,7 +4,7 @@
 <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>IC 卡查询</title>
+    <title>IC卡查询|FSE铁路运输票务系统</title>
    <link rel="icon" type="image/png" href="/FSE-ticket.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="/style.css?v=14">
@@ -5,7 +5,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FSE铁路票务系统控制台</title>
+    <title>控制台|FSE铁路运输票务系统</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="style.css?v=14">
    <script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
@@ -4,7 +4,7 @@
 <head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>后台控制台登录</title>
+  <title>登录后台|FSE铁路运输票务系统</title>
  <link rel="icon" type="image/png" href="/FSE-ticket.png">
  <link rel="stylesheet" href="/style.css?v=13" />
 </head>
@@ -35,7 +35,7 @@
        <div class="jr-admin-login-copy">
          <span class="jr-kicker">OPERATIONS ACCESS</span>
          <h1>后台控制台</h1>
-          <p>线路维护、票务管理、日志查询与 IC 卡管理统一从这里进入。</p>
+          <p>线路维护、票务管理、日志查询与 IC 卡管理统一从·这里进入。</p>
          <ul class="jr-admin-login-points">
            <li>统一管理线路、票价和资源图文件</li>
            <li>查看电子票、凭证与操作日志</li>
@@ -4,7 +4,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FSE铁路电子客票</title>
+    <title>电子客票|FSE铁路运输票务系统</title>
    <link rel="icon" type="image/png" href="/FSE-ticket.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="/style.css?v=13">
@@ -4,7 +4,7 @@
 <head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>线上预定</title>
+  <title>线上预定|FSE铁路运输票务系统</title>
  <link rel="icon" type="image/png" href="/FSE-ticket.png">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  <link rel="stylesheet" href="/style.css?v=13">
@@ -5,7 +5,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FSE铁路票务系统 - 线路规划</title>
+    <title>线路规划|FSE铁路运输票务系统</title>
    <link rel="icon" type="image/png" href="/FSE-ticket.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="/style.css?v=13">
@@ -19,7 +19,7 @@
            <div class="jr-topbar-inner">
                <a href="https://ticket.fse-media.group" class="jr-top-link" id="routeTopLink">
                    <i class="fas fa-train"></i>
-                    <span>FSE 铁路运输后台系统</span>
+                    <span>FSE铁路运输票务系统</span>
                </a>
                <div class="jr-top-status is-checking" data-server-status-root>
                    <span class="jr-top-status-label">服务器状态</span>
@@ -95,7 +95,6 @@
                        <button class="icon-btn mobile-only" @click="sidebarOpen = !sidebarOpen" title="菜单"><i
                                class="fas fa-bars"></i></button>
                        <div>
-                            <span class="jr-kicker">JR STYLE ADMIN</span>
                            <h3 style="margin: 0;">{{ viewTitle }}</h3>
                        </div>
                    </div>
@@ -4,7 +4,7 @@
 <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>票务查询</title>
+    <title>票务查询|FSE铁路运输票务系统</title>
    <link rel="icon" type="image/png" href="/FSE-ticket.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="/style.css?v=14" />
@@ -4,7 +4,7 @@
 <head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>凭证详情</title>
+  <title>凭证详情|FSE铁路运输票务系统</title>
  <link rel="icon" type="image/png" href="/FSE-ticket.png">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  <link rel="stylesheet" href="/style.css?v=13" />
@@ -30,7 +30,7 @@
        <a href="https://ticket.fse-media.group" class="jr-brand" id="brandLink">
          <img src="/FSE-ticket.png" alt="FSE Railway" class="jr-brand-logo" />
          <div class="jr-brand-copy">
-            <strong>FSE铁路售票系统</strong>
+            <strong>FSE铁路运输票务系统</strong>
            <span>凭证详情</span>
          </div>
        </a>