minitest2.0 0.0.8 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "minitest2.0",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "private": false,
   "type": "module",
   "repository": {

package/src/stores/position-filter.ts

@@ -0,0 +1,38 @@
+import { defineStore } from 'pinia'
+
+/**
+ * 头寸预报查询筛选区状态 Store
+ *
+ * 只保存列表页筛选条件面板的展开/收起状态，避免和应用级配置混在一起。
+ */
+export const usePositionFilterStore = defineStore(
+  'positionFilter',
+  () => {
+    /** 人民币头寸预报及查询列表筛选条件是否展开，默认收起并持久化用户选择。 */
+    const rmbFilterExpanded = ref(false)
+
+    /** 外币头寸预报及查询列表筛选条件是否展开，默认收起并持久化用户选择。 */
+    const foreignFilterExpanded = ref(false)
+
+    function setRmbFilterExpanded(value: boolean) {
+      rmbFilterExpanded.value = value
+    }
+
+    function setForeignFilterExpanded(value: boolean) {
+      foreignFilterExpanded.value = value
+    }
+
+    return {
+      rmbFilterExpanded,
+      foreignFilterExpanded,
+      setRmbFilterExpanded,
+      setForeignFilterExpanded,
+    }
+  },
+  {
+    persist: {
+      key: 'mini2_position_filter_settings',
+      pick: ['rmbFilterExpanded', 'foreignFilterExpanded'],
+    },
+  },
+)

package/src/views/foreign/position/index.vue

@@ -6,6 +6,7 @@ import {
   type ForeignForecastRecord,
 } from '@/api/foreign-position'
 import { useAppStore } from '@/stores/app'
+import { usePositionFilterStore } from '@/stores/position-filter'
 import {
   allForeignBusinessOption,
   allForeignStatusOption,
@@ -54,6 +55,7 @@ type SelectorOption = ForeignOption | ForeignStatusOption
 
 const router = useRouter()
 const appStore = useAppStore()
+const positionFilterStore = usePositionFilterStore()
 const defaultTranDate = appStore.systemWorkDate
 const heroImage = `${import.meta.env.BASE_URL}images/12a73787-86a9-4891-a65f-66104746f6a8.png`
 const pageSize = 10
@@ -74,7 +76,8 @@ const showDatePicker = ref(false)
 const datePickerValue = ref(selectedDate.value.split('-'))
 const minDate = new Date(2020, 0, 1)
 const maxDate = new Date(2030, 11, 31)
-const isFilterExpanded = ref(true)
+// 筛选区展开状态由 Pinia 持久化；首次进入无缓存时默认收起。
+const isFilterExpanded = computed(() => positionFilterStore.foreignFilterExpanded)
 
 const forecastList = ref<Forecast[]>([])
 const forecastTotal = ref(0)
@@ -183,6 +186,10 @@ function scrollToTop() {
   })
 }
 
+function toggleFilterExpanded() {
+  positionFilterStore.setForeignFilterExpanded(!isFilterExpanded.value)
+}
+
 function openCreatePage() {
   router.push({
     name: 'ForeignPositionCreate',
@@ -417,7 +424,7 @@ function isPendingForecast(value: Partial<PendingForecast> | null): value is Pen
             class="filter-toggle"
             type="button"
             :aria-expanded="isFilterExpanded"
-            @click="isFilterExpanded = !isFilterExpanded"
+            @click="toggleFilterExpanded"
           >
             <van-icon :name="isFilterExpanded ? 'arrow-up' : 'arrow-down'" />
             <span>{{ isFilterExpanded ? '收起' : '展开' }}</span>

package/src/views/rmb/position/index.vue

@@ -6,6 +6,7 @@ import {
   type RmbForecastRecord,
 } from '@/api/rmb-position'
 import { useAppStore } from '@/stores/app'
+import { usePositionFilterStore } from '@/stores/position-filter'
 import {
   forecastStatusMap,
   formatForecastAmount,
@@ -41,6 +42,7 @@ type PendingForecast = {
 
 const router = useRouter()
 const appStore = useAppStore()
+const positionFilterStore = usePositionFilterStore()
 const defaultTranDate = appStore.systemWorkDate
 const heroImage = `${import.meta.env.BASE_URL}images/5798d7aa-ba8b-4605-8079-58b35495ac55.png`
 const pageSize = 10
@@ -58,7 +60,8 @@ const showDatePicker = ref(false)
 const datePickerValue = ref(selectedDate.value.split('-'))
 const minDate = new Date(2020, 0, 1)
 const maxDate = new Date(2030, 11, 31)
-const isFilterExpanded = ref(true)
+// 筛选区展开状态由 Pinia 持久化；首次进入无缓存时默认收起。
+const isFilterExpanded = computed(() => positionFilterStore.rmbFilterExpanded)
 
 const forecastList = ref<Forecast[]>([])
 const forecastTotal = ref(0)
@@ -135,6 +138,10 @@ function scrollToTop() {
   })
 }
 
+function toggleFilterExpanded() {
+  positionFilterStore.setRmbFilterExpanded(!isFilterExpanded.value)
+}
+
 function openCreatePage() {
   router.push({
     name: 'RmbPositionCreate',
@@ -311,7 +318,7 @@ function isPendingForecast(value: Partial<PendingForecast> | null): value is Pen
             class="filter-toggle"
             type="button"
             :aria-expanded="isFilterExpanded"
-            @click="isFilterExpanded = !isFilterExpanded"
+            @click="toggleFilterExpanded"
           >
             <van-icon :name="isFilterExpanded ? 'arrow-up' : 'arrow-down'" />
             <span>{{ isFilterExpanded ? '收起' : '展开' }}</span>