备份

src/views/monthlyReport/components/anchor.vue

@@ -11,14 +11,22 @@
         }"
       />
 
-      <div
-        class="mi"
-        @contextmenu.prevent="openMenu($event, item)"
-        @click="change(item)"
-        @mousemove="mouseMoveItem({ event: $event, item })"
+      <el-tooltip
+        class="item"
+        effect="dark"
+        :enterable="false"
+        :content="item.name"
+        placement="top-start"
       >
-        <span class="title"> {{ item.name }}</span>
-      </div>
+        <div
+          class="mi"
+          @contextmenu.prevent="openMenu($event, item)"
+          @click="change(item)"
+          @mousemove="mouseMoveItem({ event: $event, item })"
+        >
+          <span class="title"> {{ item.name }}</span>
+        </div>
+      </el-tooltip>
 
       <span v-if="item.children && item.children.length">
         <Anchor

src/views/monthlyReport/components/menu.vue

@@ -40,17 +40,19 @@ export default {
   },
   methods: {
     init() {
-      this.show = false
       this.menuStyle = {
         left: `${this.menuData.event.clientX + 10}px`,
         top: `${this.menuData.event.clientY + 15}px`
       }
+      setTimeout(() => {
+        this.show = false
+      }, 200)
     },
     closeMenu() {
       clearTimeout(this.timeout)
       this.timeout = setTimeout(() => {
-        // this.show = true
-      }, 0)
+        this.show = true
+      }, 100)
     }
   }
 }