From 4d93844637d2df96e2c51e8ae04517e470a7a9ca Mon Sep 17 00:00:00 2001
From: duxingchen <duxingchen@iris-rs.cn>
Date: Mon, 10 Aug 2026 13:29:35 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=AE=AD=E5=A4=B4=E8=AF=AD=E4=B9=89?=
 =?UTF-8?q?=E6=96=B9=E5=90=91=E4=BF=AE=E6=AD=A3=E2=80=94=E6=B0=B8=E8=BF=9C?=
 =?UTF-8?q?=E8=83=8C=E7=A6=BB=E4=B8=BB=E5=B9=B2=E6=8C=87=E5=90=91=E5=88=86?=
 =?UTF-8?q?=E6=94=AF(=E5=B7=A6=E7=BF=BC=E2=97=80+=E5=8F=B3=E7=BF=BC?=
 =?UTF-8?q?=E2=96=B6)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/TaskTree/TaskFlowView.tsx     | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/TaskTree/TaskFlowView.tsx b/frontend/src/components/TaskTree/TaskFlowView.tsx
index ab7f23e..451acf9 100644
--- a/frontend/src/components/TaskTree/TaskFlowView.tsx
+++ b/frontend/src/components/TaskTree/TaskFlowView.tsx
@@ -18,6 +18,10 @@ function active(s: string) { return s === "WIP" || s === "PENDING"; }
 function ArrowRight({ color = "#9ca3af" }: { color?: string }) {
   return <svg className="h-3 w-3 shrink-0" viewBox="0 0 8 8"><polygon points="0,0 8,4 0,8" fill={color} /></svg>;
 }
+/** 微型左箭头 SVG */
+function ArrowLeft({ color = "#9ca3af" }: { color?: string }) {
+  return <svg className="h-3 w-3 shrink-0" viewBox="0 0 8 8"><polygon points="8,0 0,4 8,8" fill={color} /></svg>;
+}
 function parseImages(s: string | null | undefined): string[] { if (!s) return []; try { return JSON.parse(s); } catch { return []; } }
 function imageUrl(u: string) { if (!u) return ""; return u.startsWith("http") ? u : import.meta.env.VITE_API_BASE_URL + (u.startsWith("/") ? u : "/" + u); }
 
@@ -144,10 +148,10 @@ export const TaskFlowView = memo(function TaskFlowView({ tasks, onAction, curren
                     return (
                       <div key={t.id} className="flex items-center">
                         <SlimCard task={t} active legacy={isLegacy} assigneeName={assigneeNames?.[t.assignee_id || ""]} onAction={onAction} currentUser={currentUser} onViewRecords={setRecordsTask} />
-                        {/* 连线+箭头 → 右侧指向中央 */}
+                        {/* 左翼：箭头 ◀ 指向分支卡片（背离中央主干） */}
                         <div className="flex items-center">
+                          <ArrowLeft color={isLegacy ? "#fdba74" : "#9ca3af"} />
                           <div className={`w-5 border-t-2 ${isLegacy ? "border-dashed border-orange-300" : "border-solid border-gray-400"}`} />
-                          <ArrowRight color={isLegacy ? "#fdba74" : "#9ca3af"} />
                         </div>
                       </div>
                     );
@@ -163,10 +167,10 @@ export const TaskFlowView = memo(function TaskFlowView({ tasks, onAction, curren
                     const isLegacy = legacySubs.includes(t);
                     return (
                       <div key={t.id} className="flex items-center">
-                        {/* 连线+箭头 → 右侧指向外侧 */}
+                        {/* 右翼：箭头 ▶ 指向分支卡片（背离中央主干） */}
                         <div className="flex items-center">
-                          <ArrowRight color={isLegacy ? "#fdba74" : "#9ca3af"} />
                           <div className={`w-5 border-t-2 ${isLegacy ? "border-dashed border-orange-300" : "border-solid border-gray-400"}`} />
+                          <ArrowRight color={isLegacy ? "#fdba74" : "#9ca3af"} />
                         </div>
                         <SlimCard task={t} active legacy={isLegacy} assigneeName={assigneeNames?.[t.assignee_id || ""]} onAction={onAction} currentUser={currentUser} onViewRecords={setRecordsTask} />
                       </div>
@@ -203,8 +207,8 @@ export const TaskFlowView = memo(function TaskFlowView({ tasks, onAction, curren
                         <SlimCard task={c} active={active(c.status)} legacy={lineStyle}
                           assigneeName={assigneeNames?.[c.assignee_id || ""]} onAction={onAction} currentUser={currentUser} onViewRecords={setRecordsTask} />
                         <div className="flex items-center">
+                          <ArrowLeft color={lineStyle ? "#fdba74" : "#9ca3af"} />
                           <div className={`w-5 border-t-2 ${lineStyle ? "border-dashed border-orange-300" : "border-solid border-gray-400"}`} />
-                          <ArrowRight color={lineStyle ? "#fdba74" : "#9ca3af"} />
                         </div>
                       </div>
                     ))}
@@ -222,8 +226,8 @@ export const TaskFlowView = memo(function TaskFlowView({ tasks, onAction, curren
                     {rightChildren.map(c => (
                       <div key={c.id} className="flex items-center">
                         <div className="flex items-center">
-                          <ArrowRight color={lineStyle ? "#fdba74" : "#9ca3af"} />
                           <div className={`w-5 border-t-2 ${lineStyle ? "border-dashed border-orange-300" : "border-solid border-gray-400"}`} />
+                          <ArrowRight color={lineStyle ? "#fdba74" : "#9ca3af"} />
                         </div>
                         <SlimCard task={c} active={active(c.status)} legacy={lineStyle}
                           assigneeName={assigneeNames?.[c.assignee_id || ""]} onAction={onAction} currentUser={currentUser} onViewRecords={setRecordsTask} />