...
|
...
|
@@ -25,148 +25,244 @@ function drawData(resp) { |
|
|
|
|
|
|
|
|
//定义container for qq
|
|
|
var container_qq = new JTopo.Container();
|
|
|
container_qq.setBound(appNodeX+100, appNodeY+200, 300, 280);
|
|
|
scene.add(container_qq);
|
|
|
container_qq.add(newNode(scene,appNodeX-50,appNodeY+120,1,1));
|
|
|
container_qq.add(newNode(scene,appNodeX-50,appNodeY+520,1,1));
|
|
|
container_qq.add(newNode(scene,appNodeX+320,appNodeY+120,1,1));
|
|
|
var container_az1 = new JTopo.Container();
|
|
|
scene.add(container_az1);
|
|
|
container_az1.add(newNode(scene,appNodeX-50,appNodeY+120,1,1));
|
|
|
container_az1.add(newNode(scene,appNodeX-50,appNodeY+520,1,1));
|
|
|
container_az1.add(newNode(scene,appNodeX+320,appNodeY+120,1,1));
|
|
|
|
|
|
var container_az2 = new JTopo.Container();
|
|
|
container_az2.setBound(appNodeX+430, appNodeY+200, 300, 280);
|
|
|
scene.add(container_az2);
|
|
|
container_az2.add(newNode(scene,appNodeX+340,appNodeY+120,1,1));
|
|
|
container_az2.add(newNode(scene,appNodeX+340,appNodeY+520,1,1));
|
|
|
container_az2.add(newNode(scene,appNodeX+650,appNodeY+120,1,1));
|
|
|
|
|
|
var container_az3 = new JTopo.Container();
|
|
|
//container_az3.fillColor = '10,10,100';
|
|
|
scene.add(container_az3);
|
|
|
container_az3.add(newNode(scene,appNodeX+340+340,appNodeY+120,1,1));
|
|
|
container_az3.add(newNode(scene,appNodeX+340+340,appNodeY+520,1,1));
|
|
|
container_az3.add(newNode(scene,appNodeX+650+340,appNodeY+120,1,1));
|
|
|
|
|
|
var askServer = newNode(scene,appNodeX-20,appNodeY+150,appNodeW,appNodeH,'问询服务器');
|
|
|
container_qq.add(askServer);
|
|
|
container_az1.add(askServer);
|
|
|
var link = newFoldLink(scene,appNode, askServer, '问询');
|
|
|
link.arrowsRadius = 10;
|
|
|
|
|
|
|
|
|
var elb_az1_outer = newNode(scene,appNodeX+80,appNodeY+150,appNodeW,appNodeH,'elb_az1_outer');
|
|
|
resetLbNodeIp(elb_az1_outer,data);
|
|
|
var elb_az1_inner = newNode(scene,appNodeX+80+120,appNodeY+150,appNodeW,appNodeH,'elb_az1_inner');
|
|
|
resetLbNodeIp(elb_az1_inner,data);
|
|
|
container_az1.add(elb_az1_outer);
|
|
|
container_az1.add(elb_az1_inner);
|
|
|
|
|
|
var elb_az2_outer = newNode(scene,appNodeX+400,appNodeY+150,appNodeW,appNodeH,'elb_az2_outer');
|
|
|
resetLbNodeIp(elb_az2_outer,data);
|
|
|
var elb_az2_inner = newNode(scene,appNodeX+400+120,appNodeY+150,appNodeW,appNodeH,'elb_az2_inner');
|
|
|
resetLbNodeIp(elb_az2_inner,data);
|
|
|
container_az2.add(elb_az2_outer);
|
|
|
container_az2.add(elb_az2_inner);
|
|
|
|
|
|
var elb_az3_outer = newNode(scene,appNodeX+720,appNodeY+150,appNodeW,appNodeH,'elb_az3_outer');
|
|
|
resetLbNodeIp(elb_az3_outer,data);
|
|
|
var elb_az3_inner = newNode(scene,appNodeX+720+120,appNodeY+150,appNodeW,appNodeH,'elb_az3_inner');
|
|
|
resetLbNodeIp(elb_az3_inner,data);
|
|
|
container_az3.add(elb_az3_outer);
|
|
|
container_az3.add(elb_az3_inner);
|
|
|
|
|
|
|
|
|
var qqElb = newNode(scene,appNodeX+100,appNodeY+150,appNodeW,appNodeH,'az1Elb');
|
|
|
container_qq.add(qqElb);
|
|
|
|
|
|
var qqElbIp=newNodeForIp(scene,appNodeX+100+90,appNodeY+150+15,1,1,'123.206.1.98');
|
|
|
qqElbIp.textPosition = 'Bottom_Right';
|
|
|
container_qq.add(qqElbIp);
|
|
|
|
|
|
var qqNginx = newNode(scene,appNodeX+105,appNodeY+250,appNodeW,appNodeH,'az1Nginx');
|
|
|
container_qq.add(qqNginx);
|
|
|
var link = newLink(scene,qqElb, qqNginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
var az1Nginx = newNode(scene,appNodeX+105,appNodeY+250,appNodeW,appNodeH,'az1Nginx');
|
|
|
container_az1.add(az1Nginx);
|
|
|
//var link = newLink(scene,az1Elb, az1Nginx);
|
|
|
//link.arrowsRadius = 10;
|
|
|
|
|
|
for(var i=0;i<data.az1NginxIps.length;i++){
|
|
|
var qqNginxIp=newNodeForIp(scene,appNodeX+105+75,appNodeY+250+i*10,1,1,data.az1NginxIps[i]);
|
|
|
qqNginxIp.textPosition = 'Middle_Right';
|
|
|
container_qq.add(qqNginxIp);
|
|
|
var tmp=newNodeForIp(scene,appNodeX+105+75,appNodeY+250+i*10,1,1,data.az1NginxIps[i]);
|
|
|
tmp.textPosition = 'Middle_Right';
|
|
|
container_az1.add(tmp);
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var qqGateway1 = newNode(scene,appNodeX+10,appNodeY+370,appNodeW,appNodeH,'az1Gateway');
|
|
|
container_qq.add(qqGateway1);
|
|
|
for(var i=0;i<data.az1GatewayIps.length;i++){
|
|
|
var azIp=newNodeForIp(scene,appNodeX+10-20,appNodeY+370+60+i*10,1,1,data.az1GatewayIps[i]);
|
|
|
azIp.textPosition = 'Middle_Right';
|
|
|
container_qq.add(azIp);
|
|
|
}
|
|
|
var az2Nginx = newNode(scene,appNodeX+425,appNodeY+250,appNodeW,appNodeH,'az2Nginx');
|
|
|
container_az2.add(az2Nginx);
|
|
|
// var link = newLink(scene,az2Elb, az2Nginx);
|
|
|
// link.arrowsRadius = 10;
|
|
|
|
|
|
var grayGateway = newNode(scene,appNodeX+230,appNodeY+390,appNodeW,appNodeH,'grayGateway');
|
|
|
container_qq.add(grayGateway);
|
|
|
for(var i=0;i<data.grayGatewayIps.length;i++){
|
|
|
var azIp=newNodeForIp(scene,appNodeX+230-15,appNodeY+370+60+i*10,1,1,data.grayGatewayIps[i]);
|
|
|
azIp.textPosition = 'Middle_Right';
|
|
|
container_qq.add(azIp);
|
|
|
for(var i=0;i<data.az2NginxIps.length;i++){
|
|
|
var tmp=newNodeForIp(scene,appNodeX+425+75,appNodeY+250+i*10,1,1,data.az2NginxIps[i]);
|
|
|
tmp.textPosition = 'Middle_Right';
|
|
|
container_az2.add(tmp);
|
|
|
}
|
|
|
|
|
|
var az2Elb = newNode(scene,appNodeX+420,appNodeY+150,appNodeW,appNodeH,'az2Elb');
|
|
|
container_az2.add(az2Elb);
|
|
|
var az3Nginx = newNode(scene,appNodeX+425+340,appNodeY+250,appNodeW,appNodeH,'az3Nginx');
|
|
|
container_az3.add(az3Nginx);
|
|
|
// var link = newLink(scene,az2Elb, az2Nginx);
|
|
|
// link.arrowsRadius = 10;
|
|
|
|
|
|
var az2ElbIp=newNodeForIp(scene,appNodeX+420+90,appNodeY+150+15,1,1,'123.206.2.50');
|
|
|
az2ElbIp.textPosition = 'Bottom_Right';
|
|
|
container_az2.add(az2ElbIp);
|
|
|
for(var i=0;i<data.az3NginxIps.length;i++){
|
|
|
var tmp=newNodeForIp(scene,appNodeX+425+75+340,appNodeY+250+i*10,1,1,data.az3NginxIps[i]);
|
|
|
tmp.textPosition = 'Middle_Right';
|
|
|
container_az3.add(tmp);
|
|
|
}
|
|
|
|
|
|
var az2Nginx = newNode(scene,appNodeX+425,appNodeY+250,appNodeW,appNodeH,'az2Nginx');
|
|
|
container_az2.add(az2Nginx);
|
|
|
var link = newLink(scene,az2Elb, az2Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
for(var key in data.lb_forward_nginx){
|
|
|
var valMap=data.lb_forward_nginx[key];
|
|
|
if(key.indexOf("az1")>=0){
|
|
|
if(key.indexOf("inner")>=0){
|
|
|
if(valMap.indexOf("az1")>=0){
|
|
|
var link = newLink(scene,elb_az1_inner, az1Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if(valMap.indexOf("az2")>=0){
|
|
|
var link = newLink(scene,elb_az1_inner, az2Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if(valMap.indexOf("az3")>=0){
|
|
|
var link = newLink(scene,elb_az1_inner, az3Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
}
|
|
|
}else if(key.indexOf("outer")>=0){
|
|
|
if(valMap.indexOf("az1")>=0){
|
|
|
var link = newLink(scene,elb_az1_outer, az1Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if(valMap.indexOf("az2")>=0){
|
|
|
var link = newLink(scene,elb_az1_outer, az2Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if(valMap.indexOf("az3")>=0){
|
|
|
var link = newLink(scene,elb_az1_outer, az3Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
}
|
|
|
}
|
|
|
}else if(key.indexOf("az2")>=0){
|
|
|
if(key.indexOf("inner")>=0){
|
|
|
if(valMap.indexOf("az1")>=0){
|
|
|
var link = newLink(scene,elb_az2_inner, az1Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if(valMap.indexOf("az2")>=0){
|
|
|
var link = newLink(scene,elb_az2_inner, az2Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if(valMap.indexOf("az3")>=0){
|
|
|
var link = newLink(scene,elb_az2_inner, az3Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
}
|
|
|
}else if(key.indexOf("outer")>=0){
|
|
|
if(valMap.indexOf("az1")>=0){
|
|
|
var link = newLink(scene,elb_az2_outer, az1Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if(valMap.indexOf("az2")>=0){
|
|
|
var link = newLink(scene,elb_az2_outer, az2Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if(valMap.indexOf("az3")>=0){
|
|
|
var link = newLink(scene,elb_az2_outer, az3Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
}
|
|
|
}
|
|
|
}else if(key.indexOf("az3")>=0){
|
|
|
if(key.indexOf("inner")>=0){
|
|
|
if(valMap.indexOf("az1")>=0){
|
|
|
var link = newLink(scene,elb_az3_inner, az1Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if(valMap.indexOf("az2")>=0){
|
|
|
var link = newLink(scene,elb_az3_inner, az2Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if(valMap.indexOf("az3")>=0){
|
|
|
var link = newLink(scene,elb_az3_inner, az3Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
}
|
|
|
}else if(key.indexOf("outer")>=0){
|
|
|
if(valMap.indexOf("az1")>=0){
|
|
|
var link = newLink(scene,elb_az3_outer, az1Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if(valMap.indexOf("az2")>=0){
|
|
|
var link = newLink(scene,elb_az3_outer, az2Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if(valMap.indexOf("az3")>=0){
|
|
|
var link = newLink(scene,elb_az3_outer, az3Nginx);
|
|
|
link.arrowsRadius = 10;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
for(var i=0;i<data.az2NginxIps.length;i++){
|
|
|
var az2NginxIp=newNodeForIp(scene,appNodeX+425+75,appNodeY+250+i*10,1,1,data.az2NginxIps[i]);
|
|
|
az2NginxIp.textPosition = 'Middle_Right';
|
|
|
container_az2.add(az2NginxIp);
|
|
|
var az1Gateway = newNode(scene,appNodeX+120,appNodeY+370,appNodeW,appNodeH,'az1Gateway');
|
|
|
container_az1.add(az1Gateway);
|
|
|
for(var i=0;i<data.az1GatewayIps.length;i++){
|
|
|
var azIp=newNodeForIp(scene,appNodeX+120-20,appNodeY+370+60+i*10,1,1,data.az1GatewayIps[i]);
|
|
|
azIp.textPosition = 'Middle_Right';
|
|
|
container_az1.add(azIp);
|
|
|
}
|
|
|
|
|
|
/*var grayGateway = newNode(scene,appNodeX+230,appNodeY+390,appNodeW,appNodeH,'grayGateway');
|
|
|
container_az1.add(grayGateway);
|
|
|
for(var i=0;i<data.grayGatewayIps.length;i++){
|
|
|
var azIp=newNodeForIp(scene,appNodeX+230-15,appNodeY+370+60+i*10,1,1,data.grayGatewayIps[i]);
|
|
|
azIp.textPosition = 'Middle_Right';
|
|
|
container_az1.add(azIp);
|
|
|
}*/
|
|
|
|
|
|
|
|
|
|
|
|
var az2Gateway1 = newNode(scene,appNodeX+550,appNodeY+370,appNodeW,appNodeH,'az2Gateway');
|
|
|
container_az2.add(az2Gateway1);
|
|
|
var az2Gateway = newNode(scene,appNodeX+450,appNodeY+370,appNodeW,appNodeH,'az2Gateway');
|
|
|
container_az2.add(az2Gateway);
|
|
|
|
|
|
for(var i=0;i<data.az2GatewayIps.length;i++){
|
|
|
var az2NginxIp=newNodeForIp(scene,appNodeX+550-20,appNodeY+370+60+i*10,1,1,data.az2GatewayIps[i]);
|
|
|
var az2NginxIp=newNodeForIp(scene,appNodeX+450-20,appNodeY+370+60+i*10,1,1,data.az2GatewayIps[i]);
|
|
|
az2NginxIp.textPosition = 'Middle_Right';
|
|
|
container_az2.add(az2NginxIp);
|
|
|
}
|
|
|
|
|
|
var az3Gateway = newNode(scene,appNodeX+450+340,appNodeY+370,appNodeW,appNodeH,'az3Gateway');
|
|
|
container_az3.add(az3Gateway);
|
|
|
|
|
|
/*if('aws' == data.luaType){//app全部直连到aws
|
|
|
var link = newLink(scene,appNode, awsElb, '直连');
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if('qq' == data.luaType){//app全部直连到qq
|
|
|
var link = newLink(scene,appNode, qqElb, '直连');
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if('aws+qq' == data.luaType){//app分散直连
|
|
|
var link = newLink(scene,appNode, awsElb, '直连');
|
|
|
link.arrowsRadius = 10;
|
|
|
var link = newLink(scene,appNode, qqElb, '直连');
|
|
|
link.arrowsRadius = 10;
|
|
|
}*/
|
|
|
for(var i=0;i<data.az3GatewayIps.length;i++){
|
|
|
var tmpNginxIp=newNodeForIp(scene,appNodeX+450+340-20,appNodeY+370+60+i*10,1,1,data.az3GatewayIps[i]);
|
|
|
tmpNginxIp.textPosition = 'Middle_Right';
|
|
|
container_az3.add(tmpNginxIp);
|
|
|
}
|
|
|
|
|
|
if('az2' == data.az2ApiNginx){//aws nginx 指向aws gateway
|
|
|
var link = newLink(scene,az2Nginx, az2Gateway1,"online");
|
|
|
/*if('az2' == data.az2ApiNginx){//aws nginx 指向aws gateway
|
|
|
var link = newLink(scene,az2Nginx, az2Gateway,"online");
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if("qq" == data.az2ApiNginx){//aws nginx 指向qq gateway
|
|
|
var link = newLink(scene,az2Nginx, qqGateway1,"online");
|
|
|
var link = newLink(scene,az2Nginx, az1Gateway,"online");
|
|
|
link.arrowsRadius = 10;
|
|
|
}
|
|
|
}*/
|
|
|
|
|
|
if('az2' == data.az2GrayNginx){//aws nginx gray 指向aws gateway
|
|
|
var link = newLink(scene,az2Nginx, az2Gateway1,"gray");
|
|
|
/*if('az2' == data.az2GrayNginx){//aws nginx gray 指向aws gateway
|
|
|
var link = newLink(scene,az2Nginx, az2Gateway,"gray");
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if('qq' == data.az2GrayNginx){//aws nginx 指向qq gateway
|
|
|
var link = newLink(scene,az2Nginx, qqGateway1,"gray");
|
|
|
var link = newLink(scene,az2Nginx, az1Gateway,"gray");
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if('gray' == data.az2GrayNginx){//aws nginx 指向qq gateway
|
|
|
var link = newLink(scene,az2Nginx, grayGateway,"gray");
|
|
|
link.arrowsRadius = 10;
|
|
|
}
|
|
|
}*/
|
|
|
|
|
|
if('az2' == data.qqApiNginx){//qq nginx 指向aws gateway
|
|
|
var link = newLink(scene,qqNginx, az2Gateway1,"online");
|
|
|
/*if('az2' == data.qqApiNginx){//qq nginx 指向aws gateway
|
|
|
var link = newLink(scene,az1Nginx, az2Gateway,"online");
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if('qq' == data.qqApiNginx){//qq nginx 指向qq gateway
|
|
|
var link = newLink(scene,qqNginx, qqGateway1,"online");
|
|
|
var link = newLink(scene,az1Nginx, az1Gateway,"online");
|
|
|
link.arrowsRadius = 10;
|
|
|
}
|
|
|
}*/
|
|
|
|
|
|
if('az2' == data.qqGrayNginx){//qq nginx gray 指向aws gateway
|
|
|
var link = newLink(scene,qqNginx, az2Gateway1,"gray");
|
|
|
/*if('az2' == data.qqGrayNginx){//qq nginx gray 指向aws gateway
|
|
|
var link = newLink(scene,az1Nginx, az2Gateway,"gray");
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if('qq' == data.qqGrayNginx){//aws nginx 指向qq gateway
|
|
|
var link = newLink(scene,qqNginx, qqGateway1,"gray");
|
|
|
var link = newLink(scene,az1Nginx, az1Gateway,"gray");
|
|
|
link.arrowsRadius = 10;
|
|
|
}else if('gray' == data.qqGrayNginx){//aws nginx 指向qq gateway
|
|
|
var link = newLink(scene,qqNginx, grayGateway,"gray");
|
|
|
var link = newLink(scene,az1Nginx, grayGateway,"gray");
|
|
|
link.arrowsRadius = 10;
|
|
|
}
|
|
|
|
|
|
}*/
|
|
|
var link = newLink(scene,az1Nginx, az1Gateway,"");
|
|
|
link.arrowsRadius = 10;
|
|
|
var link = newLink(scene,az2Nginx, az2Gateway,"");
|
|
|
link.arrowsRadius = 10;
|
|
|
var link = newLink(scene,az3Nginx, az3Gateway,"");
|
|
|
link.arrowsRadius = 10;
|
|
|
|
|
|
//创建lua切换按钮
|
|
|
//createLuaSwitchButton(data.luaType);
|
...
|
...
|
@@ -183,6 +279,19 @@ function drawData(resp) { |
|
|
//createDnsSwitchButton(data.luaType);
|
|
|
}
|
|
|
|
|
|
function resetLbNodeIp(node,data) {
|
|
|
var oldText=node.text;
|
|
|
if(oldText.indexOf("inner")>=0){
|
|
|
// 填充颜色
|
|
|
node.fillColor = '85,107,47';
|
|
|
}else{
|
|
|
node.fillColor='210,105,30';
|
|
|
}
|
|
|
if(data[oldText]){
|
|
|
node.text = data[oldText];
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
/**
|
|
|
* 创建lua切换按钮
|
...
|
...
|
@@ -557,13 +666,18 @@ function newNode(scene,x, y, w, h, text) { |
|
|
node.setImage(contextPath + 'img/pstn/host.png', true);
|
|
|
}else if("问询服务器"==text){
|
|
|
node.setImage(contextPath + 'img/pstn/terminal.png', true);
|
|
|
}else if("awsElb"==text||"qqElb"==text||"az1Elb"==text||"az2Elb"==text){
|
|
|
node.setImage(contextPath + 'img/pstn/cloud.png', true);
|
|
|
}else if(text!=null&&text.toLowerCase().indexOf("elb")>=0){
|
|
|
///node.setImage(contextPath + 'img/pstn/cloud.png', true);
|
|
|
node.setSize(100, 30);
|
|
|
node.borderRadius = 5; // 圆角
|
|
|
node.borderWidth = 1; // 边框的宽度
|
|
|
node.borderColor = '255,255,255'; //边框颜色
|
|
|
// node.alpha = 0.7; //透明度
|
|
|
node.textPosition = 'Middle_Center';// 文字居中
|
|
|
}else if("awsNginx"==text||"qqNginx"==text||"az1Nginx"==text||"az2Nginx"==text){
|
|
|
}else if(text!=null&&text.toLowerCase().indexOf("nginx")>=0){
|
|
|
node.setImage(contextPath + 'img/pstn/router2.png', true);
|
|
|
node.textPosition = 'Top_Center';// 文字居中
|
|
|
}else if("awsGateway"==text||"qqGateway"==text||"az1Gateway"==text||"az2Gateway"==text){
|
|
|
}else if("az3Gateway"==text||"qqGateway"==text||"az1Gateway"==text||"az2Gateway"==text){
|
|
|
node.setImage(contextPath + 'img/pstn/msc.png', true);
|
|
|
//node.alarm = "";
|
|
|
//node.alarmColor = '0,255,0';
|
...
|
...
|
|