新增左侧栏hover提示；修改页面展示名称及编号

src/components/matrixBlock.vue

@@ -22,8 +22,8 @@
         <div
           :class="item.active ? 'left-' + item.status : 'unleft-' + item.status"
         >
-          <div>{{ item.stationId.slice(0, 2) }}</div>
-          <div>{{ item.stationId.slice(5) }}</div>
+          <div>{{ getName(item, 'top') }}</div>
+          <div>{{ getName(item, 'bot') }}</div>
           <!-- <div>{{ item.windturbineId.slice(0, 2) }}</div>
         <div>{{ item.code }}</div> -->
         </div>
@@ -131,6 +131,17 @@ export default {
   },
   updated() {},
   methods: {
+    getName(item, type) {
+        let name = ''
+        if (item.stationId) {
+            if (type === 'top') {
+                name = item.stationId.slice(0, item.stationId.indexOf('_'))
+            } else {
+                name = item.stationId.slice(item.stationId.indexOf('_'))
+            }
+        }
+        return name
+    },
     handleDeal(val) {
       let data = dayjs(val).format("YYYY-MM-DD HH:mm:ss");
       this.showVlaues = this.timeFn(data);

src/views/Menu.vue

@@ -9,11 +9,20 @@
       @mouseenter="hovers(item.id)"
     >
     <!-- :src="item.src" -->
-      <img
+    <el-tooltip
+        class="box-item"
+        effect="dark"
+        placement="right"
+        :content="showTitle(item.id)"
+    >
+        <img
         :class="item.id !== 8 ? 'muen-icon' : 'muen-lock'"
         :src="showIcon(item)"
+        
         alt=""
       />
+    </el-tooltip>
+      
       <div v-if="item.id === 3" class="num">{{ temperatureNum }}</div>
     </div>
     <div
@@ -133,6 +142,31 @@ export default {
     };
   },
   methods: {
+    showTitle(id) {
+        let str = ''
+        if (id === 1) {
+            str = '首页'
+        } else if(id === 2) {
+            str = '矩阵'
+        } else if(id === 3) {
+            str = '温度矩阵'
+        } else if(id === 4) {
+            str = '升压站'
+        } else if(id === 5) {
+            str = 'AGC'
+        } else if(id === 7) {
+            str = '大数据训练样本库'
+        } else if(id === 8) {
+            str = '锁屏'
+        } else if(id === 9) {
+            str = '声音'
+        } else if(id === 10) {
+            str = '截图'
+        } else if(id === 11) {
+            str = '设置'
+        }
+        return str
+    },
     showmenuSty(item) {
         let str = ''
         if (item.id === this.current) {