From 20f3ac3be3c776f43f9d252609aeb7029258d021 Mon Sep 17 00:00:00 2001 From: dell Date: Mon, 26 Feb 2024 11:01:19 +0800 Subject: [PATCH] =?UTF-8?q?=E5=88=9D=E6=AD=A5=E6=B7=BB=E5=8A=A0=E7=BD=91?= =?UTF-8?q?=E7=BB=9C=E7=8A=B6=E6=80=81=E5=92=8CIO=E7=9B=91=E6=8E=A7?= =?UTF-8?q?=E5=90=88=E5=B9=B6=E7=94=BB=E5=B8=83=E5=90=8E=E6=95=88=E6=9E=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Views/PenMeiNetWorkStateNew/Index.cshtml | 1705 ++++++++++++++++- HT.Cloud.Web/wwwroot/imagesnet/返回.png | Bin 0 -> 2181 bytes 2 files changed, 1684 insertions(+), 21 deletions(-) create mode 100644 HT.Cloud.Web/wwwroot/imagesnet/返回.png diff --git a/HT.Cloud.Web/Areas/PenMeiReportManage/Views/PenMeiNetWorkStateNew/Index.cshtml b/HT.Cloud.Web/Areas/PenMeiReportManage/Views/PenMeiNetWorkStateNew/Index.cshtml index e70925c..77734ab 100644 --- a/HT.Cloud.Web/Areas/PenMeiReportManage/Views/PenMeiNetWorkStateNew/Index.cshtml +++ b/HT.Cloud.Web/Areas/PenMeiReportManage/Views/PenMeiNetWorkStateNew/Index.cshtml @@ -908,17 +908,1647 @@ group.add(image_appserver) group.add(image_appserver2d) group.add(image_appserver3d) + + //32IO配置项 + const top_row_height_32bit = 25; + const separator_32bit = 15; + const io_row_height_32bit = 45; + + const io_row_y_offset_32bit = 13; + const io_row_left_x_name_32bit = 10; + const io_row_left_x_value_32bit = 65; + const io_row_right_x_name_32bit = 160; + const io_row_left_width_name_32bit = 40; + const io_row_left_width_value_32bit = 55; + const io_row_right_width_name_32bit = 20; + const io_row_right_width_value_32bit = 130; + + + + const rect_height_32bit = 10; + + const rect_top_y_offset_32bit = 95; + const rect_bottom_y_offset_32bit = 65; + + const io_rect_left_x_32bit = 10; + const io_rect_name_left_x_32bit = 35; + const io_rect_description_left_x_32bit = 35; + const io_rect_right_x_32bit = 270; + const io_rect_name_right_x_32bit = 225; + const io_rect_description_right_x_32bit = 155; + + const io_rect_left_y_offset_32bit = 0; + const io_rect_name_left_y_offset_32bit = -7; + const io_rect_description_left_y_offset_32bit = 12; + const io_rect_right_y_offset_32bit = 0; + const io_rect_name_right_y_offset_32bit = -7; + const io_rect_description_right_y_offset_32bit = 12; + + const io_rect_left_width_32bit = 20; + const io_rect_name_left_width_32bit = 40; + const io_rect_description_left_width_32bit = 110; + const io_rect_right_width_32bit = 20; + const io_rect_name_right_width_32bit = 40; + const io_rect_description_right_width_32bit = 110; + + + //16IO配置项 + const top_row_height_16bit = 25; + const separator_16bit = 15; + const io_row_height_16bit = 45; + + const io_row_y_offset_16bit = 13; + const io_row_left_x_name_16bit = 10; + const io_row_left_x_value_16bit = 65; + const io_row_right_x_name_16bit = 160; + const io_row_left_width_name_16bit = 40; + const io_row_left_width_value_16bit = 55; + const io_row_right_width_name_16bit = 20; + const io_row_right_width_value_16bit = 130; + + + + const rect_height_16bit = 10; + + const rect_top_y_offset_16bit = 95; + const rect_bottom_y_offset_16bit = 65; + + const io_rect_left_x_16bit = 10; + const io_rect_name_left_x_16bit = 35; + const io_rect_description_left_x_16bit = 80; + const io_rect_right_x_16bit = 270; + const io_rect_name_right_x_16bit = 225; + const io_rect_description_right_x_16bit = 155; + + const io_rect_left_y_offset_16bit = 0; + const io_rect_name_left_y_offset_16bit = 5; + const io_rect_description_left_y_offset_16bit = -4; + const io_rect_right_y_offset_16bit = 0; + const io_rect_name_right_y_offset_16bit = 0; + const io_rect_description_right_y_offset_16bit = 0; + + const io_rect_left_width_16bit = 20; + const io_rect_name_left_width_16bit = 40; + const io_rect_description_left_width_16bit = 110; + const io_rect_right_width_16bit = 20; + const io_rect_name_right_width_16bit = 40; + const io_rect_description_right_width_16bit = 110; + + //8IO配置项 + const top_row_height_8bit = 25; + const separator_8bit = 15; + const io_row_height_8bit = 45; + + const io_row_y_offset_8bit = 13; + const io_row_left_x_name_8bit = 10; + const io_row_left_x_value_8bit = 65; + const io_row_right_x_name_8bit = 160; + const io_row_left_width_name_8bit = 40; + const io_row_left_width_value_8bit = 55; + const io_row_right_width_name_8bit = 20; + const io_row_right_width_value_8bit = 130; + + + + const rect_height_8bit = 10; + + const rect_top_y_offset_8bit = 95; + const rect_bottom_y_offset_8bit = 65; + + const io_rect_left_x_8bit = 10; + const io_rect_name_left_x_8bit = 35; + const io_rect_description_left_x_8bit = 80; + const io_rect_right_x_8bit = 270; + const io_rect_name_right_x_8bit = 225; + const io_rect_description_right_x_8bit = 155; + + const io_rect_left_y_offset_8bit = 0; + const io_rect_name_left_y_offset_8bit = 5; + const io_rect_description_left_y_offset_8bit = -4; + const io_rect_right_y_offset_8bit = 0; + const io_rect_name_right_y_offset_8bit = 0; + const io_rect_description_right_y_offset_8bit = 0; + + const io_rect_left_width_8bit = 20; + const io_rect_name_left_width_8bit = 40; + const io_rect_description_left_width_8bit = 110; + const io_rect_right_width_8bit = 20; + const io_rect_name_right_width_8bit = 40; + const io_rect_description_right_width_8bit = 110; + + //CPU配置项 + const top_row_height_cpu = 25; + const separator_cpu = 15; + const io_row_height_cpu = 45; + + const io_row_y_offset_cpu = 13; + const io_row_left_x_name_cpu = 10; + const io_row_left_x_value_cpu = 65; + const io_row_right_x_name_cpu = 160; + const io_row_left_width_name_cpu = 40; + const io_row_left_width_value_cpu = 55; + const io_row_right_width_name_cpu = 20; + const io_row_right_width_value_cpu = 130; + + + + const rect_height_cpu = 10; + + const rect_top_y_offset_cpu = 95; + const rect_bottom_y_offset_cpu = 65; + + const io_rect_left_x_cpu = 10; + const io_rect_name_left_x_cpu = 35; + const io_rect_description_left_x_cpu = 80; + const io_rect_right_x_cpu = 270; + const io_rect_name_right_x_cpu = 225; + const io_rect_description_right_x_cpu = 155; + + const io_rect_left_y_offset_cpu = 0; + const io_rect_name_left_y_offset_cpu = 5; + const io_rect_description_left_y_offset_cpu = -4; + const io_rect_right_y_offset_cpu = 0; + const io_rect_name_right_y_offset_cpu = 0; + const io_rect_description_right_y_offset_cpu = 0; + + const io_rect_left_width_cpu = 20; + const io_rect_name_left_width_cpu = 40; + const io_rect_description_left_width_cpu = 110; + const io_rect_right_width_cpu = 20; + const io_rect_name_right_width_cpu = 40; + const io_rect_description_right_width_cpu = 110; + + //cm配置项 + const top_row_height_cm = 25; + const separator_cm = 15; + const io_row_height_cm = 45; + + const io_row_y_offset_cm = 13; + const io_row_left_x_name_cm = 10; + const io_row_left_x_value_cm = 65; + const io_row_right_x_name_cm = 160; + const io_row_left_width_name_cm = 40; + const io_row_left_width_value_cm = 55; + const io_row_right_width_name_cm = 20; + const io_row_right_width_value_cm = 130; + + + + const rect_height_cm = 10; + + const rect_top_y_offset_cm = 95; + const rect_bottom_y_offset_cm = 65; + + const io_rect_left_x_cm = 10; + const io_rect_name_left_x_cm = 35; + const io_rect_description_left_x_cm = 80; + const io_rect_right_x_cm = 270; + const io_rect_name_right_x_cm = 225; + const io_rect_description_right_x_cm = 155; + + const io_rect_left_y_offset_cm = 0; + const io_rect_name_left_y_offset_cm = 5; + const io_rect_description_left_y_offset_cm = -4; + const io_rect_right_y_offset_cm = 0; + const io_rect_name_right_y_offset_cm = 0; + const io_rect_description_right_y_offset_cm = 0; + + const io_rect_left_width_cm = 20; + const io_rect_name_left_width_cm = 40; + const io_rect_description_left_width_cm = 110; + const io_rect_right_width_cm = 20; + const io_rect_name_right_width_cm = 40; + const io_rect_description_right_width_cm = 110; + + const groupio = new LeaferUI.Group({ x: 0, y: 0, scaleX: 1, scaleY: 1 }) + + + var iogroupio = []; + var ioinfo = []; + + groupioajax = $.ajax({ + url: "/PenMeiReportManage/PenMeiJMReport/GetRealIOgroup", + type: "Get", + dataType: "json", + async: false, + success: function (redata) { + iogroupio = redata.Result; + } + }); + infoajax = $.ajax({ + url: "/PenMeiReportManage/PenMeiJMReport/GetRealIOInfo", + type: "Get", + dataType: "json", + async: false, + success: function (redata) { + ioinfo = redata.Result; + } + }); + + debugger; + + const top_text_value_array_32bitt = ['DQ 32xDC 24V/0.5A HF', 'Slot: 1', '在线'];//右上右下 + const name_32bitt = ['DQ0.0', 'DQ0.1', 'DQ0.2', 'DQ0.3', 'DQ0.4', 'DQ0.5', 'DQ0.6', 'DQ0.7', 'DQ1.0', 'DQ1.1', 'DQ1.2', 'DQ1.3', 'DQ1.4', 'DQ1.5', 'DQ1.6', 'DQ1.7', 'DQ2.0', 'DQ2.1', 'DQ2.2', 'DQ2.3', 'DQ2.4', 'DQ2.5', 'DQ2.6', 'DQ2.7', 'DQ3.0', 'DQ3.1', 'DQ3.2', 'DQ3.3', 'DQ3.4', 'DQ3.5', 'DQ3.6', 'DQ3.7',]; + + const top_text_value_array_cpu_ = ['SIMATIC S7-412-2 PN', 'Slot: 0', '在线'];//右上右下 + const name_cpu_ = ['RUN', 'STOP', 'ERR']; + const descriptions_cpu_ = ['运行状态', '暂停状态', '运行错误']; + const name_eth_cpu_ = ['ETH0']; + const descriptions_eth_cpu_ = ['10/100 Mbit/s']; + + + const top_text_value_array_cm_ = ['通信处理器 CP 443-1', 'Slot: 1', '在线'];//右上右下 + const name_cm_ = ['RUN', 'STOP', 'ERR']; + const descriptions_cm_ = ['运行状态', '暂停状态', '运行错误']; + const name_eth_cm_ = ['ETH1', 'ETH2']; + const descriptions_eth_cm_ = ['10/100 Mbit/s', '10/100 Mbit/s']; + + iogroupio.sort(function (a, b) { + return a.IOSlot - b.IOSlot; // 从小到大排序 + }); + debugger; + var initx = 452; + for (var i = 0; i < iogroupio.length; i++) { + var iobit = iogroupio[i].IOBit; + var ioid = iogroupio[i].IOID; + var top_text_value_array = [iogroupio[i].IOModel, 'Slot: ' + iogroupio[i].IOSlot, "在线"] + var ioinfofilter = ioinfo.filter(function (item) { + return item.IOID === ioid; + }); + var names = []; + var descriptions = []; + for (var iff = 0; iff < ioinfofilter.length; iff++) { + names.push(ioinfofilter[iff].IONAME) + descriptions.push(ioinfofilter[iff].IODESCRIPTION) + } + + var ioboxwidth = 0; + //debugger; + if (iobit == '32') { + ioboxwidth = 300; + var offset = 2; + initx = initx + offset + var box = Draw32bitIOBox(names, top_text_value_array, descriptions, ioboxwidth, initx) + initx = initx + ioboxwidth; + groupio.add(box) + } + else if (iobit == '16') { + ioboxwidth = 200; + var offset = 2; + initx = initx + offset + var box = Draw16bitIOBox(names, top_text_value_array, descriptions, ioboxwidth, initx) + initx = initx + ioboxwidth; + groupio.add(box) + } else if (iobit = '8') { + ioboxwidth = 200; + var offset = 2; + initx = initx + offset + var box = Draw8bitIOBox(names, top_text_value_array, descriptions, ioboxwidth, initx) + initx = initx + ioboxwidth; + groupio.add(box) + } + + } + var boxcpu = DrawCPUBox(name_cpu_, top_text_value_array_cpu_, descriptions_cpu_, name_eth_cpu_, descriptions_eth_cpu_, 200, 50) + var boxcm = DrawCMBox(name_cm_, top_text_value_array_cm_, descriptions_cm_, name_eth_cm_, descriptions_eth_cm_, 200, 252) + groupio.add(boxcpu); + groupio.add(boxcm); + + function Draw32bitIOBox(name_32bit, top_text_value_array_32bit, descriptions_32bit, ioboxwidth, initx) { + var box_32bit = new LeaferUI.Box({ + x: initx, + y: 20, + width: ioboxwidth, + height: height_iobox, + fill: fill_iobox, + draggable: draggable_dev, + strokeWidth: 1, + stroke: stroke_iobox, + }) + + var ylinex_sum_four = 0; + var ylinex_array_four = []; + for (var linexid = 0; linexid < 19; linexid++) { + if (linexid == 0) { + ylinex_sum_four = ylinex_sum_four + top_row_height_32bit; + ylinex_array_four.push(ylinex_sum_four); + } + else if (linexid == 1) { + ylinex_sum_four = ylinex_sum_four + top_row_height_32bit; + ylinex_array_four.push(ylinex_sum_four); + } + else if (linexid == 2) { + ylinex_sum_four = ylinex_sum_four + top_row_height_32bit; + ylinex_array_four.push(ylinex_sum_four); + } + else if (linexid == 11) { + ylinex_sum_four = ylinex_sum_four + separator_32bit; + ylinex_array_four.push(ylinex_sum_four); + } + else { + ylinex_sum_four = ylinex_sum_four + io_row_height_32bit; + ylinex_array_four.push(ylinex_sum_four); + } + } + for (var linexid = 0; linexid < 19; linexid++) { + if (linexid == 0) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 35, + width: width_iobox, + strokeWidth: 1, + stroke: stroke_iobox_line, + //id: "line" + linexid.toString() + }); + box_32bit.add(line); + } + else if (linexid == 1) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 35, + width: width_iobox, + strokeWidth: 1, + stroke: stroke_iobox_line, + //id: "line" + linexid.toString() + }); + box_32bit.add(line); + } + else if (linexid == 2) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 35, + width: width_iobox, + strokeWidth: 1, + stroke: stroke_iobox_line, + //id: "line" + linexid.toString() + }); + box_32bit.add(line); + } + else if (linexid == 11) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 20, + width: width_iobox, + strokeWidth: 1, + stroke: stroke_iobox_line, + //id: "line" + linexid.toString() + }); + box_32bit.add(line); + } + else { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 45, + width: width_iobox, + strokeWidth: 1, + stroke: stroke_iobox_line, + //id: "line" + linexid.toString() + }); + box_32bit.add(line); + } + //box_32bit.add(line); + } + + var spiltline_four = new LeaferUI.Line({ + x: width_iobox / 2, + y: top_row_height_32bit * 3, + width: height_iobox - top_row_height_32bit * 3, + rotation: 90, + stroke: stroke_iobox_spiltline, + strokeWidth: 1, + dashPattern: [5, 2] + }) + box_32bit.add(spiltline_four); + + + //box4左侧顶部状态效果 + for (var tid = 0; tid < 3; tid++) { + let y = io_row_y_offset_32bit + tid * top_row_height_32bit; + if (tid < 2) { + var top_text_value = new LeaferUI.Text({ + x: io_row_left_x_name_32bit, + y: y,//+10 + //height:10, + width: io_row_left_width_name_32bit, + fill: fill_top_name, + text: top_text_value_array_32bit[tid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + box_32bit.add(top_text_value) + } + + if (tid == 2) { + var rect = new LeaferUI.Rect({ + x: io_row_left_x_name_32bit, + y: y - 5, + height: rect_height_32bit, + width: io_rect_left_width_32bit, + fill: fill_rect, + draggable: false, + id: top_text_value_array_32bit[1].replace(' ', '') + '_OnlineSatate' + }) + debugger; + box_32bit.add(rect) + var top_text_value = new LeaferUI.Text({ + x: io_row_left_x_name_32bit + io_rect_left_width_32bit + 15, + y: y,//+10 + //height:10, + width: io_row_left_width_name_32bit, + fill: fill_top_name, + text: top_text_value_array_32bit[tid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + box_32bit.add(top_text_value) + } + + // var left_top_text_name = new LeaferUI.Text({ + // x:io_row_left_x_name_32bit, + // y:y,//+10 + // //height:10, + // width:io_row_left_width_name_32bit, + // fill: fill_top_name, + // text:left_top_text_name_four_array_32bit[tid], + // textAlign :'left', + // verticalAlign:'middle', + // textWrap:'none', + // padding:0, + // fontSize:12 + // }) + // var left_top_text_name_value = new LeaferUI.Text({ + // x:io_row_left_x_value_32bit, + // y:y,//+10 + // //height:10, + // width:io_row_left_width_value_32bit, + // fill: fill_top_name_value, + // text:left_top_text_value_four_array_32bit[tid], + // textAlign :'left', + // verticalAlign:'middle', + // textWrap:'none', + // padding:0, + // fontSize:12 + // }) + // //建议取消 + // var right_top_text_name = new LeaferUI.Text({ + // x:io_row_right_x_name_32bit, + // y:y,//+10 + // //height:10, + // width:io_row_right_width_name_32bit, + // fill: fill_top_name, + // text:right_top_text_name_four_array_32bit[tid], + // textAlign :'left', + // verticalAlign:'middle', + // textWrap:'none', + // padding:0, + // fontSize:12 + // }) + // var right_top_text_name_value = new LeaferUI.Text({ + // x:io_row_right_x_name_32bit, + // y:y,//+10 + // //height:10, + // width:io_row_right_width_value_32bit, + // fill: fill_top_name_value, + // text:right_top_text_value_four_array_32bit[tid], + // textAlign :'left', + // verticalAlign:'middle', + // textWrap:'none', + // padding:0, + // fontSize:12 + // }) + // box_32bit.add(left_top_text_name) + // //box_32bit.add(right_top_text_name) + // box_32bit.add(left_top_text_name_value) + // box_32bit.add(right_top_text_name_value) + } + + + //box4效果 + for (var sid = 0; sid < 16; sid++) { + let y = 0; + if (sid < 8) { + y = io_row_height_32bit * (sid) + rect_top_y_offset_32bit; + } + if (sid >= 8) { + y = io_row_height_32bit * (sid + 1) + rect_bottom_y_offset_32bit; + } + var rect_left = new LeaferUI.Rect({ + x: io_rect_left_x_32bit, + y: y + io_rect_left_y_offset_32bit, + height: rect_height_32bit, + width: io_rect_left_width_32bit, + fill: fill_rect, + draggable: false, + id: name_32bit[sid] + }) + var rect_left_text_name = new LeaferUI.Text({ + x: io_rect_name_left_x_32bit, + y: y + io_rect_name_left_y_offset_32bit, + width: io_rect_name_left_width_32bit, + fill: fill_rect_text_name, + text: name_32bit[sid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + var rect_left_text_description = new LeaferUI.Text({ + x: io_rect_description_left_x_32bit, + y: y + io_rect_description_left_y_offset_32bit, + width: io_rect_description_left_width_32bit, + fill: fill_rect_text_description, + text: descriptions_32bit[sid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + //1罐仓流化阀原输出 + var rect_right = new LeaferUI.Rect({ + x: io_rect_right_x_32bit, + y: y + io_rect_right_y_offset_32bit, + height: rect_height_32bit, + width: io_rect_right_width_32bit, + fill: fill_rect, + draggable: false, + id: name_32bit[sid + 16] + }) + var rect_right_text_name = new LeaferUI.Text({ + x: io_rect_name_right_x_32bit, + y: y + io_rect_name_right_y_offset_32bit, + width: io_rect_name_right_width_32bit, + fill: fill_rect_text_name, + text: name_32bit[sid + 16], + textAlign: 'right', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + var rect_right_text_description = new LeaferUI.Text({ + x: io_rect_description_right_x_32bit, + y: y + io_rect_description_right_y_offset_32bit, + width: io_rect_description_right_width_32bit, + fill: fill_rect_text_description, + text: descriptions_32bit[sid + 16], + textAlign: 'right', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + //console.log(rect) + box_32bit.add(rect_left); + box_32bit.add(rect_left_text_name); + box_32bit.add(rect_left_text_description); + box_32bit.add(rect_right); + box_32bit.add(rect_right_text_name); + box_32bit.add(rect_right_text_description); + } + + return box_32bit; + } + + function Draw16bitIOBox(name_16bit, top_text_value_array_16bit, descriptions_16bit, ioboxwidth, initx) { + //16IO生成 + var box_16bit = new LeaferUI.Box({ + x: initx, + y: 20, + width: ioboxwidth, + height: height_iobox, + fill: fill_iobox, + draggable: draggable_dev, + strokeWidth: 1, + stroke: stroke_iobox, + }) + + var ylinex_sum_four = 0; + var ylinex_array_four = []; + for (var linexid = 0; linexid < 19; linexid++) { + if (linexid == 0) { + ylinex_sum_four = ylinex_sum_four + top_row_height_16bit; + ylinex_array_four.push(ylinex_sum_four); + } + else if (linexid == 1) { + ylinex_sum_four = ylinex_sum_four + top_row_height_16bit; + ylinex_array_four.push(ylinex_sum_four); + } + else if (linexid == 2) { + ylinex_sum_four = ylinex_sum_four + top_row_height_16bit; + ylinex_array_four.push(ylinex_sum_four); + } + else if (linexid == 11) { + ylinex_sum_four = ylinex_sum_four + separator_16bit; + ylinex_array_four.push(ylinex_sum_four); + } + else { + ylinex_sum_four = ylinex_sum_four + io_row_height_16bit; + ylinex_array_four.push(ylinex_sum_four); + } + } + for (var linexid = 0; linexid < 19; linexid++) { + if (linexid == 0) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 35, + width: width_iobox_16bit, + strokeWidth: 1, + stroke: stroke_iobox_line, + //id: "line" + linexid.toString() + }); + box_16bit.add(line); + } + else if (linexid == 1) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 35, + width: width_iobox_16bit, + strokeWidth: 1, + stroke: stroke_iobox_line, + //id: "line" + linexid.toString() + }); + box_16bit.add(line); + } + else if (linexid == 2) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 35, + width: width_iobox_16bit, + strokeWidth: 1, + stroke: stroke_iobox_line, + //id: "line" + linexid.toString() + }); + box_16bit.add(line); + } + else if (linexid == 11) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 20, + width: width_iobox_16bit, + strokeWidth: 1, + stroke: stroke_iobox_line, + //id: "line" + linexid.toString() + }); + box_16bit.add(line); + } + else { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 45, + width: width_iobox_16bit, + strokeWidth: 1, + stroke: stroke_iobox_line, + //id: "line" + linexid.toString() + }); + box_16bit.add(line); + } + } + + var spiltline_four = new LeaferUI.Line({ + x: width_iobox_16bit / 2, + width: top_row_height_16bit * 2, + rotation: 90, + stroke: stroke_iobox_spiltline, + strokeWidth: 1, + dashPattern: [5, 2] + }) + // box_16bit.add(spiltline_four); + + + //box4左侧顶部状态效果 + for (var tid = 0; tid < 3; tid++) { + let y = io_row_y_offset_16bit + tid * top_row_height_16bit; + if (tid < 2) { + + var top_text_value = new LeaferUI.Text({ + x: io_row_left_x_name_16bit, + y: y,//+10 + //height:10, + width: io_row_left_width_name_16bit, + fill: fill_top_name, + text: top_text_value_array_16bit[tid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + box_16bit.add(top_text_value) + } + if (tid == 2) { + var rect = new LeaferUI.Rect({ + x: io_row_left_x_name_16bit, + y: y - 5, + height: rect_height_16bit, + width: io_rect_left_width_16bit, + fill: fill_rect, + draggable: false, + id: top_text_value_array_16bit[1].replace(' ', '') + '_OnlineSatate' + }) + box_16bit.add(rect) + var top_text_value = new LeaferUI.Text({ + x: io_row_left_x_name_16bit + io_rect_left_width_16bit + 15, + y: y,//+10 + //height:10, + width: io_row_left_width_name_16bit, + fill: fill_top_name, + text: top_text_value_array_16bit[tid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + box_16bit.add(top_text_value) + } + + + // var left_top_text_name_value = new LeaferUI.Text({ + // x:io_row_left_x_value_16bit, + // y:y,//+10 + // //height:10, + // width:io_row_left_width_value_16bit, + // fill: fill_top_name_value, + // text:left_top_text_value_four_array_16bit[tid], + // textAlign :'left', + // verticalAlign:'middle', + // textWrap:'none', + // padding:0, + // fontSize:12 + // }) + // //建议取消 + // var right_top_text_name = new LeaferUI.Text({ + // x:io_row_right_x_name_16bit, + // y:y,//+10 + // //height:10, + // width:io_row_right_width_name_16bit, + // fill: fill_top_name, + // text:right_top_text_name_four_array_16bit[tid], + // textAlign :'left', + // verticalAlign:'middle', + // textWrap:'none', + // padding:0, + // fontSize:12 + // }) + // var right_top_text_name_value = new LeaferUI.Text({ + // x:io_row_right_x_name_16bit, + // y:y,//+10 + // //height:10, + // width:io_row_right_width_value_16bit, + // fill: fill_top_name_value, + // text:right_top_text_value_four_array_16bit[tid], + // textAlign :'left', + // verticalAlign:'middle', + // textWrap:'none', + // padding:0, + // fontSize:12 + // }) + // box_16bit.add(left_top_text_name) + // //box_16bit.add(right_top_text_name) + // box_16bit.add(left_top_text_name_value) + // box_16bit.add(right_top_text_name_value) + } + + + //box4效果 + for (var sid = 0; sid < 16; sid++) { + let y = 0; + if (sid < 8) { + y = io_row_height_16bit * (sid) + rect_top_y_offset_16bit; + } + if (sid >= 8) { + y = io_row_height_16bit * (sid + 1) + rect_bottom_y_offset_16bit; + } + var rect_left = new LeaferUI.Rect({ + x: io_rect_left_x_16bit, + y: y + io_rect_left_y_offset_16bit, + height: rect_height_16bit, + width: io_rect_left_width_16bit, + fill: fill_rect, + draggable: false, + id: name_16bit[sid] + }) + var rect_left_text_name = new LeaferUI.Text({ + x: io_rect_name_left_x_16bit, + y: y + io_rect_name_left_y_offset_16bit, + width: io_rect_name_left_width_16bit, + fill: fill_rect_text_name, + text: name_16bit[sid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + var rect_left_text_description = new LeaferUI.Text({ + x: io_rect_description_left_x_16bit, + y: y + io_rect_description_left_y_offset_16bit, + width: io_rect_description_left_width_16bit, + fill: fill_rect_text_description, + text: descriptions_16bit[sid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + textOverflow: ' ', + padding: 0, + fontSize: 12 + }) + + box_16bit.add(rect_left); + box_16bit.add(rect_left_text_name); + box_16bit.add(rect_left_text_description); + } + return box_16bit; + } + + function Draw8bitIOBox(name_8bit, top_text_value_array_8bit, descriptions_8bit, ioboxwidth, initx) { + //8IO生成 + var box_8bit = new LeaferUI.Box({ + x: initx, + y: 20, + width: ioboxwidth, + height: height_iobox, + fill: fill_iobox, + draggable: draggable_dev, + strokeWidth: 1, + stroke: stroke_iobox, + }) + + var ylinex_sum_four = 0; + var ylinex_array_four = []; + for (var linexid = 0; linexid < 19; linexid++) { + if (linexid == 0) { + ylinex_sum_four = ylinex_sum_four + top_row_height_8bit; + ylinex_array_four.push(ylinex_sum_four); + } + else if (linexid == 1) { + ylinex_sum_four = ylinex_sum_four + top_row_height_8bit; + ylinex_array_four.push(ylinex_sum_four); + } + else if (linexid == 2) { + ylinex_sum_four = ylinex_sum_four + top_row_height_8bit; + ylinex_array_four.push(ylinex_sum_four); + } + else if (linexid == 11) { + ylinex_sum_four = ylinex_sum_four + separator_8bit; + ylinex_array_four.push(ylinex_sum_four); + } + else { + ylinex_sum_four = ylinex_sum_four + io_row_height_8bit; + ylinex_array_four.push(ylinex_sum_four); + } + } + for (var linexid = 0; linexid < 19; linexid++) { + if (linexid == 0) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 35, + width: width_iobox_8bit, + strokeWidth: 1, + stroke: stroke_iobox_line, + //id: "line" + linexid.toString() + }); + box_8bit.add(line); + } + else if (linexid == 1) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 35, + width: width_iobox_8bit, + strokeWidth: 1, + stroke: stroke_iobox_line, + //id: "line" + linexid.toString() + }); + box_8bit.add(line); + } + else if (linexid == 2) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 35, + width: width_iobox_8bit, + strokeWidth: 1, + stroke: stroke_iobox_line, + //id: "line" + linexid.toString() + }); + box_8bit.add(line); + } + else if (linexid == 11) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 20, + width: width_iobox_8bit, + strokeWidth: 1, + stroke: stroke_iobox_line, + //id: "line" + linexid.toString() + }); + box_8bit.add(line); + } + else { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 45, + width: width_iobox_8bit, + strokeWidth: 1, + stroke: stroke_iobox_line, + //id: "line" + linexid.toString() + }); + box_8bit.add(line); + } + } + + var spiltline_four = new LeaferUI.Line({ + x: width_iobox_8bit / 2, + width: top_row_height_8bit * 2, + rotation: 90, + stroke: stroke_iobox_spiltline, + strokeWidth: 1, + dashPattern: [5, 2] + }) + // box_8bit.add(spiltline_four); + + + //box4左侧顶部状态效果 + for (var tid = 0; tid < 3; tid++) { + let y = io_row_y_offset_8bit + tid * top_row_height_8bit; + if (tid < 2) { + + var top_text_value = new LeaferUI.Text({ + x: io_row_left_x_name_8bit, + y: y,//+10 + //height:10, + width: io_row_left_width_name_8bit, + fill: fill_top_name, + text: top_text_value_array_8bit[tid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + box_8bit.add(top_text_value); + } + if (tid == 2) { + var rect = new LeaferUI.Rect({ + x: io_row_left_x_name_8bit, + y: y - 5, + height: rect_height_8bit, + width: io_rect_left_width_8bit, + fill: fill_rect, + draggable: false, + id: top_text_value_array_8bit[1].replace(' ', '') + '_OnlineSatate' + }) + box_8bit.add(rect) + var top_text_value = new LeaferUI.Text({ + x: io_row_left_x_name_8bit + io_rect_left_width_8bit + 15, + y: y,//+10 + //height:10, + width: io_row_left_width_name_8bit, + fill: fill_top_name, + text: top_text_value_array_8bit[tid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + box_8bit.add(top_text_value) + } + + // var left_top_text_name_value = new LeaferUI.Text({ + // x:io_row_left_x_value_8bit, + // y:y,//+10 + // //height:10, + // width:io_row_left_width_value_8bit, + // fill: fill_top_name_value, + // text:left_top_text_value_four_array_8bit[tid], + // textAlign :'left', + // verticalAlign:'middle', + // textWrap:'none', + // padding:0, + // fontSize:12 + // }) + // //建议取消 + // var right_top_text_name = new LeaferUI.Text({ + // x:io_row_right_x_name_8bit, + // y:y,//+10 + // //height:10, + // width:io_row_right_width_name_8bit, + // fill: fill_top_name, + // text:right_top_text_name_four_array_8bit[tid], + // textAlign :'left', + // verticalAlign:'middle', + // textWrap:'none', + // padding:0, + // fontSize:12 + // }) + // var right_top_text_name_value = new LeaferUI.Text({ + // x:io_row_right_x_name_8bit, + // y:y,//+10 + // //height:10, + // width:io_row_right_width_value_8bit, + // fill: fill_top_name_value, + // text:right_top_text_value_four_array_8bit[tid], + // textAlign :'left', + // verticalAlign:'middle', + // textWrap:'none', + // padding:0, + // fontSize:12 + // }) + // box_8bit.add(left_top_text_name) + // //box_8bit.add(right_top_text_name) + // box_8bit.add(left_top_text_name_value) + // box_8bit.add(right_top_text_name_value) + } + + + //box4效果 + for (var sid = 0; sid < 8; sid++) { + let y = 0; + if (sid < 8) { + y = io_row_height_8bit * (sid) + rect_top_y_offset_8bit; + } + if (sid >= 8) { + y = io_row_height_8bit * (sid + 1) + rect_bottom_y_offset_8bit; + } + var rect_left = new LeaferUI.Rect({ + x: io_rect_left_x_8bit, + y: y + io_rect_left_y_offset_8bit, + height: rect_height_8bit, + width: io_rect_left_width_8bit, + fill: fill_rect, + draggable: false, + id: name_8bit[sid] + }) + var rect_left_text_name = new LeaferUI.Text({ + x: io_rect_name_left_x_8bit, + y: y + io_rect_name_left_y_offset_8bit, + width: io_rect_name_left_width_8bit, + fill: fill_rect_text_name, + text: name_8bit[sid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + var rect_left_text_description = new LeaferUI.Text({ + x: io_rect_description_left_x_8bit, + y: y + io_rect_description_left_y_offset_8bit, + width: io_rect_description_left_width_8bit / 3, + fill: fill_rect_text_description, + text: descriptions_8bit[sid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + textOverflow: ' ', + padding: 0, + fontSize: 12 + }) + + box_8bit.add(rect_left); + box_8bit.add(rect_left_text_name); + box_8bit.add(rect_left_text_description); + } + return box_8bit; + } + + function DrawCPUBox(name_cpu, top_text_value_array_cpu, descriptions_cpu, name_eth_cpu, descriptions_eth_cpu, ioboxwidth, initx) { + var box_cpu = new LeaferUI.Box({ + x: initx, + y: 20, + width: ioboxwidth, + height: height_iobox, + fill: fill_iobox, + draggable: draggable_dev, + strokeWidth: 1, + stroke: stroke_iobox, + }) + var box_return = new LeaferUI.Box({ + x: 0, + y: -22, + width: 122, + height: 20, + //fill: fill_iobox, + draggable: draggable_dev, + strokeWidth: 1, + stroke: stroke_iobox, + }) + const image_return_menu = new LeaferUI.Image({ + x: 0, + y: 0, + url: '/imagesnet/返回.png', + draggable: draggable_dev, + width: 20, + height: 20, + }) + var text_return_menu = new LeaferUI.Text({ + x: 25, + y: 22, + width: 60, + fill: fill_top_name, + text: '返回网络状态', + textAlign: 'left', + verticalAlign: 'bottom', + textWrap: 'none', + padding: 0, + fontSize: 16 + }) + box_return.add(image_return_menu) + box_return.add(text_return_menu) + box_cpu.add(box_return) + box_cpu.on(LeaferUI.PointerEvent.TAP, function () { + leafer.add(group) + leafer.remove(groupio) + }); + var ylinex_sum_four = 0; + var ylinex_array_four = []; + for (var linexid = 0; linexid < 19; linexid++) { + if (linexid == 0) { + ylinex_sum_four = ylinex_sum_four + top_row_height_cpu; + ylinex_array_four.push(ylinex_sum_four); + } + else if (linexid == 1) { + ylinex_sum_four = ylinex_sum_four + top_row_height_cpu; + ylinex_array_four.push(ylinex_sum_four); + } + else if (linexid == 2) { + ylinex_sum_four = ylinex_sum_four + top_row_height_cpu; + ylinex_array_four.push(ylinex_sum_four); + } + else if (linexid == 11) { + ylinex_sum_four = ylinex_sum_four + separator_cpu; + ylinex_array_four.push(ylinex_sum_four); + } + else { + ylinex_sum_four = ylinex_sum_four + io_row_height_cpu; + ylinex_array_four.push(ylinex_sum_four); + } + } + for (var linexid = 0; linexid < 19; linexid++) { + if (linexid == 0) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 35, + width: width_iobox_cpu, + strokeWidth: 1, + stroke: stroke_iobox_line, + }); + box_cpu.add(line); + } + else if (linexid == 1) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 35, + width: width_iobox_cpu, + strokeWidth: 1, + stroke: stroke_iobox_line, + }); + box_cpu.add(line); + } + else if (linexid == 2) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 35, + width: width_iobox_cpu, + strokeWidth: 1, + stroke: stroke_iobox_line, + }); + box_cpu.add(line); + } + else if (linexid == 11) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 20, + width: width_iobox_cpu, + strokeWidth: 1, + stroke: stroke_iobox_line, + }); + box_cpu.add(line); + } + else { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 45, + width: width_iobox_cpu, + strokeWidth: 1, + stroke: stroke_iobox_line, + }); + box_cpu.add(line); + } + } + + var spiltline_four = new LeaferUI.Line({ + x: width_iobox_cpu / 2, + width: top_row_height_cpu * 2, + rotation: 90, + stroke: stroke_iobox_spiltline, + strokeWidth: 1, + dashPattern: [5, 2] + }) + //box4左侧顶部状态效果 + for (var tid = 0; tid < 3; tid++) { + let y = io_row_y_offset_cpu + tid * top_row_height_cpu; + if (tid < 2) { + + var top_text_value = new LeaferUI.Text({ + x: io_row_left_x_name_cpu, + y: y,//+10 + //height:10, + width: io_row_left_width_name_cpu, + fill: fill_top_name, + text: top_text_value_array_cpu[tid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + box_cpu.add(top_text_value); + } + if (tid == 2) { + var rect = new LeaferUI.Rect({ + x: io_row_left_x_name_cpu, + y: y - 5, + height: rect_height_cpu, + width: io_rect_left_width_cpu, + fill: fill_rect, + draggable: false, + id: top_text_value_array_cpu[1].replace(' ', '') + '_OnlineSatate' + }) + box_cpu.add(rect) + var top_text_value = new LeaferUI.Text({ + x: io_row_left_x_name_cpu + io_rect_left_width_cpu + 15, + y: y,//+10 + //height:10, + width: io_row_left_width_name_cpu, + fill: fill_top_name, + text: top_text_value_array_cpu[tid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + box_cpu.add(top_text_value) + } + + } + //box4效果 + for (var sid = 0; sid < 16; sid++) { + let y = 0; + + if (sid < 8) { + y = io_row_height_cpu * (sid) + rect_top_y_offset_cpu; + } + if (sid >= 8) { + y = io_row_height_cpu * (sid + 1) + rect_bottom_y_offset_cpu; + } + if (sid < 3) { + var rect_left = new LeaferUI.Rect({ + x: io_rect_left_x_cpu, + y: y + io_rect_left_y_offset_cpu, + height: rect_height_cpu, + width: io_rect_left_width_cpu, + fill: fill_rect, + draggable: false, + id: name_cpu[sid] + '1' + }) + var rect_left_text_name = new LeaferUI.Text({ + x: io_rect_name_left_x_cpu, + y: y + io_rect_name_left_y_offset_cpu, + width: io_rect_name_left_width_cpu, + fill: fill_rect_text_name, + text: name_cpu[sid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + var rect_left_text_description = new LeaferUI.Text({ + x: io_rect_description_left_x_cpu, + y: y + io_rect_description_left_y_offset_cpu, + width: io_rect_description_left_width_cpu / 3, + fill: fill_rect_text_description, + text: descriptions_cpu[sid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + textOverflow: ' ', + padding: 0, + fontSize: 12 + }) + + box_cpu.add(rect_left); + box_cpu.add(rect_left_text_name); + box_cpu.add(rect_left_text_description); + } + else if (7 < sid && sid < (8 + name_eth_cpu.length)) { + var rect_left = new LeaferUI.Rect({ + x: io_rect_left_x_cpu, + y: y + io_rect_left_y_offset_cpu, + height: rect_height_cpu, + width: io_rect_left_width_cpu, + fill: fill_rect, + draggable: false, + id: name_eth_cpu[sid - 8] + }) + var rect_left_text_name = new LeaferUI.Text({ + x: io_rect_name_left_x_cpu, + y: y + io_rect_name_left_y_offset_cpu, + width: io_rect_name_left_width_cpu, + fill: fill_rect_text_name, + text: name_eth_cpu[sid - 8], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + var rect_left_text_description = new LeaferUI.Text({ + x: io_rect_description_left_x_cpu, + y: y + io_rect_description_left_y_offset_cpu, + width: io_rect_description_left_width_cpu / 3, + fill: fill_rect_text_description, + text: descriptions_eth_cpu[sid - 8], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + textOverflow: ' ', + padding: 0, + fontSize: 12 + }) + + box_cpu.add(rect_left); + box_cpu.add(rect_left_text_name); + box_cpu.add(rect_left_text_description); + } + } + return box_cpu; + } + + function DrawCMBox(name_cm, top_text_value_array_cm, descriptions_cm, name_eth_cm, descriptions_eth_cm, ioboxwidth, initx) { + var box_cm = new LeaferUI.Box({ + x: initx, + y: 20, + width: ioboxwidth, + height: height_iobox, + fill: fill_iobox, + draggable: draggable_dev, + strokeWidth: 1, + stroke: stroke_iobox, + }) + + var ylinex_sum_four = 0; + var ylinex_array_four = []; + for (var linexid = 0; linexid < 19; linexid++) { + if (linexid == 0) { + ylinex_sum_four = ylinex_sum_four + top_row_height_cm; + ylinex_array_four.push(ylinex_sum_four); + } + else if (linexid == 1) { + ylinex_sum_four = ylinex_sum_four + top_row_height_cm; + ylinex_array_four.push(ylinex_sum_four); + } + else if (linexid == 2) { + ylinex_sum_four = ylinex_sum_four + top_row_height_cm; + ylinex_array_four.push(ylinex_sum_four); + } + else if (linexid == 11) { + ylinex_sum_four = ylinex_sum_four + separator_cm; + ylinex_array_four.push(ylinex_sum_four); + } + else { + ylinex_sum_four = ylinex_sum_four + io_row_height_cm; + ylinex_array_four.push(ylinex_sum_four); + } + } + for (var linexid = 0; linexid < 19; linexid++) { + if (linexid == 0) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 35, + width: width_iobox_cm, + strokeWidth: 1, + stroke: stroke_iobox_line, + }); + box_cm.add(line); + } + else if (linexid == 1) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 35, + width: width_iobox_cm, + strokeWidth: 1, + stroke: stroke_iobox_line, + }); + box_cm.add(line); + } + else if (linexid == 2) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 35, + width: width_iobox_cm, + strokeWidth: 1, + stroke: stroke_iobox_line, + }); + box_cm.add(line); + } + else if (linexid == 11) { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 20, + width: width_iobox_cm, + strokeWidth: 1, + stroke: stroke_iobox_line, + }); + box_cm.add(line); + } + else { + var line = new LeaferUI.Line({ + x: 0, + y: ylinex_array_four[linexid],// ylinex_sum_four + 45, + width: width_iobox_cm, + strokeWidth: 1, + stroke: stroke_iobox_line, + }); + box_cm.add(line); + } + } + + var spiltline_four = new LeaferUI.Line({ + x: width_iobox_cm / 2, + width: top_row_height_cm * 2, + rotation: 90, + stroke: stroke_iobox_spiltline, + strokeWidth: 1, + dashPattern: [5, 2] + }) + //box4左侧顶部状态效果 + for (var tid = 0; tid < 3; tid++) { + let y = io_row_y_offset_cm + tid * top_row_height_cm; + if (tid < 2) { + + var top_text_value = new LeaferUI.Text({ + x: io_row_left_x_name_cm, + y: y,//+10 + //height:10, + width: io_row_left_width_name_cm, + fill: fill_top_name, + text: top_text_value_array_cm[tid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + box_cm.add(top_text_value); + } + if (tid == 2) { + var rect = new LeaferUI.Rect({ + x: io_row_left_x_name_cm, + y: y - 5, + height: rect_height_cm, + width: io_rect_left_width_cm, + fill: fill_rect, + draggable: false, + id: top_text_value_array_cm[1].replace(' ', '') + '_OnlineSatate' + }) + box_cm.add(rect) + var top_text_value = new LeaferUI.Text({ + x: io_row_left_x_name_cm + io_rect_left_width_cm + 15, + y: y,//+10 + //height:10, + width: io_row_left_width_name_cm, + fill: fill_top_name, + text: top_text_value_array_cm[tid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + box_cm.add(top_text_value) + } + + } + //box4效果 + for (var sid = 0; sid < 16; sid++) { + let y = 0; + + if (sid < 8) { + y = io_row_height_cm * (sid) + rect_top_y_offset_cm; + } + if (sid >= 8) { + y = io_row_height_cm * (sid + 1) + rect_bottom_y_offset_cm; + } + if (sid < 3) { + var rect_left = new LeaferUI.Rect({ + x: io_rect_left_x_cm, + y: y + io_rect_left_y_offset_cm, + height: rect_height_cm, + width: io_rect_left_width_cm, + fill: fill_rect, + draggable: false, + id: name_cm[sid] + }) + var rect_left_text_name = new LeaferUI.Text({ + x: io_rect_name_left_x_cm, + y: y + io_rect_name_left_y_offset_cm, + width: io_rect_name_left_width_cm, + fill: fill_rect_text_name, + text: name_cm[sid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + var rect_left_text_description = new LeaferUI.Text({ + x: io_rect_description_left_x_cm, + y: y + io_rect_description_left_y_offset_cm, + width: io_rect_description_left_width_cm / 3, + fill: fill_rect_text_description, + text: descriptions_cm[sid], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + textOverflow: ' ', + padding: 0, + fontSize: 12 + }) + + box_cm.add(rect_left); + box_cm.add(rect_left_text_name); + box_cm.add(rect_left_text_description); + } + else if (7 < sid && sid < (8 + name_eth_cm.length)) { + var rect_left = new LeaferUI.Rect({ + x: io_rect_left_x_cm, + y: y + io_rect_left_y_offset_cm, + height: rect_height_cm, + width: io_rect_left_width_cm, + fill: fill_rect, + draggable: false, + id: name_eth_cm[sid - 8] + }) + var rect_left_text_name = new LeaferUI.Text({ + x: io_rect_name_left_x_cm, + y: y + io_rect_name_left_y_offset_cm, + width: io_rect_name_left_width_cm, + fill: fill_rect_text_name, + text: name_eth_cm[sid - 8], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + padding: 0, + fontSize: 12 + }) + var rect_left_text_description = new LeaferUI.Text({ + x: io_rect_description_left_x_cm, + y: y + io_rect_description_left_y_offset_cm, + width: io_rect_description_left_width_cm / 3, + fill: fill_rect_text_description, + text: descriptions_eth_cm[sid - 8], + textAlign: 'left', + verticalAlign: 'middle', + textWrap: 'none', + textOverflow: ' ', + padding: 0, + fontSize: 12 + }) + + box_cm.add(rect_left); + box_cm.add(rect_left_text_name); + box_cm.add(rect_left_text_description); + } + } + return box_cm; + } + image_PLC.on(LeaferUI.PointerEvent.DOUBLE_TAP, function () { - layer.open({ - type: 2, // iframe层类型 - title: 'S7 400 IO状态', - area: ['95%', '95%'], // 设置弹出层大小 - content: '/PenMeiReportManage/PenMeiJMReportNew/Index' // 指定要加载的URL地址 - }); + // layer.open({ + // type: 2, // iframe层类型 + // title: 'S7 400 IO状态', + // area: ['95%', '95%'], // 设置弹出层大小 + // content: '/PenMeiReportManage/PenMeiJMReportNew/Index' // 指定要加载的URL地址 + // }); + leafer.remove(group) + leafer.add(groupio) }); + + // var element = layui.element; // debugger; // element.tabAdd('layuiminiTab', { @@ -930,6 +2560,42 @@ // debugger; + var t1 = null; + function time1() { + clearTimeout(t1); //清除定时器 + UpdataChart1() + t1 = setTimeout(time, 1 * 1000); //设定定时器，循环运行 + + } + async function UpdataChart1() { + + myajax = await $.ajax({ + url: "/PenMeiReportManage/PenMeiJMReport/GetRealIOState", + type: "Get", + dataType: "json", + success: function (redata) { + + } + }); + $.when(myajax).done(function (redata) { + debugger; + leafer.findOne('#' + 'RUN1').fill = fill_rect_io_on; + leafer.findOne('#' + 'RUN').fill = fill_rect_io_on; + leafer.findOne('#' + 'ETH0').fill = fill_rect_io_on; + leafer.findOne('#' + 'ETH1').fill = fill_rect_io_on; + leafer.findOne('#' + 'ETH2').fill = fill_rect_io_on; + for (var ioName in redata) { + leafer.findOne('#' + ioName.replace('_', '.')).fill = (redata[ioName] == '1') ? fill_rect_io_on : fill_rect_io_off; + + } + for (var ioslot = 0; ioslot < 8; ioslot++) { + leafer.findOne('#' + 'Slot:' + ioslot + '_OnlineSatate').fill = fill_rect_io_on; + } + + }); + } + t1 = setTimeout(time1, 1 * 1000); //开始运行 + var t = null; function time() { @@ -949,27 +2615,24 @@ } }); $.when(myajax).done(function (redata) { - //debugger; - // leafer.findOne('#' + 'RUN1').fill = fill_rect_io_on; - // leafer.findOne('#' + 'RUN').fill = fill_rect_io_on; - // leafer.findOne('#' + 'ETH0').fill = fill_rect_io_on; - // leafer.findOne('#' + 'ETH1').fill = fill_rect_io_on; - // leafer.findOne('#' + 'ETH2').fill = fill_rect_io_on; - // for (var ioName in redata) { - // leafer.findOne('#' + ioName.replace('_', '.')).fill = (redata[ioName] == '1') ? fill_rect_io_on : fill_rect_io_off; + debugger; + leafer.findOne('#' + 'RUN1').fill = fill_rect_io_on; + leafer.findOne('#' + 'RUN').fill = fill_rect_io_on; + leafer.findOne('#' + 'ETH0').fill = fill_rect_io_on; + leafer.findOne('#' + 'ETH1').fill = fill_rect_io_on; + leafer.findOne('#' + 'ETH2').fill = fill_rect_io_on; + for (var ioName in redata) { + leafer.findOne('#' + ioName.replace('_', '.')).fill = (redata[ioName] == '1') ? fill_rect_io_on : fill_rect_io_off; - // } - // for (var ioslot = 0; ioslot < 8; ioslot++) { - // leafer.findOne('#' + 'Slot:' + ioslot + '_OnlineSatate').fill = fill_rect_io_on; - // } + } + for (var ioslot = 0; ioslot < 8; ioslot++) { + leafer.findOne('#' + 'Slot:' + ioslot + '_OnlineSatate').fill = fill_rect_io_on; + } }); } t = setTimeout(time, 1 * 1000); //开始运行 - - - var lineT = true; var t2 = null; function time2() { diff --git a/HT.Cloud.Web/wwwroot/imagesnet/返回.png b/HT.Cloud.Web/wwwroot/imagesnet/返回.png new file mode 100644 index 0000000000000000000000000000000000000000..a20d13c56830890550f0cef9c1da5ebb9ef672bb GIT binary patch literal 2181 zcmb_e`#)6c8egFMNzp8Nse4rPDofLqf)u$ zq>CMuskX9{?PO9?rcRDqLUz+GD(x;4*{jd_5BBH$@UHLYeV^z3KI{9wpXYhr!i_@j z#hObs0RUKx3p_;>%D)dtgZlm)e6flGwG@%J2XOHLO9=qb8r%~LNDqH=YB+w2H|+Jv zmD?_$Il-DqOBlY7I8qanpxU54I<1FRe>UEYI2hU`^5?*VCS|Msu{Uk+_LAxy*^`+m zh}c-ZX>1vYyfw?EJHa{agCLxz%xR~qLmlaS06V4zl`}@o1qRN6G~*luBhK_Vs6(PV z#hWn*5s)=;R}KS2dGfZ+usWoJ#tv9KjmcB71e7rd%$HafC&LrHA`DIGiB!& z^tET_z0@z}IY?skY%8nx-!oI+RAZ;--_@)I_r+)k@4ah@tel#1z7=lo@hcsX7iC_V zNDoap)>l~?3XPp;*B-_v(tk>ub$`FVN73|*@!VX#>8hAlrT1LeJRXa^l2eO2)^=!$g0!l#+I)0G@RIK~rN9Mqd@-tgTFt2iA00i= z5RrH&k5MmWt)5ef&^)B)yRF!Cil*drjW^Z4HN5rFE!i3p_b+=m!oI!)EUjL3T?gdN{xE5A>N*4Dc^PmcJ|!7L;?GOF%UbPiA@N~H;kT)+ zq4308XY%x(=svkA<9%H#n>(HZ2cW35bws?E05#%QY(GeJ8$d?qI^c$L;kpag4z`yuyy2G5yg|z zZm1qWugV|;MpAt+Uai@{Pz2OUs`Zkp0&(pr$5xWev z+2pSEiTHTpN#NxR=aH}%-?bkyA_g_6!-MLFM=a*Mmq3iPSTN96vM`hQgF#!}bdSbA*1Q8<51joG^ zm4X^6BIvV^F0nCxD1uRLZ=v)Q)S?gKuC$&@F<=HnpfMqr&M(LfClEZpnI{s~G#~<# z-l8SN^beHV(uEI_9n?9L+vWRb69nJo)JMH!NjF5I7>TZNwlrig{m3cFdPSJe%tc04 zNeDl(O7Wt+?*(D~z?SV#{wleDgFEFnqiDL38x z{2xJl{r$LWz9w>ARn{%b-mae$6xGRg#4JF^9n8#v>BLQlg%buzXTrdJG+2V%U7-f< z+on%~cnJtkbg~e-1d$&%;7j@?RN{UUNYw7e(W$I1LXX#+lo}Tx8&O8PSab;KK*~I! z`{_JF4=g}w4-ea5WXC9351+gg16@Y!&=8-sz7XH_pB`2*a_aO>>${G< zLG!a&$xnZYU(v;p1O75ev@q`Ln+%yzP0WfQK8e-!9gQ9tj)=%))rYNk$|rN{`pWaB z*)bT0s+zLRmJ+>L^Rk_bmku&9jUO7%pqbOb`gVlXc*E7!3N*7NRG;yE(wcD&U9Ge! zU5Hhz2pFyn&~XoaQb@yIB?Szxv!QQjm8oN7C@TF_Cg}K7k`aXn+$vtJiorXMBs^ik z^_If99wAOyRI`kF_f3DYpGopc1OI%)5$r$XmzK$;2weLap830ugjJg!SG0^@OWi|q z3bdYXzhPwh-$eH}m2Bo~1f=V`yy=FJg2O*PxlL8;=JvQCF93_ac~*-8f+oB{)qa!l zb$jfnVsDi+AZ74j1KaZl7<@7^S8f3f?6V-?j`#1{U#6#$V}Ty-af(x_#+vqOhZHa}9NYpH>EYd!sf zDRE92OM9ty$16We_XV&HuMOioiXmTTWfUC|^uLT-oevNb8|%!hC;^6U#lORRlI8O_ z&ol>#I^FQ@Zw0jmpKEvhlWjXwyiBCJ{H*b+#H%ygMR=JfgPVl_)@UxD+e}9aEW@3y d{a>cDiyV1|oCC6ubn0CJ;Om5*7d;}0zW_o7jg9~S literal 0 HcmV?d00001