1

src/views/pages/StatusMonitor.vue

@@ -1,11 +1,12 @@
 <script setup>
-import { ref, computed } from 'vue'
+import {ref, computed, onMounted} from 'vue'
 import { use } from 'echarts/core'
 import { CanvasRenderer } from 'echarts/renderers'
 import { LineChart, BarChart } from 'echarts/charts'
 import { TooltipComponent, GridComponent, MarkAreaComponent, MarkPointComponent, LegendComponent } from 'echarts/components'
 import VChart from 'vue-echarts'
 import imgAccidentPoint from '@/assets/images/home/sg.png'
+import api from "@/api/index.js";
 
 use([
   CanvasRenderer,
@@ -930,6 +931,17 @@ const accidentImpactOption = computed(() => {
     ],
   }
 })
+
+
+const getPageData = async () => {
+  const res = await api.getPageData('status')
+  const data = JSON.parse(res.data)
+  console.log("🚀 ~ getPageData ~ data: ", data);
+}
+
+onMounted(() => {
+  getPageData()
+})
 </script>
 
 <template>