fix: 文案纬度带

This commit is contained in:
Dustella 2025-05-05 11:02:34 +08:00
parent 7b6e55e67a
commit 6aeb429b3c
Signed by: Dustella
GPG Key ID: 35AA0AA3DC402D5C
12 changed files with 44 additions and 31 deletions

View File

@ -76,14 +76,14 @@ watch(() => selected.path, async () => {
<div>
<div flex="~ col items-stretch gap-3" py-3>
<slot />
<Label>纬度带</Label>
<Label>纬度带°</Label>
<Select v-model="selected.lat_range">
<SelectTrigger>
<SelectValue placeholder="选择纬度带" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectLabel>纬度带</SelectLabel>
<SelectLabel>纬度带°</SelectLabel>
<SelectItem v-for="lat_range in lat_ranges" :key="lat_range" :value="lat_range">
{{ lat_range.replace(",", " ~ ") }}
</SelectItem>
@ -104,7 +104,7 @@ watch(() => selected.path, async () => {
</SelectGroup>
</SelectContent>
</Select>
<Label for="day">天数</Label>
<Label for="day">日期</Label>
<Select id="day" v-model="selected.day">
<SelectTrigger>
<SelectValue placeholder="选择日期" />
@ -122,14 +122,14 @@ watch(() => selected.path, async () => {
</SelectGroup>
</SelectContent>
</Select>
<Label for="age">经度范围</Label>
<Label for="age">经度范围°</Label>
<Select v-model="selected.cycle_no">
<SelectTrigger>
<SelectValue placeholder="选择范围" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectLabel>经度范围</SelectLabel>
<SelectLabel>经度范围°</SelectLabel>
<SelectItem v-for="i in 15" :key="i" :value="i.toString()">
{{ lon_ranges[i - 1] }}
</SelectItem>

View File

@ -76,14 +76,14 @@ watch(() => selected.path, async () => {
<div>
<div flex="~ col items-stretch gap-3" py-3>
<slot />
<Label>纬度带</Label>
<Label>纬度带°</Label>
<Select v-model:model-value="selected.lat_range">
<SelectTrigger>
<SelectValue placeholder="选择纬度带" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectLabel>纬度带</SelectLabel>
<SelectLabel>纬度带°</SelectLabel>
<SelectItem v-for="lat_range in lat_ranges" :key="lat_range" :value="lat_range">
{{ lat_range.replace(",", " ~ ") }}
</SelectItem>
@ -104,7 +104,7 @@ watch(() => selected.path, async () => {
</SelectGroup>
</SelectContent>
</Select>
<Label for="day">天数</Label>
<Label for="day">日期</Label>
<Select id="day" v-model="selected.day">
<SelectTrigger>
<SelectValue placeholder="选择日期" />
@ -122,14 +122,14 @@ watch(() => selected.path, async () => {
</SelectGroup>
</SelectContent>
</Select>
<Label for="age">经度范围</Label>
<Label for="age">经度范围°</Label>
<Select v-model="selected.cycle_no">
<SelectTrigger>
<SelectValue placeholder="选择范围" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectLabel>经度范围</SelectLabel>
<SelectLabel>经度范围°</SelectLabel>
<SelectItem v-for="i in 15" :key="i" :value="i.toString()">
{{ lon_ranges[i - 1] }}
</SelectItem>

View File

@ -90,14 +90,14 @@ onMounted(async () => {
</SelectGroup>
</SelectContent>
</Select>
<Label>纬度带</Label>
<Label>纬度带°</Label>
<Select v-model="selected.lat_range">
<SelectTrigger>
<SelectValue placeholder="选择纬度带" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectLabel>纬度带</SelectLabel>
<SelectLabel>纬度带°</SelectLabel>
<SelectItem v-for="lat_range in lat_ranges" :key="lat_range" :value="lat_range">
{{ lat_range.replace(",", " ~ ") }}
</SelectItem>
@ -120,14 +120,14 @@ onMounted(async () => {
</SelectGroup>
</SelectContent>
</Select>
<Label>纬度带</Label>
<Label>纬度带°</Label>
<Select v-model="selected.lat_range">
<SelectTrigger>
<SelectValue placeholder="选择纬度带" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectLabel>纬度带</SelectLabel>
<SelectLabel>纬度带°</SelectLabel>
<SelectItem v-for="lat_range in lat_ranges" :key="lat_range" :value="lat_range">
{{ lat_range.replace(",", " ~ ") }}
</SelectItem>

View File

@ -72,14 +72,14 @@ function mapHeightValue(input: number) {
<div>
<div flex="~ col justify-stretch gap-3" py-3>
<slot />
<Label>纬度带</Label>
<Label>纬度带°</Label>
<Select v-model="selected.lat_ranges">
<SelectTrigger>
<SelectValue placeholder="选择纬度带" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectLabel>纬度带</SelectLabel>
<SelectLabel>纬度带°</SelectLabel>
<SelectItem v-for="lat_range in lat_ranges" :key="lat_range" :value="lat_range">
{{ lat_range.replace(",", " ~ ") }}
</SelectItem>
@ -100,7 +100,7 @@ function mapHeightValue(input: number) {
</SelectGroup>
</SelectContent>
</Select>
<Label for="day">天数</Label>
<Label for="day">日期</Label>
<Select id="day" v-model="selected.day">
<SelectTrigger>
<SelectValue placeholder="选择日期" />

View File

@ -31,6 +31,19 @@ onMounted(async () => {
allStations.value = stations
selectedStation.value = stations[0]
})
// set default start year and end year
const station = selectedStation.value
// filter out the data that belong to the selected station
const stationData = allPaths.value.filter(a => a.includes(station))
const stationYears = new Set(stationData.map((a) => {
const yearPattern = /-(\d{4})/
return Number.parseInt(a.match(yearPattern)?.[1] ?? '-1')
}).filter(a => a !== -1))
const minYear = Math.min(...Array.from(stationYears))
const maxYear = Math.max(...Array.from(stationYears))
startYear.value = minYear
endYear.value = maxYear
})
const currentMinBeginYear = computed(() => {

View File

@ -125,14 +125,14 @@ const queryUrl = computed(() => {
<Calendar v-model="value " initial-focus />
</PopoverContent>
</Popover>
<Label>纬度带</Label>
<Label>纬度带°</Label>
<Select v-model="selected.lat_range">
<SelectTrigger>
<SelectValue placeholder="选择纬度带" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectLabel>纬度带</SelectLabel>
<SelectLabel>纬度带°</SelectLabel>
<SelectItem v-for="lat_range in lat_ranges" :key="lat_range" :value="lat_range">
{{ lat_range }}
</SelectItem>

View File

@ -78,14 +78,14 @@ const queryUrl = computed(() => {
</TabsTrigger>
</TabsList>
</Tabs>
<Label>纬度带</Label>
<Label>纬度带°</Label>
<Select v-model="selected.lat_range">
<SelectTrigger>
<SelectValue placeholder="选择纬度带" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectLabel>纬度带</SelectLabel>
<SelectLabel>纬度带°</SelectLabel>
<SelectItem v-for="lat_range in lat_ranges" :key="lat_range" :value="lat_range">
{{ lat_range }}
</SelectItem>

View File

@ -124,14 +124,14 @@ const fetchUrl = computed(() => {
<NumberFieldIncrement />
</NumberFieldContent>
</NumberField>
<Label>纬度带</Label>
<Label>纬度带°</Label>
<Select v-model="selectedRange">
<SelectTrigger>
<SelectValue placeholder="选择纬度带" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectLabel>纬度带</SelectLabel>
<SelectLabel>纬度带°</SelectLabel>
<SelectItem v-for="range in ranges" :key="range" :value="range">
{{ range }}
</SelectItem>

View File

@ -74,14 +74,14 @@ const fetchUrl = computed(() => {
<NumberFieldIncrement />
</NumberFieldContent>
</NumberField>
<Label>纬度带</Label>
<Label>纬度带°</Label>
<Select v-model="selectedRange">
<SelectTrigger>
<SelectValue placeholder="选择纬度带" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectLabel>纬度带</SelectLabel>
<SelectLabel>纬度带°</SelectLabel>
<SelectItem v-for="range in ranges" :key="range" :value="range">
{{ range }}
</SelectItem>

View File

@ -138,14 +138,14 @@ const queryUrl = computed(() => {
<NumberFieldIncrement />
</NumberFieldContent>
</NumberField>
<Label>纬度带</Label>
<Label>纬度带°</Label>
<Select v-model="selected.range">
<SelectTrigger>
<SelectValue placeholder="选择纬度带" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectLabel>纬度带</SelectLabel>
<SelectLabel>纬度带°</SelectLabel>
<SelectItem v-for="range in ranges" :key="range" :value="range">
{{ range }}
</SelectItem>

View File

@ -84,14 +84,14 @@ const queryUrl = computed(() => {
<NumberFieldIncrement />
</NumberFieldContent>
</NumberField>
<Label>纬度带</Label>
<Label>纬度带°</Label>
<Select v-model="selected.range">
<SelectTrigger>
<SelectValue placeholder="选择纬度带" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectLabel>纬度带</SelectLabel>
<SelectLabel>纬度带°</SelectLabel>
<SelectItem v-for="range in ranges" :key="range" :value="range">
{{ range }}
</SelectItem>

View File

@ -48,14 +48,14 @@ onMounted(async () => {
</TabsTrigger>
</TabsList>
</Tabs>
<Label>纬度带</Label>
<Label>纬度带°</Label>
<Select v-model="selected.lat_range">
<SelectTrigger>
<SelectValue placeholder="选择纬度带" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectLabel>纬度带</SelectLabel>
<SelectLabel>纬度带°</SelectLabel>
<SelectItem
v-for="lat_range in lat_ranges"
:key="lat_range"