增加加热和摇匀的日志推送

src/stores/homeStore.ts

@@ -28,8 +28,12 @@ export const useHomeStore = defineStore('home', {
         selected: false,
       },
     ],
+    logList: [],
   }),
   actions: {
+    insertLog(log: Home.Log) {
+      this.logList.unshift(log)
+    },
     selectChange(index: number) {
       this.heatAreaList.forEach((item: Home.HeatArea, i: number) => {
         if (i === index) {

src/types/home.d.ts

@@ -1,6 +1,13 @@
 declare namespace Home {
   interface HomeStore {
     heatAreaList: HeatArea[]
+    logList: []
+  }
+  interface Log {
+    id: number
+    title: string
+    content: string
+    time: string
   }
   interface HeatArea {
     label: string

src/views/home/index.vue

@@ -6,9 +6,11 @@ import DrainWasteSolution from 'components/home/DrainWasteSolution/index.vue'
 import FillSolution from 'components/home/FillSolution/index.vue'
 import SetTemperature from 'components/home/SetTemperature/index.vue'
 import StartHeat from 'components/home/StartHeat/index.vue'
+import { ElMessageBox } from 'element-plus'
+import { socket } from 'libs/socket'
 import { useHomeStore } from 'stores/homeStore'
 import { useSystemStore } from 'stores/systemStore'
-import { ref, watch } from 'vue'
+import { onMounted, ref, watch } from 'vue'
 
 const option = ref({
   grid: {
@@ -33,20 +35,6 @@ const option = ref({
   ],
 })
 
-const list = [
-  '2025年7月23 14:12:00 1号滴定位开始执行.....',
-  '2025年7月23 14:12:00 1号滴定位开始执行.....',
-  '2025年7月23 14:12:00 1号滴定位开始执行.....',
-  '2025年7月23 14:12:00 1号滴定位开始执行.....',
-  '2025年7月23 14:12:00 1号滴定位开始执行.....',
-  '2025年7月23 14:12:00 1号滴定位开始执行.....',
-  '2025年7月23 14:12:00 1号滴定位开始执行.....',
-  '2025年7月23 14:12:00 1号滴定位开始执行.....',
-  '2025年7月23 14:12:00 1号滴定位开始执行.....',
-  '2025年7月23 14:12:00 1号滴定位开始执行.....',
-
-]
-
 const chartBox = ref(null)
 
 const systemStore = useSystemStore()
@@ -95,6 +83,13 @@ const moveToMODULE_2 = async (item: number) => {
   }
   await homeStore.sendControl(params)
 }
+onMounted(() => {
+  socket.init(receiveMessage, 'log')
+})
+const receiveMessage = async (data: any) => {
+  homeStore.insertLog(data)
+}
+const list = homeStore.logList
 </script>
 
 <template lang="pug">