From feaf0a9778879ef211c5587a513ba4cbdabb52d0 Mon Sep 17 00:00:00 2001
From: ZZJ <10913410+zzj2100@user.noreply.gitee.com>
Date: 星期四, 23 六月 2022 17:42:58 +0800
Subject: [PATCH] bug修复
---
src/components/serfDiagram/indexC.vue | 92 ++++++++++++++++++++++-----------------------
1 files changed, 45 insertions(+), 47 deletions(-)
diff --git a/src/components/serfDiagram/indexC.vue b/src/components/serfDiagram/indexC.vue
index 4a37ec7..7a7e528 100644
--- a/src/components/serfDiagram/indexC.vue
+++ b/src/components/serfDiagram/indexC.vue
@@ -84,7 +84,7 @@
computed: {
//鍒嗙被鑺傜偣
//浜戝唴浜戣竟鑺傜偣
- memberNodes(){
+ memberNodes() {
let arr = [];
let mockMembers = [
{
@@ -103,7 +103,7 @@
node_id: "DSVAD010120190623",
node_ip: "192.168.20.10:30190",
node_name: "寮�鍙戞祴璇�20.10-1",
- role:'master'
+ role: 'master'
},
{
cluster_id: "b6132bfe-d3af-4710-ba89-436f614c2g",
@@ -112,7 +112,7 @@
node_id: "DSVAD010120190624",
node_ip: "192.168.20.10:30190",
node_name: "娴嬭瘯20.10-1",
- role:'pc'
+ role: 'pc'
},
{
cluster_id: "b6132bfe-d3af-4710-ba89-436f614c2h",
@@ -121,17 +121,17 @@
node_id: "DSVAD010120190625",
node_ip: "192.168.20.10:30190",
node_name: "娴嬭瘯20.101-1",
- role:'server'
+ role: 'server'
},
]
//this.members.forEach(item=>{
-
- mockMembers.forEach(item=>{
- if(item.hardwareType=='03'){
+
+ mockMembers.forEach(item => {
+ if (item.hardwareType == '03') {
arr.push({
- id:item.id,
- cluster_id:item.cluster_id,
- name:item.nodeName,
+ id: item.id,
+ cluster_id: item.cluster_id,
+ name: item.nodeName,
svgSym: RoleIcon[item.role],
x: -10,
y: -10,
@@ -142,11 +142,11 @@
? "orange"
: ""
});
- }else{
+ } else {
arr.push({
- id:item.id,
- cluster_id:item.cluster_id,
- name:item.nodeName,
+ id: item.id,
+ cluster_id: item.cluster_id,
+ name: item.nodeName,
svgSym: RoleIcon[item.role],
_color:
this.agent === item.nodeName
@@ -155,14 +155,14 @@
? "orange"
: ""
});
- }
-
+ }
+
});
- console.log('serf-mem',arr)
+ console.log('serf-mem', arr)
return arr;
},
//1.浜戝唴鑺傜偣(瀵瑰簲X86)
- innerNodes(){
+ innerNodes() {
// return this.members.map(item=>{
// if(item.hardwareType == '01'||item.hardwareType == '02'){
// return {
@@ -179,12 +179,12 @@
// }
// })
let arr = [];
- this.members.forEach(item=>{
- if(item.hardwareType == '01'||item.hardwareType == '02'){
+ this.members.forEach(item => {
+ if (item.hardwareType == '01' || item.hardwareType == '02') {
arr.push({
- id:item.id,
- cluster_id:item.cluster_id,
- name:item.nodeName,
+ id: item.id,
+ cluster_id: item.cluster_id,
+ name: item.nodeName,
svgSym: RoleIcon[item.role],
_color:
this.agent === item.nodeName
@@ -200,15 +200,14 @@
return arr;
},
//2.杈硅妭鐐�(鐜板搴攂it)
- outerNodes(){
+ outerNodes() {
let arr = [];
- this.members.forEach(item=>{
- debugger
- if(item.hardwareType == '03'){
+ this.members.forEach(item => {
+ if (item.hardwareType == '03') {
arr.push({
- id:item.id,
- cluster_id:item.cluster_id,
- name:item.nodeName,
+ id: item.id,
+ cluster_id: item.cluster_id,
+ name: item.nodeName,
svgSym: RoleIcon[item.role],
_color:
this.agent === item.nodeName
@@ -277,7 +276,7 @@
return arr;
},
-
+
options() {
return {
force: 3000,
@@ -293,20 +292,20 @@
};
}
},
- watch:{
- searchNodes(n,o){
- console.log(n,o)
+ watch: {
+ searchNodes(n, o) {
+ console.log(n, o)
}
},
created() {
-
+
this.reset();
},
- mounted(){
- console.log('searchNodes',this.searchNodes)
+ mounted() {
+ console.log('searchNodes', this.searchNodes)
console.log(this.members)
- console.log('innerNodes',this.innerNodes);
- console.log('outerNodes',this.outerNodes)
+ console.log('innerNodes', this.innerNodes);
+ console.log('outerNodes', this.outerNodes)
},
methods: {
nodeHover(event, node) {
@@ -341,13 +340,12 @@
// }
// this.selectNodesLinks()
// this.$set(this.nodes, node.index, node)
- console.log(event,node)
+ console.log(event, node)
console.log(this.members)
console.log(this.members[node.id])
if (event.timeStamp - this.movement < 200) {
//this.$emit("selected-node", event, this.members[node.id]);
- debugger
- let someNode = this.members.find(one=>one.id == node.id)
+ let someNode = this.members.find(one => one.id == node.id)
this.$emit("selected-node", event, someNode);
}
},
@@ -486,14 +484,14 @@
border-width: 6px;
margin-top: -6px;
}
-.clouds{
+.clouds {
height: 100%;
- margin:0;
- background:rgba(149, 221, 255, 0.322);
+ margin: 0;
+ background: rgba(149, 221, 255, 0.322);
}
-.inner{
+.inner {
/* height:300px;
margin: 50px auto; */
- background:rgba(152, 183, 251, 0.39);
+ background: rgba(152, 183, 251, 0.39);
}
</style>
--
Gitblit v1.8.0