update

src/store/features/alarmSlice.js

@@ -0,0 +1,19 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+export const initialState = {
+  list: [],
+};
+
+const alarmSlice = createSlice({
+  name: "alarm",
+  initialState,
+  reducers: {
+    setList(state, action) {
+      console.log("[alarm store] setting list ---> ", action);
+      state.list = action.payload;
+    },
+  },
+});
+
+export default alarmSlice.reducer;
+export const { setList } = alarmSlice.actions;

src/store/index.js

@@ -14,9 +14,12 @@ import annealFanFrequenceReducer from "./features/annealFanFrequenceSlice";
 import annealFanInfoReducer from "./features/annealFanInfoSlice";
 import cuttingReducer from "./features/cuttingSlice";
 import smokeReducer from "./features/smokeSlice";
+import alarmSlice from "./features/alarmSlice";
 
 export const store = configureStore({
   reducer: {
+    // 报警信息
+    alarm: alarmSlice,
     // 窑炉信息
     kiln: kilnReducer,
     // 投料机信息

src/utils/dcs.ts

@@ -1,4 +1,5 @@
 import { store } from "../store";
+import { setList } from "../store/features/alarmSlice";
 
 export default function handler(msg: MessageEvent) {
   let serializedData: { type: string; data: any } | null = null;
@@ -8,6 +9,10 @@ export default function handler(msg: MessageEvent) {
     console.log("[*] websocket: [unable to serialize] --->  ", msg);
   }
   switch (serializedData?.type) {
+    case "alarmList": {
+      store.dispatch(setList(serializedData.data))
+      break;
+    }
     case "KilnInfo": {
       store.dispatch({
         type: "kiln/setKilnInfo",