162 lines
7.1 KiB
HTML
162 lines
7.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<script src="../jquery-2.1.0.min.js"></script>
|
||
|
|
<script src="../jquery.cookie.js"></script>
|
||
|
|
<script type="text/javascript" src="../Lu_Scroll_Driver.js"></script>
|
||
|
|
<script type="text/javascript" src="../Lu_FileHttpFleetSafetyTable_Driver.js"></script>
|
||
|
|
<script type="text/javascript" type="text/javascript">
|
||
|
|
var FleetSch=0;
|
||
|
|
|
||
|
|
function fleet_right_getfleetinfo_main_to_left(str){
|
||
|
|
|
||
|
|
window.parent.parent.document.getElementById('leftIframe').contentWindow.document.getElementById('LeftMainIframe').contentWindow.postMessage(
|
||
|
|
{
|
||
|
|
event_id: 'fleet_right_getfleetinfo_main_to_left',
|
||
|
|
data: {
|
||
|
|
v1: str
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"*" //or "www.parentpage.com"
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
function receiveMessage(event) {
|
||
|
|
//console.log("HMI_FLeet_Right_GetFleetInfo_Main");
|
||
|
|
//console.log(event);
|
||
|
|
switch (event.data.event_id) {
|
||
|
|
case "fleet_left_getfleetinfo_main_to_right":{
|
||
|
|
//console.log("============================");
|
||
|
|
$('#GetFleetInfo_Output').html("");
|
||
|
|
$('#HttpFleetSafetyTable_Output').html("");
|
||
|
|
|
||
|
|
var data = event.data.data;
|
||
|
|
var result = data.v1;
|
||
|
|
var ROS_String_Output = data.v2;
|
||
|
|
var Rec_HMI_String_Input = data.v3;
|
||
|
|
var Client_Request_Cmd = Rec_HMI_String_Input.split(':');
|
||
|
|
switch (Client_Request_Cmd[0]) {
|
||
|
|
case "SetFileHttpFleetSafetyTable":
|
||
|
|
case "GetFileHttpFleetSafetyTable": {
|
||
|
|
//console.log(ROS_String_Output);
|
||
|
|
Lu_Get_FileHttpFleetSafetyTable(ROS_String_Output);
|
||
|
|
//console.log("GetFileHttpFleetSafetyTable");
|
||
|
|
//console.log(Fleet);
|
||
|
|
var MyDiv =document.getElementById("HttpFleetSafetyTable_Output");
|
||
|
|
for (let i = 0; i < Fleet.httpfleetsafetytable.length; i++){
|
||
|
|
var str=i+","+Fleet.httpfleetsafetytable[i].AGVID+","+Fleet.httpfleetsafetytable[i].Name+","+Fleet.httpfleetsafetytable[i].IP+","+Fleet.httpfleetsafetytable[i].Port;
|
||
|
|
|
||
|
|
|
||
|
|
var textEnable = document.createElement("input");
|
||
|
|
textEnable.setAttribute("type", "label");
|
||
|
|
textEnable.setAttribute("value", "Enable:");
|
||
|
|
textEnable.style.width = "100px";
|
||
|
|
textEnable.style.height = "50px";
|
||
|
|
MyDiv.appendChild(textEnable);
|
||
|
|
|
||
|
|
var buttonEnable = document.createElement("input");
|
||
|
|
buttonEnable.setAttribute("type", "button");
|
||
|
|
buttonEnable.setAttribute("value", str);
|
||
|
|
buttonEnable.style.width = "300px";
|
||
|
|
buttonEnable.style.height = "50px";
|
||
|
|
buttonEnable.style.background="Cyan";
|
||
|
|
buttonEnable.setAttribute("onclick", "setFleetEnable(this.value)");
|
||
|
|
MyDiv.appendChild(buttonEnable);
|
||
|
|
|
||
|
|
|
||
|
|
var textDisable = document.createElement("input");
|
||
|
|
textDisable.setAttribute("type", "label");
|
||
|
|
textDisable.setAttribute("value", "Disable:");
|
||
|
|
textDisable.style.width = "100px";
|
||
|
|
textDisable.style.height = "50px";
|
||
|
|
MyDiv.appendChild(textDisable);
|
||
|
|
|
||
|
|
var buttonDisable = document.createElement("input");
|
||
|
|
buttonDisable.setAttribute("type", "button");
|
||
|
|
buttonDisable.setAttribute("value", str);
|
||
|
|
buttonDisable.style.width = "300px";
|
||
|
|
buttonDisable.style.height = "50px";
|
||
|
|
buttonDisable.style.background="Red";
|
||
|
|
buttonDisable.setAttribute("onclick", "setFleetDisable(this.value)");
|
||
|
|
MyDiv.appendChild(buttonDisable);
|
||
|
|
|
||
|
|
var newline= document.createElement("br");
|
||
|
|
MyDiv.appendChild(newline);
|
||
|
|
}
|
||
|
|
FleetSch++;
|
||
|
|
}break;
|
||
|
|
}
|
||
|
|
}break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function setFleetEnable(str){
|
||
|
|
console.log("set fleet enable:" + str);
|
||
|
|
var setFleetEnable_item = str.split(',');
|
||
|
|
var index = parseInt(setFleetEnable_item[0]);
|
||
|
|
console.log(Fleet.httpfleetsafetytable[index].Enable);
|
||
|
|
Fleet.httpfleetsafetytable[index].Enable=true;
|
||
|
|
console.log(Fleet.httpfleetsafetytable[index].Enable);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function setFleetDisable(str){
|
||
|
|
console.log("set fleet disable:" + str);
|
||
|
|
var setFleetDisable_item = str.split(',');
|
||
|
|
var index = parseInt(setFleetDisable_item[0]);
|
||
|
|
console.log(Fleet.httpfleetsafetytable[index].Enable);
|
||
|
|
Fleet.httpfleetsafetytable[index].Enable=false;
|
||
|
|
console.log(Fleet.httpfleetsafetytable[index].Enable);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function Button_SetFleetInfo(){
|
||
|
|
if(FleetSch>0) {
|
||
|
|
var str = "SetFileHttpFleetSafetyTable:"+JSON.stringify(Fleet);
|
||
|
|
console.log(str);
|
||
|
|
fleet_right_getfleetinfo_main_to_left(str);
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function Button_ShareMsgFileHttpFleetSafetyTable(){
|
||
|
|
if(FleetSch>0){
|
||
|
|
var str="ShareMsgFileHttpFleetSafetyTable";
|
||
|
|
console.log(str);
|
||
|
|
fleet_right_getfleetinfo_main_to_left(str);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
window.addEventListener("message", receiveMessage, false);
|
||
|
|
|
||
|
|
function Timer(){
|
||
|
|
if(FleetSch>0) {
|
||
|
|
|
||
|
|
var str="";
|
||
|
|
//var str = JSON.stringify(Fleet ,null, '\t');
|
||
|
|
var str = JSON.stringify(Fleet);
|
||
|
|
document.getElementById('GetFleetInfo_Output').innerText = str;
|
||
|
|
}
|
||
|
|
//console.log("FleetSch"+FleetSch);
|
||
|
|
}
|
||
|
|
|
||
|
|
var T1 = window.setInterval("Timer()",100);
|
||
|
|
</script>
|
||
|
|
<title>Title</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
HMI_Fleet_Right_GetFleetInfo_Main
|
||
|
|
<tr>
|
||
|
|
<div id="GetFleetInfo_Output"></div>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<div id="HttpFleetSafetyTable_Output"></div>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<input type=button id="Button_SetFleetInfo" value="SetFleetInfo" onclick=Button_SetFleetInfo() style="width:100px;height:50px;background:yellow"></input>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<input type=button id="Button_ShareMsgFileHttpFleetSafetyTable" value="ShareMsgFileHttpFleetSafetyTable" onclick=Button_ShareMsgFileHttpFleetSafetyTable() style="width:100px;height:50px;background:yellow"></input>
|
||
|
|
</tr>
|
||
|
|
</body>
|
||
|
|
</html>
|