From 08a535cee098e2bb90c4b1f560a30eb7e70f71ea Mon Sep 17 00:00:00 2001
From: mengyxu <kekeningxiaobai@sina.com>
Date: Wed, 23 Apr 2025 19:50:32 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=88=98=E6=96=97=E8=BF=87?=
 =?UTF-8?q?=E7=A8=8B=E5=B1=95=E7=A4=BA=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/message/sys-info.vue | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/views/message/sys-info.vue b/src/views/message/sys-info.vue
index 61a99e1..8a32818 100644
--- a/src/views/message/sys-info.vue
+++ b/src/views/message/sys-info.vue
@@ -4,14 +4,7 @@
             <span>{{ t('sys') }}</span>
             <i class="time" v-if="v.time">({{ v.time }})</i>：
             <span class="msg">{{ v.msg }}</span>
-            <div style="float: inline-end;" v-if="v.bouts">
-                <Tooltip :show-icon="false" width="25rem" x="-50%">
-                    <a class="bouts-link">{{ t('bouts.0') }}</a>
-                    <template #tip>
-                        <Bouts :bouts="v.bouts"></Bouts>
-                    </template>
-                </Tooltip>
-            </div>
+            <a v-if="v.bouts" @click="bouts = v.bouts; showBouts = true;" class="bouts-link">{{ t('bouts.0') }}</a>
             <span v-if="v.equips" v-for="(o, p) in v.equips" :key="p">
                 <a :style="{ color: o.quality.color }" @mouseleave="commit('close_equip_tip')"
                     @mouseover="commit('show_equip_tip', { equip: o, compare: true, e: $event })">
@@ -22,6 +15,9 @@
         </div>
     </div>
 
+    <Drawer v-model="showBouts" width="30%">
+        <Bouts :bouts="bouts"></Bouts>
+    </Drawer>
 
 
 </template>
@@ -31,12 +27,14 @@ import { useStore } from "vuex";
 import { watch, nextTick, onMounted, ref } from "vue";
 import { useI18n } from "vue3-i18n";
 import { qualitys } from "@/config";
-import { Tooltip } from "@/components";
+import { Drawer, Tooltip } from "@/components";
 import Bouts from "./bouts.vue";
 
 const { t } = useI18n();
 const { state, commit, dispatch } = useStore();
 const sysInfo = ref();
+const showBouts = ref(false)
+const bouts = ref<any>([])
 
 watch(state.sysInfo, () => {
     nextTick(() => {