From 3408150f84cecfb1bace209b09e88451d2ab87d2 Mon Sep 17 00:00:00 2001
From: sunbeam0529 <fcb1995@163.com>
Date: Mon, 14 Apr 2025 15:02:33 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=91=E9=80=81log=E6=B5=8B=E8=AF=95OK?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                 |  9 ++++++---
 src/components/LogPage.vue  |  1 +
 src/components/ShowPage.vue | 24 +++++++++++++++++++++++-
 3 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 88549ba..021d2d1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -73,8 +73,8 @@
           <v-card>{{ currentView }}</v-card>
         </div>
         <!-- 日志界面 -->
-        <div v-if="currentView === 'pageLog'" >
-          <LogPage />
+        <div v-show="currentView === 'pageLog'" >
+          <LogPage ref="logRef" />
         </div>
       </v-container>
     </v-main>
@@ -83,9 +83,12 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import { ref, provide } from 'vue';
 import LogPage from './components/LogPage.vue';
 
+const logRef = ref(null);
+provide('logRef', logRef);
+
 // 使用 ref 定义响应式数据
 let drawer = ref(true);
 let currentView = ref("pageCANMsg");
diff --git a/src/components/LogPage.vue b/src/components/LogPage.vue
index 1261827..214b29a 100644
--- a/src/components/LogPage.vue
+++ b/src/components/LogPage.vue
@@ -103,6 +103,7 @@ function updatePagination(value) {
 }
 
 const PrintLog = (level, message) => {
+    console.log(`[${level}] ${message}`);
   const newLog = {
     timestamp: Date.now(),
     level: level.toUpperCase(),
diff --git a/src/components/ShowPage.vue b/src/components/ShowPage.vue
index fdcf075..66d3a99 100644
--- a/src/components/ShowPage.vue
+++ b/src/components/ShowPage.vue
@@ -20,12 +20,34 @@
         </div>
       </v-col>
       <v-col cols="4" class="bg-yellow">
-
+        <v-btn 
+          @click="handleTestLog"
+          color="primary"
+          class="ma-4"
+        >
+          测试日志
+        </v-btn>
       </v-col>
     </v-row>
   </v-container>
 </template>
 
+<script>
+export default {
+  inject: ['logRef'],
+  methods: {
+    handleTestLog() {
+      //this.logRef?.PrintLog('INFO', '来自座椅控制页面的测试日志') 
+      this.PrintLog('INFO', '来自座椅控制页面的测试日志')
+      alert('测试日志已发送')
+    },
+    PrintLog(level, message) {
+      this.logRef?.PrintLog(level, message)
+    }
+  }
+}
+</script>
+
 <style>
 .background-div {
   background-image: url("..\assets\座椅.png");