Files
apt-nl-map/static/Magic4/canvas-gauges/Lu_HMI_Gauges.html
2024-12-04 10:21:04 +08:00

611 lines
25 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.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
td {
padding: 0px 20px;
}
td h5,h4{
display: inline-block;
}
</style>
<script src="../jquery-2.1.0.min.js"></script>
<script src="../jquery.cookie.js"></script>
<script type="text/javascript" src="js/gauge.min.js"></script>
<script type="text/javascript" src="../Lu_Scroll_Driver.js"></script>
<script type="text/javascript" src="../js/i18n/TimeI18n.js"></script>
<script type="text/javascript" type="text/javascript">
var AGV_ID=0;
var Sys_Mode=0;
var Warning_Code=0;
var Car_Global_rx=0;
var Car_Global_ry=0;
var Car_Global_Theta=0;
var Lateral_Deviation_m=0;
var Vertical_Deviation_deg=0;
var Out_Of_Path_Times=0;
var Min_Dist=0;
var Auto_In_Line_State=false;
var PathFollow_Enable=false;
var StartNode=0;
var EndNode=0;
var RealAutoChargeState=0;
var VehicleCtrlRealAltitude_mm=0;
var Get_Nav350_Curr_Layer=0;
var Cur_Stop_Info1_StopStartNode=0;
var Cur_Stop_Info1_StopEndNode=0;
var Cur_Stop_Info1_Authorized_Pass=false;
var Cur_Stop_Info1_High_Precious_Enable=false;
var Cur_Stop_Info1_Stop_Endx=0;
var Cur_Stop_Info1_Stop_Endy=0;
var Cur_Stop_Info1_Stop_Endt=0;
var Cur_Stop_Info1_Stop_Num=0;
var Cur_Stop_Info1_Single_Stop_Sch=0;
var Cur_Stop_Info1_Single_Request_Sch=0;
var Cur_Stop_Info1_Reached_Stop=0;
var Cur_Stop_Info1_Set_Pathx=0;
var Cur_Stop_Info1_Set_Pathy=0;
var Cur_Stop_Info1_Set_Patht=0;
var Cur_Stop_Info2_StopStartNode=0;
var Cur_Stop_Info2_StopEndNode=0;
var Cur_Stop_Info2_Authorized_Pass=false;
var Cur_Stop_Info2_High_Precious_Enable=false;
var Cur_Stop_Info2_Stop_Endx=0;
var Cur_Stop_Info2_Stop_Endy=0;
var Cur_Stop_Info2_Stop_Endt=0;
var Cur_Stop_Info2_Stop_Num=0;
var Cur_Stop_Info2_Single_Stop_Sch=0;
var Cur_Stop_Info2_Single_Request_Sch=0;
var Cur_Stop_Info2_Reached_Stop=0;
var Cur_Stop_Info2_Set_Pathx=0;
var Cur_Stop_Info2_Set_Pathy=0;
var Cur_Stop_Info2_Set_Patht=0;
var Navi_Method=0;
var LastAltitudeExpectValue_mm=0;
var Update_Sch=0;
var Update_State="";
var Task_Sch=0;
var Task_State="";
var PFC_Sch=0;
var PFC_State="";
var PFPC_Sch=0;
var PFPC_State="";
var Switching_Modes = 0;
// var i18nType = ""
function Timer(){
document.getElementById("gauge-a").innerText = $.cookie('VehicleCtrlExpThrottle');
document.getElementById("gauge-d").innerText = $.cookie('Speedm_Tmp');
document.getElementById("gauge-b").innerText = $.cookie('PWR_Percent');
document.getElementById("gauge-c").innerText = $.cookie('SVreal_angle');
document.getElementById("gauge-e").innerText = $.cookie('VehicleCtrlRealAltitude_mm');
document.getElementById("gauge-f").innerText = $.cookie('LastAltitudeExpectValue_mm');
Switching_Modes = $.cookie("Switching_Modes");
AGV_ID=$.cookie('AGV_ID');
Sys_Mode=$.cookie('Sys_Mode');
Warning_Code=$.cookie('Warning_Code');
Car_Global_rx=parseFloat($.cookie('Car_Global_rx'));
Car_Global_ry=parseFloat($.cookie('Car_Global_ry'));
Car_Global_Theta=parseFloat($.cookie('Car_Global_Theta'));
Lateral_Deviation_m=parseFloat($.cookie('Lateral_Deviation_m'));
Vertical_Deviation_deg=parseFloat($.cookie('Vertical_Deviation_deg'));
Out_Of_Path_Times=$.cookie('Out_Of_Path_Times');
Min_Dist=parseFloat($.cookie('Min_Dist'));
Auto_In_Line_State=$.cookie('Auto_In_Line_State');
PathFollow_Enable=$.cookie('PathFollow_Enable');
StartNode=$.cookie('StartNode');
EndNode=$.cookie('EndNode');
RealAutoChargeState=$.cookie('RealAutoChargeState');
VehicleCtrlRealAltitude_mm=$.cookie('VehicleCtrlRealAltitude_mm');
Get_Nav350_Curr_Layer=$.cookie('Get_Nav350_Curr_Layer');
Cur_Stop_Info1_StopStartNode=$.cookie('Cur_Stop_Info1_StopStartNode');
Cur_Stop_Info1_StopEndNode=$.cookie('Cur_Stop_Info1_StopEndNode');
Cur_Stop_Info1_Authorized_Pass=$.cookie('Cur_Stop_Info1_Authorized_Pass');
Cur_Stop_Info1_High_Precious_Enable=$.cookie('Cur_Stop_Info1_High_Precious_Enable');
Cur_Stop_Info1_Stop_Endx=$.cookie('Cur_Stop_Info1_Stop_Endx');
Cur_Stop_Info1_Stop_Endy=$.cookie('Cur_Stop_Info1_Stop_Endy');
Cur_Stop_Info1_Stop_Endt=$.cookie('Cur_Stop_Info1_Stop_Endt');
Cur_Stop_Info1_Stop_Num=$.cookie('Cur_Stop_Info1_Stop_Num');
Cur_Stop_Info1_Single_Stop_Sch=$.cookie('Cur_Stop_Info1_Single_Stop_Sch');
Cur_Stop_Info1_Single_Request_Sch=$.cookie('Cur_Stop_Info1_Single_Request_Sch');
Cur_Stop_Info1_Reached_Stop=$.cookie('Cur_Stop_Info1_Reached_Stop');
Cur_Stop_Info1_Set_Pathx=$.cookie('Cur_Stop_Info1_Set_Pathx');
Cur_Stop_Info1_Set_Pathy=$.cookie('Cur_Stop_Info1_Set_Pathy');
Cur_Stop_Info1_Set_Patht=$.cookie('Cur_Stop_Info1_Set_Patht');
Cur_Stop_Info2_StopStartNode=$.cookie('Cur_Stop_Info2_StopStartNode');
Cur_Stop_Info2_StopEndNode=$.cookie('Cur_Stop_Info2_StopEndNode');
Cur_Stop_Info2_Authorized_Pass=$.cookie('Cur_Stop_Info2_Authorized_Pass');
Cur_Stop_Info2_High_Precious_Enable=$.cookie('Cur_Stop_Info2_High_Precious_Enable');
Cur_Stop_Info2_Stop_Endx=$.cookie('Cur_Stop_Info2_Stop_Endx');
Cur_Stop_Info2_Stop_Endy=$.cookie('Cur_Stop_Info2_Stop_Endy');
Cur_Stop_Info2_Stop_Endt=$.cookie('Cur_Stop_Info2_Stop_Endt');
Cur_Stop_Info2_Stop_Num=$.cookie('Cur_Stop_Info2_Stop_Num');
Cur_Stop_Info2_Single_Stop_Sch=$.cookie('Cur_Stop_Info2_Single_Stop_Sch');
Cur_Stop_Info2_Single_Request_Sch=$.cookie('Cur_Stop_Info2_Single_Request_Sch');
Cur_Stop_Info2_Reached_Stop=$.cookie('Cur_Stop_Info2_Reached_Stop');
Cur_Stop_Info2_Set_Pathx=$.cookie('Cur_Stop_Info2_Set_Pathx');
Cur_Stop_Info2_Set_Pathy=$.cookie('Cur_Stop_Info2_Set_Pathy');
Cur_Stop_Info2_Set_Patht=$.cookie('Cur_Stop_Info2_Set_Patht');
Navi_Method=$.cookie('Navi_Method');
LastAltitudeExpectValue_mm=$.cookie('LastAltitudeExpectValue_mm');
Update_Sch=$.cookie('Update_Sch');
Update_State=$.cookie('Update_State');
Task_Sch=$.cookie('Task_Sch');
Task_State=$.cookie('Task_State');
PFC_Sch=$.cookie('PFC_Sch');
PFC_State=$.cookie('PFC_State');
PFPC_Sch=$.cookie('PFPC_Sch');
PFPC_State=$.cookie('PFPC_State');
Switching_Modes = $.cookie('Switching_Modes');
/*
if(Cur_Stop_Info1_Stop_Num>0){
document.getElementById('Cur_Stop_Info1').style.display="";
document.getElementById('Cur_Stop_Info1_Detail').style.display="";
document.getElementById('ledimage_Cur_Stop_Info1_Authorized_Pass').style.display="";
}
else{
document.getElementById('Cur_Stop_Info1').style.display="none";
document.getElementById('Cur_Stop_Info1_Detail').style.display="none";
document.getElementById('ledimage_Cur_Stop_Info1_Authorized_Pass').style.display="none";
}
if(Cur_Stop_Info2_Stop_Num>0){
document.getElementById('Cur_Stop_Info2').style.display="";
document.getElementById('Cur_Stop_Info2_Detail').style.display="";
document.getElementById('ledimage_Cur_Stop_Info2_Authorized_Pass').style.display="";
}
else{
document.getElementById('Cur_Stop_Info2').style.display="none";
document.getElementById('Cur_Stop_Info2_Detail').style.display="none";
document.getElementById('ledimage_Cur_Stop_Info2_Authorized_Pass').style.display="none";
}
*/
if (sessionStorage.getItem("LANGUAGE_Index") === "zh_CN" ) { //.frames[0]
if (Switching_Modes == 0){
document.getElementById('AGV_Text_Info1').innerText= '当前任务'+' 起点:'+StartNode+' 终点:'+EndNode;
}else{
document.getElementById('AGV_Text_Info1').innerText= 'Navi_Method:'+Navi_Method+' NAV350Layer:'+Get_Nav350_Curr_Layer+' 车辆编号:'+AGV_ID+' 车辆坐标'+' x:'+Car_Global_rx.toFixed(3)+'m'+' y:'+Car_Global_ry.toFixed(3)+'m'+' θ:'+Car_Global_Theta.toFixed(3) +'°'+' LD:'+Lateral_Deviation_m.toFixed(3)+" "+" VD:"+Vertical_Deviation_deg.toFixed(3)+" "+" MD:"+Min_Dist.toFixed(3)+" "+"OPT:"+Out_Of_Path_Times+" ILS:"+Auto_In_Line_State
+' 当前任务'+' 起点:'+StartNode+' 终点:'+EndNode+'\n US:'+Update_Sch+'#'+Update_State+ '\n TS:'+Task_Sch+'#'+Task_State+'\n PS:'+PFC_Sch+'#'+PFC_State+'\n PFPCS:'+PFPC_Sch+'#'+PFPC_State;
}
document.getElementById('Cur_Stop_Info1').innerText='请求起点:'+Cur_Stop_Info1_StopStartNode+' 请求终点:'+Cur_Stop_Info1_StopEndNode+' 请求授权通行:';//+Cur_Stop_Info1_Authorized_Pass;
document.getElementById('Cur_Stop_Info1_Detail').innerText='停位坐标'+'x:'+Cur_Stop_Info1_Stop_Endx+'m'+' y:'+Cur_Stop_Info1_Stop_Endy+'m'+' θ:'+Cur_Stop_Info1_Stop_Endt+'°'+'\n高精度进近使能:'+Cur_Stop_Info1_High_Precious_Enable+'\n Single_Stop_Sch:'+Cur_Stop_Info1_Single_Stop_Sch+'\nSingle_Request_Sch:'+Cur_Stop_Info1_Single_Request_Sch+'\nReached_Stop:'+Cur_Stop_Info1_Reached_Stop+'\n设置坐标'+'x:'+Cur_Stop_Info1_Set_Pathx+'m'+' y:'+Cur_Stop_Info1_Set_Pathy+'m'+' θ:'+Cur_Stop_Info1_Set_Patht+'°';
document.getElementById('Cur_Stop_Info2').innerText='释放起点:'+Cur_Stop_Info2_StopStartNode+' 释放终点:'+Cur_Stop_Info2_StopEndNode+' 释放授权通行:';//+Cur_Stop_Info2_Authorized_Pass;
document.getElementById('Cur_Stop_Info2_Detail').innerText='停位坐标'+'x:'+Cur_Stop_Info2_Stop_Endx+'m'+' y:'+Cur_Stop_Info2_Stop_Endy+'m'+' θ:'+Cur_Stop_Info2_Stop_Endt+'°'+'\n高精度进近使能:'+Cur_Stop_Info2_High_Precious_Enable+'\n Single_Stop_Sch:'+Cur_Stop_Info2_Single_Stop_Sch+'\nSingle_Request_Sch:'+Cur_Stop_Info2_Single_Request_Sch+'\nReached_Stop:'+Cur_Stop_Info2_Reached_Stop+'\n设置坐标'+'x:'+Cur_Stop_Info2_Set_Pathx+'m'+' y:'+Cur_Stop_Info2_Set_Pathy+'m'+' θ:'+Cur_Stop_Info2_Set_Patht+'°';
}else{
if (Switching_Modes == 0){
document.getElementById('AGV_Text_Info1').innerText= 'Current task'+' Start'+StartNode+' End'+EndNode;
}else{
document.getElementById('AGV_Text_Info1').innerText= 'Navi_Method:'+Navi_Method+' NAV350Layer:'+Get_Nav350_Curr_Layer+' Vehicle number:'+AGV_ID+' Vehicle coordinates'+' x:'+Car_Global_rx.toFixed(3)+'m'+' y:'+Car_Global_ry.toFixed(3)+'m'+' θ:'+Car_Global_Theta.toFixed(3) +'°'+' LD:'+Lateral_Deviation_m.toFixed(3)+" "+" VD:"+Vertical_Deviation_deg.toFixed(3)+" "+" MD:"+Min_Dist.toFixed(3)+" "+"OPT:"+Out_Of_Path_Times+" ILS:"+Auto_In_Line_State
+' Current task'+' Start'+StartNode+' End'+EndNode+'\n US:'+Update_Sch+'#'+Update_State+ '\n TS:'+Task_Sch+'#'+Task_State+'\n PS:'+PFC_Sch+'#'+PFC_State+'\n PFPCS:'+PFPC_Sch+'#'+PFPC_State;
}
document.getElementById('Cur_Stop_Info1').innerText='Request starting point'+Cur_Stop_Info1_StopStartNode+' Request endpoint'+Cur_Stop_Info1_StopEndNode+' Request permission to pass';//+Cur_Stop_Info1_Authorized_Pass;
document.getElementById('Cur_Stop_Info1_Detail').innerText='Stop coordinate'+'x:'+Cur_Stop_Info1_Stop_Endx+'m'+' y:'+Cur_Stop_Info1_Stop_Endy+'m'+' θ:'+Cur_Stop_Info1_Stop_Endt+'°'+'\nHigh precision enable:'+Cur_Stop_Info1_High_Precious_Enable+'\n Single_Stop_Sch:'+Cur_Stop_Info1_Single_Stop_Sch+'\nSingle_Request_Sch:'+Cur_Stop_Info1_Single_Request_Sch+'\nReached_Stop:'+Cur_Stop_Info1_Reached_Stop+'\nSet coordinates'+'x:'+Cur_Stop_Info1_Set_Pathx+'m'+' y:'+Cur_Stop_Info1_Set_Pathy+'m'+' θ:'+Cur_Stop_Info1_Set_Patht+'°';
document.getElementById('Cur_Stop_Info2').innerText='Release start point'+Cur_Stop_Info2_StopStartNode+' Release end point'+Cur_Stop_Info2_StopEndNode+' Release authorization';//+Cur_Stop_Info2_Authorized_Pass;
document.getElementById('Cur_Stop_Info2_Detail').innerText='Stop coordinate'+'x:'+Cur_Stop_Info2_Stop_Endx+'m'+' y:'+Cur_Stop_Info2_Stop_Endy+'m'+' θ:'+Cur_Stop_Info2_Stop_Endt+'°'+'\nHigh precision enable:'+Cur_Stop_Info2_High_Precious_Enable+'\n Single_Stop_Sch:'+Cur_Stop_Info2_Single_Stop_Sch+'\nSingle_Request_Sch:'+Cur_Stop_Info2_Single_Request_Sch+'\nReached_Stop:'+Cur_Stop_Info2_Reached_Stop+'\nSet coordinates'+'x:'+Cur_Stop_Info2_Set_Pathx+'m'+' y:'+Cur_Stop_Info2_Set_Pathy+'m'+' θ:'+Cur_Stop_Info2_Set_Patht+'°';
}
if(Cur_Stop_Info1_Stop_Num>0){
if(Cur_Stop_Info1_Authorized_Pass=='true')document.getElementById("ledimage_Cur_Stop_Info1_Authorized_Pass").setAttribute("src","../Led_Display/led_green_on.bmp");
else document.getElementById("ledimage_Cur_Stop_Info1_Authorized_Pass").setAttribute("src","../Led_Display/led_red_on.bmp");
}
else{
document.getElementById("ledimage_Cur_Stop_Info1_Authorized_Pass").setAttribute("src","../Led_Display/led_green_on.bmp");
}
if(Cur_Stop_Info2_Stop_Num>0){
if(Cur_Stop_Info2_Authorized_Pass=='true')document.getElementById("ledimage_Cur_Stop_Info2_Authorized_Pass").setAttribute("src","../Led_Display/led_green_on.bmp");
else document.getElementById("ledimage_Cur_Stop_Info2_Authorized_Pass").setAttribute("src","../Led_Display/led_red_on.bmp");
}
else{
document.getElementById("ledimage_Cur_Stop_Info2_Authorized_Pass").setAttribute("src","../Led_Display/led_green_on.bmp");
}
if(Sys_Mode==3)document.getElementById("ledimage_REMA").setAttribute("src","../Led_Display/led_green_on.bmp");
else document.getElementById("ledimage_REMA").setAttribute("src","../Led_Display/led_green_off.bmp");
if(Sys_Mode==4)document.getElementById("ledimage_Auto").setAttribute("src","../Led_Display/led_green_on.bmp");
else document.getElementById("ledimage_Auto").setAttribute("src","../Led_Display/led_green_off.bmp");
if(Sys_Mode==5)document.getElementById("ledimage_Button").setAttribute("src","../Led_Display/led_green_on.bmp");
else document.getElementById("ledimage_Button").setAttribute("src","../Led_Display/led_green_off.bmp");
if(RealAutoChargeState!=0)document.getElementById("ledimage_RealAutoChargeState").setAttribute("src","../Led_Display/led_green_on.bmp");
else document.getElementById("ledimage_RealAutoChargeState").setAttribute("src","../Led_Display/led_green_off.bmp");
if(Warning_Code!=0)document.getElementById("ledimage_WarningCode").setAttribute("src","../Led_Display/led_red_on.bmp");
else document.getElementById("ledimage_WarningCode").setAttribute("src","../Led_Display/led_red_off.bmp");
if(PathFollow_Enable=='true')document.getElementById("ledimage_PathFollow_Enable").setAttribute("src","../Led_Display/led_yellow_off.bmp");
else document.getElementById("ledimage_PathFollow_Enable").setAttribute("src","../Led_Display/led_yellow_on.bmp");
}
var T1 = window.setInterval("Timer()",100);
</script>
</head>
<body>
<div class="wrapper" style="text-align: center;">
<!--<table width="100%" style="text-align: center; border-collapse: collapse; margin-top: 1px; text-indent:10px;">-->
<table style="margin: 20px auto;">
<tr>
<h4>
<div id='AGV_Text_Info1'> </div>
</h4>
</tr>
<tr>
<td>
<h4><span data-i18n-text="home.RemaManualOperation">REMA手动</span></h4>
</td>
<td class="user">
<h4><span data-i18n-text="home.ButtonHand">Button手持</span></h4>
</td>
<td>
<h4><span data-i18n-text="home.AutoAutomatic">Auto自动</span></h4>
</td>
<td class="user">
<h4><span data-i18n-text="home.ChargingState">充电状态</span></h4>
</td>
<td>
<h4><span data-i18n-text="home.AbnormalAlarm">异常告警</span></h4>
</td>
<td>
<h4><span data-i18n-text="home.Standby">待机</span></h4>
</td>
</tr>
<tr>
<td>
<img id="ledimage_REMA"/>
</td>
<td class="user">
<img id="ledimage_Button"/>
</td>
<td>
<img id="ledimage_Auto"/>
</td>
<td class="user">
<img id="ledimage_RealAutoChargeState"/>
</td>
<td>
<img id="ledimage_WarningCode"/>
</td>
<td>
<img id="ledimage_PathFollow_Enable"/>
</td>
</tr>
<tr class="user">
<td>
<h4><span data-i18n-text="home.AutomaticSpeedValue">自动速度值</span></h4>
<h5 id="gauge-a"></h5>
</td>
<td>
<h4><span data-i18n-text="home.ActualSpeed">实际速度</span></h4>
<h5 id="gauge-d"></h5>
</td>
<td>
<h4><span data-i18n-text="home.SteeringWheelAngle">舵轮角度</span></h4>
<h5 id="gauge-c"></h5>
</td>
<td>
<h4>%<span data-i18n-text="home.ElectricQuantity">电量</span></h4>
<h5 id="gauge-b"></h5>
</td>
<td>
<h4><span data-i18n-text="home.ActualLegHeight">实际叉腿高度</span></h4>
<h5 id="gauge-e"></h5>
</td>
<td>
<h4><span data-i18n-text="home.Standby">期望叉腿高度</span></h4>
<h5 id="gauge-f"></h5>
</td>
</tr>
<tr>
<td>
<!-- <canvas data-type="radial-gauge" id="gauge-a"-->
<!-- data-width="140"-->
<!-- data-height="140"-->
<!-- data-units="自动速度值units"-->
<!-- data-value="0"-->
<!-- data-min-value="-4096"-->
<!-- data-start-angle="90"-->
<!-- data-ticks-angle="180"-->
<!-- data-value-box="true"-->
<!-- data-max-value="4095"-->
<!-- data-major-ticks="-4096,-3000,-2000,-1000,0,1000,2000,3000,4095"-->
<!-- data-minor-ticks="5"-->
<!-- data-stroke-ticks="true"-->
<!-- data-highlights='[ {"from": -1000, "to": 0, "color": "rgba(0,0, 255, .3)"},-->
<!-- {"from": 0, "to": 1000, "color": "rgba(255, 0, 0, .3)"} ]'-->
<!-- data-ticks-angle="180"-->
<!-- data-start-angle="90"-->
<!-- data-color-major-ticks="#ddd"-->
<!-- data-color-minor-ticks="#ddd"-->
<!-- data-color-title="#eee"-->
<!-- data-color-units="#ccc"-->
<!-- data-color-numbers="#eee"-->
<!-- data-color-plate="#222"-->
<!-- data-border-shadow-width="0"-->
<!-- data-borders="true"-->
<!-- data-needle-type="arrow"-->
<!-- data-needle-width="2"-->
<!-- data-needle-circle-size="7"-->
<!-- data-needle-circle-outer="true"-->
<!-- data-needle-circle-inner="false"-->
<!-- data-animation-duration="1500"-->
<!-- data-animation-rule="linear"-->
<!-- data-color-border-outer="#333"-->
<!-- data-color-border-outer-end="#111"-->
<!-- data-color-border-middle="#222"-->
<!-- data-color-border-middle-end="#111"-->
<!-- data-color-border-inner="#111"-->
<!-- data-color-border-inner-end="#333"-->
<!-- data-color-needle-shadow-down="#333"-->
<!-- data-color-needle-circle-outer="#333"-->
<!-- data-color-needle-circle-outer-end="#111"-->
<!-- data-color-needle-circle-inner="#111"-->
<!-- data-color-needle-circle-inner-end="#222"-->
<!-- data-value-box-border-radius="0"-->
<!-- data-color-value-box-rect="#222"-->
<!-- data-color-value-box-rect-end="#333"-->
<!-- ></canvas>-->
</td>
<td>
<!-- <canvas data-type="radial-gauge" id="gauge-d"-->
<!-- data-width="140"-->
<!-- data-height="140"-->
<!-- data-units="m/s"-->
<!-- data-title="实际速度"-->
<!-- data-min-value="-3"-->
<!-- data-max-value="3"-->
<!-- data-major-ticks="[-3,-2,-1,0,1,2,3]"-->
<!-- data-minor-ticks="2"-->
<!-- data-stroke-ticks="true"-->
<!-- data-highlights='[ {"from": -1, "to": 0, "color": "rgba(0,0, 255, .3)"},-->
<!-- {"from": 0, "to": 1, "color": "rgba(255, 0, 0, .3)"} ]'-->
<!-- data-ticks-angle="225"-->
<!-- data-start-angle="67.5"-->
<!-- data-color-major-ticks="#ddd"-->
<!-- data-color-minor-ticks="#ddd"-->
<!-- data-color-title="#eee"-->
<!-- data-color-units="#ccc"-->
<!-- data-color-numbers="#eee"-->
<!-- data-color-plate="#222"-->
<!-- data-border-shadow-width="0"-->
<!-- data-borders="true"-->
<!-- data-needle-type="arrow"-->
<!-- data-needle-width="2"-->
<!-- data-needle-circle-size="7"-->
<!-- data-needle-circle-outer="true"-->
<!-- data-needle-circle-inner="false"-->
<!-- data-animation-duration="1500"-->
<!-- data-animation-rule="linear"-->
<!-- data-color-border-outer="#333"-->
<!-- data-color-border-outer-end="#111"-->
<!-- data-color-border-middle="#222"-->
<!-- data-color-border-middle-end="#111"-->
<!-- data-color-border-inner="#111"-->
<!-- data-color-border-inner-end="#333"-->
<!-- data-color-needle-shadow-down="#333"-->
<!-- data-color-needle-circle-outer="#333"-->
<!-- data-color-needle-circle-outer-end="#111"-->
<!-- data-color-needle-circle-inner="#111"-->
<!-- data-color-needle-circle-inner-end="#222"-->
<!-- data-value-box-border-radius="0"-->
<!-- data-color-value-box-rect="#222"-->
<!-- data-color-value-box-rect-end="#333"-->
<!-- ></canvas>-->
</td>
<td>
<!-- <canvas data-type="radial-gauge" id="gauge-c"-->
<!-- data-width="140"-->
<!-- data-height="140"-->
<!-- data-units="°"-->
<!-- data-title="舵轮角度"-->
<!-- data-min-value="-90"-->
<!-- data-max-value="90"-->
<!-- data-major-ticks="[-90,-60,-30,-20,-10,0,10,20,30,60,90]"-->
<!-- data-minor-ticks="2"-->
<!-- data-stroke-ticks="true"-->
<!-- data-highlights='[ {"from": -50, "to": 0, "color": "rgba(0,0, 255, .3)"},-->
<!-- {"from": 0, "to": 50, "color": "rgba(255, 0, 0, .3)"} ]'-->
<!-- data-ticks-angle="180"-->
<!-- data-start-angle="90"-->
<!-- data-color-major-ticks="#ddd"-->
<!-- data-color-minor-ticks="#ddd"-->
<!-- data-color-title="#eee"-->
<!-- data-color-units="#ccc"-->
<!-- data-color-numbers="#eee"-->
<!-- data-color-plate="#222"-->
<!-- data-border-shadow-width="0"-->
<!-- data-borders="true"-->
<!-- data-needle-type="arrow"-->
<!-- data-needle-width="2"-->
<!-- data-needle-circle-size="7"-->
<!-- data-needle-circle-outer="true"-->
<!-- data-needle-circle-inner="false"-->
<!-- data-animation-duration="1500"-->
<!-- data-animation-rule="linear"-->
<!-- data-color-border-outer="#333"-->
<!-- data-color-border-outer-end="#111"-->
<!-- data-color-border-middle="#222"-->
<!-- data-color-border-middle-end="#111"-->
<!-- data-color-border-inner="#111"-->
<!-- data-color-border-inner-end="#333"-->
<!-- data-color-needle-shadow-down="#333"-->
<!-- data-color-needle-circle-outer="#333"-->
<!-- data-color-needle-circle-outer-end="#111"-->
<!-- data-color-needle-circle-inner="#111"-->
<!-- data-color-needle-circle-inner-end="#222"-->
<!-- data-value-box-border-radius="0"-->
<!-- data-color-value-box-rect="#222"-->
<!-- data-color-value-box-rect-end="#333"-->
<!-- ></canvas>-->
</td>
<td>
<!-- <canvas data-type="linear-gauge" id="gauge-b"-->
<!-- data-width="100"-->
<!-- data-height="140"-->
<!-- data-units="%电量"-->
<!-- data-min-value="0"-->
<!-- data-max-value="100"-->
<!-- data-major-ticks="0,10,20,30,40,50,60,70,80,90,100"-->
<!-- data-minor-ticks="2"-->
<!-- data-stroke-ticks="true"-->
<!-- data-highlights='[ {"from": 0, "to": 30, "color": "rgba(200, 50, 50, .75)"} ]'-->
<!-- data-color-plate="#fff"-->
<!-- data-color-bar="#f5f5f5"-->
<!-- data-color-bar-progress="#327ac0"-->
<!-- data-border-shadow-width="0"-->
<!-- data-borders="false"-->
<!-- data-needle-type="arrow"-->
<!-- data-needle-width="3"-->
<!-- data-animation-duration="1500"-->
<!-- data-animation-rule="linear"-->
<!-- data-tick-side="left"-->
<!-- data-number-side="left"-->
<!-- data-needle-side="left"-->
<!-- data-bar-stroke-width="7"-->
<!-- data-bar-begin-circle="false"-->
<!-- data-value="100"-->
<!-- ></canvas>-->
</td>
<td>
<!-- <canvas data-type="linear-gauge" id="gauge-e"-->
<!-- data-width="100"-->
<!-- data-height="140"-->
<!-- data-units="mm 叉腿高度"-->
<!-- data-min-value="0"-->
<!-- data-max-value="5000"-->
<!-- data-major-ticks="0,1000,2000,3000,4000,5000"-->
<!-- data-minor-ticks="2"-->
<!-- data-stroke-ticks="true"-->
<!-- data-highlights='[ {"from": 0, "to": 500, "color": "rgba(200, 50, 50, .75)"} ]'-->
<!-- data-color-plate="#fff"-->
<!-- data-color-bar="#f5f5f5"-->
<!-- data-color-bar-progress="#327ac0"-->
<!-- data-border-shadow-width="0"-->
<!-- data-borders="false"-->
<!-- data-needle-type="arrow"-->
<!-- data-needle-width="3"-->
<!-- data-animation-duration="1500"-->
<!-- data-animation-rule="linear"-->
<!-- data-tick-side="left"-->
<!-- data-number-side="left"-->
<!-- data-needle-side="left"-->
<!-- data-bar-stroke-width="7"-->
<!-- data-bar-begin-circle="false"-->
<!-- data-value="0"-->
<!-- ></canvas>-->
</td>
<td>
<!-- <canvas data-type="linear-gauge" id="gauge-f"-->
<!-- data-width="100"-->
<!-- data-height="140"-->
<!-- data-units="mm 叉腿高度"-->
<!-- data-min-value="0"-->
<!-- data-max-value="5000"-->
<!-- data-major-ticks="0,1000,2000,3000,4000,5000"-->
<!-- data-minor-ticks="2"-->
<!-- data-stroke-ticks="true"-->
<!-- data-highlights='[ {"from": 0, "to": 500, "color": "rgba(200, 50, 50, .75)"} ]'-->
<!-- data-color-plate="#fff"-->
<!-- data-color-bar="#f5f5f5"-->
<!-- data-color-bar-progress="#327ac0"-->
<!-- data-border-shadow-width="0"-->
<!-- data-borders="false"-->
<!-- data-needle-type="arrow"-->
<!-- data-needle-width="3"-->
<!-- data-animation-duration="1500"-->
<!-- data-animation-rule="linear"-->
<!-- data-tick-side="left"-->
<!-- data-number-side="left"-->
<!-- data-needle-side="left"-->
<!-- data-bar-stroke-width="7"-->
<!-- data-bar-begin-circle="false"-->
<!-- data-value="0"-->
<!-- ></canvas>-->
</td>
</tr>
</table>
<table style="margin: auto;" class="user">
<tr>
<td>
<h4>
<div id="Cur_Stop_Info1"></div>
</h4>
</td>
<td>
<img id="ledimage_Cur_Stop_Info1_Authorized_Pass"/>
</td>
<td>
<h4>
<div id="Cur_Stop_Info2"></div>
</h4>
</td>
<td>
<img id="ledimage_Cur_Stop_Info2_Authorized_Pass"/>
</td>
</tr>
<tr>
<td>
<h4>
<div id="Cur_Stop_Info1_Detail"></div>
</h4>
</td>
<td>
</td>
<td>
<h4>
<div id="Cur_Stop_Info2_Detail"></div>
</h4>
</td>
<td>
</td>
</tr>
</table>
</div>
</body>
<script>
loadText();
// if(window.parent.parent.Switching_Modes == 0){
// $(".user").hide();
// $("#AGV_Text_Info1").css("font-size","35px")
// $("#AGV_Text_Info1").css("margin-top","150px")
// $(".wrapper table").css("font-size","35px");
// $(".wrapper table img").css("width","50px")
// }
</script>
</html>