新兴上传版本 网络状态添加算法服务器

This commit is contained in:
dell
2024-10-17 09:51:28 +08:00
parent 86cbb1d54a
commit 1a753029ba

View File

@ -566,7 +566,7 @@
var dev2att = devlist.filter(item => item.DeviceName === "dev2")[0]; var dev2att = devlist.filter(item => item.DeviceName === "dev2")[0];
const image_appserver3d = new LeaferUI.Image({ const image_appserver3d = new LeaferUI.Image({
id: "dev2", id: "dev2",
x: 800, x: 800-200,
y: 35, y: 35,
url: '/imagesnet/应用服务器.png', url: '/imagesnet/应用服务器.png',
draggable: draggable_dev, draggable: draggable_dev,
@ -574,7 +574,7 @@
height: 160, height: 160,
}) })
var image_3d_name = new LeaferUI.Text({ var image_3d_name = new LeaferUI.Text({
x: 800, x: 800-200,
y: 35 + 140 + 10, y: 35 + 140 + 10,
width: 134, width: 134,
fill: fill_top_name, fill: fill_top_name,
@ -587,7 +587,7 @@
}) })
group.add(image_3d_name) group.add(image_3d_name)
var image_3d_address = new LeaferUI.Text({ var image_3d_address = new LeaferUI.Text({
x: 800, x: 800-200,
y: 35 + 140 + 25, y: 35 + 140 + 25,
width: 134, width: 134,
fill: fill_top_name, fill: fill_top_name,
@ -601,7 +601,7 @@
group.add(image_3d_address) group.add(image_3d_address)
const line12 = new LeaferUI.Line({ const line12 = new LeaferUI.Line({
id: 'line_' + dev2att.DeviceName, id: 'line_' + dev2att.DeviceName,
points: [800 + 75, 210, 875, 310], points: [800-200 + 75, 210, 875, 310],
strokeWidth: 2, strokeWidth: 2,
stroke: '#cecece', stroke: '#cecece',
shadow: { shadow: {
@ -626,6 +626,60 @@
// fontSize: 12 // fontSize: 12
// }) // })
// group.add(line12_name); // group.add(line12_name);
var dev10att = devlist.filter(item => item.DeviceName === "dev10")[0];
const image_appserversf = new LeaferUI.Image({
id: "dev10",
x: 800+200,
y: 35,
url: '/imagesnet/应用服务器.png',
draggable: draggable_dev,
width: 134,
height: 160,
})
var image_sf_name = new LeaferUI.Text({
x: 800+200,
y: 35 + 140 + 10,
width: 134,
fill: fill_top_name,
text: dev10att.DeviceDESCRIPTION,
textAlign: 'center',
verticalAlign: 'middle',
textWrap: 'none',
padding: 0,
fontSize: 12
})
group.add(image_sf_name)
var image_sf_address = new LeaferUI.Text({
x: 800+200,
y: 35 + 140 + 25,
width: 134,
fill: fill_top_name,
text: dev10att.DeviceIP,
textAlign: 'center',
verticalAlign: 'middle',
textWrap: 'none',
padding: 0,
fontSize: 12
})
group.add(image_sf_address)
const line110 = new LeaferUI.Line({
id: 'line_' + dev10att.DeviceName,
points: [800+200 + 75, 210, 875, 310],
strokeWidth: 2,
stroke: '#cecece',
shadow: {
x: 0,
y: 0,
blur: 1,
color: '#cecece',
visible: true,
}
})
group.add(line110);
var dev9att = devlist.filter(item => item.DeviceName === "dev9")[0]; var dev9att = devlist.filter(item => item.DeviceName === "dev9")[0];
const image_computer = new LeaferUI.Image({ const image_computer = new LeaferUI.Image({
id: "dev9", id: "dev9",
@ -1043,279 +1097,279 @@
// fontSize: 12 // fontSize: 12
// }) // })
// group.add(line34_name); // group.add(line34_name);
var dev4att = devlist.filter(item => item.DeviceName === "dev4")[0]; // var dev4att = devlist.filter(item => item.DeviceName === "dev4")[0];
const image_cet1 = new LeaferUI.Image({ // const image_cet1 = new LeaferUI.Image({
id: "dev4", // id: "dev4",
x: 200, // x: 200,
y: 150 + 500 + 250, // y: 150 + 500 + 250,
url: '/imagesnet/PLC.png', // url: '/imagesnet/PLC.png',
draggable: draggable_dev, // draggable: draggable_dev,
width: 134, // width: 134,
height: 160, // height: 160,
}) // })
var image_cet1_name = new LeaferUI.Text({ // var image_cet1_name = new LeaferUI.Text({
x: 200, // x: 200,
y: 150 + 500 + 140 + 10 + 250, // y: 150 + 500 + 140 + 10 + 250,
width: 134, // width: 134,
fill: fill_top_name,
text: dev4att.DeviceDESCRIPTION,
textAlign: 'center',
verticalAlign: 'middle',
textWrap: 'none',
padding: 0,
fontSize: 12
})
group.add(image_cet1_name)
var image_cet1_address = new LeaferUI.Text({
x: 200,
y: 150 + 500 + 140 + 25 + 250,
width: 134,
fill: fill_top_name,
text: dev4att.DeviceIP,
textAlign: 'center',
verticalAlign: 'middle',
textWrap: 'none',
padding: 0,
fontSize: 12
})
group.add(image_cet1_address)
const line41 = new LeaferUI.Line({
id: 'line_' + dev4att.DeviceName,
points: [200 + 75, 650 + 250, 875, 520 + 300],
//[-200 + 75, 650, 875, 520],
// points: [634, 725, 800, 725],
strokeWidth: 2,
stroke: '#cecece',
shadow: {
x: 0,
y: 0,
blur: 1,
color: '#cecece',
visible: true,
}
})
group.add(line41);
// var line41_name = new LeaferUI.Text({
// x: -200+75,
// y: (650+250 - 520 -300) / 2 + 520+300,
// width: 50,
// fill: fill_top_name, // fill: fill_top_name,
// text: 'EL09', // text: dev4att.DeviceDESCRIPTION,
// textAlign: 'center', // textAlign: 'center',
// verticalAlign: 'middle', // verticalAlign: 'middle',
// textWrap: 'none', // textWrap: 'none',
// padding: 0, // padding: 0,
// fontSize: 12 // fontSize: 12
// }) // })
// group.add(line41_name); // group.add(image_cet1_name)
var dev5att = devlist.filter(item => item.DeviceName === "dev5")[0]; // var image_cet1_address = new LeaferUI.Text({
const image_cet2 = new LeaferUI.Image({ // x: 200,
id: "dev5", // y: 150 + 500 + 140 + 25 + 250,
x: 500, // width: 134,
y: 150 + 500 + 250, // fill: fill_top_name,
url: '/imagesnet/PLC.png', // text: dev4att.DeviceIP,
draggable: draggable_dev, // textAlign: 'center',
width: 134, // verticalAlign: 'middle',
height: 160, // textWrap: 'none',
}) // padding: 0,
var image_cet2_name = new LeaferUI.Text({ // fontSize: 12
x: 500, // })
y: 150 + 500 + 140 + 10 + 250, // group.add(image_cet1_address)
width: 134, // const line41 = new LeaferUI.Line({
fill: fill_top_name, // id: 'line_' + dev4att.DeviceName,
text: dev5att.DeviceDESCRIPTION, // points: [200 + 75, 650 + 250, 875, 520 + 300],
textAlign: 'center', // //[-200 + 75, 650, 875, 520],
verticalAlign: 'middle', // // points: [634, 725, 800, 725],
textWrap: 'none', // strokeWidth: 2,
padding: 0, // stroke: '#cecece',
fontSize: 12 // shadow: {
}) // x: 0,
group.add(image_cet2_name) // y: 0,
var image_cet2_address = new LeaferUI.Text({ // blur: 1,
x: 500, // color: '#cecece',
y: 150 + 500 + 140 + 25 + 250, // visible: true,
width: 134, // }
fill: fill_top_name, // })
text: dev5att.DeviceIP, // group.add(line41);
textAlign: 'center', // // var line41_name = new LeaferUI.Text({
verticalAlign: 'middle', // // x: -200+75,
textWrap: 'none', // // y: (650+250 - 520 -300) / 2 + 520+300,
padding: 0, // // width: 50,
fontSize: 12 // // fill: fill_top_name,
}) // // text: 'EL09',
group.add(image_cet2_address) // // textAlign: 'center',
const line42 = new LeaferUI.Line({ // // verticalAlign: 'middle',
id: 'line_' + dev5att.DeviceName, // // textWrap: 'none',
points: [500 + 75, 650 + 250, 875, 520 + 300], // // padding: 0,
//[-200 + 75, 650, 875, 520], // // fontSize: 12
// points: [634, 725, 800, 725], // // })
strokeWidth: 2, // // group.add(line41_name);
stroke: '#cecece', // var dev5att = devlist.filter(item => item.DeviceName === "dev5")[0];
shadow: { // const image_cet2 = new LeaferUI.Image({
x: 0, // id: "dev5",
y: 0, // x: 500,
blur: 1, // y: 150 + 500 + 250,
color: '#cecece', // url: '/imagesnet/PLC.png',
visible: true, // draggable: draggable_dev,
} // width: 134,
}) // height: 160,
group.add(line42); // })
var dev6att = devlist.filter(item => item.DeviceName === "dev6")[0]; // var image_cet2_name = new LeaferUI.Text({
const image_cet3 = new LeaferUI.Image({ // x: 500,
id: "dev6", // y: 150 + 500 + 140 + 10 + 250,
x: 800, // width: 134,
y: 150 + 500 + 250, // fill: fill_top_name,
url: '/imagesnet/PLC.png', // text: dev5att.DeviceDESCRIPTION,
draggable: draggable_dev, // textAlign: 'center',
width: 134, // verticalAlign: 'middle',
height: 160, // textWrap: 'none',
}) // padding: 0,
var image_cet3_name = new LeaferUI.Text({ // fontSize: 12
x: 800, // })
y: 150 + 500 + 140 + 10 + 250, // group.add(image_cet2_name)
width: 134, // var image_cet2_address = new LeaferUI.Text({
fill: fill_top_name, // x: 500,
text: dev6att.DeviceDESCRIPTION, // y: 150 + 500 + 140 + 25 + 250,
textAlign: 'center', // width: 134,
verticalAlign: 'middle', // fill: fill_top_name,
textWrap: 'none', // text: dev5att.DeviceIP,
padding: 0, // textAlign: 'center',
fontSize: 12 // verticalAlign: 'middle',
}) // textWrap: 'none',
group.add(image_cet3_name) // padding: 0,
var image_cet3_address = new LeaferUI.Text({ // fontSize: 12
x: 800, // })
y: 150 + 500 + 140 + 25 + 250, // group.add(image_cet2_address)
width: 134, // const line42 = new LeaferUI.Line({
fill: fill_top_name, // id: 'line_' + dev5att.DeviceName,
text: dev6att.DeviceIP, // points: [500 + 75, 650 + 250, 875, 520 + 300],
textAlign: 'center', // //[-200 + 75, 650, 875, 520],
verticalAlign: 'middle', // // points: [634, 725, 800, 725],
textWrap: 'none', // strokeWidth: 2,
padding: 0, // stroke: '#cecece',
fontSize: 12 // shadow: {
}) // x: 0,
group.add(image_cet3_address) // y: 0,
const line43 = new LeaferUI.Line({ // blur: 1,
id: 'line_' + dev6att.DeviceName, // color: '#cecece',
points: [800 + 75, 650 + 250, 875, 520 + 300], // visible: true,
//[-200 + 75, 650, 875, 520], // }
// points: [634, 725, 800, 725], // })
strokeWidth: 2, // group.add(line42);
stroke: '#cecece', // var dev6att = devlist.filter(item => item.DeviceName === "dev6")[0];
shadow: { // const image_cet3 = new LeaferUI.Image({
x: 0, // id: "dev6",
y: 0, // x: 800,
blur: 1, // y: 150 + 500 + 250,
color: '#cecece', // url: '/imagesnet/PLC.png',
visible: true, // draggable: draggable_dev,
} // width: 134,
}) // height: 160,
group.add(line43); // })
var dev7att = devlist.filter(item => item.DeviceName === "dev7")[0]; // var image_cet3_name = new LeaferUI.Text({
const image_cet4 = new LeaferUI.Image({ // x: 800,
id: "dev7", // y: 150 + 500 + 140 + 10 + 250,
x: 1100, // width: 134,
y: 150 + 500 + 250, // fill: fill_top_name,
url: '/imagesnet/PLC.png', // text: dev6att.DeviceDESCRIPTION,
draggable: draggable_dev, // textAlign: 'center',
width: 134, // verticalAlign: 'middle',
height: 160, // textWrap: 'none',
}) // padding: 0,
var image_cet4_name = new LeaferUI.Text({ // fontSize: 12
x: 1100, // })
y: 150 + 500 + 140 + 10 + 250, // group.add(image_cet3_name)
width: 134, // var image_cet3_address = new LeaferUI.Text({
fill: fill_top_name, // x: 800,
text: dev7att.DeviceDESCRIPTION, // y: 150 + 500 + 140 + 25 + 250,
textAlign: 'center', // width: 134,
verticalAlign: 'middle', // fill: fill_top_name,
textWrap: 'none', // text: dev6att.DeviceIP,
padding: 0, // textAlign: 'center',
fontSize: 12 // verticalAlign: 'middle',
}) // textWrap: 'none',
group.add(image_cet4_name) // padding: 0,
var image_cet4_address = new LeaferUI.Text({ // fontSize: 12
x: 1100, // })
y: 150 + 500 + 140 + 25 + 250, // group.add(image_cet3_address)
width: 134, // const line43 = new LeaferUI.Line({
fill: fill_top_name, // id: 'line_' + dev6att.DeviceName,
text: dev7att.DeviceIP, // points: [800 + 75, 650 + 250, 875, 520 + 300],
textAlign: 'center', // //[-200 + 75, 650, 875, 520],
verticalAlign: 'middle', // // points: [634, 725, 800, 725],
textWrap: 'none', // strokeWidth: 2,
padding: 0, // stroke: '#cecece',
fontSize: 12 // shadow: {
}) // x: 0,
group.add(image_cet4_address) // y: 0,
const line44 = new LeaferUI.Line({ // blur: 1,
id: 'line_' + dev7att.DeviceName, // color: '#cecece',
points: [1100 + 75, 650 + 250, 875, 520 + 300], // visible: true,
//[-200 + 75, 650, 875, 520], // }
// points: [634, 725, 800, 725], // })
strokeWidth: 2, // group.add(line43);
stroke: '#cecece', // var dev7att = devlist.filter(item => item.DeviceName === "dev7")[0];
shadow: { // const image_cet4 = new LeaferUI.Image({
x: 0, // id: "dev7",
y: 0, // x: 1100,
blur: 1, // y: 150 + 500 + 250,
color: '#cecece', // url: '/imagesnet/PLC.png',
visible: true, // draggable: draggable_dev,
} // width: 134,
}) // height: 160,
group.add(line44); // })
var dev8att = devlist.filter(item => item.DeviceName === "dev8")[0]; // var image_cet4_name = new LeaferUI.Text({
const image_cet5 = new LeaferUI.Image({ // x: 1100,
id: "dev8", // y: 150 + 500 + 140 + 10 + 250,
x: 1400, // width: 134,
y: 150 + 500 + 250, // fill: fill_top_name,
url: '/imagesnet/PLC.png', // text: dev7att.DeviceDESCRIPTION,
draggable: draggable_dev, // textAlign: 'center',
width: 134, // verticalAlign: 'middle',
height: 160, // textWrap: 'none',
}) // padding: 0,
var image_cet5_name = new LeaferUI.Text({ // fontSize: 12
x: 1400, // })
y: 150 + 500 + 140 + 10 + 250, // group.add(image_cet4_name)
width: 134, // var image_cet4_address = new LeaferUI.Text({
fill: fill_top_name, // x: 1100,
text: dev8att.DeviceDESCRIPTION, // y: 150 + 500 + 140 + 25 + 250,
textAlign: 'center', // width: 134,
verticalAlign: 'middle', // fill: fill_top_name,
textWrap: 'none', // text: dev7att.DeviceIP,
padding: 0, // textAlign: 'center',
fontSize: 12 // verticalAlign: 'middle',
}) // textWrap: 'none',
group.add(image_cet5_name) // padding: 0,
var image_cet5_address = new LeaferUI.Text({ // fontSize: 12
x: 1400, // })
y: 150 + 500 + 140 + 25 + 250, // group.add(image_cet4_address)
width: 134, // const line44 = new LeaferUI.Line({
fill: fill_top_name, // id: 'line_' + dev7att.DeviceName,
text: dev8att.DeviceIP, // points: [1100 + 75, 650 + 250, 875, 520 + 300],
textAlign: 'center', // //[-200 + 75, 650, 875, 520],
verticalAlign: 'middle', // // points: [634, 725, 800, 725],
textWrap: 'none', // strokeWidth: 2,
padding: 0, // stroke: '#cecece',
fontSize: 12 // shadow: {
}) // x: 0,
group.add(image_cet5_address) // y: 0,
const line45 = new LeaferUI.Line({ // blur: 1,
id: 'line_' + dev8att.DeviceName, // color: '#cecece',
points: [1400 + 75, 650 + 250, 875, 520 + 300], // visible: true,
//[-200 + 75, 650, 875, 520], // }
// points: [634, 725, 800, 725], // })
strokeWidth: 2, // group.add(line44);
stroke: '#cecece', // var dev8att = devlist.filter(item => item.DeviceName === "dev8")[0];
shadow: { // const image_cet5 = new LeaferUI.Image({
x: 0, // id: "dev8",
y: 0, // x: 1400,
blur: 1, // y: 150 + 500 + 250,
color: '#cecece', // url: '/imagesnet/PLC.png',
visible: true, // draggable: draggable_dev,
} // width: 134,
}) // height: 160,
group.add(line45); // })
// var image_cet5_name = new LeaferUI.Text({
// x: 1400,
// y: 150 + 500 + 140 + 10 + 250,
// width: 134,
// fill: fill_top_name,
// text: dev8att.DeviceDESCRIPTION,
// textAlign: 'center',
// verticalAlign: 'middle',
// textWrap: 'none',
// padding: 0,
// fontSize: 12
// })
// group.add(image_cet5_name)
// var image_cet5_address = new LeaferUI.Text({
// x: 1400,
// y: 150 + 500 + 140 + 25 + 250,
// width: 134,
// fill: fill_top_name,
// text: dev8att.DeviceIP,
// textAlign: 'center',
// verticalAlign: 'middle',
// textWrap: 'none',
// padding: 0,
// fontSize: 12
// })
// group.add(image_cet5_address)
// const line45 = new LeaferUI.Line({
// id: 'line_' + dev8att.DeviceName,
// points: [1400 + 75, 650 + 250, 875, 520 + 300],
// //[-200 + 75, 650, 875, 520],
// // points: [634, 725, 800, 725],
// strokeWidth: 2,
// stroke: '#cecece',
// shadow: {
// x: 0,
// y: 0,
// blur: 1,
// color: '#cecece',
// visible: true,
// }
// })
// group.add(line45);
//group.add(image_cpu) //group.add(image_cpu)
@ -1331,12 +1385,13 @@
group.add(image_appserver) group.add(image_appserver)
// group.add(image_appserver2d) // group.add(image_appserver2d)
group.add(image_appserver3d) group.add(image_appserver3d)
group.add(image_appserversf)
group.add(image_cet1) // group.add(image_cet1)
group.add(image_cet2) // group.add(image_cet2)
group.add(image_cet3) // group.add(image_cet3)
group.add(image_cet4) // group.add(image_cet4)
group.add(image_cet5) // group.add(image_cet5)
//32IO配置项 //32IO配置项
const top_row_height_32bit = 25; const top_row_height_32bit = 25;