235 lines
9.2 KiB
HTML
235 lines
9.2 KiB
HTML
|
<!--关闭network proxy-->
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8" />
|
|||
|
|
|
|||
|
|
<link rel="stylesheet" href="Button_Display/css/main.css">
|
|||
|
|
|
|||
|
|
<script src="jquery-2.1.0.min.js"></script>
|
|||
|
|
<script src="jquery.cookie.js"></script>
|
|||
|
|
|
|||
|
|
<script type="text/javascript" src="Lu_Global.js"></script>
|
|||
|
|
<script type="text/javascript" src="http://static.robotwebtools.org/EventEmitter2/current/eventemitter2.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="http://static.robotwebtools.org/roslibjs/current/roslib.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="Lu_ROS_Driver.js"></script>
|
|||
|
|
<script type="text/javascript" src="canvas-gauges/js/gauge.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="Digital_LED_Display/js/ledstyle.js"></script>
|
|||
|
|
<script type="text/javascript" src="Lu_Math_Driver.js"></script>
|
|||
|
|
<script type="text/javascript" src="Lu_Display_Driver.js"></script>
|
|||
|
|
<script type="text/javascript" type="text/javascript">
|
|||
|
|
|
|||
|
|
function ButtonOnClick(bs){
|
|||
|
|
Button_State=bs;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
function changeImage()
|
|||
|
|
{
|
|||
|
|
element=document.getElementById('myimage')
|
|||
|
|
if (element.src.match("led_off"))
|
|||
|
|
{
|
|||
|
|
element.src="led_on.bmp";
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
element.src="led_off.bmp";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var value = Math.round(Math.random() * 100);
|
|||
|
|
}*/
|
|||
|
|
|
|||
|
|
|
|||
|
|
function ButtonImage_Vertical_Click(){
|
|||
|
|
if(Button_Vertical==0){
|
|||
|
|
Button_Vertical=1;
|
|||
|
|
document.getElementById("buttonimage_Vertical").setAttribute("src","Button_Vertical_On.bmp");
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
Button_Vertical=0;
|
|||
|
|
document.getElementById("buttonimage_Vertical").setAttribute("src","Button_Vertical_Off.bmp");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function Timer(){
|
|||
|
|
Time=fnDate();
|
|||
|
|
listener();
|
|||
|
|
Refresh();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function Refresh(){
|
|||
|
|
|
|||
|
|
document.getElementById('time').innerText=Time;
|
|||
|
|
document.getElementById('AGV_ID').innerText= 'AGV_ID='+AGV_ID;
|
|||
|
|
document.getElementById('Sys_Mode').innerText= 'Sys_Mode='+Sys_Mode;
|
|||
|
|
document.getElementById('VehicleCtrlExpThrottle').innerText= 'Throttle='+VehicleCtrlExpThrottle;
|
|||
|
|
document.getElementById('Warning_Code').innerText= 'Warning_Code='+Warning_Code;
|
|||
|
|
document.getElementById('Car_Global_rx').innerText= 'Car_Global_rx='+Car_Global_rx.toFixed(3);
|
|||
|
|
document.getElementById('Car_Global_ry').innerText= 'Car_Global_ry='+Car_Global_ry.toFixed(3);
|
|||
|
|
document.getElementById('Car_Global_Theta').innerText= 'Car_Global_Theta='+Car_Global_Theta.toFixed(3);
|
|||
|
|
document.getElementById('StartNode').innerText= 'StartNode='+StartNode;
|
|||
|
|
document.getElementById('EndNode').innerText= 'EndNode='+EndNode;
|
|||
|
|
document.getElementById('RealAutoChargeState').innerText='RealAutoChargeState='+RealAutoChargeState;
|
|||
|
|
document.getElementById('PWR_Percent').innerText='PWR_Percent='+PWR_Percent;
|
|||
|
|
document.getElementById('SVreal_angle').innerText='SVreal_angle='+SVreal_angle;
|
|||
|
|
document.getElementById('Speedm_Tmp').innerText='Speedm_Tmp='+Speedm_Tmp;
|
|||
|
|
document.getElementById('VehicleCtrlRealAltitude_mm').innerText='VehicleCtrlRealAltitude_mm='+VehicleCtrlRealAltitude_mm;
|
|||
|
|
document.getElementById('Button_State').innerText='Button_State='+Button_State;
|
|||
|
|
document.getElementById('Button_Vertical').innerText='Button_Vertical='+Button_Vertical;
|
|||
|
|
|
|||
|
|
|
|||
|
|
if(Button_Vertical==0){
|
|||
|
|
document.getElementById('AGV_ID').style.display="none";
|
|||
|
|
document.getElementById('Sys_Mode').style.display="none";
|
|||
|
|
document.getElementById('VehicleCtrlExpThrottle').style.display="none";
|
|||
|
|
document.getElementById('Warning_Code').style.display="none";
|
|||
|
|
document.getElementById('Car_Global_rx').style.display="none";
|
|||
|
|
document.getElementById('Car_Global_ry').style.display="none";
|
|||
|
|
document.getElementById('Car_Global_Theta').style.display="none";
|
|||
|
|
document.getElementById('StartNode').style.display="none";
|
|||
|
|
document.getElementById('EndNode').style.display="none";
|
|||
|
|
document.getElementById('RealAutoChargeState').style.display="none";
|
|||
|
|
document.getElementById('PWR_Percent').style.display="none";
|
|||
|
|
document.getElementById('SVreal_angle').style.display="none";
|
|||
|
|
document.getElementById('Speedm_Tmp').style.display="none";
|
|||
|
|
document.getElementById('VehicleCtrlRealAltitude_mm').style.display="none";
|
|||
|
|
document.getElementById('Button_State').style.display="none";
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
document.getElementById('AGV_ID').style.display="";
|
|||
|
|
document.getElementById('Sys_Mode').style.display="";
|
|||
|
|
document.getElementById('VehicleCtrlExpThrottle').style.display="";
|
|||
|
|
document.getElementById('Warning_Code').style.display="";
|
|||
|
|
document.getElementById('Car_Global_rx').style.display="";
|
|||
|
|
document.getElementById('Car_Global_ry').style.display="";
|
|||
|
|
document.getElementById('Car_Global_Theta').style.display="";
|
|||
|
|
document.getElementById('StartNode').style.display="";
|
|||
|
|
document.getElementById('EndNode').style.display="";
|
|||
|
|
document.getElementById('RealAutoChargeState').style.display="";
|
|||
|
|
document.getElementById('PWR_Percent').style.display="";
|
|||
|
|
document.getElementById('SVreal_angle').style.display="";
|
|||
|
|
document.getElementById('Speedm_Tmp').style.display="";
|
|||
|
|
document.getElementById('VehicleCtrlRealAltitude_mm').style.display="";
|
|||
|
|
document.getElementById('Button_State').style.display="";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
if(Sys_Mode==3)document.getElementById("ledimage_REMA").setAttribute("src","led_green_on.bmp");
|
|||
|
|
else document.getElementById("ledimage_REMA").setAttribute("src","led_green_off.bmp");
|
|||
|
|
|
|||
|
|
if(Sys_Mode==4)document.getElementById("ledimage_Auto").setAttribute("src","led_green_on.bmp");
|
|||
|
|
else document.getElementById("ledimage_Auto").setAttribute("src","led_green_off.bmp");
|
|||
|
|
|
|||
|
|
if(Warning_Code!=0)document.getElementById("ledimage_WarningCode").setAttribute("src","led_red_on.bmp");
|
|||
|
|
else document.getElementById("ledimage_WarningCode").setAttribute("src","led_red_off.bmp");
|
|||
|
|
|
|||
|
|
if(RealAutoChargeState!=0)document.getElementById("ledimage_RealAutoChargeState").setAttribute("src","light_blue_on.bmp");
|
|||
|
|
else document.getElementById("ledimage_RealAutoChargeState").setAttribute("src","light_blue_off.bmp");
|
|||
|
|
|
|||
|
|
$.cookie("Car_Global_Theta",Car_Global_Theta,{secure: true });
|
|||
|
|
$.cookie("VehicleCtrlRealAltitude_mm",VehicleCtrlRealAltitude_mm,{secure: true });
|
|||
|
|
$.cookie("VehicleCtrlExpThrottle",VehicleCtrlExpThrottle,{secure: true });
|
|||
|
|
$.cookie("Speedm_Tmp",Speedm_Tmp,{secure: true });
|
|||
|
|
$.cookie("PWR_Percent",PWR_Percent,{secure: true });
|
|||
|
|
$.cookie("SVreal_angle",SVreal_angle,{secure: true });
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var T1 = window.setInterval("Timer()",100);
|
|||
|
|
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<h1>你好 欢迎使用AGV</h1>
|
|||
|
|
<div id="time"> </div>
|
|||
|
|
|
|||
|
|
<iframe src="canvas-gauges/Lu_Gauges.html" frameborder="0" width="1000" scrolling="No" height="300" leftmargin="0" topmargin="0"></iframe>
|
|||
|
|
|
|||
|
|
<iframe src="Flight_Display/Lu_Flight.html" frameborder="0" width="500" scrolling="No" height="300" leftmargin="0" topmargin="0"></iframe>
|
|||
|
|
|
|||
|
|
<img id="ledimage_REMA"/>
|
|||
|
|
<img id="ledimage_Auto"/>
|
|||
|
|
<img id="ledimage_WarningCode"/>
|
|||
|
|
<img id="ledimage_RealAutoChargeState"/>
|
|||
|
|
<img id="buttonimage_Vertical" onclick="ButtonImage_Vertical_Click()" src="Button_Vertical_Off.bmp">
|
|||
|
|
|
|||
|
|
<div id='Button_Vertical'></div>
|
|||
|
|
<div id='test'> </div>
|
|||
|
|
<div id='AGV_ID'> </div>
|
|||
|
|
<div id='Sys_Mode'> </div>
|
|||
|
|
<div id='VehicleCtrlExpThrottle'> </div>
|
|||
|
|
<div id='Warning_Code'></div>
|
|||
|
|
<div id='Car_Global_rx'></div>
|
|||
|
|
<div id='Car_Global_ry'></div>
|
|||
|
|
<div id='Car_Global_Theta'></div>
|
|||
|
|
<div id='StartNode'></div>
|
|||
|
|
<div id='EndNode'></div>
|
|||
|
|
<div id='RealAutoChargeState'></div>
|
|||
|
|
<div id='PWR_Percent'></div>
|
|||
|
|
<div id='SVreal_angle'></div>
|
|||
|
|
<div id='Speedm_Tmp'></div>
|
|||
|
|
<div id='VehicleCtrlRealAltitude_mm'></div>
|
|||
|
|
<div id='Button_State'></div>
|
|||
|
|
|
|||
|
|
<div class="htmleaf-container">
|
|||
|
|
|
|||
|
|
<div class="effect-group-container toolbar-2">
|
|||
|
|
<div class="btn-border btn-round btn-Coral btn1">
|
|||
|
|
<button class="btn btn-Coral" onclick=ButtonOnClick(1)>Button F1</button>
|
|||
|
|
</div>
|
|||
|
|
<div class="btn-border btn-round btn-Brown btn2">
|
|||
|
|
<button class="btn btn-Brown" onclick=ButtonOnClick(2)>Button F2</button>
|
|||
|
|
</div>
|
|||
|
|
<div class="btn-border btn-round btn-pink btn3">
|
|||
|
|
<button class="btn btn-pink" onclick=ButtonOnClick(3)>Button F3</button>
|
|||
|
|
</div>
|
|||
|
|
<div class="btn-border btn-round btn-yellow btn4">
|
|||
|
|
<button class="btn btn-yellow" onclick=ButtonOnClick(4)>Button F4</button>
|
|||
|
|
</div>
|
|||
|
|
<div class="btn-border btn-round btn-green btn5">
|
|||
|
|
<button class="btn btn-green" onclick=ButtonOnClick(5)>Button F5</button>
|
|||
|
|
</div>
|
|||
|
|
<div class="btn-border btn-round btn-red btn6">
|
|||
|
|
<button class="btn btn-red" onclick=ButtonOnClick(6)>Button F6</button>
|
|||
|
|
</div>
|
|||
|
|
<div class="btn-border btn-round btn-blue btn7">
|
|||
|
|
<button class="btn btn-blue" onclick=ButtonOnClick(7)>Button F7</button>
|
|||
|
|
</div>
|
|||
|
|
<div class="btn-border btn-round btn-black btn8">
|
|||
|
|
<button class="btn btn-black" onclick=ButtonOnClick(8)>Button F8</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<script src="Button_Display/js/main.js"></script>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<form name=f1>
|
|||
|
|
<p><input type=text name=canframeid></input></p>
|
|||
|
|
<p><input type=text name=data0></input></p>
|
|||
|
|
<p><input type=text name=data1></input></p>
|
|||
|
|
<p><input type=text name=data2></input></p>
|
|||
|
|
<p><input type=text name=data3></input></p>
|
|||
|
|
<p><input type=text name=data4></input></p>
|
|||
|
|
<p><input type=text name=data5></input></p>
|
|||
|
|
<p><input type=text name=data6></input></p>
|
|||
|
|
<p><input type=text name=data7></input></p>
|
|||
|
|
<p><input type=button value=ok onclick=talker(canframeid.value,data0.value,data1.value,data2.value,data3.value,data4.value,data5.value,data6.value,data7.value)></input></p>
|
|||
|
|
</form>
|
|||
|
|
<!--<img id="myimage" onclick="changeImage()" src="eg_bulboff.gif">-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
|