Compare commits

...

2 Commits

Author SHA1 Message Date
24e686dafa
fix text
Some checks are pending
Test / build (lts/*, ubuntu-latest) (push) Waiting to run
Test / build (lts/*, windows-latest) (push) Waiting to run
2025-05-05 11:25:10 +08:00
6aeb429b3c
fix: 文案纬度带 2025-05-05 11:02:34 +08:00
12 changed files with 46 additions and 33 deletions

View File

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

View File

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

View File

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

View File

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

View File

@ -31,6 +31,19 @@ onMounted(async () => {
allStations.value = stations allStations.value = stations
selectedStation.value = stations[0] 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(() => { const currentMinBeginYear = computed(() => {

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -41,21 +41,21 @@ onMounted(async () => {
<Tabs v-model="selected.mode" default-value="v1"> <Tabs v-model="selected.mode" default-value="v1">
<TabsList class="grid grid-cols-1 w-full"> <TabsList class="grid grid-cols-1 w-full">
<TabsTrigger value="monthly_height"> <TabsTrigger value="monthly_height">
重力波(取log)随高度变化热力图 重力波(取log)随高度变化热力图
</TabsTrigger> </TabsTrigger>
<TabsTrigger value="monthly_energy"> <TabsTrigger value="monthly_energy">
重力波(取log)变化折线图 重力波(取log)变化折线图
</TabsTrigger> </TabsTrigger>
</TabsList> </TabsList>
</Tabs> </Tabs>
<Label>纬度带</Label> <Label>纬度带°</Label>
<Select v-model="selected.lat_range"> <Select v-model="selected.lat_range">
<SelectTrigger> <SelectTrigger>
<SelectValue placeholder="选择纬度带" /> <SelectValue placeholder="选择纬度带" />
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
<SelectGroup> <SelectGroup>
<SelectLabel>纬度带</SelectLabel> <SelectLabel>纬度带°</SelectLabel>
<SelectItem <SelectItem
v-for="lat_range in lat_ranges" v-for="lat_range in lat_ranges"
:key="lat_range" :key="lat_range"