1405/02/24-Optimization home index.vue

src/views/base/home/composables/useBanners.ts

@@ -0,0 +1,37 @@
+import { ref } from 'vue'
+import { getConstByKey } from '@/api/const'
+
+export function useBanners() {
+    const banners = ref([])
+    const loading = ref(false)
+
+    const loadBanners = async () => {
+        try {
+            loading.value = true
+            const response = await getConstByKey('header_banner')
+            if (!response) return
+
+            let list = []
+            if (typeof response === 'string') {
+                list = JSON.parse(response)
+            } else if (typeof response === 'object' && !Array.isArray(response) && 'value' in response) {
+                list = typeof response.value === 'string' ? JSON.parse(response.value) : response.value
+            } else if (Array.isArray(response) && response.length > 0) {
+                const first = response[0]
+                if (first.value) {
+                    list = typeof first.value === 'string' ? JSON.parse(first.value) : first.value
+                } else if (first.icon) {
+                    list = response
+                }
+            }
+
+            banners.value = Array.isArray(list) ? list.filter(b => b.show === true) : []
+        } catch (error) {
+            console.error('Error loading banners:', error)
+        } finally {
+            loading.value = false
+        }
+    }
+
+    return { banners, loading, loadBanners }
+}

src/views/base/home/composables/usePriceChart.ts

@@ -0,0 +1,33 @@
+import { ref } from 'vue'
+import { getAllPrices } from '@/api/home'
+
+export function usePriceChart() {
+    const priceChartSeries = ref([{ name: 'قیمت', data: [] }])
+    const selection = ref('DAILY')
+    const chartLoading = ref(false)
+
+    const toPersianNumber = (num: number) => {
+        return num.toString().replace(/\d/g, (d) => '۰۱۲۳۴۵۶۷۸۹'[d])
+    }
+
+    const fetchPrices = async () => {
+        try {
+            chartLoading.value = true
+            const response = await getAllPrices()
+            const data = response.data?.prices
+            const selectedData = data[selection.value] || []
+            priceChartSeries.value[0].data = selectedData.map((item: any) => [item.timestamp, item.value - 1])
+        } catch (error) {
+            console.error('Error fetching prices:', error)
+        } finally {
+            chartLoading.value = false
+        }
+    }
+
+    const updateChartData = (timeline: string) => {
+        selection.value = timeline
+        fetchPrices()
+    }
+
+    return { priceChartSeries, chartLoading, updateChartData, fetchPrices }
+}

src/views/base/home/composables/useUserFunds.ts

@@ -0,0 +1,22 @@
+import { ref } from 'vue'
+import { useFundUserStore } from '@/store/fundStore'
+
+export function useUserFunds() {
+    const funds = ref([])
+    const loading = ref(false)
+    const fundStore = useFundUserStore()
+
+    const loadFunds = async () => {
+        try {
+            loading.value = true
+            const result = await fundStore.getMyFund()
+            funds.value = result?.rows || []
+        } catch (error) {
+            console.error('Error loading funds:', error)
+        } finally {
+            loading.value = false
+        }
+    }
+
+    return { funds, loading, loadFunds }
+}