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 @@
{{ getItemName(item) }}
{{ getItemType(item) }}
-
+
点位: {{ getPointChanges(item).join(', ') }}
-
+
路线: {{ getRouteChanges(item).join(', ') }}
@@ -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;
+ }
+ }
}
}
}