优化发布截图上传与押金提示

frontend/src/features/listings/views/ListingDetailView.vue

@@ -103,6 +103,8 @@ const detailMetrics = computed(() => {
 
 const detailScreenshots = computed(() => {
   if (!listing.value) return [];
+  const groupedScreenshots = readGroupedScreenshots(listing.value);
+  if (groupedScreenshots.length) return groupedScreenshots;
   const labels = ["纯币截图", "游戏ID截图", "总资产截图", "腾讯安全中心截图", "皮肤截图"];
   return (listing.value.screenshot_urls || []).map((url, index) => ({
     label: labels[index] || `账号截图${index + 1}`,
@@ -110,6 +112,27 @@ const detailScreenshots = computed(() => {
   }));
 });
 
+function readGroupedScreenshots(item: Listing) {
+  const groups = item.asset_summary?.screenshot_groups;
+  if (typeof groups !== "object" || groups === null) return [];
+  const slots = [
+    { key: "coin", label: "纯币截图" },
+    { key: "gameId", label: "游戏ID截图" },
+    { key: "totalAsset", label: "总资产截图" },
+    { key: "tencentSecurity", label: "腾讯安全中心截图" },
+    { key: "skin", label: "皮肤截图" },
+  ];
+  return slots.flatMap((slot) => {
+    const urls = (groups as Record<string, unknown>)[slot.key];
+    if (!Array.isArray(urls)) return [];
+    const validUrls = urls.filter((url): url is string => typeof url === "string" && Boolean(url));
+    return validUrls.map((url, index) => ({
+      label: validUrls.length > 1 ? `${slot.label}${index + 1}` : slot.label,
+      url,
+    }));
+  });
+}
+
 const detailSkinGroups = computed(() => {
   if (!listing.value) return [];
   const groups = listing.value.asset_summary?.skin_groups;

frontend/src/features/listings/views/MobileListingDetailView.vue

@@ -95,6 +95,8 @@ const detailMetrics = computed(() => {
 
 const detailScreenshots = computed(() => {
   if (!listing.value) return [];
+  const groupedScreenshots = readGroupedScreenshots(listing.value);
+  if (groupedScreenshots.length) return groupedScreenshots;
   const labels = ["纯币截图", "游戏ID截图", "总资产截图", "腾讯安全中心截图", "皮肤截图"];
   return (listing.value.screenshot_urls || []).map((url, index) => ({
     label: labels[index] || `账号截图${index + 1}`,
@@ -102,6 +104,27 @@ const detailScreenshots = computed(() => {
   }));
 });
 
+function readGroupedScreenshots(item: Listing) {
+  const groups = item.asset_summary?.screenshot_groups;
+  if (typeof groups !== "object" || groups === null) return [];
+  const slots = [
+    { key: "coin", label: "纯币截图" },
+    { key: "gameId", label: "游戏ID截图" },
+    { key: "totalAsset", label: "总资产截图" },
+    { key: "tencentSecurity", label: "腾讯安全中心截图" },
+    { key: "skin", label: "皮肤截图" },
+  ];
+  return slots.flatMap((slot) => {
+    const urls = (groups as Record<string, unknown>)[slot.key];
+    if (!Array.isArray(urls)) return [];
+    const validUrls = urls.filter((url): url is string => typeof url === "string" && Boolean(url));
+    return validUrls.map((url, index) => ({
+      label: validUrls.length > 1 ? `${slot.label}${index + 1}` : slot.label,
+      url,
+    }));
+  });
+}
+
 const detailSkinGroups = computed(() => {
   if (!listing.value) return [];
   const groups = listing.value.asset_summary?.skin_groups;