Henry_Du/FSE-Ticket.sys
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): 修复断点站点的X轴坐标偏移问题，并优化换乘站的视觉连接

Browse Source
This commit is contained in:
Henry_Du
2026-07-11 22:42:46 +08:00
parent db24b4da18
commit 4052cd2f58
4 changed files with 20 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/.asset-version-state.json
+2 -2
View File
@@ -16,8 +16,8 @@
"mtimeMs": 1783602619602.658 "mtimeMs": 1783602619602.658
}, },
"ticket-order.js": { "ticket-order.js": {
"size": 32589, "size": 33248,
"mtimeMs": 1783779020571.2231 "mtimeMs": 1783780167713.1963
}, },
"ticket-search.js": { "ticket-search.js": {
"size": 17269, "size": 17269,
web/asset-versions.json
+1 -1
View File
@@ -3,7 +3,7 @@
"blog.css": 2, "blog.css": 2,
"custom-dialog.js": 11, "custom-dialog.js": 11,
"public-status.js": 14, "public-status.js": 14,
"ticket-order.js": 18, "ticket-order.js": 19,
"ticket-search.js": 12, "ticket-search.js": 12,
"ticket-route.js": 3, "ticket-route.js": 3,
"index.js": 5, "index.js": 5,
web/ticket-order.html
+1 -1
View File
@@ -158,7 +158,7 @@
</div> </div>
<script src="/custom-dialog.js?v=11"></script> <script src="/custom-dialog.js?v=11"></script>
<script src="/ticket-order.js?v=18"></script> <script src="/ticket-order.js?v=19"></script>
<script src="/public-status.js?v=14"></script> <script src="/public-status.js?v=14"></script>
<script> <script>
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
web/ticket-order.js
+16 -3
View File
@@ -186,6 +186,7 @@
for (const li of lineStops) { for (const li of lineStops) {
for (let i = 0; i < li.stops.length; i++) { for (let i = 0; i < li.stops.length; i++) {
const code = li.stops[i]; const code = li.stops[i];
if (code === '-') continue;
const canonical = stationCanonicalByCode[code] || code; const canonical = stationCanonicalByCode[code] || code;
if (!occurrences[canonical]) occurrences[canonical] = []; if (!occurrences[canonical]) occurrences[canonical] = [];
occurrences[canonical].push(i * minGapX); occurrences[canonical].push(i * minGapX);
@@ -202,6 +203,7 @@
for (const li of lineStops) { for (const li of lineStops) {
let prevX = startX - minGapX; let prevX = startX - minGapX;
for (const code of li.stops) { for (const code of li.stops) {
if (code === '-') continue;
const canonical = stationCanonicalByCode[code] || code; const canonical = stationCanonicalByCode[code] || code;
const x = stationXByCanonical[canonical] ?? (prevX + minGapX); const x = stationXByCanonical[canonical] ?? (prevX + minGapX);
const nx = Math.max(x, prevX + minGapX); const nx = Math.max(x, prevX + minGapX);
@@ -287,9 +289,20 @@
const codes = (stationCodesByCanonical[canonical] || []).filter(code => Number.isFinite(stationYByCanonical[code])); const codes = (stationCodesByCanonical[canonical] || []).filter(code => Number.isFinite(stationYByCanonical[code]));
if (codes.length < 2) continue; if (codes.length < 2) continue;
const x = stationXByCanonical[canonical]; const x = stationXByCanonical[canonical];
const y = stationYByCanonical[codes[0]];
const labelY = y + 34; const ys = codes.map(c => stationYByCanonical[c]);
svgContent += `<circle cx="${x}" cy="${y}" r="7" fill="#ffffff" stroke="#111827" stroke-width="3" />`; const minY = Math.min(...ys);
const maxY = Math.max(...ys);
// Draw vertical pill connecting the transfer stations
if (maxY > minY) {
svgContent += `<rect x="${x - 8}" y="${minY}" width="16" height="${maxY - minY}" rx="8" fill="#ffffff" stroke="#111827" stroke-width="3" />`;
}
const y = minY;
const labelY = y - 34;
// Remove the standalone circle for the transfer hub, just rely on the nodes themselves and the vertical pill
// svgContent += `<circle cx="${x}" cy="${y}" r="7" fill="#ffffff" stroke="#111827" stroke-width="3" />`;
svgContent += `<rect x="${x - 42}" y="${labelY - 16}" width="84" height="24" rx="12" fill="rgba(241,245,249,0.92)" stroke="#cbd5e1" stroke-width="1.5" />`; svgContent += `<rect x="${x - 42}" y="${labelY - 16}" width="84" height="24" rx="12" fill="rgba(241,245,249,0.92)" stroke="#cbd5e1" stroke-width="1.5" />`;
svgContent += `<text x="${x}" y="${labelY}" text-anchor="middle" fill="#334155" font-size="13" font-weight="800">${getStationDisplayName(canonical)}</text>`; svgContent += `<text x="${x}" y="${labelY}" text-anchor="middle" fill="#334155" font-size="13" font-weight="800">${getStationDisplayName(canonical)}</text>`;
labelShownForCanonical.add(canonical); labelShownForCanonical.add(canonical);