Files
apt-nl-map/static/Magic4/BAK/GUI_2020070301.html
2024-12-04 10:21:04 +08:00

595 lines
21 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!--关闭network proxy-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title>Home</title>
<!-- BOOTSTRAP CORE STYLE CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet" />
<!-- VEGAS SLIDESHOW STYLE CSS -->
<link href="assets/plugins/vegas/jquery.vegas.min.css" rel="stylesheet" />
<!-- FONTAWESOME STYLE CSS -->
<link href="assets/css/font-awesome.min.css" rel="stylesheet" />
<!-- CUSTOM STYLE CSS -->
<link href="assets/css/style.css" rel="stylesheet" />
<!-- GOOGLE FONT -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
<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);
$.cookie("VehicleCtrlRealAltitude_mm",VehicleCtrlRealAltitude_mm);
$.cookie("VehicleCtrlExpThrottle",VehicleCtrlExpThrottle);
$.cookie("Speedm_Tmp",Speedm_Tmp);
$.cookie("PWR_Percent",PWR_Percent);
$.cookie("SVreal_angle",SVreal_angle);
}
var T1 = window.setInterval("Timer()",100);
</script>
</head>
<body data-spy="scroll" data-target="#menu">
<div class="navbar navbar-inverse navbar-fixed-top scrollclass" id="menu" >
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img src="assets/img/logo180-50.png" alt="" style="max-height:40px" /></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#services">SERVICES</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>
</div>
</div>
</div>
<!--NAVBAR SECTION END-->
<div id="home" >
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 ">
<div id="carousel-slider" data-ride="carousel" class="carousel slide">
<!--
<div class="carousel-inner">
<div class="item active">
<h1 > 欢迎使用AGV </h1>
</div>
<div class="item">
<h1 > Magic 3.0</h1>
</div>
<div class="item">
<h1> NobleLift</h1>
</div>
</div>-->
<!--INDICATORS-->
<ol class="carousel-indicators">
<li data-target="#carousel-slider" data-slide-to="0" class="active"></li>
<li data-target="#carousel-slider" data-slide-to="1" class=""></li>
<li data-target="#carousel-slider" data-slide-to="2" class=""></li>
</ol>
<div id="time"> </div>
<p><img id="ledimage_REMA"/>
<img id="ledimage_Auto"/>
<img id="ledimage_WarningCode"/>
<img id="ledimage_RealAutoChargeState"/></p>
<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>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 scrollclass">
<p >
general_zclu@hotmail.com
</p>
<br/>
<a href="#about" class="btn btn-lg custom-btn-1"><i class="fa fa-home" ></i>ABOUT </a>
<a href="#services" class="btn btn-lg custom-btn-1" ><i class="fa fa-comments-o" ></i> SERVICES </a>
<a href="#contact" class="btn btn-lg custom-btn-1"><i class="fa fa-globe" ></i> CONTACT </a>
</div>
</div>
</div>
</div>
<!--HOME SECTION END-->
<hr/>
<section id="about" >
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 text-center">
<h2>ABOUT US</h2>
<p >
<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>
</p>
</div>
</div>
<div class="row ">
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="media">
<div class="pull-left">
<i class=" fa fa-fax fa-4x"></i>
</div>
<div class="media-body">
<h3 class="media-heading">100% Free To Use</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="media">
<div class="pull-left">
<i class="fa fa-history fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Easy To Customize</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="media">
<div class="pull-left">
<i class="fa fa-graduation-cap fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Free To Download</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" title="网站模板">网站模板</a></div>
<div class="row ">
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="media">
<div class="pull-left">
<i class=" fa fa-paper-plane-o fa-4x"></i>
</div>
<div class="media-body">
<h3 class="media-heading">Easy To Understand</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="media">
<div class="pull-left">
<i class="fa fa-bullhorn fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Jusr Light Weight</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="media">
<div class="pull-left">
<i class="fa fa-folder-open-o fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Only For You </h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--ABOUT SECTION END-->
<hr/>
<section id="services" >
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 text-center">
<h2> SERVICES</h2>
<p >
<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>
</p>
</div>
</div>
<div class="row ">
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="media">
<div class="pull-left">
<i class="fa fa-lock fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Easy To Customize</h3>
<p>
<form name=f1>
<p><input type=text name=canframeid style="background:#CCC;"></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>
</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="media">
<div class="pull-left">
<i class="fa fa-quote-right fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Free To Download</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
</div>
<div class="row ">
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="media">
<div class="pull-left">
<i class="fa fa-road fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Easy To Customize</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="media">
<div class="pull-left">
<i class="fa fa-retweet fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Free To Download</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--SERVICES SECTION END-->
<hr />
<section id="contact" >
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 text-center">
<h2> CONTACT</h2>
<p >
Lorem ipsumdolor sitamet, consect adipiscing elit
Lorem ipsumdolor sitamet, consect adipiscing elit.
Lorem ipsumdolor sitamet, consect adipiscing elit.
Lorem ipsumdolor sitamet, consect adipiscing elit.
Lorem ipsumdolor sitamet, consect adipiscing elit
</p>
</div>
</div>
<div class="row ">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 text-center">
<form>
<label>YOUR NAME</label>
<div class="form-group" >
<input type="text" class="form-control" required="required" />
</div>
<label>YOUR EMAIL</label>
<div class="form-group" >
<input type="text" class="form-control" required="required" />
</div>
<label>YOUR MESSAGE</label>
<div class="form-group" >
<textarea name="message" id="message" required="required" class="form-control" style="min-height:120px;" ></textarea>
</div>
<div class="form-group">
<button type="submit" class="btn custom-btn-1 btn-block">Submit Request</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!--CONTACT SECTION END-->
<div class="footer">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></div>
<!-- BOOTSTRAP SCRIPTS -->
<script src="assets/plugins/bootstrap.js"></script>
<!-- EASING SCROLL SCRIPTS PLUGIN -->
<script src="assets/plugins/vegas/jquery.vegas.min.js"></script>
<!-- VEGAS SLIDESHOW SCRIPTS -->
<script src="assets/plugins/jquery.easing.min.js"></script>
<!-- CUSTOM SCRIPTS -->
<script src="assets/js/custom.js"></script>
<!-- <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>
-->
<!--<img id="myimage" onclick="changeImage()" src="eg_bulboff.gif">-->
</body>
</html>