140 lines
7.0 KiB
HTML
140 lines
7.0 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="zh-CN">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
|
<title>凭证详情</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=12" />
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="public-search jr-public-page">
|
||
|
|
<div class="jr-public-shell">
|
||
|
|
<header class="jr-topbar">
|
||
|
|
<div class="jr-topbar-inner">
|
||
|
|
<a href="https://ticket.fse-media.group" id="homeLink" class="jr-top-link">
|
||
|
|
<i class="fas fa-arrow-left"></i>
|
||
|
|
<span>返回首页</span>
|
||
|
|
</a>
|
||
|
|
<div class="jr-top-status is-checking" data-server-status-root>
|
||
|
|
<span class="jr-top-status-label">服务器状态</span>
|
||
|
|
<span class="jr-top-status-dot"></span>
|
||
|
|
<span class="jr-top-status-value" data-server-status-value>检测中</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
<div class="jr-brandbar">
|
||
|
|
<div class="jr-brandbar-inner">
|
||
|
|
<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>
|
||
|
|
<span>凭证详情</span>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<nav class="jr-nav" aria-label="站点导航">
|
||
|
|
<a href="https://ticket.fse-media.group/home.html" data-link="home">首页</a>
|
||
|
|
<a href="https://ticket.fse-media.group/order" data-link="order" class="is-active">线上预定</a>
|
||
|
|
<a href="https://ticket.fse-media.group/search" data-link="search">车票查询</a>
|
||
|
|
<a href="https://ticket.fse-media.group/ic-card/search" data-link="card-search">IC 卡查询</a>
|
||
|
|
<a href="https://ticket.fse-media.group/ic-card/order" data-link="card-order">线上购卡</a>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<main class="jr-public-main">
|
||
|
|
<section class="jr-page-intro">
|
||
|
|
<span class="jr-kicker">ORDER VOUCHER</span>
|
||
|
|
<h1>查看订单凭证并准备站内兑票</h1>
|
||
|
|
<p>生成后的凭证码可用于游戏内售票机兑票。请妥善保存页面中的凭证信息，避免凭证码遗失。</p>
|
||
|
|
</section>
|
||
|
|
<div id="loading" class="jr-panel-card">
|
||
|
|
<div class="jr-center-empty">
|
||
|
|
<p>正在加载凭证信息...</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="error" class="jr-panel-card" style="display:none;">
|
||
|
|
<div class="jr-center-empty">
|
||
|
|
<h2 style="margin:0 0 10px;">凭证不存在</h2>
|
||
|
|
<p id="errorMsg">系统未找到该凭证信息。</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="content" class="jr-voucher-layout" style="display:none;">
|
||
|
|
<section class="jr-voucher-card">
|
||
|
|
<div class="jr-panel-headline">
|
||
|
|
<h2>订单凭证</h2>
|
||
|
|
<span class="jr-panel-note" id="vStatusTop"></span>
|
||
|
|
</div>
|
||
|
|
<div class="jr-voucher-band">
|
||
|
|
<span class="jr-kicker">VOUCHER CODE</span>
|
||
|
|
<div class="jr-voucher-code" id="vCodeTop"></div>
|
||
|
|
</div>
|
||
|
|
<div class="jr-route-board" style="margin-top:0;">
|
||
|
|
<div class="jr-station-block">
|
||
|
|
<div class="jr-station-line">
|
||
|
|
<span class="jr-station-title vStartName"></span>
|
||
|
|
<span class="jr-station-code vStartCode"></span>
|
||
|
|
</div>
|
||
|
|
<div class="jr-station-en vStartEn"></div>
|
||
|
|
</div>
|
||
|
|
<div class="jr-route-track"><i class="fas fa-train"></i></div>
|
||
|
|
<div class="jr-station-block is-end">
|
||
|
|
<div class="jr-station-line">
|
||
|
|
<span class="jr-station-title vTermName"></span>
|
||
|
|
<span class="jr-station-code vTermCode"></span>
|
||
|
|
</div>
|
||
|
|
<div class="jr-station-en vTermEn"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="jr-meta-grid">
|
||
|
|
<div class="jr-meta-item"><span>车型</span><strong id="vTypeTop"></strong></div>
|
||
|
|
<div class="jr-meta-item"><span>乘次</span><strong id="vTripsTop"></strong></div>
|
||
|
|
<div class="jr-meta-item"><span>乘车日期</span><strong id="vDateTop"></strong></div>
|
||
|
|
<div class="jr-meta-item"><span>票价</span><strong id="vPriceTop"></strong></div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<aside class="jr-voucher-card jr-redeem-card">
|
||
|
|
<div class="jr-panel-headline">
|
||
|
|
<h3>兑票操作</h3>
|
||
|
|
<span class="jr-panel-note" id="vStatusTag"></span>
|
||
|
|
</div>
|
||
|
|
<div class="jr-redeem-summary">
|
||
|
|
<span class="jr-kicker">REDEEM CODE</span>
|
||
|
|
<div class="jr-redeem-code-row">
|
||
|
|
<span class="jr-redeem-code-label">兑票码</span>
|
||
|
|
<strong class="jr-redeem-code-value" id="vCode"></strong>
|
||
|
|
</div>
|
||
|
|
<p class="jr-redeem-copy">请在游戏内任意售票机选择线上订票后输入该凭证码完成兑票。</p>
|
||
|
|
</div>
|
||
|
|
<ol class="jr-guide-list jr-redeem-steps">
|
||
|
|
<li>前往游戏内任意售票机，选择“线上订票”。</li>
|
||
|
|
<li>输入上方兑票码并确认订单信息。</li>
|
||
|
|
<li>完成出票后，该凭证会自动变为已使用。</li>
|
||
|
|
</ol>
|
||
|
|
<div class="jr-action-row">
|
||
|
|
<a href="ticket-order.html" data-link="order" class="btn jr-secondary-btn"><i class="fas fa-arrow-left"></i>
|
||
|
|
返回预定</a>
|
||
|
|
<button class="btn primary jr-search-button" id="copyBtn"><i class="fas fa-copy"></i> 复制凭证码</button>
|
||
|
|
</div>
|
||
|
|
</aside>
|
||
|
|
</div>
|
||
|
|
<footer class="site-footer jr-footer-space">
|
||
|
|
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">粤ICP备2025450093号</a>
|
||
|
|
<span class="version">v1.0.12</span>
|
||
|
|
</footer>
|
||
|
|
</main>
|
||
|
|
</div>
|
||
|
|
<script src="/custom-dialog.js?v=11"></script>
|
||
|
|
<script src="/token.js?v=2"></script>
|
||
|
|
<script src="/public-status.js?v=13"></script>
|
||
|
|
<script src="/ai-assistant.js?v=6"></script>
|
||
|
|
<script>document.addEventListener('DOMContentLoaded', () => {
|
||
|
|
const isDomain = location.hostname.includes('fse-media.group'); const links = {
|
||
|
|
home: isDomain ? 'https://ticket.fse-media.group' : '/home.html', order: isDomain ? 'https://ticket.fse-media.group/order' : '/ticket-order.html', search: isDomain ? 'https://ticket.fse-media.group/search' : '/ticket-search.html', 'card-search': isDomain ? 'https://ticket.fse-media.group/ic-card/search' : '/ic-card-search.html', 'card-order': isDomain ? 'https://ticket.fse-media.group/ic-card/order' : '/ic-card-order.html'
|
||
|
|
}; const homeLink = document.getElementById('homeLink'); const brandLink = document.getElementById('brandLink'); if (homeLink) homeLink.href = links.home; if (brandLink) brandLink.href = links.home; document.querySelectorAll('[data-link]').forEach((el) => { const key = el.getAttribute('data-link'); if (links[key]) el.href = links[key]; });
|
||
|
|
});</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|