migrate date range selection sheet / dialog to composition API and typescript

2026-05-17 16:24:25 +08:00 · 2025-01-11 15:44:16 +08:00
parent 89b233e51b
commit 3e6a054913
10 changed files with 457 additions and 300 deletions
@@ -287,7 +287,8 @@
                                  :min-time="query.categoricalChartStartTime"
                                  :max-time="query.categoricalChartEndTime"
                                  v-model:show="showCustomDateRangeDialog"
-                                  @dateRange:change="setCustomDateFilter" />
+                                  @dateRange:change="setCustomDateFilter"
+                                  @error="showError" />

    <month-range-selection-dialog :title="$t('Custom Date Range')"
                                  :min-time="query.trendChartStartYearMonth"
@@ -1042,6 +1043,9 @@ export default {
        clickTrendChartItem(item) {
            this.$router.push(this.getTransactionItemLinkUrl(item.itemId, item.dateRange));
        },
+        showError(message) {
+            this.$refs.snackbar.showError(message);
+        },
        getDisplayAmount(amount, currency, textLimit) {
            amount = this.getDisplayCurrency(amount, currency);