113 lines
6.6 KiB
HTML
113 lines
6.6 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="zh-CN">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
|
<title>IC 卡详情</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 Railway</strong>
|
||
|
|
<span>IC Card Detail</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">线上预定</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" class="is-active">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">IC CARD PASS</span>
|
||
|
|
<h1>IC 卡电子信息</h1>
|
||
|
|
<p>IC交通卡电子信息</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">系统未找到该 IC 卡信息。</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="content" class="jr-voucher-layout" style="display:none;">
|
||
|
|
<section class="jr-voucher-card">
|
||
|
|
<div class="jr-panel-headline">
|
||
|
|
<h2>IC 卡电子信息</h2>
|
||
|
|
<span class="jr-panel-note" id="cardStatusTop"></span>
|
||
|
|
</div>
|
||
|
|
<div class="jr-voucher-band jr-card-pass-band">
|
||
|
|
<span class="jr-kicker">CARD ID</span>
|
||
|
|
<div class="jr-voucher-code" id="cardIdTop"></div>
|
||
|
|
</div>
|
||
|
|
<div class="jr-meta-grid jr-card-info-grid">
|
||
|
|
<div class="jr-meta-item"><span>持卡人</span><strong id="holderName"></strong></div>
|
||
|
|
<div class="jr-meta-item"><span>当前余额</span><strong class="jr-code-accent-status"
|
||
|
|
id="cardBalance"></strong></div>
|
||
|
|
<div class="jr-meta-item"><span>凭证码</span><strong class="mono" id="cardVoucher"></strong></div>
|
||
|
|
<div class="jr-meta-item"><span>开卡时间</span><strong id="cardCreatedTs"></strong></div>
|
||
|
|
</div>
|
||
|
|
<div class="jr-redeem-summary">
|
||
|
|
<span class="jr-kicker">CARD GUIDE</span>
|
||
|
|
<div class="jr-redeem-code-row">
|
||
|
|
<span class="jr-redeem-code-label">当前状态</span>
|
||
|
|
<strong class="jr-redeem-code-value" id="cardStatusTag"></strong>
|
||
|
|
</div>
|
||
|
|
<p class="jr-redeem-copy" id="cardUsageHint">如卡片仍为“待领卡”，请持凭证码前往站内售票机完成领卡；如已启用，可在检票机直接刷卡进出站。</p>
|
||
|
|
</div>
|
||
|
|
<div class="jr-action-row">
|
||
|
|
<a id="searchLink" href="#" class="btn jr-secondary-btn"><i class="fas fa-search"></i> 查询记录</a>
|
||
|
|
<button class="btn primary jr-search-button" id="copyCardIdBtn"><i class="fas fa-copy"></i>
|
||
|
|
复制卡号</button>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</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="/ic-card-detail.js?v=2"></script>
|
||
|
|
<script src="/public-status.js?v=13"></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>
|