2213980799@qq.com 1 жил өмнө
parent
commit
50f56fd5ff

+ 8 - 5
src/views/doc/components/main.vue

@@ -59,8 +59,9 @@
               <span
               <span
                 class="custom-tree-node"
                 class="custom-tree-node"
                 slot-scope="{ node, data }"
                 slot-scope="{ node, data }"
-                @contextmenu.prevent="onRightClick(data, $event)"
+                @contextmenu.prevent="onRightClick(data,$event)"
                 @click.prevent="clicka"
                 @click.prevent="clicka"
+                ref="trueNodeRef"
               >
               >
                 <el-popover
                 <el-popover
                   style="position: fixed; z-index: 2000"
                   style="position: fixed; z-index: 2000"
@@ -265,15 +266,17 @@ export default {
       this.visible = false;
       this.visible = false;
     },
     },
 
 
-    onRightClick(data, e) {
+    onRightClick(data,PointerEvent) {
       this.rightData = data;
       this.rightData = data;
       this.visible = true;
       this.visible = true;
       this.$nextTick(() => {
       this.$nextTick(() => {
-        let y = e.pageY;
-        if (e.screenY >= e.view.innerHeight) {
+        let y = PointerEvent.pageY;
+        let x = PointerEvent.pageX+10;
+        if (PointerEvent.screenY >= PointerEvent.view.innerHeight) {
           y -= 80;
           y -= 80;
         }
         }
         this.$refs.popoverRef.$el.style.top = y+'px'
         this.$refs.popoverRef.$el.style.top = y+'px'
+        this.$refs.popoverRef.$el.style.left = x+'px'
       });
       });
     },
     },
     setPower(data) {
     setPower(data) {
@@ -369,7 +372,7 @@ export default {
 :deep(.el-popover) {
 :deep(.el-popover) {
   min-width: 50px;
   min-width: 50px;
   position: fixed;
   position: fixed;
-  background: #E6A23C;
+  background: #409EFF;
   
   
 }
 }
 :deep(.el-link--inner) {
 :deep(.el-link--inner) {