feat: saber thing

src/components/dense/saber/day_cycle_power_wave_plot.vue

@@ -123,14 +123,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="选择纬度范围" />
+            <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>

src/components/dense/saber/day_fft_ifft_plot.vue

@@ -123,14 +123,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="选择纬度范围" />
+            <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>

src/pages/cosmic/planet_wave/0-daily.vue

@@ -15,13 +15,14 @@ const selectedT = ref<'5' | '10' | '16'>('5')
 const selectedH = ref(90)
 const selectedRange = ref('-30')
 const selectedK = ref(0)
+const selectedYear = ref('2008')
 const ranges = ['-30', '-60', '30', '60']
 
 const fetchUrl = computed(() => {
   const query = new URLSearchParams()
   query.set('T', selectedT.value)
-  query.set('H', selectedH.value.toString())
-  query.set('lat_range', selectedRange.value)
+  query.set('target_h', selectedH.value.toString())
+  query.set('target_lat', selectedRange.value)
   query.set('k', selectedK.value.toString())
   return `${API_BASE_URL}/cosmic/render/planet_wave/daily?${query}`
 })
@@ -29,6 +30,20 @@ const fetchUrl = computed(() => {
 
 <template>
   <DenseFramework :image-query="fetchUrl">
+    <Label>年份</Label>
+    <Select v-model="selectedYear">
+      <SelectTrigger>
+        <SelectValue placeholder="选择年份" />
+      </SelectTrigger>
+      <SelectContent>
+        <SelectGroup>
+          <SelectLabel>年份</SelectLabel>
+          <SelectItem v-for="year in ['2008']" :key="year" :value="year">
+            {{ year }}
+          </SelectItem>
+        </SelectGroup>
+      </SelectContent>
+    </Select>
     <Label for="T_range">行星波周期</Label>
     <Tabs id="T_range" v-model="selectedT" default-value="5">
       <TabsList class="grid grid-cols-3 w-full">

src/pages/saber/planet_wave/1-monthly.vue

@@ -32,6 +32,8 @@ const queryUrl = computed(() => {
   q.set('year', selected.year)
   q.set('T', selected.T.toString())
   q.set('k', selected.k.toString())
+  q.set('H', selected.H.toString())
+  q.set('lat_target', selected.range)
   return `${API_BASE_URL}/saber/render/planet_wave/per_year/energy_plot?${q}`
 })
 </script>