From 0a664afd14d07cecf318d37492630a8cfdebea3a Mon Sep 17 00:00:00 2001
From: xudan <staysky25@outlook.com>
Date: Tue, 9 Sep 2025 10:31:18 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E5=8F=8C=E5=90=91?=
 =?UTF-8?q?=E8=B7=AF=E7=BA=BF=E7=AE=A1=E7=90=86=E5=8A=9F=E8=83=BD=EF=BC=8C?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E8=8E=B7=E5=8F=96=E3=80=81=E5=88=9B=E5=BB=BA?=
 =?UTF-8?q?=E5=92=8C=E5=88=A0=E9=99=A4=E5=8F=8C=E5=90=91=E8=B7=AF=E7=BA=BF?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E8=B7=AF=E7=BA=BF=E6=96=B9=E5=90=91?=
 =?UTF-8?q?=E5=92=8C=E7=B1=BB=E5=9E=8B=E7=9A=84=E5=A4=84=E7=90=86=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/card/route-edit-card.vue |  75 ++++++++++++++-
 src/services/editor.service.ts          | 119 ++++++++++++++++++++++++
 2 files changed, 190 insertions(+), 4 deletions(-)

diff --git a/src/components/card/route-edit-card.vue b/src/components/card/route-edit-card.vue
index ba32cab..2116eae 100644
--- a/src/components/card/route-edit-card.vue
+++ b/src/components/card/route-edit-card.vue
@@ -28,6 +28,56 @@ const route = computed<MapRouteInfo | null>(() => {
   if (!v?.type) return null;
   return v;
 });
+
+// 双向路线管理
+const connectedRoutes = computed<MapPen[]>(() => {
+  if (!pen.value) return [];
+  const [a1, a2] = pen.value.anchors ?? [];
+  if (!a1?.connectTo || !a2?.connectTo) return [];
+  return editor.value.getRoutesBetweenPoints(a1.connectTo, a2.connectTo);
+});
+
+const currentRoute = computed<MapPen | null>(() => {
+  return pen.value;
+});
+
+const oppositeRoute = computed<MapPen | null>(() => {
+  if (!currentRoute.value) return null;
+  const [a1, a2] = currentRoute.value.anchors ?? [];
+  if (!a1?.connectTo || !a2?.connectTo) return null;
+  
+  return connectedRoutes.value.find(r => r.id !== currentRoute.value?.id) || null;
+});
+
+const isBidirectional = computed<boolean>(() => {
+  return connectedRoutes.value.length >= 2;
+});
+
+
+// 处理路线方向变化
+function handleDirectionChange(direction: any) {
+  if (!props.id) return;
+  editor.value.updateRoute(props.id, { direction: Number(direction) as -1 | 1 });
+}
+
+// 处理路线类型变化
+function handleRouteTypeChange(type: any) {
+  if (!props.id) return;
+  editor.value.changeRouteType(props.id, Number(type) as unknown as MapRouteType);
+}
+
+// 处理反向路线方向变化
+function handleOppositeDirectionChange(direction: any) {
+  if (!oppositeRoute.value?.id) return;
+  editor.value.updateRoute(oppositeRoute.value.id, { direction: Number(direction) as -1 | 1 });
+}
+
+// 处理通行类型变化
+function handlePassChange(pass: any) {
+  if (!props.id) return;
+  editor.value.updateRoute(props.id, { pass: Number(pass) as MapRoutePassType });
+}
+
 </script>
 
 <template>
@@ -37,7 +87,7 @@ const route = computed<MapRouteInfo | null>(() => {
         <a-col :span="24">
           <a-select
             :value="route.pass ?? MapRoutePassType.无"
-            @change="editor.updateRoute(id, { pass: <number>$event })"
+            @change="handlePassChange($event)"
           >
             <a-select-option v-for="[l, v] in MAP_ROUTE_PASS_TYPES" :key="v">{{ $t(l) }}</a-select-option>
           </a-select>
@@ -76,8 +126,7 @@ const route = computed<MapRouteInfo | null>(() => {
         <a-col flex="auto">
           <a-select
             :value="route.direction || 1"
-            @change="editor.updateRoute(id, { direction: <-1 | 1>$event })"
-            disabled
+            @change="handleDirectionChange($event)"
           >
             <a-select-option :value="1">{{ editor.getRouteLabel(id, 1) }}</a-select-option>
             <a-select-option :value="-1">{{ editor.getRouteLabel(id, -1) }}</a-select-option>
@@ -85,12 +134,30 @@ const route = computed<MapRouteInfo | null>(() => {
         </a-col>
       </a-row>
 
+      <!-- 反向路线方向（如果存在双向路线） -->
+      <a-row v-if="isBidirectional && oppositeRoute" align="middle" :gutter="10" :wrap="false">
+        <a-col flex="none">
+          <a-typography-text>{{ $t('反向路线方向') }}:</a-typography-text>
+        </a-col>
+        <a-col flex="auto">
+          <a-select
+            :value="oppositeRoute.route?.direction || -1"
+            @change="handleOppositeDirectionChange($event)"
+          >
+            <a-select-option :value="1">{{ editor.getRouteLabel(oppositeRoute.id, 1) }}</a-select-option>
+            <a-select-option :value="-1">{{ editor.getRouteLabel(oppositeRoute.id, -1) }}</a-select-option>
+          </a-select>
+        </a-col>
+      </a-row>
+
+
+
       <a-row align="middle" :gutter="10" :wrap="false">
         <a-col flex="none">
           <a-typography-text>{{ $t('路段类型') }}:</a-typography-text>
         </a-col>
         <a-col flex="auto">
-          <a-select :value="route.type" @change="editor.changeRouteType(id, <MapRouteType>$event)">
+          <a-select :value="route.type" @change="handleRouteTypeChange($event)">
             <a-select-option v-for="[l, v] in MAP_ROUTE_TYPES" :key="v">{{ $t(l) }}</a-select-option>
           </a-select>
         </a-col>
diff --git a/src/services/editor.service.ts b/src/services/editor.service.ts
index 4104bbe..26fdcaa 100644
--- a/src/services/editor.service.ts
+++ b/src/services/editor.service.ts
@@ -1371,6 +1371,125 @@ export class EditorService extends Meta2d {
     this.updateLineType(pen, type);
     this.setValue({ id, route: { type } }, { render: true, history: true, doEvent: true });
   }
+
+  /**
+   * 获取两个点位之间的所有路线
+   * @param point1Id 第一个点位ID
+   * @param point2Id 第二个点位ID
+   * @returns 连接这两个点位的所有路线数组
+   */
+  public getRoutesBetweenPoints(point1Id: string, point2Id: string): MapPen[] {
+    return this.find('route').filter(route => {
+      const [a1, a2] = route.anchors ?? [];
+      if (!a1?.connectTo || !a2?.connectTo) return false;
+      return (a1.connectTo === point1Id && a2.connectTo === point2Id) ||
+             (a1.connectTo === point2Id && a2.connectTo === point1Id);
+    });
+  }
+
+  /**
+   * 获取指定路线的反向路线
+   * @param routeId 路线ID
+   * @returns 反向路线，如果不存在则返回null
+   */
+  public getReverseRoute(routeId: string): MapPen | null {
+    const route = this.getPenById(routeId);
+    if (!route) return null;
+    
+    const [a1, a2] = route.anchors ?? [];
+    if (!a1?.connectTo || !a2?.connectTo) return null;
+    
+    const reverseRoutes = this.getRoutesBetweenPoints(a1.connectTo, a2.connectTo);
+    return reverseRoutes.find(r => r.id !== routeId) || null;
+  }
+
+  /**
+   * 创建双向路线
+   * @param p 两个点位的数组
+   * @param type 路线类型，默认为直线
+   * @param forwardId 正向路线ID，未指定则自动生成
+   * @param reverseId 反向路线ID，未指定则自动生成
+   */
+  public addBidirectionalRoute(
+    p: [MapPen, MapPen], 
+    type = MapRouteType.直线, 
+    forwardId?: string, 
+    reverseId?: string
+  ): void {
+    const [p1, p2] = p;
+    if (!p1?.anchors?.length || !p2?.anchors?.length) return;
+
+    // 创建正向路线
+    const forwardLine = this.connectLine(p1, p2, undefined, undefined, false);
+    forwardId ||= forwardLine.id!;
+    this.changePenId(forwardLine.id!, forwardId);
+    const forwardPen: MapPen = {
+      tags: ['route'],
+      route: { type, direction: 1 },
+      lineWidth: 1,
+      locked: LockState.DisableEdit,
+      canvasLayer: CanvasLayer.CanvasMain,
+    };
+    this.setValue({ id: forwardId, ...forwardPen }, { render: false, history: false, doEvent: false });
+    this.updateLineType(forwardLine, type);
+
+    // 创建反向路线
+    const reverseLine = this.connectLine(p2, p1, undefined, undefined, false);
+    reverseId ||= reverseLine.id!;
+    this.changePenId(reverseLine.id!, reverseId);
+    const reversePen: MapPen = {
+      tags: ['route'],
+      route: { type, direction: -1 },
+      lineWidth: 1,
+      locked: LockState.DisableEdit,
+      canvasLayer: CanvasLayer.CanvasMain,
+    };
+    this.setValue({ id: reverseId, ...reversePen }, { render: false, history: false, doEvent: false });
+    this.updateLineType(reverseLine, type);
+
+    // 将路线移到底层，确保点位能覆盖在路线之上
+    this.bottom([forwardLine, reverseLine]);
+    
+    // 将反向路线移到正向路线之上，解决重叠选择问题
+    this.top([reverseLine]);
+
+    this.active(forwardId);
+    this.render();
+  }
+
+  /**
+   * 删除双向路线
+   * @param routeId 任意一条路线的ID
+   */
+  public removeBidirectionalRoute(routeId: string): void {
+    const route = this.getPenById(routeId);
+    if (!route) return;
+
+    const [a1, a2] = route.anchors ?? [];
+    if (!a1?.connectTo || !a2?.connectTo) return;
+
+    // 找到所有连接这两个点位的路线
+    const routesBetweenPoints = this.getRoutesBetweenPoints(a1.connectTo, a2.connectTo);
+    
+    // 删除所有相关路线
+    routesBetweenPoints.forEach(r => {
+      this.delete([r]);
+    });
+
+    this.render();
+  }
+
+  /**
+   * 检查两个点位之间是否存在双向路线
+   * @param point1Id 第一个点位ID
+   * @param point2Id 第二个点位ID
+   * @returns 是否存在双向路线
+   */
+  public hasBidirectionalRoute(point1Id: string, point2Id: string): boolean {
+    const routes = this.getRoutesBetweenPoints(point1Id, point2Id);
+    return routes.length >= 2;
+  }
+
   //#endregion
 
   //#region 区域