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; + } + } } } }