825 lines
28 KiB
HTML
825 lines
28 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<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="js/gauge.min.js"></script>
|
||
<script type="text/javascript" src="../Lu_Scroll_Driver.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 VehicleCtrlRealGantryX_mm=0;
|
||
var VehicleCtrlRealGantryY_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 LastGantryXExpectValue_mm=0;
|
||
var LastGantryYExpectValue_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="";
|
||
function Timer(){
|
||
document.getElementById("gauge-a").setAttribute("data-value", $.cookie('VehicleCtrlExpThrottle'));
|
||
document.getElementById("gauge-d").setAttribute("data-value", $.cookie('Speedm_Tmp'));
|
||
document.getElementById("gauge-b").setAttribute("data-value", $.cookie('PWR_Percent'));
|
||
document.getElementById("gauge-c").setAttribute("data-value", $.cookie('SVreal_angle'));
|
||
document.getElementById("gauge-e").setAttribute("data-value", $.cookie('VehicleCtrlRealAltitude_mm'));
|
||
document.getElementById("gauge-f").setAttribute("data-value", $.cookie('LastAltitudeExpectValue_mm'));
|
||
//document.getElementById("gauge-g").setAttribute("data-value",$.cookie('VehicleCtrlRealGantryX_mm'));
|
||
//document.getElementById("gauge-h").setAttribute("data-value",$.cookie('LastGantryXExpectValue_mm'));
|
||
document.getElementById("gauge-i").setAttribute("data-value",$.cookie('VehicleCtrlRealGantryY_mm'));
|
||
document.getElementById("gauge-j").setAttribute("data-value",$.cookie('LastGantryYExpectValue_mm'));
|
||
|
||
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');
|
||
VehicleCtrlRealGantryX_mm=$.cookie('VehicleCtrlRealGantryX_mm');
|
||
VehicleCtrlRealGantryY_mm=$.cookie('VehicleCtrlRealGantryY_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');
|
||
LastGantryXExpectValue_mm=$.cookie('LastGantryXExpectValue_mm');
|
||
LastGantryYExpectValue_mm=$.cookie('LastGantryYExpectValue_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');
|
||
/*
|
||
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";
|
||
}
|
||
*/
|
||
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+'°';
|
||
|
||
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: auto;">
|
||
<tr>
|
||
<h4>
|
||
<div id='AGV_Text_Info1'> </div>
|
||
</h4>
|
||
|
||
</tr>
|
||
|
||
|
||
<tr>
|
||
<td>
|
||
<h4>REMA手动</h4>
|
||
</td>
|
||
<td>
|
||
<h4>Button手持</h4>
|
||
</td>
|
||
<td>
|
||
<h4>Auto自动</h4>
|
||
</td>
|
||
<td>
|
||
<h4>充电状态</h4>
|
||
</td>
|
||
<td>
|
||
<h4>异常告警</h4>
|
||
</td>
|
||
<td>
|
||
<h4>待机</h4>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<img id="ledimage_REMA"/>
|
||
</td>
|
||
<td>
|
||
<img id="ledimage_Button"/>
|
||
</td>
|
||
<td>
|
||
<img id="ledimage_Auto"/>
|
||
</td>
|
||
<td>
|
||
<img id="ledimage_RealAutoChargeState"/>
|
||
</td>
|
||
<td>
|
||
<img id="ledimage_WarningCode"/>
|
||
</td>
|
||
<td>
|
||
<img id="ledimage_PathFollow_Enable"/>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
|
||
<td>
|
||
<h4>自动速度值</h4>
|
||
</td>
|
||
<td>
|
||
<h4>实际速度</h4>
|
||
</td>
|
||
<td>
|
||
<h4>舵轮角度</h4>
|
||
</td>
|
||
<td>
|
||
<h4>%电量</h4>
|
||
</td>
|
||
<td>
|
||
<h4>实际叉腿高度</h4>
|
||
</td>
|
||
<td>
|
||
<h4>期望叉腿高度</h4>
|
||
</td>
|
||
<!--
|
||
<td>
|
||
<h4>实际侧移</h4>
|
||
</td>
|
||
<td>
|
||
<h4>期望侧移</h4>
|
||
</td>
|
||
<td>
|
||
<h4>实际前移</h4>
|
||
</td>
|
||
<td>
|
||
<h4>期望前移</h4>
|
||
</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>
|
||
<!--
|
||
<td>
|
||
<canvas data-type="linear-gauge" id="gauge-g"
|
||
data-width="100"
|
||
data-height="140"
|
||
data-units="mm 侧移GantryX"
|
||
data-min-value="-1000"
|
||
data-max-value="1000"
|
||
data-major-ticks="-1000,-500,-100,0,100,500,1000"
|
||
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-h"
|
||
data-width="100"
|
||
data-height="140"
|
||
data-units="mm 侧移GantryX"
|
||
data-min-value="-1000"
|
||
data-max-value="1000"
|
||
data-major-ticks="-1000,-500,-100,0,100,500,1000"
|
||
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-i"
|
||
data-width="100"
|
||
data-height="140"
|
||
data-units="mm 前移GantryY"
|
||
data-min-value="-1000"
|
||
data-max-value="1000"
|
||
data-major-ticks="-1000,-500,-100,0,100,500,1000"
|
||
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-j"
|
||
data-width="100"
|
||
data-height="140"
|
||
data-units="mm 前移GantryY"
|
||
data-min-value="-1000"
|
||
data-max-value="1000"
|
||
data-major-ticks="-1000,-500,-100,0,100,500,1000"
|
||
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;">
|
||
<tr>
|
||
<!--
|
||
<td>
|
||
<h4>实际侧移</h4>
|
||
</td>
|
||
<td>
|
||
<h4>期望侧移</h4>
|
||
</td>
|
||
-->
|
||
<td>
|
||
<h4>实际前移</h4>
|
||
</td>
|
||
<td>
|
||
<h4>期望前移</h4>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<!--
|
||
<td>
|
||
<canvas data-type="linear-gauge" id="gauge-g"
|
||
data-width="100"
|
||
data-height="140"
|
||
data-units="mm 侧移GantryX"
|
||
data-min-value="-1000"
|
||
data-max-value="1000"
|
||
data-major-ticks="-1000,-500,-100,0,100,500,1000"
|
||
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-h"
|
||
data-width="100"
|
||
data-height="140"
|
||
data-units="mm 侧移GantryX"
|
||
data-min-value="-1000"
|
||
data-max-value="1000"
|
||
data-major-ticks="-1000,-500,-100,0,100,500,1000"
|
||
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-i"
|
||
data-width="100"
|
||
data-height="140"
|
||
data-units="mm 前移GantryY"
|
||
data-min-value="-1000"
|
||
data-max-value="1000"
|
||
data-major-ticks="-1000,-500,-100,0,100,500,1000"
|
||
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-j"
|
||
data-width="100"
|
||
data-height="140"
|
||
data-units="mm 前移GantryY"
|
||
data-min-value="-1000"
|
||
data-max-value="1000"
|
||
data-major-ticks="-1000,-500,-100,0,100,500,1000"
|
||
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;">
|
||
<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>
|
||
</html>
|