fix: 优化中控台首页的今日小时趋势

src/api/RegistVisitApi/RegistVisitApi.js

@@ -133,3 +133,11 @@ export const getIdCardVisitHistory = (data) => {
         isEncrypt: false
     })
 }
+
+// 获取当天小时来访趋势
+export const getVisitHourTrend = () => {
+    return request({
+        method: 'get',
+        url: '/visiting/visit/stat_hour',
+    })
+}

src/components/IndexComponents/TodayVisitTrend.vue

@@ -9,16 +9,11 @@
 <script setup>
 import Vechart from 'vue-echarts'
 import * as echarts from 'echarts/core';
-import {
+import {GridComponent, LegendComponent, TitleComponent, ToolboxComponent, TooltipComponent} from 'echarts/components';
-    TitleComponent,
-    ToolboxComponent,
-    TooltipComponent,
-    GridComponent,
-    LegendComponent
-} from 'echarts/components';
 import {LineChart} from 'echarts/charts';
 import {UniversalTransition} from 'echarts/features';
 import {CanvasRenderer} from 'echarts/renderers';
+import {getVisitHourTrend} from '@/api/RegistVisitApi/RegistVisitApi.js';
 
 
 defineOptions({
@@ -37,9 +32,26 @@ echarts.use([
 ]);
 
 
-const times = Array.from({length: 24}, (_, i) => `${i}:00`)
+const options = ref({})
-const data = Array.from({length: 24}, (_, i) => Math.floor(Math.random() * 100))
+
-const options = {
+onMounted(() => {
+    getData()
+})
+
+const getData = async () => {
+    const res = await getVisitHourTrend()
+    const data = res.data.map(item => {
+        return {
+            ...item,
+            name: item.hour,
+            value: item.count
+        }
+    })
+    setChartOptions(data)
+}
+
+const setChartOptions = (data) => {
+    options.value = {
         tooltip: {
             trigger: 'axis',
             axisPointer: {
@@ -70,7 +82,7 @@ const options = {
         },
         series: [
             {
-            name: 'Line 1',
+                name: '今日来访',
                 type: 'line',
                 stack: 'Total',
                 smooth: true,
@@ -105,6 +117,7 @@ const options = {
             }
         ]
     }
+}
 </script>
 
 <style scoped lang="scss">