首页增加比例筛选并优化排序

frontend/src/features/listings/composables/useFilterOptions.ts

@@ -6,6 +6,14 @@ export const coinRangeOptions = [
   { label: '500+', min: 500, max: undefined },
 ]
 
+export const ratioRangeOptions = [
+  { label: '全部比例', min: undefined, max: undefined },
+  { label: '0-20', min: 0, max: 20 },
+  { label: '20-30', min: 20, max: 30 },
+  { label: '30-40', min: 30, max: 40 },
+  { label: '40+', min: 40, max: undefined },
+]
+
 export const moneyRangeOptions = [
   { label: '全部区间', min: undefined, max: undefined },
   { label: '0-50', min: 0, max: 50 },

frontend/src/features/listings/composables/useHomeFilterQuery.ts

@@ -16,6 +16,8 @@ export const desktopHomeFilterQueryKeys = [
   'skin_name',
   'min_coin',
   'max_coin',
+  'min_ratio',
+  'max_ratio',
   'min_price',
   'max_price',
   'min_deposit',

frontend/src/features/listings/composables/useHomeFilters.ts

@@ -9,6 +9,7 @@ export type FilterPopoverKey =
   | 'load'
   | 'region'
   | 'coin'
+  | 'ratio'
   | 'price'
   | 'deposit'
   | 'total'
@@ -32,6 +33,8 @@ export interface HomeFilters {
   skinName: string
   minCoin: number | undefined
   maxCoin: number | undefined
+  minRatio: number | undefined
+  maxRatio: number | undefined
   minPrice: number | undefined
   maxPrice: number | undefined
   minDeposit: number | undefined
@@ -59,6 +62,8 @@ export function useHomeFilters(
     skinName: '',
     minCoin: undefined,
     maxCoin: undefined,
+    minRatio: undefined,
+    maxRatio: undefined,
     minPrice: undefined,
     maxPrice: undefined,
     minDeposit: undefined,
@@ -116,6 +121,8 @@ export function useHomeFilters(
     filters.skinName = ''
     filters.minCoin = undefined
     filters.maxCoin = undefined
+    filters.minRatio = undefined
+    filters.maxRatio = undefined
     filters.minPrice = undefined
     filters.maxPrice = undefined
     filters.minDeposit = undefined

frontend/src/features/listings/composables/useListingQuery.ts

@@ -36,6 +36,8 @@ export function useListingQuery(
       skin_name: filters.skinName,
       min_coin: filters.minCoin,
       max_coin: filters.maxCoin,
+      min_ratio: filters.minRatio,
+      max_ratio: filters.maxRatio,
       min_price: filters.minPrice,
       max_price: filters.maxPrice,
       min_deposit: filters.minDeposit,