Refactor: Improve rating filter UI and update locale text

Co-authored-by: jxxghp <jxxghp@qq.com>
This commit is contained in:
Cursor Agent
2025-09-16 02:36:16 +00:00
parent fb6ee2910f
commit b004facfca
3 changed files with 51 additions and 55 deletions

View File

@@ -217,33 +217,31 @@ async function fetchData({ done }: { done: any }) {
<div class="mr-5">
<VLabel>{{ t('tmdb.rating') }}</VLabel>
</div>
<div class="flex align-center" style="width: 300px;">
<VTextField
v-model="filterParams.min_rating"
variant="outlined"
density="compact"
type="number"
hide-details
single-line
min="0"
max="10"
step="0.1"
style="width: 80px;"
/>
<span class="mx-2">-</span>
<VTextField
v-model="filterParams.max_rating"
variant="outlined"
density="compact"
type="number"
hide-details
single-line
min="0"
max="10"
step="0.1"
style="width: 80px;"
/>
</div>
<VSlider
v-model="filterParams.min_rating"
thumb-label
max="10"
min="0"
:step="0.1"
class="align-center"
hide-details
style="width: 200px;"
>
<template v-slot:append>
<VTextField
variant="outlined"
width="5rem"
v-model="filterParams.max_rating"
density="compact"
type="number"
hide-details
single-line
min="0"
max="10"
step="0.1"
/>
</template>
</VSlider>
</div>
<div class="flex justify-start align-center">

View File

@@ -236,33 +236,31 @@ function removeData(id: number) {
<div class="mr-5">
<VLabel>{{ t('tmdb.rating') }}</VLabel>
</div>
<div class="flex align-center" style="width: 300px;">
<VTextField
v-model="filterParams.min_rating"
variant="outlined"
density="compact"
type="number"
hide-details
single-line
min="0"
max="10"
step="0.1"
style="width: 80px;"
/>
<span class="mx-2">-</span>
<VTextField
v-model="filterParams.max_rating"
variant="outlined"
density="compact"
type="number"
hide-details
single-line
min="0"
max="10"
step="0.1"
style="width: 80px;"
/>
</div>
<VSlider
v-model="filterParams.min_rating"
thumb-label
max="10"
min="0"
:step="0.1"
class="align-center"
hide-details
style="width: 200px;"
>
<template v-slot:append>
<VTextField
variant="outlined"
width="5rem"
v-model="filterParams.max_rating"
density="compact"
type="number"
hide-details
single-line
min="0"
max="10"
step="0.1"
/>
</template>
</VSlider>
</div>
</div>