2026-06-28 10:53:45 +08:00
|
|
|
<!doctype html>
|
2026-06-21 10:00:13 +08:00
|
|
|
<html lang="zh-CN">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
2026-06-28 10:53:45 +08:00
|
|
|
<title>IC 卡线上购卡</title>
|
2026-06-21 10:00:13 +08:00
|
|
|
<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">
|
2026-06-21 10:37:25 +08:00
|
|
|
<link rel="stylesheet" href="/style.css?v=13">
|
2026-06-21 10:00:13 +08:00
|
|
|
</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>
|
2026-06-28 10:53:45 +08:00
|
|
|
<span>返回首页</span>
|
2026-06-21 10:00:13 +08:00
|
|
|
</a>
|
|
|
|
|
<div class="jr-top-status is-checking" data-server-status-root>
|
2026-06-28 10:53:45 +08:00
|
|
|
<span class="jr-top-status-label">服务器状态</span>
|
2026-06-21 10:00:13 +08:00
|
|
|
<span class="jr-top-status-dot"></span>
|
2026-06-28 10:53:45 +08:00
|
|
|
<span class="jr-top-status-value" data-server-status-value>检测中</span>
|
2026-06-21 10:00:13 +08:00
|
|
|
</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 Railway</strong>
|
|
|
|
|
<span>IC Card Online Order</span>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
2026-06-28 10:53:45 +08:00
|
|
|
<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">线上预定</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" class="is-active">线上购卡</a>
|
2026-06-21 10:00:13 +08:00
|
|
|
</nav>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<main class="jr-public-main">
|
|
|
|
|
<section class="jr-page-intro">
|
|
|
|
|
<span class="jr-kicker">IC CARD ORDER</span>
|
2026-06-28 10:53:45 +08:00
|
|
|
<h1>在线购买 IC 卡并生成领卡凭证</h1>
|
|
|
|
|
<p>提交持卡人姓名并选择首次充值金额后，系统会即时生成卡号和 5 位凭证码，旅客可凭凭证码到站内办理领卡。</p>
|
2026-06-21 10:00:13 +08:00
|
|
|
</section>
|
|
|
|
|
<section class="jr-home-alert">
|
|
|
|
|
<div class="jr-alert-title">
|
|
|
|
|
<i class="fas fa-circle-info"></i>
|
2026-06-28 10:53:45 +08:00
|
|
|
<span>购卡提醒</span>
|
2026-06-21 10:00:13 +08:00
|
|
|
</div>
|
2026-06-28 10:53:45 +08:00
|
|
|
<p>线上购卡创建后默认状态为“待领卡”；持卡人姓名仅支持英文与常用符号。如需补查凭证或卡片状态，可前往 IC 卡查询页输入卡号或凭证码检索。</p>
|
2026-06-21 10:00:13 +08:00
|
|
|
</section>
|
|
|
|
|
<section class="jr-grid-two">
|
|
|
|
|
<article class="jr-panel-card">
|
|
|
|
|
<div class="jr-panel-headline">
|
2026-06-28 10:53:45 +08:00
|
|
|
<h2>首次充值</h2>
|
2026-06-21 10:00:13 +08:00
|
|
|
<span class="jr-panel-note">First Top-up</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="rechargeOptionList" class="jr-card-plan-grid">
|
|
|
|
|
<div class="jr-center-empty">
|
2026-06-28 10:53:45 +08:00
|
|
|
<p>正在加载充值配置...</p>
|
2026-06-21 10:00:13 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="customRechargeBox" class="jr-card-plan-custom-box">
|
|
|
|
|
<input id="customInitialBalance" class="jr-search-input" type="number" min="1" step="1"
|
2026-06-28 10:53:45 +08:00
|
|
|
placeholder="自定义首次充值金额，选择“自定义”后启用" disabled>
|
2026-06-21 10:00:13 +08:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="jr-panel-headline" style="margin-top:24px;">
|
2026-06-28 10:53:45 +08:00
|
|
|
<h3>持卡人信息</h3>
|
2026-06-21 10:00:13 +08:00
|
|
|
<span class="jr-panel-note">Order Form</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ic-form-grid">
|
|
|
|
|
<input id="holderName" class="jr-search-input" type="text" maxlength="24"
|
2026-06-28 10:53:45 +08:00
|
|
|
placeholder="持卡人姓名，仅支持英文与常用符号">
|
2026-06-21 10:00:13 +08:00
|
|
|
</div>
|
2026-06-28 10:53:45 +08:00
|
|
|
<p id="holderNameHint" class="text-muted" style="margin-top:12px;">仅支持英文与常用符号，例如 `Alex Smith`、`A.Brown`、`Chris-O'Neil`。</p>
|
2026-06-21 10:00:13 +08:00
|
|
|
<div class="jr-action-row">
|
2026-06-28 10:53:45 +08:00
|
|
|
<button id="submitOrderBtn" class="btn primary jr-search-button">
|
|
|
|
|
<i class="fas fa-credit-card"></i>
|
|
|
|
|
提交购卡
|
|
|
|
|
</button>
|
2026-06-21 10:00:13 +08:00
|
|
|
</div>
|
|
|
|
|
</article>
|
|
|
|
|
<div>
|
|
|
|
|
<article class="jr-panel-card" style="margin-bottom:20px;">
|
|
|
|
|
<div class="jr-panel-headline">
|
2026-06-28 10:53:45 +08:00
|
|
|
<h2>费用预估</h2>
|
2026-06-21 10:00:13 +08:00
|
|
|
<span class="jr-panel-note">Estimate</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="estimateBox" class="ic-inline-meta">
|
|
|
|
|
<div class="jr-center-empty">
|
2026-06-28 10:53:45 +08:00
|
|
|
<p>请选择首次充值金额后查看费用构成。</p>
|
2026-06-21 10:00:13 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</article>
|
|
|
|
|
<article class="jr-panel-card">
|
|
|
|
|
<div class="jr-panel-headline">
|
2026-06-28 10:53:45 +08:00
|
|
|
<h2>购卡结果</h2>
|
2026-06-21 10:00:13 +08:00
|
|
|
<span class="jr-panel-note">Card Result</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="orderResultBox" class="jr-center-empty">
|
2026-06-28 10:53:45 +08:00
|
|
|
<p>提交后将在此显示卡号、凭证码和领卡提示。</p>
|
2026-06-21 10:00:13 +08:00
|
|
|
</div>
|
|
|
|
|
</article>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<footer class="site-footer jr-footer-space">
|
2026-06-28 10:53:45 +08:00
|
|
|
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">粤ICP备2025450093号</a>
|
2026-06-21 10:00:13 +08:00
|
|
|
<span class="version">v1.0.12</span>
|
|
|
|
|
</footer>
|
|
|
|
|
</main>
|
|
|
|
|
</div>
|
2026-06-21 10:37:25 +08:00
|
|
|
<script src="/custom-dialog.js?v=12"></script>
|
2026-06-21 10:00:13 +08:00
|
|
|
<script src="/ic-card-order.js?v=2"></script>
|
|
|
|
|
<script src="/public-status.js?v=13"></script>
|
|
|
|
|
<script src="/ai-assistant.js?v=6"></script>
|
2026-06-28 10:53:45 +08:00
|
|
|
<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>
|
2026-06-21 10:00:13 +08:00
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
2026-06-21 10:37:25 +08:00
|
|
|
|
