YQ-August
/
oldRuico


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>主机管理</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="Cache" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache, must-revalidate">
		<meta http-equiv="expires" content="0">
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" href="../../css/element.css">
		<link rel="stylesheet" href="../../css/style.css">
		<link rel="stylesheet" id="linkSource" href="../../css/base.css">
		<script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/yz/init.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/pako.js"></script>
		<script type="text/javascript">
			document.write('<script src="../../js/yz/shipLi.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
			document.write('<script src="../../js/yz/defailt.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
			document.write('<script src="../../js/yz/ajax.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
			checkLogin();
		</script>
	</head>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		body {
			color: #fff;
			height: 100%;
			background-color: #103151;
		}
		div,td {
			box-sizing: border-box;
		}
		.swi_li>div{
			font-size: 12px;
			width: 25%;
			text-align: center;
			padding: 10px 5px;
			border-bottom: 1px solid rgba(125,125,125,0.4);
			border-right: 1px solid rgba(125,125,125,0.4);
		}
		.swi_li>div:nth-child(4n){
			border-right: none;
		}
		.icon-cloud-state{
			font-size: 22px;
			color: #9e9e9e;
		}
		.icon-cloud-state+div{
			color: #8799a3;
		}
		.brr{
			border-right: 1px solid rgba(125,125,125,0.4);
		}
		.key_data>div{
			display: flex;
			align-items: center;
			border-top: 1px solid rgba(125,125,125,0.4);
		}
		.key_data>div>div{
			flex: 1;
			font-size: 12px;
			color: #8799a3;
			text-align: center;
			padding: 8px 0;
		}
		.key_data>div>div:nth-child(2){
			border-left: 1px solid rgba(125,125,125,0.4);
			border-right: 1px solid rgba(125,125,125,0.4);
		}
		._val{
			font-size: 18px !important;
			font-weight: bold;
			color:#fbbd08 !important;
			margin:0 4px;
		}
		.show_act{
			transform: rotate(90deg);
			transition: transform 300ms linear
		}
		.info_li{
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 8px 10px;
			background-color: #173862;
		}
		.info_li .iconfont.act{
			transform:rotate(90deg);
			transition:transform 0.3s linear;
		}
		._Num{
			font-size: 20px;
			border: none;
		}
		.tabCont>div{
			text-align: center;
			margin: 7px;
			border: 1px solid rgba(125,125,125,0.4);
		}
		.temBox{
			width: 50px;
			height: 80px;
			background-color: #005eb6;
			border: 1px solid #fff;
			margin-left: 5px;
			background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, #103151 1%);
		}
	</style>
	<script type="text/javascript">
	</script>
	<body>
		<div class="topParen">
			<div class="topBox">
				<div>主机管理</div>
				<i class="iconfont icon-left" onclick="javascript:history.back(-1);"></i>
			</div>
			<div class="tabli">
				<div class="yz_this" name="oneEng">主机数据</div>
				<div name="twoEng">齿轮箱</div>
				<div name="thrEng">综合报警</div>
			</div>
			<div class="tabCont oneEng">
				<div>
					<div class="info_li" data-type="post_zs">
						<div>主机转速</div>
						<div class="iconfont icon-right text-grey show_act"></div>
					</div>
					<div class="text-center post_zs">
						<div style="height: 180px;" class="br_b">
							<div id="myChart1" style="height:98%;"></div>
							<div style="margin-top: -24px;">转速：<span class="_Num speedNum">0</span> RPM</div>
						</div>
						<div>
							<div class="flex padding-sm setgz">
								<div class="flex text-grey" onclick="setGz(0);">
									<div class="check_ check_act"></div><span style="line-height: 14px;">1-6#缸</span>
								</div>
								<div class="flex text-grey margin-lr-lg" onclick="setGz(1);">
									<div class="check_"></div><span style="line-height: 14px;">0-7#主轴承</span>
								</div>
							</div>
							<div class="margin-tb-sm" id="averAge"></div>
							<div style="height: 180px;">
								<div id="myChart2" style="height:100%;"></div>
							</div>
							<div class="flex flex-wrap swi_li br_t" id="gzSwit">
								
							</div>	
						</div>
					</div>
				</div>
				<div>
					<div class="info_li" data-type="post_data">
						<div>燃油、滑油</div>
						<div class="iconfont icon-right text-grey show_act"></div>
					</div>
					<div class="post_data">
						<div class="key_data">
							<div>
								<div style="flex: 1;">数据更新时间</div>
								<div style="flex: 2;border-right:none;" id="uTate">2021-01-01 00:00:00</div>
							</div>
							<div>
								<div>滑油进机温度</div>
								<div id="hOil_J" class="_val">0</div>
								<div>℃</div>
							</div>
							<div>
								<div>滑油出机温度</div>
								<div id="hOil_C" class="_val">0</div>
								<div>℃</div>
							</div>
							<div>
								<div>燃油进机压力</div>
								<div id="rOil_J" class="_val">0</div>
								<div>MPa</div>
							</div>
							<div>
								<div>燃油出机温度</div>
								<div id="rOil_C" class="_val">0</div>
								<div>℃</div>
							</div>
						</div>
					</div>
				</div>
				<div>
					<div class="info_li" data-type="zy_data">
						<div>增压器、中冷器</div>
						<div class="iconfont icon-right text-grey"></div>
					</div>
					<div class="zy_data" style="display: none;">
						<div class="key_data"></div>
					</div>
				</div>
				<div>
					<div class="info_li" data-type="lqs_data">
						<div>涡轮排气温度</div>
						<div class="iconfont icon-right text-grey"></div>
					</div>
					<div class="lqs_data" style="display: none;">
						<div class="padding-sm flex flex-wrap" id="wlWd">
							
						</div>
					</div>
				</div>
				<div>
					<div class="info_li" data-type="wz_data">
						<div>高温水</div>
						<div class="iconfont icon-right text-grey"></div>
					</div>
					<div class="wz_data" style="display: none;">
						<div class="flex flex-wrap" id="gwsWd">
							
						</div>
						<div class="flex text-center br_t">
							<div class="padding-tb-xs flex-sub">
								<div class="iconfont icon-cloud-state"></div>
								<div>进机温度报警</div>
							</div>
							<div class="padding-tb-xs flex-sub br_r br_l">
								<div class="iconfont icon-cloud-state"></div>
								<div>出机温度过高</div>
							</div>
							<div class="padding-tb-xs flex-sub">
								<div class="iconfont icon-cloud-state"></div>
								<div>出机温度报警</div>
							</div>
							
						</div>
					</div>
				</div>
			</div>
			<div class="tabCont twoEng" style="display: none;">
				<div>
					<div class="info_li" data-type="hy_data">
						<div>滑油</div>
						<div class="iconfont icon-right text-grey show_act"></div>
					</div>
					<div class="hy_data">
						<div class="flex">
							<div style="height: 120px;width: 60%;">
								<div id="myChart3" style="height:98%;"></div>
								<div style="margin-top: -22px;" class="text-sm">
									压力：<span class="_val paRuse">3.32</span> kPa
								</div>
							</div>
							<div class="margin-tb-sm hyTem" style="width: 40%;">
								<div class="flex align-center justify-center">
									<div style="height: 80px;" class="flex flex-direction justify-between text-grey align-end">
										<span>150</span>
										<span>100</span>
										<span>50</span>
										<span>0</span>
									</div>
									<div class="temBox"></div>
								</div>
								<div class="margin-top-xs text-sm">温度：<span class="_val">4.9</span>℃</div>
							</div>
						</div>
					</div>
				</div>
				<div>
					<div class="info_li" data-type="gzy_data">
						<div>工作压力</div>
						<div class="iconfont icon-right text-grey"></div>
					</div>
					<div class="gzy_data padding-sm" style="display: none;">
						<div class="br_all key_data" style="border-top: none;">
							<div><div>滤后油压</div><div class="_val">0</div><div>kPa</div></div>
							<div><div>滤前油压</div><div class="_val">0</div><div>kPa</div></div>
							<div><div>滤前工作油压</div><div class="_val">0</div><div>kPa</div></div>
							<div><div>正车油压</div><div class="_val">0</div><div>kPa</div></div>
							<div><div>倒车油压</div><div class="_val">0</div><div>kPa</div></div>
						</div>	
					</div>
				</div>
				<div>
					<div class="info_li" data-type="kqp_data">
						<div>空气瓶压力</div>
						<div class="iconfont icon-right text-grey"></div>
					</div>
					<div class="kqp_data padding-sm" style="display: none;">
						<div class="br_all key_data" style="border-top: none;">
							<div><div>1#主</div><div class="_val">0</div><div>kPa</div></div>
							<div><div>2#主</div><div class="_val">0</div><div>kPa</div></div>
							<div><div>甲板及杂用</div><div class="_val">0</div><div>kPa</div></div>
							<div><div>控制</div><div class="_val">0</div><div>kPa</div></div>
						</div>	
					</div>
				</div>
				<div>
					<div class="info_li" data-type="cyc_data">
						<div>柴油舱</div>
						<div class="iconfont icon-right text-grey"></div>
					</div>
					<div class="cyc_data" style="display: none;">
						<div class="key_data" style="border-top: none;">
							
						</div>	
					</div>
				</div>
				<div>
					<div class="info_li" data-type="ryc_data">
						<div>柴油舱</div>
						<div class="iconfont icon-right text-grey"></div>
					</div>
					<div class="ryc_data" style="display: none;">
						<div class="key_data" style="border-top: none;">
							
						</div>	
					</div>
				</div>
			</div>
			<div class="tabCont thrEng" style="display: none;">
				<div>
					<div class="info_li" data-type="swit1_data">
						<div></div><div class="iconfont icon-right text-grey"></div>
					</div>
					<div class="swit1_data" style="display: none;">
						<div class="flex flex-wrap swi_li" id="allSwit"></div>	
					</div>
				</div>
				<div>
					<div class="info_li" data-type="swit2_data">
						<div></div><div class="iconfont icon-right text-grey"></div>
					</div>
					<div class="swit2_data" style="display: none;">
						<div class="flex flex-wrap swi_li" id="allSwit1"></div>	
					</div>
				</div>
				<div>
					<div class="info_li" data-type="swit3_data">
						<div></div><div class="iconfont icon-right text-grey"></div>
					</div>
					<div class="swit3_data" style="display: none;">
						<div class="flex flex-wrap swi_li" id="allSwit2"></div>	
					</div>
				</div>
				<div>
					<div class="info_li" data-type="swit4_data">
						<div></div><div class="iconfont icon-right text-grey"></div>
					</div>
					<div class="swit4_data" style="display: none;">
						<div class="flex flex-wrap swi_li" id="allSwit3"></div>	
					</div>
				</div>
				<div>
					<div class="info_li" data-type="swit5_data">
						<div></div><div class="iconfont icon-right text-grey"></div>
					</div>
					<div class="swit5_data" style="display: none;">
						<div class="flex flex-wrap swi_li" id="allSwit4"></div>	
					</div>
				</div>
				<div>
					<div class="info_li" data-type="swit6_data">
						<div></div><div class="iconfont icon-right text-grey"></div>
					</div>
					<div class="swit6_data" style="display: none;">
						<div class="flex flex-wrap swi_li" id="allSwit5"></div>	
					</div>
				</div>
				<div>
					<div class="info_li" data-type="swit7_data">
						<div></div><div class="iconfont icon-right text-grey"></div>
					</div>
					<div class="swit7_data" style="display: none;">
						<div class="flex flex-wrap swi_li" id="allSwit6"></div>	
					</div>
				</div>
				<div>
					<div class="info_li" data-type="swit8_data">
						<div></div><div class="iconfont icon-right text-grey"></div>
					</div>
					<div class="swit8_data" style="display: none;">
						<div class="flex flex-wrap swi_li" id="allSwit7"></div>	
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			let nowSn = localStorage.getItem("shipSn");
			let charCool = [["起动空气压力", "00L1", "MPa"],["控制空气压力", "00M1", "MPa"],["滑油滤器压差", "01O", "MPa"],["主机转速抑制(≤500rpm)", "01Z", "RPM"],["增压器滑油出口温度", "00O1", "℃"],["增压器滑油进口压力(＞500rpm)", "01G", "MPa"],["增压器滑油进口压力(≤500rpm)", "01H", "MPa"],["中冷器后进气温度", "01P", "℃"],["中冷器后进气温度低(＞500rpm)", "01Q", "℃"],["中冷器高温水进口压力(＞500rpm)","01I","Mpa"],["中冷器高温水进口压力(≤500rpm)","01J","MPa"],["中冷器低温水进口压力(>500rpm)","01K","MPa"],["中冷器低温水进口压力(≤500rpm)","01L","Mpa"]];
			let cycWt = [["日用舱液位(左)","0K9","m",["Q07_12","Q07_11"]],["日用舱液位(右)","0KD","m",["Q07_10","Q07_9"]],["沉淀舱液位(左)","0KA","m",["Q06_0","Q07_15"]],["沉淀舱液位(右)","0KE","m",["Q07_14","Q07_13"]],["储存舱液位(左)","0K5","m",["Q07_8"]],["储存舱容量(左)","0ez","m³"],["储存舱液位(右)","0K6","m",["Q07_7"]],["储存舱容量(右)","0f0","m³"]]
			let rycWt = [["日用舱液位","0KB","m",["Q06_2","Q06_1"]],["日用舱温度(右)","0KW","℃"],["沉淀舱液位","0KC","m",["Q06_4","Q06_3"]],["沉淀舱温度(右)","0KV","℃"],["储存舱液位(左)","0K1","m",["Q06_6"]],["储存舱温度(左)","0KX","℃"],["储存舱容量(左)","0ep","m³"],["储存舱液位(右)","0K2","m",["Q06_5"]],["储存舱温度(右)","0KY","℃"],["储存舱容量(左)","0eq","m³"]];
			var wlpWd = [["进口","00b"],["出口","00e"], ["进口(上)","00c"],["进口(下)","00d"]];
			var gwsWd = [["进机","00h"],["出机","00i"], ["出机温度过高","00j"]];
			var allSwit = [['死人系统报警',"Q04_9_2"],['紫外线消毒器公共报警',"Q05_0"],['同步屏PMS综合故障',"Q03_9"],['防海生物系统公共报警',"Q09_15"],['主配-主汇流排电压高报警',"Q0F_4"],['主配-主汇流排电压低报警',"Q0F_3"],['主配-主汇流排频率高报警',"Q0F_2"],['主配-主汇流排频率低报警',"Q0F_1"],['主配-自动卸载失败报警',"Q0F_0"],['主配-应急切断电源故障报警',"Q0G_15"],
						  ['主配-应急切断线路断线报警',"Q0G_14"],['主配-DC24V电源故障报警',"Q0G_13"],['主配-AC380V绝缘低报警',"Q0G_12"],['主配-AC220V绝缘低报警',"Q0G_11"],['应配-电板DC24V电源故障',"Q02_1"],['应配-电板AC400V绝缘低报警',"Q02_0"],['应配-电板AC220V绝缘低报警',"Q03_15"],['应配-电板应急停止电源故障',"Q03_14"],['应配-电板公共故障',"Q03_13"],['应配-电板应急停止线路断开',"Q03_12"]];
			var allSwit1 = [['齿轮箱正车压力低报警',"Q08_10"],['齿轮箱倒车压力低报警',"Q08_9"],['齿轮箱工作油压力低报警',"Q08_4"],['齿轮箱润滑油压力低报警',"Q08_8"],['齿轮箱压差报警',"Q08_7"],['齿轮箱滑油温度高报警',"Q08_6"],['齿轮箱滑油备用泵启动',"Q0G_3"],['齿轮箱滑油压力过低',"Q0I_1"],['1#压缩机运行指示信号',"Q00_6_1"],["1#压缩机异常","Q00_5"],["2#压缩机运行指示信号","Q00_4_1"],
						  ["2#压缩机异常","Q00_3"],["1号主空压机公共报警","Q06_15_2"],["2号主空压机公共报警","Q06_14_2"],["3号主空压机公共报警","Q06_13_2"],["生活污水处理装置公共报警","Q06_12"],["生活污水处理装置运行指示","Q06_11_1"],["生活污水处理装置溢流报警","Q06_10"],["水手长舱室(左)液位高报警","Q03_3"],["水手长舱室(右)液位高报警","Q03_2"]];
			var allSwit2 = [["LTS3主电源故障","Q0K_7"],["LTS3辅电源故障","Q0K_6"],["LTS5主电源故障","Q0K_5"],["LTS5辅电源故障","Q0K_4"],["NO.1 BMS 无关联","Q0K_3"],["NO.2 BMS 无关联","Q0K_2"],["N0.1 BMS 压力低","Q0K_1"],["N0.2 BMS 压力低","Q0K_0"],["N0.1 PI 无关联","Q0L_15"],["N0.2 PI 无关联","Q0L_14"],["N0.3 PI 无关联","Q0L_13"]];
			var allSwit3 = [["LTS15主电源故障","Q03_15"],["LTS15辅电源故障","Q03_14"],["液压单元公共报警","Q0L_10"],["液压单元主电机故障","Q0L_9"],["液压单元备用电机故障","Q0L_8"],["液压单元压力低报警","Q0L_7"],["液压单元油温度高","Q0L_6"],["液压单元反过滤器锁定","Q0L_5"],["液压单元液位低报警","Q0L_3"],["液压单元液位低低报警","Q0L_3"],["液压单元电源故障","Q0L_2"]];
			var allSwit4 = [["燃油锅炉综合故障","Q05_14"],["燃油锅炉正常燃烧运行","Q05_13_1"],["燃油锅炉1#水泵运行","Q05_12_1"],["燃油锅炉2#水泵运行","Q05_11_1"],["燃油锅炉1#油泵运行","Q05_10_1"],["燃油锅炉2#油泵运行","Q05_9_1"],["燃油锅炉燃烧器运行","Q05_8_1"],["燃油锅炉电源故障","Q05_7"],["组合锅炉综合故障","Q05_6"],["组合锅炉正常燃烧运行","Q05_5_1"],["组合锅炉1#水泵运行","Q05_4_1"],
							["组合锅炉2#水泵运行","Q05_3_1"],["组合锅炉燃烧器运行","Q05_2_1"],["组合锅炉电源故障","Q05_1"],["组合锅炉柴油日用柜液位高","Q03_6"],["组合锅炉柴油日用柜液位低","Q03_5"],["1#燃油分油机控制箱公共报警","Q04_8"],["1#燃油分油机控制箱运行指示","Q04_7_1"],["2#燃油分油机控制箱公共报警","Q04_6"],["2#燃油分油机控制箱运行指示","Q04_5_1"],["燃油溢流舱液位高报警","Q09_7"],
							["燃油泄放舱液位高报警","Q09_6"],["滑油泄放舱液位高报警","Q09_5"],["油渣舱液位高","Q09_4"]];
			var allSwit5 = [["LTS15主电源故障","Q03_15"],["LTS15辅电源故障","Q03_14"],["液压单元公共报警","Q0L_10"],["液压单元主电机故障","Q0L_9"],["液压单元备用电机故障","Q0L_8"],["液压单元压力低报警","Q0L_7"],["液压单元油温度高","Q0L_6"],["液压单元反过滤器锁定","Q0L_5"],["液压单元液位低报警","Q0L_4"],["液压单元液位低低报警","Q0L_3"],["液压单元电源故障","Q0L_2"]];				
			var allSwit6 = [["主机报警箱主电源失电","Q0I_12"],["主机超速停车","Q0I_14"],["主机紧急停车","Q0I_13"],["主机故障降速","Q0I_6"],["主机故障停车","Q0I_7"],["主机故障降速预报警","Q0I_5"],["主机故障停车预报警","Q0I_4"],["主机报警箱备用电源失电","Q0I_11"],["主机调速器控制箱主电源失电","Q0I_10"],["主机高压燃油管泄漏","Q0I_9"],["主-遥控系统错向报警","Q09_14_2"],
							["主-遥控主电源失电","Q03_11"],["主-遥控应急电源失电","Q03_10"],["1#舵机运行","Q0H_12_1"],["1#舵机动力失电","Q0G_2"],["2#舵机动力失电","Q0G_1"],["1#舵机电源指示","Q0H_14"],["1#舵机油箱液位低","Q0H_10"],["1#舵机油箱油温高","Q0H_8"],["1#舵机电源断相","Q0H_6"],["1#舵机电机过载","Q0H_4"],["1#舵机失油压","Q0H_2"],["1#舵机滤器堵塞","Q0H_0"],
							["2#舵机运行","Q0H_11_1"],["2#舵机控制失电","Q0H_15"],["2#舵机电源指示","Q0H_13"],["2#舵机油箱液位低","Q0H_9"],["2#舵机油箱油温高","Q0H_7"],["2#舵机电源断相","Q0H_5"],["2#舵机电机过载","Q0H_3"],["2#舵机失油压","Q0H_1"],["2#舵机滤器堵塞","Q0I_15"],["舵机舱污水井(左)液位高报警","Q04_15"],["舵机舱污水井(右)液位高报警","Q04_14"],["舵机报警箱综合报警","Q01_1"],
							["充放电板绝缘低","Q01_0"],["充放电板电池低电压","Q02_15"],["充放电板充电器故障","Q02_14"],["充放电板综合报警","Q02_13"],["阴极保护系统公共报警","Q08_0"],["舱底油水分离器运行指示","Q08_3_1"],["舱底油水分离器公共报警","Q08_2"],["舱底油水分离器15PPM 报警","Q08_1"],["舱底水舱液位高报警","Q09_9"]];
			var allSwit7 = [["监测报警1#不间断电源故障","Q00_15"],["监测报警2#不间断电源故障","Q00_14"],["监测报警DC24V电源故障","Q00_13"],["火警系统故障","Q00_12"],["艏侧推系统故障","Q00_10"],["压载水处理系统公共报警","Q00_9"],["艏部锚机报警箱公共报警","Q00_8"],["艉部系泊绞车报警箱公共报警","Q00_7"],["通用报警控制板失电报警","Q00_2"],["机舱报警灯柱电源故障","Q00_1"],
							["机舱艉污水井液位高报警","Q09_13"],["机舱前左污水井液位高报警","Q09_12"],["机舱前右污水井液位高报警","Q09_11"],["机舱空舱液位高报警","Q09_10"],["机舱浸水报警","Q09_8"],["机舱局部水雾消防系统故障","Q01_3"],["机舱局部水雾消防系统火灾报警","Q01_2"],["驱气风机起动器运行","Q00_0_1"],["泵舱抽风机起动器故障报警","Q01_15"],["泵舱抽风机起动器运行信号","Q01_14_1"],
							["405P厨房分电箱低绝缘报警","Q01_13"],["205P厨房分电箱低绝缘报警","Q01_12"],["机舱CO2施放阀开关报警","Q01_10"],["泵舱CO2施放阀开关报警","Q01_9"],["CO2泄漏报警","Q01_8"],["CO2电源故障","Q01_7"],["燃油供油单元粘度异常报警","Q01_6"],["燃油供油单元粘度综合报警","Q01_5"],["燃油供油单元粘度低硫油高温","Q01_4"],["排油监控系统电脑单元综合报警","Q02_12_2"],
							["人员报警系统预报警","Q02_11_2"],["人员报警系统主报警","Q02_10_2"],["氮气系统控制箱综合报警","Q02_9"],["货泵系统遥控台综合报警","Q02_8"],["船到岸ESD先动作","Q02_7"],["岸到船ESD先动作","Q02_6"],["船/岸ESD连接系统公共报警","Q02_5"],["可燃气体探测系统电源故障","Q02_4"],["可燃气体探测系统气体故障","Q02_3"]];
			
			var allSwit8 = [["LTS15主电源故障","Q0K_7"],["LTS15备用电源故障","Q0K_6"],["HPU 公共报警","Q0K_5"],["HPU 主马达故障","Q0K_4"],["HPU 备用马达故障","Q0K_3"],["HPU 压力低报警","Q0K_2"],["HPU 油温高报警","Q0K_1"],["HPU 回滤器闭锁","Q0K_0"],["HPU 液位低报警","Q0L_15"],["HPU 液位过低报警","Q0L_14"],["HPU 失电","Q0L_13"]];
			var allSwit9 = [["NO.1压载泵进口压力高","Q03_15"],["NO.1压载泵出口压力高","Q03_14"],["NO.2压载泵进口压力高","Q0L_10"],["NO.2压载泵出口压力高","Q0L_9"],["NO.1压载泵密封温度高","Q0L_8"],["NO.2压载泵密封温度高","Q0L_7"],["NO.1压载泵进口压力低","Q0L_6"],["NO.1压载泵出口压力低","Q0L_5"],["NO.2压载泵进口压力低","Q0L_3"],["NO.2压载泵出口压力低","Q0L_3"],["NO.1压载泵密封温度低","Q0L_2"],["NO.2压载泵密封温度低","Q0L_1"]];
			
			var allSobj = {"allSwit": allSwit,"allSwit1": allSwit1,"allSwit2":nowSn=="480000001"?allSwit8:allSwit2,"allSwit3":nowSn=="480000001"?allSwit9:allSwit3,"allSwit4": allSwit4,"allSwit5": allSwit5,"allSwit6": allSwit6,"allSwit7": allSwit7};
			var myChart1 = echarts.init(document.getElementById('myChart1'));
			var myChart2 = echarts.init(document.getElementById('myChart2'));
			var myChart3 = echarts.init(document.getElementById('myChart3'));
			
			function setoption1(num,max,snu,txt){
				num = num != undefined&& num != null?num:0;
				$("."+txt).text(num);
				option = {
					series: [
						{
							name: '实时数据',
							min: 0,
							max: max,
							splitNumber: snu,
							type: 'gauge',
							fontSize: 13,
							center: ['50%', '50%'],
							radius: '90%',
							detail: {
								show: false
							},
							data: [{value:isNaN(Number(num,10))?0:num,itemStyle:{color:"#1890ff"}}],
							axisLine: {
								lineStyle: {       
									width: 0
								}
							},
							axisTick: {
								distance: 4,
								lineStyle: {
									color: '#1890ff',
								}
							},
							pointer: {
								width:3,
								length:"50%"
							},
							axisLabel:{
								distance: 4,
								textStyle: {
									color: '#fff',
									fontSize:9
								}
							},
							splitLine: {     
								distance: 4,
								length: 10,         
								lineStyle: {       
									width: 2,
									color: '#1890ff'
								}
							}
						}
					]
				};
				return option;
			}
			function setoption2(_data, _xais){
				option = {
					color: ['#3398DB'],
					grid: {
						top: '10%',
						left: '0%',
						right: '0%',
						bottom: '3%',
						containLabel: true
					},
					xAxis: [{
							type: 'category',
							data: _xais,
							axisTick: {
								alignWithLabel: true
							},
							axisLine: {
								lineStyle: {
									color: '#fff'
								}
							},
							axisLabel: {
								textStyle: {
									fontSize:10,
								}
							}
						}
					],
					yAxis: [{
							type: 'value',
							axisLine: {
								show: false,
							},
							splitLine: {
								lineStyle: {
									color: ['rgba(132, 132, 132, 0.5)']
								}
							},
							axisLabel:{
								formatter: function(){
									return "";
								}
							}
						}
					],
					series: [{
							name: '实时数据',
							type: 'bar',
							barWidth: '20',
							itemStyle:{
								normal: {
									label:{
										color:'#fff'
									},
									color: new echarts.graphic.LinearGradient(
											0, 0, 0, 1,
											[
												{offset: 0, color: '#009dff'},
												{offset: 1, color: '#009dff'}
											]
									)
								}
							},
			
							label: {
								normal: {
									show: true,
									position: 'top',
									color:'#fbbd08',
									formatter: function (params) {
										var index = params.dataIndex;
										return _data[index]
									}
								}
							},
							data: _data
						}
					]
				};
				return option;
			}
			$(document).ready(function(){
				firstData();
			})
			function firstData(){
				awData = {};
				deviceList(function(_obj){
					awData = _obj;
					setVal();
					setGz(0);
					setWlwd();
					setWdT(gwsWd,"#gwsWd","33.33%");
					setCry(cycWt,".cyc_data");
					setCry(rycWt,".ryc_data");
					setSwitch();
					
				})
			}
			function setVal(){
				myChart1.setOption(setoption1(awData["005"], 3000, 8,"speedNum"));
				myChart3.setOption(setoption1(awData["0M5"], 1500, 4,"paRuse"));
				let _sgf = awData["0M6"] == undefined?0 : parseFloat(awData["0M6"]);
				$(".hyTem .temBox").css("backgroundImage",`linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) ${((_sgf/150)*100)}%, #103151 1%)`)
				$(".hyTem ._val").text(_sgf);
				$(".wz_data .icon-cloud-state").eq(0).css("color",getWarm("Q1H_1_3", awData["Q1H"]));
				$(".wz_data .icon-cloud-state").eq(1).css("color",getWarm("Q1H_0_3", awData["Q1H"]));
				$(".wz_data .icon-cloud-state").eq(2).css("color",getWarm("Q1I_1_3", awData["Q1I"]));
				
				$("#uTate").text(awData["time"]);
				$("#hOil_J").text(awData["00Q1"] == undefined?0 : awData["00Q1"]);
				$("#hOil_C").text(awData["00R1"] == undefined?0 : awData["00R1"]);
				$("#rOil_J").text(awData["00K1"] == undefined?0 : awData["00K1"]);
				$("#rOil_C").text(awData["00P1"] == undefined?0 : awData["00P1"]);
				$(".gzy_data ._val").eq(0).text(awData["0M4"] != undefined?awData["0M4"]:0);
				$(".gzy_data ._val").eq(1).text(awData["0M3"] != undefined?awData["0M3"]:0);
				$(".gzy_data ._val").eq(2).text(awData["0MH"] != undefined?awData["0MH"]:0);
				$(".gzy_data ._val").eq(3).text(awData["0M1"] != undefined?awData["0M1"]:0);
				$(".gzy_data ._val").eq(4).text(awData["0M2"] != undefined?awData["0M2"]:0);
				$(".kqp_data ._val").eq(0).text(awData["0V0"] != undefined?awData["0V0"]:0);
				$(".kqp_data ._val").eq(1).text(awData["0V1"] != undefined?awData["0V1"]:0);
				$(".kqp_data ._val").eq(2).text(awData["0V2"] != undefined?awData["0V2"]:0);
				$(".kqp_data ._val").eq(3).text(awData["0V3"] != undefined?awData["0V3"]:0);
				
				let _html = "";
				for(let f=0;f<charCool.length;f++){
					let _nj = charCool[f];
					_html += `<div>
								<div style="flex: 2;">${_nj[0]}</div>
								<div class="_val">${awData[_nj[1]] == undefined?0: awData[_nj[1]]}</div>
								<div>${_nj[2]}</div>
							</div>`
				}
				$(".zy_data>.key_data").html(_html);
			}
			// 涡轮排气温度
			function setWlwd(){
				let _htm = "";
				for(let d=0;d<wlpWd.length;d++){
					let sf = wlpWd[d];
					let _h = awData[sf[1]] != undefined&&!isNaN(Number(awData[sf[1]],10))? parseFloat(awData[sf[1]]): "---"
					_htm += `<div class="text-center margin-tb-sm" style="width: 50%;">
								<div class="flex align-center justify-center">
									<div style="height: 80px;" class="flex flex-direction justify-between text-grey align-end">
										<span>800</span>
										<span>600</span>
										<span>400</span>
										<span>200</span>
										<span>0</span>
									</div>
									<div class="temBox" style="background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) ${(((isNaN(Number(_h,10))?0:_h)/800)*100)}%, #103151 1%);"></div>
								</div>
								<div class="margin-top-xs text-sm">${sf[0]}：<span class="_val">${_h}</span>℃</div>
							</div>`
				}
				$("#wlWd").html(_htm);
			}
			function setWdT(_obj,_name,_w){
				let _strr = "";
				for(let d=0;d<_obj.length;d++){
					let sf = _obj[d];
					let _h = awData[sf[1]] != undefined&&!isNaN(Number(awData[sf[1]],10))? parseFloat(awData[sf[1]]): "---"
					_strr += `<div class="text-center margin-tb-sm" style="width: ${_w};">
								<div class="flex align-center justify-center">
									<div style="height: 80px;" class="flex flex-direction justify-between text-grey align-end">
										<span>150</span>
										<span>100</span>
										<span>50</span>
										<span>0</span>
									</div>
									<div class="temBox" style="background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) ${(((isNaN(Number(_h,10))?0:_h))*100)}%, #103151 1%);"></div>
								</div>
								<div class="margin-top-xs text-sm">${sf[0]}：<span class="_val">${_h}</span>℃</div>
							</div>`
				}
				$(_name).html(_strr);
			}
			// 缸、轴承
			function setGz(num){
				let xais = [],_obj = [], _str = "",_swit = [];
				if(num == 0){
					_str = '1-6#缸排气温度（平均温度：<span class="_val">'+(awData['00v'] != undefined?awData['00v']:0)+'</span>℃）';
					xais = ['1#','2#', '3#', '4#', '5#', '6#'];
					_obj = [awData["00S1"] == undefined?0: awData["00S1"],
						    awData["00T1"] == undefined?0: awData["00T1"],
						    awData["00U1"] == undefined?0: awData["00U1"],
						    awData["00V1"] == undefined?0: awData["00V1"],
						    awData["00W1"] == undefined?0: awData["00W1"],
						    awData["00X1"] == undefined?0: awData["00X1"]];
					_swit = [["1#", "00S1"],["2#", "00T1"],["3#", "00U1"],["4#", "00V1"],["5#", "00W1"],["6#", "00X1"]];
				}else{
					_str = '0-7#主轴承温度（滑油压力：<span class="_val">'+(awData['01M'] != undefined?awData['01M']:0)+'</span>Mpa）';
					xais = ['0#', '1#','2#', '3#', '4#', '5#', '6#', '7#'];
					_obj = [awData["00m"] == undefined?0: awData["00m"],
						    awData["00n"] == undefined?0: awData["00n"],
						    awData["00o"] == undefined?0: awData["00o"],
						    awData["00p"] == undefined?0: awData["00p"],
						    awData["00q"] == undefined?0: awData["00q"],
						    awData["00r"] == undefined?0: awData["00r"],
						    awData["00s"] == undefined?0: awData["00s"],
						    awData["00t"] == undefined?0: awData["00t"]];
					_swit = [["0#", "01R"],["1#", "01S"],["2#", "01T"],["3#", "01U"],["4#", "01V"],["5#", "01W"],["6#", "01X"],["7#", "01Y"]]
				}
				let _htm = "";
				for(let i=0;i<_swit.length;i++){
					let _nj = _swit[i];
					_htm += `<div class="padding-tb-sm brr">
								<div style="color:#fbbd08;">
								${
									awData[_nj[1]] != undefined&&!isNaN(Number(awData[_nj[1]],10))?(num == 0?(parseFloat(awData[_nj[1]]) - (awData["00v"] == undefined?0:parseFloat(awData["00v"]))).toFixed(2)
									:awData[_nj[1]]):"---"
								}
								</div>
								<div>${_nj[0]}</div>
							</div>`
				}
				$("#averAge").html(_str);
				$("#gzSwit").html(_htm);
				$(".setgz .check_").removeClass("check_act");
				$(".setgz .check_").eq(num).addClass("check_act");
				myChart2.setOption(setoption2(_obj, xais));
			}
			function setSwitch(){
				for(let key in allSobj){
					let _obj = allSobj[key];
					let _htm = "";
					for(let i=0;i<_obj.length;i++){
						let _nj = _obj[i];
						_htm += `<div class="padding-tb-sm brr">
									<div class="iconfont icon-cloud-state" style="color: ${getWarm(_nj[1], awData[_nj[1].split('_')[0]])}"></div>
									<div>${_nj[0]}</div>
								</div>`
					}
					$("#"+key).html(_htm);
				}
			}
			// 柴油舱、燃油舱
			
			function setCry(_obj,_name){
				let _html = "";
				for(let f=0;f<_obj.length;f++){
					let _nj = _obj[f];
					_html += `<div>
								<div style="flex: 2;">
									${_nj[3] != undefined&&nowSn!="480000001"?('<span class="text-lg '+(anWarm(_nj[3]))+'">●</span><span>'+_nj[0]+'</span>'):('<span>'+_nj[0]+'</span>')}
								</div>
								<div class="_val">${awData[_nj[1]] == undefined?0: awData[_nj[1]]}</div>
								<div>${_nj[2]}</div>
							</div>`
				}
				$(_name+">.key_data").html(_html);
			}
			function anWarm(_key){
				let _ab = _key[0].split("_");
				let _df = awData[_ab[0]] == undefined?0:awData[_ab[0]].charAt(parseInt(_ab[1]));
				let _ij = "";
				if(_key[1] == undefined){
					if(_df == 1){
						_ij = "text-red";
					}else{
						_ij = "";
					}
				}else{
					let _cb = _key[1].split("_");
					let _eh = awData[_cb[0]] == undefined?0:awData[_cb[0]].charAt(parseInt(_cb[1]));
					if(_df == 0&&_eh==0){
						_ij = "";
					}else if(_df == 1&&_eh==0){
						_ij = "text-red";
					}else if(_df == 0&&_eh==1){
						_ij = "text-orange";
					}
				}
				return _ij
			}
			$(".tabli>div").on("click","",function(){
				$(".tabCont").css("display","none");
				$("."+$(this).attr("name")).css("display","block");
				$(this).addClass("yz_this").siblings().removeClass("yz_this");
				myChart1.resize();
				myChart2.resize();
				myChart3.resize();
			})
			$(".info_li").on("click","",function(){
				let _chi = $(this).find(".icon-right");
				if(_chi.hasClass("show_act")){
					_chi.removeClass("show_act");
					$("."+$(this).data("type")).css("display","none");
				}else{
					_chi.addClass("show_act");
					$("."+$(this).data("type")).css("display","block");
				}
				myChart1.resize();
				myChart2.resize();
				myChart3.resize();
			})
		</script>
	</body>
</html>