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

frontend/src/features/listings/api/listingOptions.ts

@@ -31,6 +31,7 @@ export interface PublishScreenshotSlot {
 
 export interface PublishPriceConfig {
   deposit_placeholder: string
+  deposit_hint: string
   price_placeholder: string
   ratio_description: string
 }
@@ -132,6 +133,7 @@ export const emptyListingPublishOptions: ListingPublishOptions = {
   fire_level_min: 38,
   price_config: {
     deposit_placeholder: '',
+    deposit_hint: '租客缴纳，封号必赔付',
     price_placeholder: '',
     ratio_description: '',
   },
@@ -287,6 +289,10 @@ function normalizePriceConfig(value?: unknown): PublishPriceConfig {
   const row = isRecord(value) ? value : {}
   return {
     deposit_placeholder: typeof row.deposit_placeholder === 'string' ? row.deposit_placeholder.trim() : '',
+    deposit_hint:
+      typeof row.deposit_hint === 'string' && row.deposit_hint.trim()
+        ? row.deposit_hint.trim()
+        : emptyListingPublishOptions.price_config.deposit_hint,
     price_placeholder: typeof row.price_placeholder === 'string' ? row.price_placeholder.trim() : '',
     ratio_description: typeof row.ratio_description === 'string' ? row.ratio_description.trim() : '',
   }

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;