Files
apt-nl-map/static/Magic4/Sketch/HMI_Sketch_Left_LearnLineAB_Sch2.html

401 lines
18 KiB
HTML
Raw Normal View History

2024-12-04 10:21:04 +08:00
<!DOCTYPE html>
<html lang="en" id="container" onmousedown="startDrag(event)" onmouseup="stopDrag(event)" onmousemove="dragging(event)" style="overflow-x: hidden;
overflow-y: hidden; ">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<link rel="stylesheet" href="../css/btn.css" />
<link rel="stylesheet" href="../css/sketchBtn.css" />
<script src="../jquery-2.1.0.min.js"></script>
<script src="../jquery.cookie.js"></script>
<script type="text/javascript" type="text/javascript">
var Direction = "Front";
var S300_1_Enable = "false";
var S300_1_Case = 0;
var S300_2_Enable = "false";
var S300_2_Case = 0;
var TIM_1_Enable = "false";
var TIM_1_Case = 0;
var TIM_2_Enable = "false";
var TIM_2_Case = 0;
var SpeedType = 0;
var CreatePairDirectionEnable = "true";
var ReverseSafeSensorEnable="true";
var Auto_Charge_Enable = "false";
var Plate_Check_Enable = "false";
var Plate_Check_Enable_To_End_Dist_m = 0.0;
var PointA_Ref_NodeID = 0;
var PointB_Ref_NodeID = 0;
var Learn_Max_NodeID = 0;
var sch = 0;
function Init() {
if (sch == 0) {
Direction = window.parent.Direction; //.document.getElementById('Direction').innerText;
S300_1_Enable = window.parent.S300_1_Enable;
S300_1_Case = window.parent.S300_1_Case;
S300_2_Enable = window.parent.S300_2_Enable;
S300_2_Case = window.parent.S300_2_Case;
TIM_1_Enable = window.parent.TIM_1_Enable;
TIM_1_Case = window.parent.TIM_1_Case;
TIM_2_Enable = window.parent.TIM_2_Enable;
TIM_2_Case = window.parent.TIM_2_Case;
SpeedType = window.parent.SpeedType;
CreatePairDirectionEnable = window.parent.CreatePairDirectionEnable;
Auto_Charge_Enable = window.parent.Auto_Charge_Enable;
Plate_Check_Enable = window.parent.Plate_Check_Enable;
Plate_Check_Enable_To_End_Dist_m = window.parent.Plate_Check_Enable_To_End_Dist_m;
ReverseSafeSensorEnable = window.parent.ReverseSafeSensorEnable;
//console.log("S300_1_Case:"+S300_1_Case);
PointA_Ref_NodeID = window.parent.PointA_Ref_NodeID;
PointB_Ref_NodeID = window.parent.PointB_Ref_NodeID;
Learn_Max_NodeID = $.cookie('Learn_Max_NodeID');
//console.log("Init:" + Direction + "AAA");
if (Direction == "Front") {
document.getElementById("ButtonImage_Vertical_Direction").setAttribute("src",
"../Led_Display/Button_Vertical_On.bmp");
} else {
document.getElementById("ButtonImage_Vertical_Direction").setAttribute("src",
"../Led_Display/Button_Vertical_Off.bmp");
}
if (S300_1_Enable == "true") {
document.getElementById("ButtonImage_S300_1_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_On.bmp");
} else {
document.getElementById("ButtonImage_S300_1_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_Off.bmp");
}
document.getElementById('S300_1_Case').value = S300_1_Case;
if (S300_2_Enable == "true") {
document.getElementById("ButtonImage_S300_2_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_On.bmp");
} else {
document.getElementById("ButtonImage_S300_2_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_Off.bmp");
}
document.getElementById('S300_2_Case').value = S300_2_Case;
if (TIM_1_Enable == "true") {
document.getElementById("ButtonImage_TIM_1_Enable").setAttriCreatePairDirectionEnablebute("src",
"../Led_Display/Button_Vertical_On.bmp");
} else {
document.getElementById("ButtonImage_TIM_1_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_Off.bmp");
}
document.getElementById('TIM_1_Case').value = TIM_1_Case;
if (TIM_2_Enable == "true") {
document.getElementById("ButtonImage_TIM_2_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_On.bmp");
} else {
document.getElementById("ButtonImage_TIM_2_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_Off.bmp");
}
document.getElementById('TIM_2_Case').value = TIM_2_Case;
if (CreatePairDirectionEnable == "true") {
document.getElementById("ButtonImage_Vertical_CreatePairDirectionEnable").setAttribute("src",
"../Led_Display/Button_Vertical_On.bmp");
} else {
document.getElementById("ButtonImage_Vertical_CreatePairDirectionEnable").setAttribute("src",
"../Led_Display/Button_Vertical_Off.bmp");
}
if(ReverseSafeSensorEnable == "true"){
document.getElementById("ButtonImage_Vertical_ReverseSafeSensorEnable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
} else {
document.getElementById("ButtonImage_Vertical_ReverseSafeSensorEnable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
}
//document.getElementById('SpeedType').value=SpeedType;
if (PointA_Ref_NodeID != 0) {
document.getElementById('StartNode').value = PointA_Ref_NodeID;
} else {
Learn_Max_NodeID++;
document.getElementById('StartNode').value = (Learn_Max_NodeID);
}
if (PointB_Ref_NodeID != 0) {
document.getElementById('EndNode').value = PointB_Ref_NodeID;
} else {
Learn_Max_NodeID++;
document.getElementById('EndNode').value = Learn_Max_NodeID;
}
/*
document.getElementById('S300_1_Case').style.display="none";
document.getElementById('ButtonImage_S300_1_Enable').style.display="none";
document.getElementById('S300_2_Case').style.display="none";
document.getElementById('ButtonImage_S300_2_Enable').style.display="none";
document.getElementById('TIM_1_Case').style.display="none";
document.getElementById('ButtonImage_TIM_1_Enable').style.display="none";
document.getElementById('TIM_2_Case').style.display="none";
document.getElementById('ButtonImage_TIM_2_Enable').style.display="none";
*/
sch = 1;
}
}
window.onload = function() {
Init();
}
function Refresh() {
document.getElementById('Direction').innerText = 'Direction=' + Direction;
}
function Timer() {
Refresh();
}
window.setInterval("Timer()", 100);
function SketchLeftLearnLineABSch2PostMessage(str) {
parent.window.postMessage(
str,
"*" //or "www.parentpage.com"
);
}
function receiveMessage(event) {
//console.log(event);
switch (event.data.event_id) {
case "client_response_left_learnlineab_main": { // case "client_response":{
var data = event.data.data;
var result = data.v1;
var ROS_String_Output = data.v2;
var Rec_Learn_String_Input = data.v3;
document.getElementById('result').innerText = 'result=' + result;
document.getElementById('ROS_String_Output').innerText = 'ROS_String_Output=' + ROS_String_Output;
document.getElementById('Rec_Learn_String_Input').innerText = 'Rec_Learn_String_Input=' +
Rec_Learn_String_Input;
if (ROS_String_Output == "CheckNode OK") {
LearnLineABSch2_CheckNodeOK();
}
}
break;
}
}
window.addEventListener("message", receiveMessage, false);
function Button_SetLinePathAB(startnode,endnode,direction,s300_1_enable,s300_1_case,s300_2_enable,s300_2_case,tim_1_enable,tim_1_case,tim_2_enable,tim_2_case,SpeedType,createpairdirectionenable,auto_charge_enable,plate_check_enable,plate_check_enable_to_end_dist_m,reversesafesensorenable){
var str="LearnLineABSch2:"+startnode+","+endnode+","+direction+","+s300_1_enable+","+s300_1_case+","+s300_2_enable+","+s300_2_case+","+tim_1_enable+","+tim_1_case+","+tim_2_enable+","+tim_2_case+","+SpeedType+","+createpairdirectionenable+","+auto_charge_enable+","+plate_check_enable+","+plate_check_enable_to_end_dist_m+","+reversesafesensorenable+"#";
console.log(str);
SketchLeftLearnLineABSch2PostMessage(str);
}
function LearnLineABSch2_CheckNodeOK() {
var str = "LearnLineABSch2_CheckNodeOK";
SketchLeftLearnLineABSch2PostMessage(str);
}
function Button_S300_1_Enable() {
if (sch == 1) {
if (S300_1_Enable == "true") {
S300_1_Enable = "false";
document.getElementById("ButtonImage_S300_1_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_Off.bmp");
} else {
S300_1_Enable = "true";
document.getElementById("ButtonImage_S300_1_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_On.bmp");
}
}
}
function Button_S300_2_Enable() {
if (sch == 1) {
if (S300_2_Enable == "true") {
S300_2_Enable = "false";
document.getElementById("ButtonImage_S300_2_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_Off.bmp");
} else {
S300_2_Enable = "true";
document.getElementById("ButtonImage_S300_2_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_On.bmp");
}
}
}
function Button_TIM_1_Enable() {
if (sch == 1) {
if (TIM_1_Enable == "true") {
TIM_1_Enable = "false";
document.getElementById("ButtonImage_TIM_1_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_Off.bmp");
} else {
TIM_1_Enable = "true";
document.getElementById("ButtonImage_TIM_1_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_On.bmp");
}
}
}
function Button_TIM_2_Enable() {
if (sch == 1) {
if (TIM_2_Enable == "true") {
TIM_2_Enable = "false";
document.getElementById("ButtonImage_TIM_2_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_Off.bmp");
} else {
TIM_2_Enable = "true";
document.getElementById("ButtonImage_TIM_2_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_On.bmp");
}
}
}
function Button_Auto_Charge_Enable() {
if (sch == 1) {
if (Auto_Charge_Enable == "true") {
Auto_Charge_Enable = "false";
document.getElementById("ButtonImage_Auto_Charge_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_Off.bmp");
} else {
Auto_Charge_Enable = "true";
document.getElementById("ButtonImage_Auto_Charge_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_On.bmp");
}
}
}
function Button_Plate_Check_Enable() {
if (sch == 1) {
if (Plate_Check_Enable == "true") {
Plate_Check_Enable = "false";
document.getElementById("ButtonImage_Plate_Check_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_Off.bmp");
} else {
Plate_Check_Enable = "true";
document.getElementById("ButtonImage_Plate_Check_Enable").setAttribute("src",
"../Led_Display/Button_Vertical_On.bmp");
}
}
}
function Button_CreatePairDirectionEnable() {
if (sch == 1) {
if (CreatePairDirectionEnable == "true") {
CreatePairDirectionEnable = "false";
document.getElementById("ButtonImage_Vertical_CreatePairDirectionEnable").setAttribute("src",
"../Led_Display/Button_Vertical_Off.bmp");
} else {
CreatePairDirectionEnable = "true";
document.getElementById("ButtonImage_Vertical_CreatePairDirectionEnable").setAttribute("src",
"../Led_Display/Button_Vertical_On.bmp");
}
}
}
function Button_ReverseSafeSensorEnable(){
if(sch==1){
if(ReverseSafeSensorEnable=="true"){
ReverseSafeSensorEnable="false";
document.getElementById("ButtonImage_Vertical_ReverseSafeSensorEnable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
}else{
ReverseSafeSensorEnable="true";
document.getElementById("ButtonImage_Vertical_ReverseSafeSensorEnable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
}
}
}
function Button_Direction() {
/*
if( sch==1) {
if (Direction == "Front") {
Direction = "Reverse";
document.getElementById("ButtonImage_Vertical_Direction").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
} else {
Direction = "Front";
document.getElementById("ButtonImage_Vertical_Direction").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
}
}*/
}
</script>
<title>Title</title>
</head>
<body>
<div >
<tr>
<div id='result'></div>
<div id='ROS_String_Output'></div>
<div id='Rec_Learn_String_Input'></div>
</tr>
<!-- <input type=button class="btn" id="Button_SetLinePathAB_Slow" value="选择该路线为慢速" onclick=Button_SetLinePathAB(StartNode.value,EndNode.value,Direction,S300_1_Enable,document.getElementById('S300_1_Case').value,S300_2_Enable,document.getElementById('S300_2_Case').value,TIM_1_Enable,document.getElementById('TIM_1_Case').value,TIM_2_Enable,document.getElementById('TIM_2_Case').value,0,CreatePairDirectionEnable,Auto_Charge_Enable,Plate_Check_Enable,getElementById('Plate_Check_Enable_To_End_Dist_m').value) style="background:lightgreen",0></input>
<input type=button class="btn setting" id="Button_SetLinePathAB_Fast" value="选择该路线为快速" onclick=Button_SetLinePathAB(StartNode.value,EndNode.value,Direction,S300_1_Enable,document.getElementById('S300_1_Case').value,S300_2_Enable,document.getElementById('S300_2_Case').value,TIM_1_Enable,document.getElementById('TIM_1_Case').value,TIM_2_Enable,document.getElementById('TIM_2_Case').value,1,CreatePairDirectionEnable,Auto_Charge_Enable,Plate_Check_Enable,getElementById('Plate_Check_Enable_To_End_Dist_m').value) style="background:lightgreen",1></input>
-->
<input type=button class="btn" id="Button_SetLinePathAB_Slow" value="Button_SetLinePathAB_Slow"
onclick=Button_SetLinePathAB(StartNode.value,EndNode.value,Direction,S300_1_Enable,document.getElementById('S300_1_Case').value,S300_2_Enable,document.getElementById('S300_2_Case').value,TIM_1_Enable,document.getElementById('TIM_1_Case').value,TIM_2_Enable,document.getElementById('TIM_2_Case').value,0,CreatePairDirectionEnable,Auto_Charge_Enable,Plate_Check_Enable,getElementById('Plate_Check_Enable_To_End_Dist_m').value,ReverseSafeSensorEnable)
style="background:lightgreen" ,0></input>
<input type=button class="btn setting" id="Button_SetLinePathAB_Fast" value="Button_SetLinePathAB_Fast"
onclick=Button_SetLinePathAB(StartNode.value,EndNode.value,Direction,S300_1_Enable,document.getElementById('S300_1_Case').value,S300_2_Enable,document.getElementById('S300_2_Case').value,TIM_1_Enable,document.getElementById('TIM_1_Case').value,TIM_2_Enable,document.getElementById('TIM_2_Case').value,1,CreatePairDirectionEnable,Auto_Charge_Enable,Plate_Check_Enable,getElementById('Plate_Check_Enable_To_End_Dist_m').value,ReverseSafeSensorEnable)
style="background:lightgreen" ,1></input>
<input type=button class="btn setting" id="Button_SetLinePathAH_Type2" value="Button_SetLinePathAB_Type2"
onclick=Button_SetLinePathAB(StartNode.value,EndNode.value,Direction,S300_1_Enable,document.getElementById('S300_1_Case').value,S300_2_Enable,document.getElementById('S300_2_Case').value,TIM_1_Enable,document.getElementById('TIM_1_Case').value,TIM_2_Enable,document.getElementById('TIM_2_Case').value,2,CreatePairDirectionEnable,Auto_Charge_Enable,Plate_Check_Enable,getElementById('Plate_Check_Enable_To_End_Dist_m').value,ReverseSafeSensorEnable)
style="background:lightgreen" ,0></input>
<!-- <p>起点号<input type=text class="input form-control" id="StartNode" name=StartNode value="1"></input></p>
<p>终点号<input type=text class="input form-control" id="EndNode" name=EndNode value="2"></input></p> -->
<p>StartNode<input type=text class="input form-control" id="StartNode" name=StartNode value="1"></input></p>
<p>EndNode<input type=text class="input form-control" id="EndNode" name=EndNode value="2"></input></p>
<p>TIM_1_Case<input type=text class="input form-control" id="TIM_1_Case" name=TIM_1_Case value="0"></input>
</p>
<p>TIM_1_Enable<img id="ButtonImage_TIM_1_Enable" onclick="Button_TIM_1_Enable()"
src="../Led_Display/Button_Vertical_On.bmp" /></p>
<p>TIM_2_Case<input type=text class="input form-control" id="TIM_2_Case" name=TIM_2_Case value="0"></input>
</p>
<p>TIM_2_Enable<img id="ButtonImage_TIM_2_Enable" onclick="Button_TIM_2_Enable()"
src="../Led_Display/Button_Vertical_On.bmp" /></p>
<p>S300_1_Case<input type=text class="input form-control" id="S300_1_Case" name=S300_1_Case
value="0"></input></p>
<p>S300_1_Enable<img id="ButtonImage_S300_1_Enable" onclick="Button_S300_1_Enable()"
src="../Led_Display/Button_Vertical_On.bmp" /></p>
<p>S300_2_Case<input type=text class="input form-control" id="S300_2_Case" name=S300_2_Case
value="0"></input></p>
<p>S300_2_Enable<img id="ButtonImage_S300_2_Enable" onclick="Button_S300_2_Enable()"
src="../Led_Display/Button_Vertical_On.bmp" /></p>
<p>ReverseSafeSensorEnable<img id="ButtonImage_Vertical_ReverseSafeSensorEnable" onclick="Button_ReverseSafeSensorEnable()" src="../Led_Display/Button_Vertical_On.bmp"/></p>
<p>CreatePairDirectionEnable<img id="ButtonImage_Vertical_CreatePairDirectionEnable"
onclick="Button_CreatePairDirectionEnable()" src="../Led_Display/Button_Vertical_On.bmp" /></p>
<p>Auto_Charge_Enable<img id="ButtonImage_Auto_Charge_Enable" onclick="Button_Auto_Charge_Enable()"
src="../Led_Display/Button_Vertical_Off.bmp" /></p>
<p>Plate_Check_Enable<img id="ButtonImage_Plate_Check_Enable" onclick="Button_Plate_Check_Enable()"
src="../Led_Display/Button_Vertical_Off.bmp" /></p>
<p>Plate_Check_Enable_To_End_Dist_m<input type=text class="input form-control" id="Plate_Check_Enable_To_End_Dist_m"
name=Plate_Check_Enable_To_End_Dist_m value="2.5"></input></p>
<p>Direction<img id="ButtonImage_Vertical_Direction" onclick="Button_Direction()"
src="../Led_Display/Button_Vertical_On.bmp" /></p>
<p>
<div id='Direction'></div>
</p>
</div>
</body>
<script src="../js/drag.js"></script>
<script>
$(".input").focus(function() {
window.parent.parent.parent.parent.inputDom = this;
// $(".simple-keyboard",parent.parent.parent.parent.document).css("top",$(this).offset().top - $(window).scrollTop() + 150 +"px")
var distance = $(parent.document).scrollTop() + 500 + "px";
$(".simple-keyboard", parent.parent.parent.parent.document).css("top", distance)
$(".keyboard", parent.parent.parent.parent.document).show();
window.parent.parent.parent.parent.clearKeyboard();
})
if (window.parent.parent.parent.parent.Switching_Modes == 0) {
$('.setting').hide()
}
</script>
</html>