From 9ef5d2099e71b4eea1b4b1dadc9fe128334a56af Mon Sep 17 00:00:00 2001
From: HenryDu8133 <813367384@qq.com>
Date: Sun, 12 Jul 2026 09:02:12 +0800
Subject: [PATCH] =?UTF-8?q?refactor(web):=20=E5=B0=86=E8=AE=A2=E7=A5=A8?=
 =?UTF-8?q?=E7=BA=BF=E8=B7=AF=E5=9B=BE=E6=94=B9=E4=B8=BA90=E5=BA=A6?=
 =?UTF-8?q?=E8=A7=84=E6=95=B4=E8=B5=B0=E7=BA=BF=E5=B9=B6=E4=BF=9D=E7=95=99?=
 =?UTF-8?q?=E5=9C=86=E8=A7=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/.asset-version-state.json |   4 +-
 web/asset-versions.json       |   2 +-
 web/ticket-order.html         |   2 +-
 web/ticket-order.js           | 120 ++++++++++++++++++++++++++++++++--
 4 files changed, 118 insertions(+), 10 deletions(-)

diff --git a/web/.asset-version-state.json b/web/.asset-version-state.json
index 233c452..e877bab 100644
--- a/web/.asset-version-state.json
+++ b/web/.asset-version-state.json
@@ -16,8 +16,8 @@
     "mtimeMs": 1783602619602.658
   },
   "ticket-order.js": {
-    "size": 33737,
-    "mtimeMs": 1783816412239.149
+    "size": 37866,
+    "mtimeMs": 1783818082616.8108
   },
   "ticket-search.js": {
     "size": 17269,
diff --git a/web/asset-versions.json b/web/asset-versions.json
index b8ae2ec..211cf87 100644
--- a/web/asset-versions.json
+++ b/web/asset-versions.json
@@ -3,7 +3,7 @@
   "blog.css": 2,
   "custom-dialog.js": 11,
   "public-status.js": 14,
-  "ticket-order.js": 23,
+  "ticket-order.js": 24,
   "ticket-search.js": 12,
   "ticket-route.js": 3,
   "index.js": 5,
diff --git a/web/ticket-order.html b/web/ticket-order.html
index 70feeed..89773d9 100644
--- a/web/ticket-order.html
+++ b/web/ticket-order.html
@@ -158,7 +158,7 @@
   </div>
 
   <script src="/custom-dialog.js?v=11"></script>
-  <script src="/ticket-order.js?v=23"></script>
+  <script src="/ticket-order.js?v=24"></script>
   <script src="/public-status.js?v=14"></script>
   <script>
     document.addEventListener('DOMContentLoaded', () => {
diff --git a/web/ticket-order.js b/web/ticket-order.js
index 84b588e..5b173aa 100644
--- a/web/ticket-order.js
+++ b/web/ticket-order.js
@@ -55,6 +55,117 @@
       return out;
   };
 
+  const appendPolylinePoint = (points, x, y) => {
+      const px = Math.round(Number(x) || 0);
+      const py = Math.round(Number(y) || 0);
+      const last = points[points.length - 1];
+      if (last && last.x === px && last.y === py) return;
+      points.push({ x: px, y: py });
+  };
+
+  const buildRoundedOrthogonalPath = (points, radius = 14) => {
+      if (!Array.isArray(points) || points.length === 0) return '';
+      if (points.length === 1) return `M ${points[0].x} ${points[0].y}`;
+
+      let d = `M ${points[0].x} ${points[0].y}`;
+      for (let i = 1; i < points.length; i++) {
+          const prev = points[i - 1];
+          const cur = points[i];
+          const next = points[i + 1];
+          if (!next) {
+              d += ` L ${cur.x} ${cur.y}`;
+              continue;
+          }
+
+          const inDx = cur.x - prev.x;
+          const inDy = cur.y - prev.y;
+          const outDx = next.x - cur.x;
+          const outDy = next.y - cur.y;
+          const isCorner = ((inDx === 0 && outDy === 0) || (inDy === 0 && outDx === 0)) && !(inDx === 0 && outDx === 0) && !(inDy === 0 && outDy === 0);
+          if (!isCorner) {
+              d += ` L ${cur.x} ${cur.y}`;
+              continue;
+          }
+
+          const inLen = Math.abs(inDx) + Math.abs(inDy);
+          const outLen = Math.abs(outDx) + Math.abs(outDy);
+          const r = Math.max(0, Math.min(radius, inLen / 2, outLen / 2));
+          const inX = cur.x - Math.sign(inDx) * r;
+          const inY = cur.y - Math.sign(inDy) * r;
+          const outX = cur.x + Math.sign(outDx) * r;
+          const outY = cur.y + Math.sign(outDy) * r;
+          d += ` L ${inX} ${inY} Q ${cur.x} ${cur.y} ${outX} ${outY}`;
+      }
+      return d;
+  };
+
+  function isTransferCode(code) {
+      const normalized = String(code || '').trim();
+      if (!normalized) return false;
+      const canonical = stationCanonicalByCode[normalized] || normalized;
+      const codes = stationCodesByCanonical[canonical] || [];
+      return codes.length >= 2 || stationTransfer.has(normalized);
+  }
+
+  function buildLinePath(points, yLine) {
+      if (!Array.isArray(points) || points.length === 0) return '';
+      const poly = [];
+      appendPolylinePoint(poly, points[0].x, points[0].y);
+      for (let i = 1; i < points.length; i++) {
+          const prev = points[i - 1];
+          const cur = points[i];
+          const prevOnLine = Math.abs(prev.y - yLine) < 0.5;
+          const curOnLine = Math.abs(cur.y - yLine) < 0.5;
+
+          if (prev.x === cur.x || prev.y === cur.y) {
+              appendPolylinePoint(poly, cur.x, cur.y);
+              continue;
+          }
+
+          if (prevOnLine && curOnLine) {
+              appendPolylinePoint(poly, cur.x, cur.y);
+          } else if (prevOnLine && !curOnLine) {
+              appendPolylinePoint(poly, cur.x, yLine);
+              appendPolylinePoint(poly, cur.x, cur.y);
+          } else if (!prevOnLine && curOnLine) {
+              appendPolylinePoint(poly, prev.x, yLine);
+              appendPolylinePoint(poly, cur.x, cur.y);
+          } else {
+              appendPolylinePoint(poly, prev.x, yLine);
+              appendPolylinePoint(poly, cur.x, yLine);
+              appendPolylinePoint(poly, cur.x, cur.y);
+          }
+      }
+      return buildRoundedOrthogonalPath(poly, 14);
+  }
+
+  function buildRoutePath(points, codes) {
+      if (!Array.isArray(points) || points.length === 0) return '';
+      const poly = [];
+      appendPolylinePoint(poly, points[0].x, points[0].y);
+      for (let i = 1; i < points.length; i++) {
+          const prev = points[i - 1];
+          const cur = points[i];
+          const prevTransfer = isTransferCode(codes?.[i - 1]);
+          const curTransfer = isTransferCode(codes?.[i]);
+
+          if (prev.x === cur.x || prev.y === cur.y) {
+              appendPolylinePoint(poly, cur.x, cur.y);
+              continue;
+          }
+
+          if (!prevTransfer && curTransfer) {
+              appendPolylinePoint(poly, cur.x, prev.y);
+          } else if (prevTransfer && !curTransfer) {
+              appendPolylinePoint(poly, prev.x, cur.y);
+          } else {
+              appendPolylinePoint(poly, prev.x, cur.y);
+          }
+          appendPolylinePoint(poly, cur.x, cur.y);
+      }
+      return buildRoundedOrthogonalPath(poly, 16);
+  }
+
   async function loadMap() {
       try {
           const res = await fetch('/api/public/fares/map/light');
@@ -273,11 +384,7 @@
                           y: stationYByCanonical[code] ?? yLine
                       };
                   });
-                  
-                  let d = `M ${pts[0].x} ${pts[0].y}`;
-                  for (let i = 1; i < pts.length; i++) {
-                      d += ` L ${pts[i].x} ${pts[i].y}`;
-                  }
+                  const d = buildLinePath(pts, yLine);
                   svgContent += `<path d="${d}" fill="none" stroke="${li.color}" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" />`;
               }
           }
@@ -496,7 +603,8 @@
       const group = document.createElementNS(ns, 'g');
       group.setAttribute('class', 'route-overlay-group');
 
-    const pathData = points.map((pt, idx) => `${idx === 0 ? 'M' : 'L'} ${pt.x} ${pt.y}`).join(' ');
+      const pathData = buildRoutePath(points, currentRoute);
+      if (!pathData) return;
 
     const glow = document.createElementNS(ns, 'path');
     glow.setAttribute('d', pathData);