在线设备详情重构

Web/src/components/onLineDevice/components/InfoModal.vue

@@ -11,10 +11,14 @@
     <div class="content-osd">
       <div class="content-osd-head">
         <div class="content-osd-head-icon">
-          <a-image style="width: 80%;" :src="M30Src" :preview="false" />
-          <div class="content-osd-head-icon-text">
-            {{ osdInfo.model }}
+          <div class="content-osd-head-icon-image">
+            <a-image :src="M30Src" :preview="false" />
           </div>
+          <a-tooltip :title="osdInfo.model">
+            <div class="content-osd-head-icon-text">
+              {{ osdInfo.model }}
+            </div>
+          </a-tooltip>
         </div>
         <div class="content-osd-head-right">
           <div class="content-osd-head-right-top">
@@ -474,6 +478,10 @@ const onStop = async () => {
         justify-content: center;
         align-items: center;
 
+        &-image {
+          width: 80%;
+        }
+
         &-text {
           text-align: center;
           white-space: nowrap;