feat(listing): 公共筛选新增日消耗区间(高级筛选)
This commit is contained in:
@@ -76,6 +76,8 @@ export interface PublicListingQuery {
|
||||
max_total?: number
|
||||
min_fire_level?: number
|
||||
max_fire_level?: number
|
||||
min_daily_loss?: number
|
||||
max_daily_loss?: number
|
||||
min_secret_kd?: number
|
||||
max_secret_kd?: number
|
||||
[key: `resource_${string}_min`]: number | undefined
|
||||
|
||||
@@ -10,6 +10,7 @@ import {
|
||||
depositRangeOptions,
|
||||
totalRangeOptions,
|
||||
fireLevelRangeOptions,
|
||||
dailyLossRangeOptions,
|
||||
isRangeSelected,
|
||||
} from '@/features/listings/composables/useFilterOptions'
|
||||
import type { ListingPublishOptions } from '@/features/listings/api/listingOptions'
|
||||
@@ -69,6 +70,7 @@ function toggleRange(
|
||||
| 'minDeposit'
|
||||
| 'minTotal'
|
||||
| 'minFireLevel'
|
||||
| 'minDailyLoss'
|
||||
| 'minAwmAmmo',
|
||||
maxKey:
|
||||
| 'maxCoin'
|
||||
@@ -77,6 +79,7 @@ function toggleRange(
|
||||
| 'maxDeposit'
|
||||
| 'maxTotal'
|
||||
| 'maxFireLevel'
|
||||
| 'maxDailyLoss'
|
||||
| 'maxAwmAmmo',
|
||||
option: RangeOption
|
||||
) {
|
||||
@@ -97,6 +100,7 @@ function isRangeActive(
|
||||
| 'minDeposit'
|
||||
| 'minTotal'
|
||||
| 'minFireLevel'
|
||||
| 'minDailyLoss'
|
||||
| 'minAwmAmmo',
|
||||
maxKey:
|
||||
| 'maxCoin'
|
||||
@@ -105,6 +109,7 @@ function isRangeActive(
|
||||
| 'maxDeposit'
|
||||
| 'maxTotal'
|
||||
| 'maxFireLevel'
|
||||
| 'maxDailyLoss'
|
||||
| 'maxAwmAmmo',
|
||||
option: RangeOption
|
||||
) {
|
||||
@@ -355,6 +360,22 @@ const redSkinGroup = computed(() =>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="filter-field">
|
||||
<label>日消耗</label>
|
||||
<div class="pill-row">
|
||||
<button
|
||||
v-for="item in dailyLossRangeOptions.filter(o => o.label !== '全部')"
|
||||
:key="`daily-${item.label}`"
|
||||
type="button"
|
||||
class="pill-chip"
|
||||
:class="{ active: isRangeActive('minDailyLoss', 'maxDailyLoss', item) }"
|
||||
@click="toggleRange('minDailyLoss', 'maxDailyLoss', item)"
|
||||
>
|
||||
{{ item.label }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="filter-field">
|
||||
<label>段位</label>
|
||||
<div class="pill-row">
|
||||
|
||||
@@ -62,6 +62,16 @@ export const fireLevelRangeOptions = [
|
||||
{ label: '50-60', min: 50, max: 60 },
|
||||
]
|
||||
|
||||
/** 日消耗(M/天):发布档位为 10/20/30/40/50 */
|
||||
export const dailyLossRangeOptions = [
|
||||
{ label: '全部', min: undefined, max: undefined },
|
||||
{ label: '≤10', min: undefined, max: 10 },
|
||||
{ label: '10-20', min: 10, max: 20 },
|
||||
{ label: '20-30', min: 20, max: 30 },
|
||||
{ label: '30-40', min: 30, max: 40 },
|
||||
{ label: '40以上', min: 40, max: undefined },
|
||||
]
|
||||
|
||||
export function rangeLabel(min: number | undefined, max: number | undefined, fallback: string) {
|
||||
if (min !== undefined && max !== undefined) return `${min}-${max}`
|
||||
if (min !== undefined) return `${min}+`
|
||||
|
||||
@@ -26,6 +26,8 @@ export const desktopHomeFilterQueryKeys = [
|
||||
'max_total',
|
||||
'min_fire_level',
|
||||
'max_fire_level',
|
||||
'min_daily_loss',
|
||||
'max_daily_loss',
|
||||
'resource_awmAmmo_min',
|
||||
'resource_awmAmmo_max',
|
||||
] as const
|
||||
|
||||
@@ -52,6 +52,9 @@ export interface HomeFilters {
|
||||
maxTotal: number | undefined
|
||||
minFireLevel: number | undefined
|
||||
maxFireLevel: number | undefined
|
||||
/** 日消耗(M/天)区间 */
|
||||
minDailyLoss: number | undefined
|
||||
maxDailyLoss: number | undefined
|
||||
/** AWM 子弹数量区间 */
|
||||
minAwmAmmo: number | undefined
|
||||
maxAwmAmmo: number | undefined
|
||||
@@ -89,6 +92,8 @@ export function useHomeFilters(
|
||||
maxTotal: undefined,
|
||||
minFireLevel: undefined,
|
||||
maxFireLevel: undefined,
|
||||
minDailyLoss: undefined,
|
||||
maxDailyLoss: undefined,
|
||||
minAwmAmmo: undefined,
|
||||
maxAwmAmmo: undefined,
|
||||
})
|
||||
@@ -153,6 +158,7 @@ export function useHomeFilters(
|
||||
if (filters.minDeposit !== undefined || filters.maxDeposit !== undefined) count += 1
|
||||
if (filters.minTotal !== undefined || filters.maxTotal !== undefined) count += 1
|
||||
if (filters.minFireLevel !== undefined || filters.maxFireLevel !== undefined) count += 1
|
||||
if (filters.minDailyLoss !== undefined || filters.maxDailyLoss !== undefined) count += 1
|
||||
return count
|
||||
})
|
||||
|
||||
@@ -182,6 +188,8 @@ export function useHomeFilters(
|
||||
filters.maxTotal = undefined
|
||||
filters.minFireLevel = undefined
|
||||
filters.maxFireLevel = undefined
|
||||
filters.minDailyLoss = undefined
|
||||
filters.maxDailyLoss = undefined
|
||||
filters.minAwmAmmo = undefined
|
||||
filters.maxAwmAmmo = undefined
|
||||
}
|
||||
@@ -236,6 +244,11 @@ export function useHomeFilters(
|
||||
filters.maxFireLevel = max
|
||||
}
|
||||
|
||||
function setDailyLossRange(min: number | undefined, max: number | undefined) {
|
||||
filters.minDailyLoss = min
|
||||
filters.maxDailyLoss = max
|
||||
}
|
||||
|
||||
function setAwmAmmoRange(min: number | undefined, max: number | undefined) {
|
||||
filters.minAwmAmmo = min
|
||||
filters.maxAwmAmmo = max
|
||||
@@ -288,6 +301,7 @@ export function useHomeFilters(
|
||||
setDepositRange,
|
||||
setTotalRange,
|
||||
setFireLevelRange,
|
||||
setDailyLossRange,
|
||||
setAwmAmmoRange,
|
||||
toggleRange,
|
||||
setFilterPopover,
|
||||
|
||||
@@ -50,6 +50,8 @@ export function useListingQuery(
|
||||
max_total: filters.maxTotal,
|
||||
min_fire_level: filters.minFireLevel,
|
||||
max_fire_level: filters.maxFireLevel,
|
||||
min_daily_loss: filters.minDailyLoss,
|
||||
max_daily_loss: filters.maxDailyLoss,
|
||||
resource_awmAmmo_min: filters.minAwmAmmo,
|
||||
resource_awmAmmo_max: filters.maxAwmAmmo,
|
||||
}
|
||||
|
||||
@@ -216,6 +216,8 @@ function applyRouteQueryToHomeState() {
|
||||
filters.maxTotal = readQueryNumber(query, 'max_total')
|
||||
filters.minFireLevel = readQueryNumber(query, 'min_fire_level')
|
||||
filters.maxFireLevel = readQueryNumber(query, 'max_fire_level')
|
||||
filters.minDailyLoss = readQueryNumber(query, 'min_daily_loss')
|
||||
filters.maxDailyLoss = readQueryNumber(query, 'max_daily_loss')
|
||||
filters.minAwmAmmo = readQueryNumber(query, 'resource_awmAmmo_min')
|
||||
filters.maxAwmAmmo = readQueryNumber(query, 'resource_awmAmmo_max')
|
||||
// 无 sort 参数即综合推荐(默认)
|
||||
@@ -268,6 +270,8 @@ function buildDesktopHomeQueryValues(): Record<string, HomeQueryValue> {
|
||||
max_total: filters.maxTotal,
|
||||
min_fire_level: filters.minFireLevel,
|
||||
max_fire_level: filters.maxFireLevel,
|
||||
min_daily_loss: filters.minDailyLoss,
|
||||
max_daily_loss: filters.maxDailyLoss,
|
||||
resource_awmAmmo_min: filters.minAwmAmmo,
|
||||
resource_awmAmmo_max: filters.maxAwmAmmo,
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user