fix product/sku name

src/pages/package/PackageConfigDetail.vue

@@ -89,7 +89,7 @@ import { getErrorMessage } from "@/utils/error";
 import { formatPackageAmount, getPackageConfigStatusText } from "@/utils/package";
 import { Message } from "@/utils/message";
 import { gaoRoleCodes, permissionCodes } from "@/utils/permission";
-import { getProductPhotoURL as getProductPhotoUrl } from "@/utils/product";
+import { getProductPhotoURL as getProductPhotoUrl, getProductSkuSnapshotText } from "@/utils/product";
 
 defineOptions({ name: "PackageConfigDetail" });
 
@@ -117,7 +117,7 @@ function getItemPhotoURL(item: PackageConfigItem): string {
 }
 
 function getItemTitle(item: PackageConfigItem): string {
-	const skuText = item.skuNameSnapshot || item.specSummarySnapshot;
+	const skuText = getProductSkuSnapshotText(item.productNameSnapshot, item.skuNameSnapshot, item.specSummarySnapshot);
 	return `${item.productNameSnapshot || "未命名产品"}${skuText ? ` · ${skuText}` : ""}`;
 }
 

src/pages/package/PackageConfigList.vue

@@ -46,7 +46,7 @@
 								<div class="products">
 									<t-tag
 										v-for="productItem in item.itemList || []"
-						:key="productItem.id || `${productItem.skuId}-${productItem.skuUnitId}`"
+										:key="productItem.id || `${productItem.skuId}-${productItem.skuUnitId}`"
 										:content="getProductRightText(productItem)"
 										theme="primary"
 										variant="light"
@@ -93,6 +93,7 @@ import { getErrorMessage } from "@/utils/error";
 import { formatPackageAmount, getPackageConfigStatusText, getPackageQuantityText } from "@/utils/package";
 import { Message } from "@/utils/message";
 import { permissionCodes } from "@/utils/permission";
+import { getProductSkuSnapshotText } from "@/utils/product";
 
 defineOptions({ name: "PackageConfigList" });
 
@@ -193,7 +194,7 @@ function getStatusTheme(statusValue?: PackageConfigStatus): "success" | "warning
 
 function getProductRightText(item: PackageConfigItem): string {
 	const quantity = getPackageQuantityText(item.defaultQuantity);
-	const skuText = item.skuNameSnapshot || item.specSummarySnapshot;
+	const skuText = getProductSkuSnapshotText(item.productNameSnapshot, item.skuNameSnapshot, item.specSummarySnapshot);
 	return `${item.productNameSnapshot || "未命名产品"}${skuText ? ` · ${skuText}` : ""} × ${quantity}${item.unitSnapshot ? ` ${item.unitSnapshot}` : ""}`;
 }
 

src/pages/package/PackagePurchase.vue

@@ -237,7 +237,7 @@ import { formatPackageAmount } from "@/utils/package";
 import { Message } from "@/utils/message";
 import { permissionCodes } from "@/utils/permission";
 import { uploadPhotoList } from "@/utils/photo";
-import { getProductPhotoURL } from "@/utils/product";
+import { getProductPhotoURL, getProductSkuSnapshotText } from "@/utils/product";
 
 defineOptions({
 	name: "PackagePurchase"
@@ -407,7 +407,12 @@ const {
 
 function getItemLabel(item: PackagePurchaseItem): string {
 	const configItem = config.value?.itemList?.find(configItem => configItem.skuId === item.skuId && configItem.skuUnitId === item.skuUnitId);
-	return configItem ? `${configItem.productNameSnapshot || "未命名产品"} · ${configItem.skuNameSnapshot || configItem.specSummarySnapshot || "默认 SKU"}` : "产品权益";
+	if (!configItem) {
+		return "产品权益";
+	}
+	const productName = configItem.productNameSnapshot || "未命名产品";
+	const skuText = getProductSkuSnapshotText(productName, configItem.skuNameSnapshot, configItem.specSummarySnapshot);
+	return skuText ? `${productName} · ${skuText}` : productName;
 }
 
 function getItemName(item: PackagePurchaseItem): string {