接口对接

src/pages/UserCenter/components/ProxyData/index.vue

@@ -1,3 +1,33 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import request from '@/utils/request'
+
+const data = ref([
+  { label: '点击量', value: 0, key: 'clicks' },
+  { label: '浏览量', value: 0, key: 'views' },
+  { label: '付费数量', value: 0, key: 'paid_count' },
+])
+
+const growthRate = ref('N/A')
+
+async function fetchStats() {
+  try {
+    const res: any = await request.get('/api/v1/public/user/agent/realtime')
+    data.value = data.value.map((item) => ({
+      ...item,
+      value: res[item.key] || 0,
+    }))
+    growthRate.value = res.growth_rate || 'N/A'
+  } catch (error) {
+    console.error('Fetch proxy data error:', error)
+  }
+}
+
+onMounted(() => {
+  fetchStats()
+})
+</script>
+
 <template>
   <div
     class="lucid-glass-bar flex w-full flex-col justify-between rounded-4xl! border-1 border-white px-6 py-7"
@@ -17,14 +47,6 @@
       </div>
     </div>
 
-    <div class="mt-2 text-xs text-white/40">相比前一个月+32%</div>
+    <div class="mt-2 text-xs text-white/40">相比前一个月 {{ growthRate }}</div>
   </div>
 </template>
-
-<script setup lang="ts">
-const data = [
-  { label: '点击量', value: 782 },
-  { label: '浏览量', value: 699 },
-  { label: '付费数量', value: 54 },
-]
-</script>