update

src/utils/smoke.ts

@@ -1,7 +1,89 @@
 import { store } from "../store";
 
+type SmokeMessageItem = {
+  type: string;
+  realtime: {
+    SO2_float: number;
+    NOX_float: number;
+    O2_float: number;
+    dust_float: number;
+  };
+  dayTrend: {
+    SO2_float: Array<{
+      time: string;
+      value: number;
+    }>;
+    NOX_float: Array<{
+      time: string;
+      value: number;
+    }>;
+    O2_float: Array<{
+      time: string;
+      value: number;
+    }>;
+    dust_float: Array<{
+      time: string;
+      value: number;
+    }>;
+  };
+  weekTrend: {
+    SO2_float: Array<{
+      time: string;
+      value: number;
+    }>;
+    NOX_float: Array<{
+      time: string;
+      value: number;
+    }>;
+    O2_float: Array<{
+      time: string;
+      value: number;
+    }>;
+    dust_float: Array<{
+      time: string;
+      value: number;
+    }>;
+  };
+  monthTrend: {
+    SO2_float: Array<{
+      time: string;
+      value: number;
+    }>;
+    NOX_float: Array<{
+      time: string;
+      value: number;
+    }>;
+    O2_float: Array<{
+      time: string;
+      value: number;
+    }>;
+    dust_float: Array<{
+      time: string;
+      value: number;
+    }>;
+  };
+  yearTrend: {
+    SO2_float: Array<{
+      time: string;
+      value: number;
+    }>;
+    NOX_float: Array<{
+      time: string;
+      value: number;
+    }>;
+    O2_float: Array<{
+      time: string;
+      value: number;
+    }>;
+    dust_float: Array<{
+      time: string;
+      value: number;
+    }>;
+  };
+};
+
 export default function handler(msg: MessageEvent) {
-  let serializedData: { type: string; data: any } | null = null;
+  let serializedData: SmokeMessageItem | null = null;
   try {
     serializedData = JSON.parse(msg.data);
   } catch (error) {
@@ -11,9 +93,17 @@ export default function handler(msg: MessageEvent) {
     case "exhaustGas": {
       store.dispatch({
         type: "smoke/setInfo",
-        payload: serializedData.data.realtime,
+        payload: serializedData.realtime,
+      });
+      store.dispatch({
+        type: "smoke/setTrend",
+        payload: {
+          dayTrend: serializedData.dayTrend,
+          weekTrend: serializedData.weekTrend,
+          monthTrend: serializedData.monthTrend,
+          yearTrend: serializedData.yearTrend,
+        },
       });
-      store.dispatch({ type: "smoke/setTrend", payload: serializedData.data });
       break;
     }