root/apt-nl-map
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
1556969ddb827b03d02f007ab4ab449ce95f5954
apt-nl-map/static/Magic4/canvas-gauges/Lu_HMI_Gauges.html

611 lines
25 KiB
HTML
Raw Normal View History

static
2024-12-04 10:21:04 +08:00
<!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>
Reference in New Issue Copy Permalink