段位
diff --git a/frontend/src/features/listings/ListingListPage.tsx b/frontend/src/features/listings/ListingListPage.tsx
index 31cd97c..a108db8 100644
--- a/frontend/src/features/listings/ListingListPage.tsx
+++ b/frontend/src/features/listings/ListingListPage.tsx
@@ -31,6 +31,7 @@ import {
banRecordText,
faceOwnerText,
gameNameChangeText,
+ listingRatioText,
listingRentalDays,
onlineTimeText,
} from '@/features/listings/labels'
@@ -86,15 +87,6 @@ function assetText(item: Listing, key: string) {
return String(value)
}
-function ratioText(item: Listing) {
- const published = Number(item.asset_summary?.publish_ratio ?? 0)
- if (published > 0) return `${published}w`
- const priceYuan = item.price_cent / 100
- const coinM = item.haf_coin_amount / 1_000_000
- if (priceYuan <= 0 || coinM <= 0) return ''
- return `${((coinM / priceYuan) * 100).toFixed(0)}w`
-}
-
function skinNames(item: Listing): string[] {
const groups = item.asset_summary?.skin_groups
if (!groups || typeof groups !== 'object') return []
@@ -154,7 +146,10 @@ function ListingRow({ item }: { item: Listing }) {
{ label: '人脸', value: faceOwner },
{ label: '封禁', value: banRecord },
{ label: '改名', value: gameNameChange },
- { label: '折算比', value: ratioText(item) ? `1元≈${ratioText(item)}` : '' },
+ {
+ label: '折算比',
+ value: listingRatioText(item) ? `1元≈${listingRatioText(item)}` : '',
+ },
].filter(spec => spec.value)
const skins = skinNames(item)
const resources = resourceItems(item)
diff --git a/frontend/src/features/listings/labels.test.ts b/frontend/src/features/listings/labels.test.ts
new file mode 100644
index 0000000..09255c7
--- /dev/null
+++ b/frontend/src/features/listings/labels.test.ts
@@ -0,0 +1,32 @@
+import { describe, expect, it } from 'vitest'
+
+import { listingRatioText } from '@/features/listings/labels'
+
+type RatioItem = {
+ price_cent: number
+ haf_coin_amount: number
+ asset_summary?: Record
+}
+
+function listing(patch: Partial = {}): RatioItem {
+ return { price_cent: 0, haf_coin_amount: 0, asset_summary: {}, ...patch }
+}
+
+describe('listingRatioText', () => {
+ it('优先使用 publish_ratio，并按四舍五入取整到万', () => {
+ expect(listingRatioText(listing({ asset_summary: { publish_ratio: 33.8256 } }))).toBe('34w')
+ expect(listingRatioText(listing({ asset_summary: { publish_ratio: 33.4 } }))).toBe('33w')
+ })
+
+ it('缺少 publish_ratio 时按「万币 / 元」兜底计算', () => {
+ expect(listingRatioText(listing({ haf_coin_amount: 30_000_000, price_cent: 9_369 }))).toBe(
+ '32w'
+ )
+ })
+
+ it('价格或币量缺失时返回空串，不渲染占位', () => {
+ expect(listingRatioText(listing({ haf_coin_amount: 30_000_000 }))).toBe('')
+ expect(listingRatioText(listing({ price_cent: 10_000 }))).toBe('')
+ expect(listingRatioText(listing({ asset_summary: { publish_ratio: 0 } }))).toBe('')
+ })
+})
diff --git a/frontend/src/features/listings/labels.ts b/frontend/src/features/listings/labels.ts
index 76343ec..b2ddd43 100644
--- a/frontend/src/features/listings/labels.ts
+++ b/frontend/src/features/listings/labels.ts
@@ -155,6 +155,25 @@ function formatCentAmount(cent: number) {
})
}
+/**
+ * 折算比文案，单位「万哈夫币 / 元」，统一按四舍五入取整展示。
+ * 后端比例筛选也用同一口径（math.Round），保证展示与筛选一致。
+ */
+export function listingRatioText(item: {
+ price_cent: number
+ haf_coin_amount: number
+ asset_summary?: Record
+}): string {
+ const published = Number(item.asset_summary?.publish_ratio ?? 0)
+ if (Number.isFinite(published) && published > 0) return `${Math.round(published)}w`
+
+ const priceYuan = item.price_cent / 100
+ const coinM = item.haf_coin_amount / 1_000_000
+ if (!Number.isFinite(priceYuan) || !Number.isFinite(coinM)) return ''
+ if (priceYuan <= 0 || coinM <= 0) return ''
+ return `${Math.round((coinM / priceYuan) * 100)}w`
+}
+
export function listingRentalDays(item: {
haf_coin_amount: number
asset_summary?: Record
diff --git a/frontend/src/features/mobile/MobileListingDetailPage.tsx b/frontend/src/features/mobile/MobileListingDetailPage.tsx
index 92d00ba..98c9c03 100644
--- a/frontend/src/features/mobile/MobileListingDetailPage.tsx
+++ b/frontend/src/features/mobile/MobileListingDetailPage.tsx
@@ -10,6 +10,7 @@ import {
faceOwnerText,
gameNameChangeText,
listingPriceDetail,
+ listingRatioText,
listingRentalDays,
} from '@/features/listings/labels'
import { ensureSupportConversation } from '@/features/messages/api'
@@ -157,12 +158,14 @@ export function MobileListingDetailPage() {
key !== 'can_change_game_name' &&
key !== 'modifiable_name' &&
key !== 'pure_coin_price_cent' &&
- key !== 'extra_item_price_cent'
+ key !== 'extra_item_price_cent' &&
+ key !== 'publish_ratio'
)
const rentalDays = listingRentalDays(data)
const faceOwner = faceOwnerText(data.asset_summary)
const banRecord = banRecordText(data.asset_summary)
const gameNameChange = gameNameChangeText(data.asset_summary)
+ const ratio = listingRatioText(data)
const priceDetail = listingPriceDetail(data, { compact: true })
const isOwner = user?.id === data.owner_id
@@ -219,6 +222,12 @@ export function MobileListingDetailPage() {
资产摘要
+ {ratio ? (
+
+
- 折算比
+ - 1 元 ≈ {ratio}
+
+ ) : null}
{assetEntries.length ? (
assetEntries.map(([key, value]) => (