joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

修改同济大学运行图bar

Browse Source
This commit is contained in:
ival 2021-03-04 09:20:27 +08:00
parent d84f4ba836
commit 4e4d602400
3 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/planMonitor/editToolTJ/component/menuItem.vue
View File

@ -1,8 +1,8 @@
<template>
<div class="menu"
@click.stop="onClick"
@mouseenter.stop="onMouseEnter"
@mouseleave.stop="onMouseLeave">
@click.self="onClick"
@mouseenter.self="onMouseEnter"
@mouseleave.self="onMouseLeave">
<slot name="prefix"/>
<span class="menu-label" :class="{'menu-check': check}" :style="{color: color}">{{menu.title}}</span>
<slot name="append"/>

10
src/views/planMonitor/editToolTJ/component/menuList.vue
View File

@ -9,7 +9,7 @@
@mouseleave="onMouseLeave(el, i)">
<template v-if="el.children&&el.children.length" slot="append">
<span class="menu-arrow" />
<menu-list class="menu-list" v-if="index==i" :background="background" :color="color" :menus="el.children"/>
<menu-list class="menu-list" v-show="index==i" :background="background" :color="color" :menus="el.children"/>
</template>
</menu-item>
</li>
@ -49,18 +49,20 @@ export default {
},
methods: {
onMouseEnter(el, i) {
this.$emit('mouseenter', el, i);
this.index = i;
},
onMouseLeave(el, i) {
this.$emit('mouseleave', el, i);
this.index = -1;
console.log(999999999999999)
},
onClick(el, i) {
this.$emit('click', el, i);
if (el.disabled) return;
if (el.handle) {
el.handle(el);
this.$emit('close', el, i)
this.index = -1;
this.onMouseLeave(el, i);
}
}
}

7
src/views/planMonitor/editToolTJ/component/menuNav.vue
View File

@ -4,11 +4,10 @@
<menu-item :menu="el"
:check="active==i"
@click="onClick(el, i)"
@close="onMouseEnter(el, i)"
@mouseenter="onMouseEnter(el, i)"
@mouseleave="onMouseLeave(el, i)" :color="color" >
<template v-if="el.children&&el.children.length" slot="append">
<menu-list style="transform: translateY(-3px);" v-if="index==i" :menus="el.children" :background="background" :color="color" :elMenuClass="elMenuClass"/>
<menu-list style="transform: translateY(-3px);" v-show="index==i" :menus="el.children" :background="background" :color="color" :elMenuClass="elMenuClass"/>
</template>
</menu-item>
</div>
@ -59,13 +58,15 @@ export default {
if (el.disabled) return;
if (el.handle) {
el.handle(el);
this.onMouseLeave();
this.onMouseLeave(el, i);
}
},
onMouseEnter(el, i) {
this.index = i;
console.log(333333333333333);
},
onMouseLeave(el, i) {
console.log(444444444444444);
this.index = -1;
}
}