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 0000000..a20d13c Binary files /dev/null and b/HT.Cloud.Web/wwwroot/imagesnet/返回.png differ