Compare commits
2 Commits
7b6e55e67a
...
24e686dafa
| Author | SHA1 | Date | |
|---|---|---|---|
| 24e686dafa | |||
| 6aeb429b3c |
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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="选择日期" />
|
||||||
|
|||||||
@ -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(() => {
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user