From 616992e855599123e96b5c4cec3ee9a6d877a1fd Mon Sep 17 00:00:00 2001
From: xudan <staysky25@outlook.com>
Date: Mon, 8 Sep 2025 18:17:17 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E6=89=B9=E9=87=8F?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=85=83=E7=B4=A0=E7=B1=BB=E5=9E=8B=E7=9A=84?=
 =?UTF-8?q?=E8=BD=AC=E6=8D=A2=E6=8F=90=E7=A4=BA=EF=BC=8C=E5=A6=82=E6=99=AE?=
 =?UTF-8?q?=E9=80=9A=E7=82=B9->=E5=8A=A8=E4=BD=9C=E7=82=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/modal/batch-edit-modal.vue | 34 ++++++++++++++++++++---
 1 file changed, 30 insertions(+), 4 deletions(-)

diff --git a/src/components/modal/batch-edit-modal.vue b/src/components/modal/batch-edit-modal.vue
index ee466e2..8fb8f83 100644
--- a/src/components/modal/batch-edit-modal.vue
+++ b/src/components/modal/batch-edit-modal.vue
@@ -76,10 +76,10 @@
             <span class="item-name">{{ getItemName(item) }}</span>
             <span class="item-type">{{ getItemType(item) }}</span>
             <div class="changes">
-              <a-tag v-if="getPointChanges(item).length" color="blue">
+              <a-tag v-if="getPointChanges(item).length" color="blue" class="change-tag">
                 点位: {{ getPointChanges(item).join(', ') }}
               </a-tag>
-              <a-tag v-if="getRouteChanges(item).length" color="green">
+              <a-tag v-if="getRouteChanges(item).length" color="green" class="change-tag">
                 路线: {{ getRouteChanges(item).join(', ') }}
               </a-tag>
             </div>
@@ -208,10 +208,14 @@ const getPointChanges = (item: MapPen) => {
   const currentType = item.point?.type;
   if (currentType === pointType.value) return [];
   
+  const currentTypeName = Object.keys(MapPointType).find(
+    key => MapPointType[key as keyof typeof MapPointType] === currentType
+  );
   const newTypeName = Object.keys(MapPointType).find(
     key => MapPointType[key as keyof typeof MapPointType] === pointType.value
   );
-  return [`类型: ${newTypeName}`];
+  
+  return [`类型: ${currentTypeName || '未知'} → ${newTypeName}`];
 };
 
 // 获取路线变更描述
@@ -221,10 +225,13 @@ const getRouteChanges = (item: MapPen) => {
   const changes: string[] = [];
   
   if (routePassType.value !== undefined && item.route?.pass !== routePassType.value) {
+    const currentPassName = Object.keys(MapRoutePassType).find(
+      key => MapRoutePassType[key as keyof typeof MapRoutePassType] === item.route?.pass
+    );
     const newPassName = Object.keys(MapRoutePassType).find(
       key => MapRoutePassType[key as keyof typeof MapRoutePassType] === routePassType.value
     );
-    changes.push(`通行: ${newPassName}`);
+    changes.push(`通行: ${currentPassName || '未知'} → ${newPassName}`);
   }
   
   return changes;
@@ -357,6 +364,25 @@ defineOptions({
             margin-bottom: 2px;
             font-size: 11px;
           }
+          
+          .change-tag {
+            font-weight: 500;
+            border: 1px solid currentColor;
+            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+            
+            // 突出显示箭头符号
+            &::before {
+              content: '';
+              display: inline-block;
+              width: 0;
+              height: 0;
+              margin-right: 4px;
+              border-left: 4px solid transparent;
+              border-right: 4px solid transparent;
+              border-bottom: 4px solid currentColor;
+              vertical-align: middle;
+            }
+          }
         }
       }
     }