From c78090da56c047d9eb8f6bc39cf973856bded2fe Mon Sep 17 00:00:00 2001
From: song <srf428110@163.com>
Date: Mon, 1 Nov 2021 09:34:03 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E5=9B=BE=E5=8F=82=E6=95=B0?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/data-search-bar.vue |  4 ++--
 src/components/search-bar-data.vue |  4 ++--
 src/views/month-data.vue           | 24 ++++++++++++++++++------
 src/views/statistical-history.vue  | 10 ++++------
 src/views/statistical-realtime.vue | 14 +++++---------
 5 files changed, 31 insertions(+), 25 deletions(-)

diff --git a/src/components/data-search-bar.vue b/src/components/data-search-bar.vue
index ce1683b..2220af5 100644
--- a/src/components/data-search-bar.vue
+++ b/src/components/data-search-bar.vue
@@ -53,8 +53,8 @@ const onSubmit = () => {
   searchDeviceForm.value.validate(() => {
     const { deviceId, date } = { ...searchDevice };
     if (date) {
-      const start = dayjs(date[0]).format('X');
-      const end = dayjs(date[1]).format('X');
+      const start = dayjs(date[0]).valueOf();
+      const end = dayjs(date[1]).valueOf();
       const daterange = [start, end];
       emit('search', { deviceId, date: daterange });
     } else {
diff --git a/src/components/search-bar-data.vue b/src/components/search-bar-data.vue
index b227740..1819b43 100644
--- a/src/components/search-bar-data.vue
+++ b/src/components/search-bar-data.vue
@@ -55,8 +55,8 @@ const onSubmit = () => {
   searchDeviceForm.value.validate(() => {
     const { deviceId, date } = searchDevice;
     if (date) {
-      const start = dayjs(date[0]).format('X');
-      const end = dayjs(date[1]).format('X');
+      const start = dayjs(date[0]).valueOf();
+      const end = dayjs(date[1]).valueOf();
       const daterange = [start, end];
       emit('search', { deviceId, date: daterange });
     } else {
diff --git a/src/views/month-data.vue b/src/views/month-data.vue
index 20c9954..1c9fda3 100644
--- a/src/views/month-data.vue
+++ b/src/views/month-data.vue
@@ -1,5 +1,5 @@
 <template>
-  <DataSearchBar @search="getDate" />
+  <DataSearchBar @search="onSearch" />
   <IntegralElectric ref="child1" class="mt-4" />
   <TotalCorrosion ref="child2" class="mt-4" />
   <MoistTime ref="child3" class="mt-4" />
@@ -17,6 +17,8 @@ const child1 = ref(null);
 const child2 = ref(null);
 const child3 = ref(null);
 
+const search = ref({});
+const page = ref({ page: 2, size: 10 });
 let timer = null;
 const store = useStore();
 const token = computed(() => store.getters['user/token']);
@@ -25,21 +27,22 @@ const corrosionData = computed(() => store.state.statistics.corrosionData);
 const moistTimeData = computed(() => store.state.statistics.moistTimeData);
 const currentDeviceId = computed(() => store.state.device.currentDeviceId); // 正在操作的设备的id
 
-// 获取月累计数据
 /**
  * 获取月累计数据
  * @param {*} deviceId // 站点 设备id
  * @param {*} date // 年月时间段
  * @param {*} sort // 1 -> 按时间正序 -1->按时间倒序
  */
-const getDate = async options => {
+const getDate = async () => {
   try {
     if (token) {
+      const options = { ...search.value };
+      const date = options && options.date ? options.date : [];
       const params = {
-        deviceId: currentDeviceId.value,
-        date: options && options.date && options.date.length ? options.date : [],
-        sort: 1,
+        search: { deviceId: currentDeviceId.value, date },
+        page: { page: page.value.page, size: page.value.size },
       };
+
       await store.dispatch('statistics/getMonthsDate', params);
       timer && clearTimeout(timer);
       timer = null;
@@ -58,4 +61,13 @@ const getDate = async options => {
 };
 
 getDate();
+
+/**
+ * 监听search信息
+ * @param {object} payload search组件emit的数据
+ */
+const onSearch = payload => {
+  search.value = { ...payload };
+  getDate();
+};
 </script>
diff --git a/src/views/statistical-history.vue b/src/views/statistical-history.vue
index 8894060..7d1056a 100644
--- a/src/views/statistical-history.vue
+++ b/src/views/statistical-history.vue
@@ -11,6 +11,7 @@ import { useStore } from 'vuex';
 
 const childRef = ref(null);
 
+const page = ref({ page: 2, size: 10 });
 let timer = null;
 const store = useStore();
 const token = computed(() => store.getters['user/token']);
@@ -31,13 +32,10 @@ const getDate = async () => {
   try {
     if (token) {
       const options = { ...search.value };
+      const date = options && options.date ? options.date : [];
       const params = {
-        deviceId: currentDeviceId.value,
-        date: options && options.date && options.date.length ? options.date : [],
-        sort: 1,
-        page: 1,
-        size: 10,
-        type: 0,
+        search: { deviceId: currentDeviceId.value, date },
+        page: { page: page.value.page, size: page.value.size },
       };
       await store.dispatch('statistics/getRealtimeData', params);
       timer && clearTimeout(timer);
diff --git a/src/views/statistical-realtime.vue b/src/views/statistical-realtime.vue
index 2ea2395..c33bd75 100644
--- a/src/views/statistical-realtime.vue
+++ b/src/views/statistical-realtime.vue
@@ -12,6 +12,7 @@ import dayjs from 'dayjs';
 
 const childRef = ref(null);
 
+const page = ref({ page: 2, size: 10 });
 let timer = null;
 let apiTimer = null;
 const store = useStore();
@@ -32,16 +33,11 @@ const getDate = async () => {
   try {
     if (token) {
       const startTime = new Date(new Date(new Date().toLocaleDateString()).getTime());
-      const start = dayjs(startTime).format('X');
-      const end = dayjs(new Date()).format('X');
-
+      const start = dayjs(startTime).valueOf();
+      const end = dayjs(new Date()).valueOf();
       const params = {
-        deviceId: currentDeviceId.value,
-        date: [start, end],
-        sort: 1,
-        page: 1,
-        size: 10,
-        type: 0,
+        search: { deviceId: currentDeviceId.value, date: [start, end] },
+        page: { page: page.value.page, size: page.value.size },
       };
       await store.dispatch('statistics/getRealtimeData', params);
       timer && clearTimeout(timer);