fix(web): 彻底清理车票详情弹窗并统一后台导航

1. 在 /route 页面中彻底移除了遗留的 \showTicketModal\ 车票详情弹窗 HTML 代码,解决页面刷新时偶发的乱码闪烁问题。
2. 在 /admin (index.html) 的左侧边栏补齐了「站点管理」导航入口。
3. 为了保证体验一致性,当用户在 /admin 点击「站点管理」时,会显示一个友好的迁移引导页,引导用户跳转到更专业的 /route 线路规划后台进行站点编辑。
This commit is contained in:
2026-08-08 00:07:53 +08:00
parent 7e0a114635
commit cdf2c39220
2 changed files with 18 additions and 5 deletions
+16
View File
@@ -77,6 +77,10 @@
@click="currentView = 'vouchers'"> @click="currentView = 'vouchers'">
<span class="nav-icon"><i class="fas fa-receipt"></i></span> 凭证记录 <span class="nav-icon"><i class="fas fa-receipt"></i></span> 凭证记录
</div> </div>
<div class="nav-item" :class="{active: currentView === 'stations'}"
@click="currentView = 'stations'">
<span class="nav-icon"><i class="fas fa-map-marker-alt"></i></span> 站点管理
</div>
<div class="nav-item" :class="{active: currentView === 'iccards'}" <div class="nav-item" :class="{active: currentView === 'iccards'}"
@click="currentView = 'iccards'"> @click="currentView = 'iccards'">
<span class="nav-icon"><i class="fas fa-credit-card"></i></span> IC卡管理 <span class="nav-icon"><i class="fas fa-credit-card"></i></span> IC卡管理
@@ -567,6 +571,18 @@
</div> </div>
</div> </div>
<!-- 站点管理迁移引导 -->
<div v-if="currentView === 'stations'">
<div class="card mb-4" style="text-align: center; padding: 60px 20px;">
<i class="fas fa-map-marker-alt" style="font-size: 48px; color: var(--muted); margin-bottom: 20px; display: block;"></i>
<h3 style="margin-bottom: 12px;">站点与线路管理已迁移</h3>
<p class="text-muted" style="margin-bottom: 24px;">为了提供更专业的线路拓扑编辑和站点全局管理体验,该功能已被迁移至独立的「线路规划后台」。</p>
<a href="/route" class="btn primary" style="text-decoration: none; display: inline-flex; align-items: center; gap: 8px;">
前往 线路规划系统 <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
<div v-if="currentView === 'iccards'"> <div v-if="currentView === 'iccards'">
<div class="grid"> <div class="grid">
+1 -4
View File
@@ -461,8 +461,7 @@
</div> </div>
<!-- 票价地图 --> <!-- 票价地图 -->
<div v-if="currentView === 'faremap'"> <div v-if="currentView === 'faremap'" class="card faremap-card">
<div class="card faremap-card">
<div class="flex between mb-4"> <div class="flex between mb-4">
<h4>票价地图</h4> <h4>票价地图</h4>
<div class="flex" style="flex-wrap: wrap; gap: 8px;"> <div class="flex" style="flex-wrap: wrap; gap: 8px;">
@@ -480,8 +479,6 @@
v-html="fareMapSvg"> v-html="fareMapSvg">
</div> </div>
</div> </div>
</div>
</div>
<footer class="site-footer"> <footer class="site-footer">
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">粤ICP备2025450093号</a> <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">粤ICP备2025450093号</a>