add fiilter for travel location list

miniprogram/pages/main/travel-detail/index.ts

@@ -3,7 +3,7 @@
 import Time from "../../../utils/Time";
 import { TravelApi } from "../../../api/TravelApi";
 import { TravelLocationApi } from "../../../api/TravelLocationApi";
-import { Travel, TravelStatusLabel, TravelStatusIcon, TransportationTypeLabel, TravelLocation, TravelLocationTypeLabel, TravelLocationTypeIcon, TransportationTypeIcon } from "../../../types/Travel";
+import { Travel, TravelStatusLabel, TravelStatusIcon, TransportationTypeLabel, TravelLocation, TravelLocationTypeLabel, TravelLocationTypeIcon, TransportationTypeIcon, TravelLocationType } from "../../../types/Travel";
 
 interface TravelDetailData {
 	/** 出行详情 */
@@ -28,6 +28,10 @@ interface TravelDetailData {
 	locationTypeLabels: typeof TravelLocationTypeLabel;
 	/** 地点类型图标映射 */
 	locationTypeIcons: typeof TravelLocationTypeIcon;
+	/** 地点类型选项 */
+	locationTypes: string[];
+	/** 选中的地点类型索引 */
+	selectedLocationTypeIndex: number;
 	/** 删除对话框可见性 */
 	deleteDialogVisible: boolean;
 	/** 删除确认文本 */
@@ -47,6 +51,8 @@ Page({
 		transportIcons: TransportationTypeIcon,
 		locationTypeLabels: TravelLocationTypeLabel,
 		locationTypeIcons: TravelLocationTypeIcon,
+		locationTypes: ["全部", ...Object.values(TravelLocationTypeLabel)],
+		selectedLocationTypeIndex: 0,
 		deleteDialogVisible: false,
 		deleteConfirmText: ""
 	},
@@ -109,12 +115,29 @@ Page({
 		this.setData({ isLoadingLocations: true });
 
 		try {
+			const { selectedLocationTypeIndex, locationTypes } = this.data;
+
+			// 构建查询条件
+			const equalsExample: { [key: string]: number | string } = {
+				travelId: Number(travelId)
+			};
+
+			// 添加类型过滤（索引 0 表示"全部"）
+			if (0 < selectedLocationTypeIndex) {
+				const selectedTypeLabel = locationTypes[selectedLocationTypeIndex];
+				const selectedType = Object.keys(TravelLocationTypeLabel).find(
+					key => TravelLocationTypeLabel[key as TravelLocationType] === selectedTypeLabel
+				) as TravelLocationType | undefined;
+
+				if (selectedType) {
+					equalsExample.type = selectedType;
+				}
+			}
+
 			const result = await TravelLocationApi.getList({
 				index: 0,
-				size: 100,
-				equalsExample: {
-					travelId: Number(travelId)
-				}
+				size: 999,
+				equalsExample
 			});
 
 			this.setData({ locations: result.list });
@@ -125,6 +148,14 @@ Page({
 		}
 	},
 
+	/** 地点类型改变 */
+	onLocationTypeChange(e: WechatMiniprogram.PickerChange) {
+		const index = Number(e.detail.value);
+		this.setData({ selectedLocationTypeIndex: index });
+		// 重新从接口获取过滤后的数据
+		this.fetchLocations(this.data.travelId);
+	},
+
 	/** 编辑出行 */
 	toEdit() {
 		const { travel } = this.data;