添加历史数据统计接口

src/routers/index.js

@@ -29,21 +29,21 @@ export const routes = [
   {
     path: '/data-history',
     name: 'data-history',
-    meta: { title: '历史数据查看', icon: 'el-icon-data-line' },
+    meta: { title: '历史数据查看', icon: 'el-icon-document-copy' },
     component: () => import('@/views/data-history.vue'),
   },
-  {
-    path: '/statistical-realtime',
-    name: 'statistical-realtime',
-    meta: { title: '实时数据统计' },
-    component: () => import('@/views/statistical-realtime.vue'),
-  },
   {
     path: '/statistical-history',
     name: 'statistical-history',
-    meta: { title: '历史数据统计' },
+    meta: { title: '历史数据统计', icon: 'el-icon-data-line' },
     component: () => import('@/views/statistical-history.vue'),
   },
+  {
+    path: '/statistical-realtime',
+    name: 'statistical-realtime',
+    meta: { title: '实时数据统计', icon: 'el-icon-time' },
+    component: () => import('@/views/statistical-realtime.vue'),
+  },
   {
     path: '/months',
     name: 'months',

src/views/statistical-history.vue

@@ -1,39 +1,42 @@
 <template>
-  <DataSearchBar @getDate="getDate" />
+  <SearchBar @search="getDate" />
   <HistoryData ref="childRef" class="mt-4" />
 </template>
 
 <script setup>
-import DataSearchBar from 'components/data-search-bar.vue';
+import SearchBar from 'components/search-bar-data.vue';
 import HistoryData from 'components/history-data.vue';
 import { computed, ref } from 'vue';
 import { useStore } from 'vuex';
+import { getHistories } from 'apis/index';
 
 const childRef = ref(null);
 
 let timer = null;
+const page = ref({ page: 2, size: 10 });
+const data = ref(null);
+const search = ref({});
 const store = useStore();
 const token = computed(() => store.getters['user/token']);
-const realtimeData = computed(() => store.state.statistics.realtimeData);
 
 // 实时数据统计
-const getDate = async options => {
+const getDate = async () => {
-  if (token) {
+  try {
-    const params = {
+    if (token) {
-      deviceId: options && options.deviceId ? options.deviceId : '', // 站点 设备id
+      const params = { search: { ...search.value }, page: { page: page.value.page, size: page.value.size } };
-      date: options && options.date && options.date.length ? options.date : [], // 年月时间段
+      const resData = await getHistories(params);
-      sort: 1, // 1 -> 按时间正序 -1->按时间倒序
+      data.value = resData.data;
-      page: 1, // 第几页
+      page.value = resData.page;
-      size: 10, // 每页多少条
+      timer && clearTimeout(timer);
-    };
+      timer = null;
-    await store.dispatch('statistics/getRealtimeData', params);
+      childRef.value.changeDate(data.value);
-    timer && clearTimeout(timer);
+    } else {
-    timer = null;
+      timer = setTimeout(() => {
-    childRef.value.changeDate(realtimeData.value);
+        getDate();
-  } else {
+      });
-    timer = setTimeout(() => {
+    }
-      getDate();
+  } catch (error) {
-    });
+    console.log('error: ', error);
   }
 };