add PackageOrderConfigList.vue

src/pages/salesOrder/SalesOrderList.vue

@@ -32,6 +32,7 @@
 			</div>
 			<t-dropdown-menu class="menus">
 				<t-dropdown-item
+					v-if="!packageConfigId"
 					v-model="orderType"
 					label="订单类型"
 					:options="orderTypeOptions"
@@ -59,6 +60,13 @@
 			@scrolltolower="loadMore"
 		>
 			<div v-if="list.length" class="items">
+				<t-cell-group v-if="packageConfigId" class="selected-package" theme="card">
+					<t-cell title="套餐" :note="selectedPackageName">
+						<template #left-icon>
+							<t-icon name="layers" />
+						</template>
+					</t-cell>
+				</t-cell-group>
 				<sales-order-list-cell
 					class="item"
 					v-for="(item, index) in list"
@@ -95,12 +103,14 @@ import { type DropdownValue } from "tdesign-mobile-vue";
 import { Toolkit } from "timi-web";
 import { useUserStore } from "timi-web-api";
 import CustomerAPI from "@/api/CustomerAPI";
+import PackageAPI from "@/api/PackageAPI";
 import SalesOrderAPI from "@/api/SalesOrderAPI";
 import CustomerSelector from "@/components/CustomerSelector.vue";
 import NavBarActionMenu from "@/components/NavBarActionMenu.vue";
 import SalesOrderListCell from "@/pages/salesOrder/components/SalesOrderListCell.vue";
 import { useNavBarStore } from "@/store/navBarStore";
 import type { Customer } from "@/types/Customer";
+import type { GaoPackageConfig } from "@/types/Package";
 import type { GaoSalesOrderStatus, GaoSalesOrderType, GaoSalesPaymentStatus, GaoSalesRefundStatus, SalesOrder, SalesOrderPage } from "@/types/SalesOrder";
 import { getErrorMessage } from "@/utils/error";
 import { Message } from "@/utils/message";
@@ -139,6 +149,7 @@ const customerId = ref("");
 const selectedCustomer = ref<Customer>();
 const customerSelectorVisible = ref(false);
 let customerKeyword = "";
+const selectedPackage = ref<GaoPackageConfig>();
 const orderType = ref("ALL");
 type PaymentFilter = "ALL" | GaoSalesPaymentStatus | "PENDING_RECEIVE";
 type RefundFilter = "ALL" | GaoSalesRefundStatus;
@@ -180,6 +191,8 @@ const refundOptions = [
 
 const routeFilterKey = computed(() => [
 	route.query.customerId,
+	route.query.packageConfigId,
+	route.query.packageConfigName,
 	route.query.orderType,
 	route.query.status,
 	route.query.paymentStatus,
@@ -191,15 +204,30 @@ function queryValue(value: unknown): string {
 	return Array.isArray(value) ? "" : typeof value === "string" ? value : "";
 }
 
+const packageConfigId = computed(() => queryValue(route.query.packageConfigId));
+const selectedPackageName = computed(() => selectedPackage.value?.name || queryValue(route.query.packageConfigName) || "未命名套餐");
+
 function applyRouteFilters(): void {
 	const pendingReceive = queryValue(route.query.pendingReceive) === "true";
 	customerId.value = queryValue(route.query.customerId);
-	orderType.value = queryValue(route.query.orderType) || "ALL";
+	orderType.value = packageConfigId.value ? "PACKAGE" : queryValue(route.query.orderType) || "ALL";
 	status.value = queryValue(route.query.status) || "ALL";
 	paymentStatus.value = pendingReceive ? "PENDING_RECEIVE" : queryValue(route.query.paymentStatus) as PaymentFilter || "ALL";
 	refundStatus.value = queryValue(route.query.refundStatus) as RefundFilter || "ALL";
 }
 
+async function loadRoutePackage(): Promise<void> {
+	selectedPackage.value = undefined;
+	if (!packageConfigId.value) {
+		return;
+	}
+	try {
+		selectedPackage.value = await PackageAPI.configDetail(packageConfigId.value);
+	} catch {
+		return;
+	}
+}
+
 function setCustomerKeyword(customer: Customer): void {
 	const value = customer.name?.trim() || customer.code?.trim() || "";
 	customerId.value = customer.id || "";
@@ -232,6 +260,7 @@ function buildPageFilter(): SalesOrderPage {
 	const pendingReceive = paymentStatus.value === "PENDING_RECEIVE";
 	return {
 		customerId: customerId.value || undefined,
+		packageConfigId: packageConfigId.value || undefined,
 		keyword: keyword.value || undefined,
 		orderType: orderType.value === "ALL" ? undefined : orderType.value as GaoSalesOrderType,
 		status: status.value === "ALL" ? undefined : status.value as GaoSalesOrderStatus,
@@ -351,6 +380,7 @@ watch(routeFilterKey, async () => {
 	} catch {
 		selectedCustomer.value = undefined;
 	}
+	await loadRoutePackage();
 	await fetchList(true);
 });
 onMounted(async () => {
@@ -359,6 +389,7 @@ onMounted(async () => {
 	applyRouteFilters();
 	try {
 		await loadRouteCustomer();
+		await loadRoutePackage();
 		await fetchList(true);
 	} catch (error) {
 		Message.error(getErrorMessage(error, "销售订单加载失败"));
@@ -444,6 +475,13 @@ onUnmounted(() => { navBarStore.clearRight(); search.cancel(); });
 			padding: 0 1rem;
 			flex-direction: column;
 
+			.selected-package {
+
+				:deep(.t-cell-group) {
+					margin: 0;
+				}
+			}
+
 			.item {
 				border-radius: 1rem;
 			}