[Update] 补充添加资产树节点右击菜单

This commit is contained in:
Bai
2020-06-08 12:05:43 +08:00
parent 8b84a03bfe
commit a2b88067c3
3 changed files with 74 additions and 5 deletions

View File

@@ -1,8 +1,8 @@
<template>
<DataZTree ref="dataztree" :setting="treeSetting">
<slot slot="rMenu">
<li id="m_create" class="rmenu" tabindex="-1" @click="addTreeNode">
<i class="fa fa-plus-square-o" /> {{ this.$t('tree.AddNode') }}
<li id="m_create" class="rmenu" tabindex="-1" @click="createTreeNode">
<i class="fa fa-plus-square-o" /> {{ this.$t('tree.CreateNode') }}
</li>
<li id="m_edit" class="rmenu" tabindex="-1" @click="editTreeNode">
<i class="fa fa-pencil-square-o" /> {{ this.$t('tree.RenameNode') }}
@@ -10,6 +10,31 @@
<li id="m_del" class="rmenu" tabindex="-1" @click="removeTreeNode">
<i class="fa fa-minus-square" /> {{ this.$t('tree.DeleteNode') }}
</li>
<li class="divider" />
<li id="m_add_asset_to_node" class="rmenu" tabindex="-1" @click="addAssetToNode">
<i class="fa fa-clone" /> {{ this.$t('tree.AddAssetToNode') }}
</li>
<li id="m_move_asset_to_node" class="rmenu" tabindex="-1" @click="moveAssetToNode">
<i class="fa fa-scissors" /> {{ this.$t('tree.moveAssetToNode') }}
</li>
<li class="divider" />
<li id="m_update_node_asset_hardware_info" class="rmenu" tabindex="-1" @click="updateNodeAssetHardwareInfo">
<i class="fa fa-refresh" /> {{ this.$t('tree.updateNodeAssetHardwareInfo') }}
</li>
<li id="m_test_node_asset_connectivity" class="rmenu" tabindex="-1" @click="testNodeAssetConnectivity">
<i class="fa fa-link" /> {{ this.$t('tree.testNodeAssetConnectivity') }}
</li>
<li class="divider" />
<li id="m_show_asset_only_current_node" class="rmenu" tabindex="-1" @click="showAssetOnlyCurrentNode">
<i class="fa fa-indent" /> {{ this.$t('tree.showAssetOnlyCurrentNode') }}
</li>
<li id="m_show_asset_all_children_node" class="rmenu" tabindex="-1" @click="showAssetAllChildrenNode">
<i class="fa fa-align-justify" /> {{ this.$t('tree.showAssetAllChildrenNode') }}
</li>
<li class="divider" />
<li id="m_show_node_info" class="rmenu" tabindex="-1" @click="showNodeInfo">
<i class="fa fa-info-circle" /> {{ this.$t('tree.showNodeInfo') }}
</li>
<slot name="rMenu" />
</slot>
</DataZTree>
@@ -115,6 +140,27 @@ export default {
}).catch(error => {
this.$message.error(this.$t('common.deleteErrorMsg' + ' ' + error))
})
},
addAssetToNode: function() {
},
moveAssetToNode: function() {
},
updateNodeAssetHardwareInfo: function() {
},
testNodeAssetConnectivity: function() {
},
showNodeInfo: function() {
},
showAssetOnlyCurrentNode: function() {
},
showAssetAllChildrenNode: function() {
},
onRename: function(event, treeId, treeNode, isCancel) {
const url = `${this.treeSetting.nodeUrl}${this.currentNodeId}/`
@@ -193,7 +239,7 @@ export default {
this.$message.error(this.$t('common.updateErrorMsg' + ' ' + error))
})
},
addTreeNode: function() {
createTreeNode: function() {
this.hideRMenu()
const parentNode = this.zTree.getSelectedNodes()[0]
if (!parentNode) {
@@ -259,4 +305,11 @@ export default {
.rmenu:hover{
background-color: #f5f7fa;
}
.divider{
margin: 1px 0;
list-style: none outside none;
background-color: #e5e5e5;
height: 1px
}
</style>

View File

@@ -655,8 +655,16 @@
},
"tree": {
"AddNode": "添加节点",
"CreateNode": "创建节点",
"DeleteNode": "删除节点",
"RenameNode": "重命名节点"
"RenameNode": "重命名节点",
"AddAssetToNode": "添加资产到节点",
"moveAssetToNode": "移动资产到节点",
"updateNodeAssetHardwareInfo": "更新节点资产硬件信息",
"testNodeAssetConnectivity": "测试资产节点可连接性",
"showAssetOnlyCurrentNode": "仅显示当前节点资产",
"showAssetAllChildrenNode": "显示所有子节点资产",
"showNodeInfo": "显示节点详情"
},
"audits": {
"View": "查看",

View File

@@ -647,8 +647,16 @@
},
"tree": {
"AddNode": "Add node",
"CreateNode": "Create node",
"DeleteNode": "Delete node",
"RenameNode": "Rename node"
"RenameNode": "Rename node",
"AddAssetToNode": "Add asset to node",
"moveAssetToNode": "move asset to node",
"updateNodeAssetHardwareInfo": "Update node asset hardware information",
"testNodeAssetConnectivity": "Test node asset connectivity",
"showAssetOnlyCurrentNode": "Show asset only current node",
"showAssetAllChildrenNode": "Show asset all children node",
"showNodeInfo": "Show node information"
},
"users": {
"SSHKey": "SSH Key",