From 636e51a8f35290aec162e4917733b97c1e335548 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=8E=8B=E6=A2=A6=E8=BF=9C?= <1063331231@qq.com> Date: Sat, 26 Jul 2025 20:28:47 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=8A=A0=E7=83=AD=E5=92=8C?= =?UTF-8?q?=E6=91=87=E5=8C=80=E7=9A=84=E6=97=A5=E5=BF=97=E6=8E=A8=E9=80=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/stores/homeStore.ts | 4 ++++ src/types/home.d.ts | 7 +++++++ src/views/home/index.vue | 25 ++++++++++--------------- 3 files changed, 21 insertions(+), 15 deletions(-) diff --git a/src/stores/homeStore.ts b/src/stores/homeStore.ts index 416469a..b6f7be5 100644 --- a/src/stores/homeStore.ts +++ b/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) { diff --git a/src/types/home.d.ts b/src/types/home.d.ts index d52f0e3..34cf20a 100644 --- a/src/types/home.d.ts +++ b/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 diff --git a/src/views/home/index.vue b/src/views/home/index.vue index d6d0303..fa74c2e 100644 --- a/src/views/home/index.vue +++ b/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