From cd0ab1f6ee9218b25fd56346bd31cf8ee53849bb Mon Sep 17 00:00:00 2001
From: sige <sige@sige.com>
Date: Fri, 24 May 2024 15:43:41 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B0=B4=E6=B5=B8=E9=94=99=E8=AF=AF=E6=A3=80?=
 =?UTF-8?q?=E6=9F=A5=E7=94=B1=E4=BA=8B=E4=BB=B6=E9=80=9A=E7=9F=A5=EF=BC=8C?=
 =?UTF-8?q?=E6=94=B6=E5=88=B0=E9=94=99=E8=AF=AF=E5=90=8E=E5=BC=B9=E6=A1=86?=
 =?UTF-8?q?=EF=BC=8C=E7=A1=AE=E8=AE=A4=E5=90=8E=E8=B0=83=E7=94=A8=E6=8C=87?=
 =?UTF-8?q?=E5=AE=9A=E6=8E=A5=E5=8F=A3=E5=85=B3=E9=97=AD=E5=BC=B9=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 40 +++++++++++++++++++++++++++++++++++++---
 1 file changed, 37 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 4d73cf6..0a47aa8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,41 @@
-<script setup></script>
-
 <template>
   <router-view></router-view>
+  <my-modal type="info" icon="warning"
+    v-model:visible="deviceAlert.visible"
+    :content="deviceAlert.content"
+    @ok="actionDeviceAlertOk"
+  ></my-modal>
 </template>
+<script setup>
+import { useWebSocketStore } from '@/store'
+import { onMounted, ref } from 'vue';
+/** @var {webSocketStore} */
+const webSocketStore = useWebSocketStore();
+/** @var {Object} */
+const deviceAlert = ref({
+    visible: false,
+    content: '',
+    key : null,
+});
+// on mounted
+onMounted(mounted);
+
+// on mounted
+function mounted() {
+    webSocketStore.registerEventHandler('AlertEvent', handleAlertEvent);
+}
+
+// handle alert event
+async function handleAlertEvent(data) {
+    deviceAlert.value.visible = true;
+    deviceAlert.value.content = data.displayInfo;
+    deviceAlert.value.key = data.alertContext;
+    await webSocketStore.call('AlertEventFrontEndConfirm', {alertContext:data.alertContext});
+}
+
+// action device alert ok
+async function actionDeviceAlertOk() {
+    await webSocketStore.call('AlertEventUsrConfirm', {alertContext:deviceAlert.value.key});
+}
 
-<style scoped></style>
+</script>