|
|
|
@ -187,7 +187,17 @@ |
|
|
|
background: rgb(255, 255, 255);display: inline-block; |
|
|
|
margin-top: 0.6vw;margin-right: 0.5vw;"></div> |
|
|
|
|
|
|
|
<div class="label1" style="color: #ffffff;font-size: 1.1vw;cursor: pointer;line-height: 2vw;">分组{{i}}</div> |
|
|
|
<div class="label1" style="color: #ffffff;font-size: 1.1vw;cursor: pointer;line-height: 2vw;"> |
|
|
|
<span v-if="i==0"> |
|
|
|
方向-作战-装备-环境 |
|
|
|
</span> |
|
|
|
<span v-if="i==1"> |
|
|
|
业务系统-模型库-大类-小类 |
|
|
|
</span> |
|
|
|
<span v-if="i==2"> |
|
|
|
模型-指标 |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -223,7 +233,7 @@ |
|
|
|
<template #node="{node}"> |
|
|
|
<div style="height: 100%; " @click="showNodeMenus(node, $event)" |
|
|
|
@contextmenu.prevent.stop="showNodeMenus(node, $event)"> |
|
|
|
<div style="width: 80%; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 30px" |
|
|
|
<div style="width: 80%; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 30px" |
|
|
|
|
|
|
|
> |
|
|
|
{{ node.text }} |
|
|
|
@ -300,7 +310,7 @@ export default { |
|
|
|
isShowCodePanel: false, |
|
|
|
isShowNodeMenuPanel: false, |
|
|
|
nodeMenuPanelPosition: { x: 0, y: 0 }, |
|
|
|
currentGroup:1, |
|
|
|
currentGroup:0, |
|
|
|
direction: "rtl", |
|
|
|
// visGraph实例对象 |
|
|
|
visGraph: null, |
|
|
|
@ -469,7 +479,9 @@ export default { |
|
|
|
}, |
|
|
|
changeGroup(groupId){ |
|
|
|
this.currentGroup = groupId |
|
|
|
this.getAll() |
|
|
|
this.getInfo() |
|
|
|
|
|
|
|
}, |
|
|
|
handleNodeClick(node) { |
|
|
|
console.log(node); |
|
|
|
@ -591,24 +603,28 @@ export default { |
|
|
|
data.g13["docTitle"] = data.g13["name"] |
|
|
|
data.g14["level"] = 1 |
|
|
|
data.g14["docTitle"] = data.g14["name"] |
|
|
|
data.g15["level"] = 1 |
|
|
|
data.g15["docTitle"] = data.g15["name"] |
|
|
|
|
|
|
|
data.g21["level"] = 1 |
|
|
|
data.g21["docTitle"] = data.g21["name"] |
|
|
|
data.g22["level"] = 1 |
|
|
|
data.g22["docTitle"] = data.g22["name"] |
|
|
|
this.data1 = [] |
|
|
|
this.data1.push(data.g01) |
|
|
|
this.data1.push(data.g02) |
|
|
|
this.data1.push(data.g03) |
|
|
|
this.data1.push(data.g04) |
|
|
|
this.data1.push(data.g11) |
|
|
|
this.data1.push(data.g12) |
|
|
|
this.data1.push(data.g13) |
|
|
|
this.data1.push(data.g14) |
|
|
|
this.data1.push(data.g15) |
|
|
|
this.data1.push(data.g21) |
|
|
|
this.data1.push(data.g22) |
|
|
|
if (this.currentGroup==0){ |
|
|
|
this.data1.push(data.g01) |
|
|
|
this.data1.push(data.g02) |
|
|
|
this.data1.push(data.g03) |
|
|
|
this.data1.push(data.g04) |
|
|
|
} |
|
|
|
if (this.currentGroup==1){ |
|
|
|
this.data1.push(data.g11) |
|
|
|
this.data1.push(data.g12) |
|
|
|
this.data1.push(data.g13) |
|
|
|
this.data1.push(data.g14) |
|
|
|
} |
|
|
|
if (this.currentGroup==2){ |
|
|
|
this.data1.push(data.g21) |
|
|
|
this.data1.push(data.g22) |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
opending() { |
|
|
|
@ -1641,4 +1657,11 @@ tr { |
|
|
|
.flow-tree:hover { |
|
|
|
background-color: rgba(255, 255, 255, 0.1); |
|
|
|
} |
|
|
|
.c-node-menu-item{ |
|
|
|
line-height: 30px;padding-left: 10px;cursor: pointer;color: #444444;font-size: 14px;border-top:#efefef solid 1px; |
|
|
|
} |
|
|
|
.c-node-menu-item:hover{ |
|
|
|
background-color: rgba(64, 158, 255,0.2); |
|
|
|
color:#409eff |
|
|
|
} |
|
|
|
</style> |
