fix: 文案纬度带
This commit is contained in:
parent
7b6e55e67a
commit
6aeb429b3c
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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="选择日期" />
|
||||
|
||||
@ -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(() => {
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user