添加apps.json代理,整理代码

zhangzengfei

2020-10-27 e65c4102f0175d666746936381c3dee278358a72

 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.边节点(现对应bit)
    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>