wukai
/
twin-web


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/main.css">
	</head>
	<body onclick="$('#imp_item').hide();$('#search_result').html('').hide();$('#search input').val('')">
		<div id="loading_a1"></div>
		<div id="loading">正在加载模型中...</div>
		<div id="top" class="top">
			<div id="autoplayer_btn" title="切换自动漫游" style="cursor: pointer;position: absolute;right: 120px;top: 25px;height: 38px;width: 38px;"><IMG  src="image/auto3d_stop.png"></div>
			<div id="imp_btn" title="导出数据" style="cursor: pointer;position: absolute;right: 65px;top: 25px;height: 38px;width: 38px;"><IMG src="image/imp_icon.png"></div>
			<div title="返回主视图" style="cursor: pointer;position: absolute;right: 10px;top: 25px;height: 38px;width: 38px;text-align: center;" onclick="backMasterView()"><img src="image/view.png"></div>
		</div>
		<div id="imp_item">
			<div itemcode="1"><span>停机原因</span><img src="image/imp2.png" style="float: right;margin-top: 7px;"></div>
			<div itemcode="2"><span>生产效率</span><img src="image/imp2.png" style="float: right;margin-top: 7px;"></div>
			<div itemcode="3"><span>稼动率</span><img src="image/imp2.png" style="float: right;margin-top: 7px;"></div>
			<div itemcode="4"><span>生产趋势</span><img src="image/imp2.png" style="float: right;margin-top: 7px;"></div>
			<div itemcode="5"><span>能耗趋势</span><img src="image/imp2.png" style="float: right;margin-top: 7px;"></div>			
		</div>
		<div id="search"><input type="text" placeholder="请输入设备编号" maxlength="4"><img style="position: absolute;top: 20%;right: 5px;" src="image/search_icon.png" class="search_btn"></div>
		<div id="search_result"></div>
		<!-- 添加呈现的video标签或img标签，并设置必要的css来控制其大小 -->
		<video id="EngineContent" autoplay muted style="width: 1920px;height:1080px;">浏览器不支持</video>
		<!-- <img id="EngineContent"></img> -->
		<div id="dev_state" show="设备状态">
			<div class="title"></div>
			<div class="content">
				<div style="float: left;width: 100%;margin-top: 20px;">
					<div title="设备总数" style="float: left;width: 45%;margin-left: 4%;background: linear-gradient( 89deg, rgba(33,62,117,0.8) 0%, rgba(33,62,117,0) 100%);">
						<img src="image/total_icon.png" style="float: left;width: 58px;">
						<span style="float: left;font-weight: 500;font-size: 15px;color: #9ED1FF;line-height: 22px;text-align: left;width: 60%;margin-left: 5%;">设备总数</span>
						<span id="dev_state_total" style="float: left;font-family: Bebas Neue, Bebas Neue;font-weight: 400;font-size: 30px;line-height: 30px;text-align: left;font-style: normal;text-transform: none;margin-left: 5%;color: #FFFFFF;">130</span>
						<span style="float: left;font-size: 22px;color: #49A8FF;">(台)</span>
					</div>
					<div title="运行数量" style="float: left;width: 45%;margin-left: 4%;background: linear-gradient( 89deg, rgba(33,62,117,0.8) 0%, rgba(33,62,117,0) 100%);">
						<img src="image/total_icon.png" style="float: left;width: 58px;">
						<span style="float: left;font-weight: 500;font-size: 15px;color: #9ED1FF;line-height: 22px;text-align: left;width: 60%;margin-left: 5%;">运行数量</span>
						<span id="dev_state_runtotal" style="float: left;font-family: Bebas Neue, Bebas Neue;font-weight: 400;font-size: 30px;line-height: 30px;text-align: left;font-style: normal;text-transform: none;margin-left: 5%;color: #FFFFFF;">45</span>
						<span style="float: left;font-size: 22px;color: #49A8FF;">(台)</span>
					</div>
				</div>
				<div class="stat" style="float: left;width: 100%;margin-top: 35px;">
					<div title="落米停机数" style="float: left;width: 33%;color: #FFB342;">
						<img src="image/t1.png" style="float: left;width: 40px;">						
						<span class="number" attr="stop6" style="float: left;font-family: Bebas Neue, Bebas Neue;font-weight: 400;font-size: 20px;line-height: 30px;text-align: left;font-style: normal;text-transform: none;margin-left: 1%;">-</span>
						<span style="float: left;font-size: 15px;margin-top: 6px;">(台)</span>
						<span style="float: left;font-weight: 500;font-size: 14px;color: #FFFFFF;line-height: 22px;text-align: left;width: 65%;margin-left: 1%;">落米停机数</span>
					</div>
					<div title="断纱停机数" style="float: left;width: 33%;color: #FFB342;">
						<img src="image/t1.png" style="float: left;width: 40px;">						
						<span class="number" attr="stop2" style="float: left;font-family: Bebas Neue, Bebas Neue;font-weight: 400;font-size: 20px;line-height: 30px;text-align: left;font-style: normal;text-transform: none;margin-left: 1%;color: #FFB342;">-</span>
						<span style="float: left;font-size: 15px;margin-top: 6px;">(台)</span>
						<span style="float: left;font-weight: 500;font-size: 14px;color: #FFFFFF;line-height: 22px;text-align: left;width: 65%;margin-left: 1%;">断纱停机数</span>
					</div>
					<div title="停经片停机数" style="float: left;width: 33%;color: #FFB342;">
						<img src="image/t1.png" style="float: left;width: 40px;">						
						<span class="number" attr="stop1" style="float: left;font-family: Bebas Neue, Bebas Neue;font-weight: 400;font-size: 20px;line-height: 30px;text-align: left;font-style: normal;text-transform: none;margin-left: 1%;color: #FFB342;">-</span>
						<span style="float: left;font-size: 15px;margin-top: 6px;">(台)</span>
						<span style="float: left;font-weight: 500;font-size: 14px;color: #FFFFFF;line-height: 22px;text-align: left;width: 65%;margin-left: 1%;">停经片停机数</span>
					</div>
					<div title="叫料数" style="float: left;width: 33%;margin-top: 15px;color: #FFB342;">
						<img src="image/t1.png" style="float: left;width: 40px;">						
						<span class="number" attr="stop8" style="float: left;font-family: Bebas Neue, Bebas Neue;font-weight: 700;font-size: 22px;line-height: 30px;text-align: left;font-style: normal;text-transform: none;margin-left: 1%;color: red;">-</span>
						<span style="float: left;font-size: 15px;margin-top: 6px;">(台)</span>
						<span style="float: left;font-weight: 500;font-size: 14px;color: #FFFFFF;line-height: 22px;text-align: left;width: 65%;margin-left: 1%;">叫料数</span>
					</div>
					<div title="故障告警数" style="float: left;width: 33%;margin-top: 15px;color: #FFB342;">
						<img src="image/t1.png" style="float: left;width: 40px;">						
						<span class="number" attr="alarm" style="float: left;font-family: Bebas Neue, Bebas Neue;font-weight: 700;font-size: 22px;line-height: 30px;text-align: left;font-style: normal;text-transform: none;margin-left: 1%;color: red;">-</span>
						<span style="float: left;font-size: 15px;margin-top: 6px;">(台)</span>
						<span style="float: left;font-weight: 500;font-size: 14px;color: #FFFFFF;line-height: 22px;text-align: left;width: 65%;margin-left: 1%;">故障告警数</span>
					</div>
				</div>
			</div>
		</div>
		<div id="dev_alarm" show="当前告警" style="color: #ffffff;font-size: 14px;">
			<div class="title">当前无告警</div>
			<div class="content">
				<table style="width: 100%;font-weight: bold;"  cellspacing=0>
						<thead>
							<tr>
								<td style="width: 30%">设备编号</td>
								<td style="width: 70%">告警类型</td>
							</tr>
						</thead>
				</table>
				<div style="max-height: 128px;width: 100%;overflow: hidden;">
					<table id="dev_alarm_list" style="width: 100%;background: rgba(25,57,103,0.3);" cellspacing=0>
						<tbody>
							<tr>
								<td style="width: 30%;color:red">-</td>
								<td style="width: 70%">-</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div style="margin-top: 15px;">
					<div style="text-align: center;"><img src="image/alarm_txt.png"></div>
					<div class="echarts_alarm" id="echarts_alarm" style="height: 122px;width: 100%;">
						
					</div>
				</div>
			</div>
		</div>
		<div id="dev_stop" show="停机原因" style="color: #ffffff;font-size: 14px;">
			<div class="title">当前无机器停机</div>
			<div class="content">
				<div style="margin-top: 15px;">
					<div class="echarts_stop" id="echarts_stop" style="height: 190px;width: 100%;">
						
					</div>
				</div>
			</div>
		</div>
		<div id="dev_xiaolv" show="生产效率" style="color: #ffffff;font-size: 14px;">
			<div class="title"></div>
			<div class="content">
				<div style="">
					<div style="text-align: center;font-size: 16px;margin:16px 0;">今日产量</div>
					<div style="text-align: center;">
						<span style="background: #3D72AF;width: 135px;text-align: center;display: inline-block;height: 32px;line-height: 32px;margin: 0 12px;padding: 5px;"><span id="totay1" style="font-size: 30px">-</span><span style="color: #9ED1FF;font-size: 16px">(米)</span></span>
						<span style="background: #3D72AF;width: 128px;text-align: center;display: inline-block;height: 32px;line-height: 32px;margin: 0 12px;padding: 5px;"><span id="totay2" style="font-size: 30px">-</span><span style="color: #9ED1FF;font-size: 16px">(吨)</span></span>
					</div>
				</div>
				<div style="max-height: 96px;width: 100%;overflow: hidden;margin-top: 25px;">
					<table style="width: 100%;" cellspacing=0>
						<thead>
							<tr>
								<td style="width: 10%">班组</td>
								<td style="width: 25%">生产时间(H)</td>
								<td style="width: 25%">已织造数(米)</td>
								<td style="width: 20%">总重量(T)</td>
								<td style="width: 20%">稼动率(%)</td>
							</tr>
						</thead>
						<tbody>
							<tr id="scxl_a">
								<td style="width: 10%;color: #9ED1FF">A组</td>
								<td style="width: 25%;font-size: 18px;font-weight: bold;">12</td>
								<td style="width: 25%;font-size: 18px;font-weight: bold;">12000</td>
								<td style="width: 20%;font-size: 18px;font-weight: bold;">5.4</td>
								<td style="width: 20%;font-size: 18px;font-weight: bold;">100</td>
							</tr>
							<tr id="scxl_b">
								<td style="width: 10%;color: #9ED1FF">B组</td>
								<td style="width: 25%;font-size: 18px;font-weight: bold;">6</td>
								<td style="width: 25%;font-size: 18px;font-weight: bold;">2000</td>
								<td style="width: 20%;font-size: 18px;font-weight: bold;">1.2</td>
								<td style="width: 20%;font-size: 18px;font-weight: bold;">43</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div id="dev_jiadonglv" show="稼动率周曲线" style="color: #ffffff;font-size: 14px;">
			<div class="title"></div>
			<div class="content">
				<div style="margin-top: 15px;">
					<div class="echarts_jiadonglv" id="echarts_jiadonglv" style="height: 142px;width: 100%;">
						
					</div>
				</div>
			</div>
		</div>	
		<div id="dev_sc_qushi" show="生产趋势" style="color: #ffffff;font-size: 14px;">
			<div class="title"></div>
			<div class="content">
				<div style="margin-top: 15px;">
					<div class="echarts_sc_qushi" id="echarts_sc_qushi" style="height: 142px;width: 100%;">
						
					</div>
				</div>
			</div>
		</div>	
		<div id="dev_used_qushi" show="能耗趋势" style="color: #ffffff;font-size: 14px;">
			<div class="title"></div>
			<div class="content">
				<div style="margin-top: 15px;">
					<div class="echarts_used_qushi" id="echarts_used_qushi" style="height: 142px;width: 100%;">
						
					</div>
				</div>
			</div>
		</div>
		<div id="showinfo" class="showinfo">
			<div class="title">
				<img src="image/title_icon.png" style="margin: 7px;float: left;">
				<span class="text">基本信息</span>
				<img src="image/Close.png" style="margin: 7px;float: right;cursor: pointer;" onclick="HideInfo()">
			</div>
			<div class="content">
				<div>
					<table style="width: 100%;text-align: center;" cellspacing="0" cellpadding="0">
						<tbody>
							<tr><td colspan="10" style="font-size: 20px;font-weight: bold;color: #7d7d7d;padding: 5px 0;">剩余时间</td></tr>
							<tr>
								<td>GB1(分)</td>
								<td rowspan="2" class="td_splitLine"></td>
								<td>GB2(分)</td>
								<td rowspan="2" class="td_splitLine"></td>
								<td>GB3(分)</td>
								<td rowspan="2" class="td_splitLine"></td>
								<td>GB4(分)</td>
								<td rowspan="2" class="td_splitLine"></td>
								<td>GB5(分)</td>
							</tr>
							<tr style="color: #FFFFFF;font-size: 20px;">
								<td>-</td><td>-</td><td>-</td><td>-</td><td>-</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div>
					<table style="width: 100%;text-align: center;" cellspacing="0" cellpadding="0">
						<tbody>
							<tr><td colspan="10" style="font-size: 20px;font-weight: bold;color: #7d7d7d;padding: 5px 0;">盘头剩余周长</td></tr>
							<tr>
								<td>GB1(mm)</td>
								<td rowspan="2" class="td_splitLine"></td>
								<td>GB2(mm)</td>
								<td rowspan="2" class="td_splitLine"></td>
								<td>GB3(mm)</td>
								<td rowspan="2" class="td_splitLine"></td>
								<td>GB4(mm)</td>
								<td rowspan="2" class="td_splitLine"></td>
								<td>GB5(mm)</td>
							</tr>
							<tr style="color: #FFFFFF;font-size: 20px;">
								<td>-</td><td>-</td><td>-</td><td>-</td><td>-</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div>
					<table style="width: 100%;text-align: center;" cellspacing="0" cellpadding="0">
						<tbody>
							<tr><td colspan="10" style="font-size: 20px;font-weight: bold;color: #7d7d7d;padding: 5px 0;">盘头剩余圈数</td></tr>
							<tr>
								<td>GB1(圈)</td>
								<td rowspan="2" class="td_splitLine"></td>
								<td>GB2(圈)</td>
								<td rowspan="2" class="td_splitLine"></td>
								<td>GB3(圈)</td>
								<td rowspan="2" class="td_splitLine"></td>
								<td>GB4(圈)</td>
								<td rowspan="2" class="td_splitLine"></td>
								<td>GB5(圈)</td>
							</tr>
							<tr style="color: #FFFFFF;font-size: 20px;">
								<td>-</td><td>-</td><td>-</td><td>-</td><td>-</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div id="newwin" class="newwin">
			<div class="title"><img src="image/title_icon.png" style="margin: 7px;float: left;"><span class="text"></span><span class="text">#经编机-详细数据</span><img src="image/Close.png" style="margin: 7px;float: right;cursor: pointer;" onclick="CloseWin()"></div>
			<div class="content">
				<div style="text-align: center;"><span  class="btn btn_active" style="margin-left: -220px;">告警</span><span class="btn">产能</span><span class="btn">产线及设备</span><span  class="btn">配方</span><span class="btn">设备履历</span></div>
				<div class="dataContent">
					<div style="padding: 15px;display: none;width: 100%">
						<div class="no_alarm">当前无告警</div>
						<div class="has_alarm"></div>
						<div class="dev_alarm_echarts"></div>
					</div>
					<div style="padding: 15px;width: 100%">
						<div style="float: left;width: 25%;margin-right: 2%;">
							<table cellspacing="0" cellpadding="0">
								<tr style="background-color: #415683;height: 40px;"><td colspan="4">班组生产状态</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="4"></td></tr>
								<tr><td rowspan="2" width="20%">当前产量</td><td rowspan="2" style="color: #817e7e">|</td><td width="20%">A组</td><td style="text-align: right;padding-right: 10px;" width="50%" class="value" attr="Capacity_data_39" unit="米">-</td></tr>
								<tr><td>B组</td><td style="text-align: right;padding-right: 10px;" width="50%" class="value" attr="Capacity_data_44" unit="米">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="4"></td></tr>
								<tr><td rowspan="2" width="20%">开机时间</td><td rowspan="2" style="color: #817e7e">|</td><td width="20%">A组</td><td style="text-align: right;padding-right: 10px;" width="50%" class="value" attr="Capacity_data_37" unit="H">-</td></tr>
								<tr><td>B组</td><td style="text-align: right;padding-right: 10px;" width="50%" class="value" attr="Capacity_data_42" unit="H">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="4"></td></tr>
								<tr><td rowspan="2" width="20%">停机时间</td><td rowspan="2" style="color: #817e7e">|</td><td width="20%">A组</td><td style="text-align: right;    padding-right: 10px;" width="50%" class="value" attr="Capacity_data_38" unit="H">-</td></tr>
								<tr><td>B组</td><td style="text-align: right;padding-right: 10px;" width="50%" class="value" attr="Capacity_data_43" unit="H">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="4"></td></tr>
								<tr><td rowspan="2" width="20%">停机率</td><td rowspan="2" style="color: #817e7e">|</td><td width="20%">A组</td><td style="text-align: right;    padding-right: 10px;" width="50%" class="value" attr="Capacity_data_40" unit="%">-</td></tr>
								<tr><td>B组</td><td style="text-align: right;padding-right: 10px;" width="50%" class="value" attr="Capacity_data_45" unit="%">-</td></tr>
							</table>
						</div>
						<div style="float: left;width: 25%;margin-right: 2%;">
							<table cellspacing="0" cellpadding="0">
								<tr style="background-color: #415683;height: 40px;"><td colspan="3">当前设备生产状态</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 100px"><td>主轴运行转速</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="60%" class="value" attr="Capacity_data_1" unit="转/分钟">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 100px"><td>已织造米数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="60%" class="value" attr="Capacity_data_2" unit="米">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 100px"><td>剩余落布时间</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="60%" class="value" attr="Capacity_data_3" unit="H">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 100px"><td>设定落布米数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="60%" class="value" attr="Capacity_data_4" unit="米">-</td></tr>
							</table>
						</div>
						<div style="float: left;width: 44%;">
							<table cellspacing="0" cellpadding="0">
								<tr style="background-color: #415683;height: 40px;"><td colspan="6">供电</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="6"></td></tr>
								<tr style="height: 80px"><td width="20%">AB相电压监控</td><td style="color: #817e7e">|</td><td width="20%" class="value" attr="Capacity_data_24" unit="U">-</td><td width="20%">C相电流监控</td><td style="color: #817e7e">|</td><td width="20%" style="text-align: right;padding-right: 10px;" class="value" attr="Capacity_data_29" unit="V">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="6"></td></tr>
								<tr style="height: 80px"><td width="20%">BC相电压监控</td><td style="color: #817e7e">|</td><td width="20%" class="value" attr="Capacity_data_25" unit="U">-</td><td width="20%">A相功率监控</td><td style="color: #817e7e">|</td><td width="20%" style="text-align: right;padding-right: 10px;" class="value" attr="Capacity_data_30" unit="W">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="6"></td></tr>
								<tr style="height: 80px"><td width="20%">AC相电压监控</td><td style="color: #817e7e">|</td><td width="20%" class="value" attr="Capacity_data_26" unit="U">-</td><td width="20%">B相功率监控</td><td style="color: #817e7e">|</td><td width="20%" style="text-align: right;padding-right: 10px;" class="value" attr="Capacity_data_31" unit="W">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="6"></td></tr>
								<tr style="height: 80px"><td width="20%">A相电流监控</td><td style="color: #817e7e">|</td><td width="20%" class="value" attr="Capacity_data_27" unit="V">-</td><td width="20%">C相功率监控</td><td style="color: #817e7e">|</td><td width="20%" style="text-align: right;padding-right: 10px;" class="value" attr="Capacity_data_32" unit="W">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="6"></td></tr>
								<tr style="height: 80px"><td width="20%">B相电流监控</td><td style="color: #817e7e">|</td><td width="20%" class="value" attr="Capacity_data_28" unit="V">-</td><td width="20%">总功率监控</td><td style="color: #817e7e">|</td><td width="20%" style="text-align: right;padding-right: 10px;" class="value" attr="Capacity_data_33" unit="W">-</td></tr>
							</table>
						</div>
					</div>
					<div style="padding: 15px;display: none;width: 100%">
						<div style="float: left;width: 23%;margin-right: 2%;">
							<table cellspacing="0" cellpadding="0">
								<tr style="height: 60px"><td>断纱检测开关</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="Capacity_data_46" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>断纱检测延时</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="Capacity_data_47" unit="s">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>牵拉罗拉辊周长</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_15" unit="mm">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>卷曲罗拉辊周长</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_16" unit="mm">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>主电机额定转速</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_38" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>主电机额定频率</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_39" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>电机传动比</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_40" unit="">-</td></tr>
							</table>
						</div>
						<div style="float: left;width: 23%;margin-right: 2%;">
							<table cellspacing="0" cellpadding="0">
								<tr style="height: 60px"><td>GB1减速机减速比</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_17" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>GB2减速机减速比</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_18" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>GB3减速机减速比</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_19" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>GB4减速机减速比</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_20" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>GB5减速机减速比</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_21" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>牵拉减速机减速比</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_22" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>卷曲减速机减速比</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_23" unit="">-</td></tr>
							</table>
						</div>
						<div style="float: left;width: 23%;margin-right: 2%;">
							<table cellspacing="0" cellpadding="0">
								<tr style="height: 60px"><td>GB1被动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_24" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>GB2被动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_25" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>GB3被动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_26" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>GB4被动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_27" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>GB5被动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_28" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>牵拉被动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_29" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>卷曲被动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_30" unit="">-</td></tr>
							</table>
						</div>
						<div style="float: left;width: 23%;margin-right: 2%;">
							<table cellspacing="0" cellpadding="0">
								<tr style="height: 60px"><td>GB1主动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_31" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>GB2主动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_32" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>GB3主动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_33" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>GB4主动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_34" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>GB5主动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_35" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>牵拉主动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_36" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 60px"><td>卷曲主动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_37" unit="">-</td></tr>
							</table>
						</div>
					</div>
					<div style="padding: 15px;display: none;width: 100%">
						<div style="float: left;width: 23%;margin-right: 2%;">
							<table cellspacing="0" cellpadding="0">
								<tr style="height: 48px"><td>配方号</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="40%" class="value" attr="Capacity_data_46" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>机台号</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="40%" class="value" attr="Capacity_data_47" unit="">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>米克重</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="40%" class="value" attr="System_data_15" unit="g/米">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>L1、L5纱线规格D</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="40%" class="value" attr="System_data_16" unit="D">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>L2、L4纱线规格D</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="40%" class="value" attr="System_data_38" unit="D">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>L3纱线规格D</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="40%" class="value" attr="System_data_39" unit="D">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>L1、L5纱线规格F</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="40%" class="value" attr="System_data_40" unit="F">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>L2、L4纱线规格F</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="40%" class="value" attr="System_data_40" unit="F">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>L3纱线规格F</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="40%" class="value" attr="System_data_40" unit="F">-</td></tr>
							</table>
						</div>
						<div style="float: left;width: 23%;margin-right: 2%;">
							<table cellspacing="0" cellpadding="0">
								<tr style="height: 48px"><td>L1、L5盘头根数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_17" unit="根">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>L2、L4盘头根数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_18" unit="根">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>L3盘头根数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_19" unit="根">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>卷曲幅宽</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_20" unit="m">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>下布长度</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_21" unit="m">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>毛高</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_22" unit="m">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>成片长</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_23" unit="m">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>成品宽</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_23" unit="m">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>成品重</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_23" unit="kg">-</td></tr>
							</table>
						</div>
						<div style="float: left;width: 23%;margin-right: 2%;">
							<table cellspacing="0" cellpadding="0">
								<tr style="height: 48px"><td>GB1送经量</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_24" unit="mm/腊克">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>GB2送经量</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_25" unit="mm/腊克">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>GB3送经量</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_26" unit="mm/腊克">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>GB4送经量</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_27" unit="mm/腊克">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>GB5送经量</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_28" unit="mm/腊克">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>奉拉密度</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_29" unit="r/cm">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>卷曲张力系数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_30" unit="%">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>GB1盘头最大圈数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_30" unit="r">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>GB2盘头最大圈数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_30" unit="r">-</td></tr>
							</table>
						</div>
						<div style="float: left;width: 23%;margin-right: 2%;">
							<table cellspacing="0" cellpadding="0">
								<tr style="height: 48px"><td>GB3盘头最大圈数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_31" unit="r">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>GB4盘头最大圈数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_32" unit="r">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>GB5盘头最大圈数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_33" unit="r">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>GB1盘头最大外周长</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_34" unit="mm">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>GB2盘头最大外周长</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_35" unit="mm">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>GB3盘头最大外周长</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_36" unit="mm">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>GB4盘头最大外周长</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_37" unit="mm">-</td></tr>
								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
								<tr style="height: 48px"><td>GB5盘头最大外周长</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_37" unit="mm">-</td></tr>
							</table>
						</div>
					</div>
					<div style="padding: 15px;display: none;width: 100%">
						<img src="image/dev_log.png" style="width: 1300px;height: 459px;display: none;">
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
		<!-- 引入qwebchannel.js、Player.js、PlayerUtils.js -->
		<script type="text/javascript" src="jquery-3.4.1.js"></script>
		<script type="text/javascript" src="echarts.min.js"></script>
		<script src="qwebchannel.js"></script>
		<script src="global.js"></script>
		<script src="Player.js"></script>
		<script src="PlayerUtils.js"></script>
		<script src="lottie.min.js"></script>
		<script src="Loading.json.js"></script>
		<script src="animation.js"></script>
		<!--本地模拟测试数据，正式部署时需删除该2个js
		<script src="test-data.js"></script>
		<script src="device-data.js"></script>
		-->

		<script>
			lottie.loadAnimation({
		      // 选取一个容器，用于渲染动画
		      container: $("#loading_a1")[0],
		      // 定义JSON文件路径
		      animationData : lottiedata,
		      // 是否循环播放
		      loop: true,
		      // 渲染的格式svg/canvas/html，svg性能更优，兼容性更好
		      renderer: "svg",
		    });		    
			var sam0023;
			var modelsMap={}			
			var MODEL_LOADED = 0; //模型是否加载完成
			var ALARM_DEVS = []; //未提醒的告警设备，将在模型加载完成时提醒
			var LoadServerDataTimer=null;
			var DataFill={
				devStopAutoLoadTimter:null,//停机原因自动切计时器
				devAlarmAutoLoadTimter:null,//告警自动切计时器
				AlarmData:null,
				AlarmType:{
					"1":"GB1伺服通讯故障",
					"2":"GB2伺服通讯故障",
					"3":"GB3伺服通讯故障",
					"4":"GB4伺服通讯故障",
					"5":"GB5伺服通讯故障",
					"6":"牵引伺服通讯故障",
					"7":"卷曲伺服通讯故障",
					"8":"断纱故障",
					"9":"电源故障",
					"10":"联动未完全啮合",
					"11":"米长到达",
					"12":"GB1剩余圈数报警",
					"13":"GB2剩余圈数报警",
					"14":"GB3剩余圈数报警",
					"15":"GB4剩余圈数报警",
					"16":"GB5剩余圈数报警",
					"17":"主轴变频掉线",
					"18":"主轴变频故障",
					"19":"GB1伺服故障",
					"20":"GB2伺服故障",
					"21":"GB3伺服故障",
					"22":"GB4伺服故障",
					"23":"GB5伺服故障",
					"24":"牵引伺服故障",
					"25":"卷曲伺服故障",
					"26":"拍照自停",
					"27":"CCD位置报警信息显示",
				},
				//停机原因类型
				StopType:{
					"stop1":"停经片停机",
					"stop2":"CCD停机",
					"stop3":"人工停机",
					"stop4":"断电停机",
					"stop5":"设备故障停机",
					"stop6":"落布米数达到停机",
					"stop7":"盘头剩余圈数达到停机",
				},
				//告警设备列表数据
				AlarmTable:function(data){
					this.AlarmData = data;
					var t = $("#dev_alarm_list>tbody").html("")
					if(data==null || data.length==0){
						$("#dev_alarm .content").hide();
						$("#dev_alarm .title").html("当前无告警");
						return
					}
					$("#dev_alarm .title").html("");
					$("#dev_alarm .content").show(); 
					var tpl='<tr style="font-weight:bold" devno="{1}"><td style="width: 30%;">{1}#</td><td style="width: 70%;color:{COLOR}">{2}</td></tr>';
					var lst=[];
					for (var i = 0; i < data.length; i++) {
						var color = "rgb(206,161,94)" //默认告警文本颜色
						var typeName = this.AlarmType[data[i]["type"]];
						if(typeName.indexOf("故障")>-1) color="rgb(195,70,76)" //红色提醒
						lst.push(tpl.replace(/\{1\}/gi,data[i]["code"].replace(/C_/g,"")).replace(/\{2\}/g,typeName).replace('{COLOR}',color))
						if(MODEL_LOADED==1){
							//机器告警提示
							ChangeModelColor(data[i]["code"],DEV_ALAR_COLOR,this.AlarmType[data[i]["type"]])
						}else{
							//记录下来，等待模型加载完成时处理
							ALARM_DEVS.push(data[i]["code"]+">"+this.AlarmType[data[i]["type"]])
						}
					}
					t.html(lst.join(''))
					t.find("tr").off().on('click',function(){
						//点击告警行
						var devno = $.trim($(this).attr('devno'))
						if(devno=='') return;
						ShowInfo("C_"+devno)
					});
					var tb = $("#dev_alarm_list");
					if(tb.height()>tb.parent().height()){
						if(this.devAlarmAutoLoadTimter!=null) {
							clearInterval(this.devAlarmAutoLoadTimter);
						}
						tb.css({"top":"0px","position":"relative"});
						this.devAlarmAutoLoadTimter=window.setInterval(function(){
							var tb = $("#dev_alarm_list");
							var tbtop = tb.css("top").replace("px","")*1;							
							if(Math.abs(tbtop)>=(tb.height()-32)){
								tb.css("top","0px");
							}else{
								tb.css("top",(tbtop-32)+"px");
							}
						},3000);
					}else{
						clearInterval(this.devAlarmAutoLoadTimter)
						tb.css("top","0px");
					}
				},
				//告警趋势数据填充
				AlarmLine:function(data){
					//只获取数据中的alarm数据
					var t =$("#echarts_alarm");
					var alarmWeek=[];
					var times=[];
					var v_series=[];
					for (var i = 0; i < data.length; i++) {
						var v = data[i]['alarm'];
						var tv = data[i]['time'].split("-")
						times.push(tv[1]+"-"+tv[2])
						if(v!=null)	alarmWeek.push(v)
					}
					if(alarmWeek.length==0){
						t.parent().hide();
					}else{
						v_series.push({
		        			name:"",
						    type:'line',
						    smooth: true,
						    //symbol: 'none',
						    data:alarmWeek,
						    itemStyle: {
				                normal: {
				                    color: '#F0F275', // 这里设置折线的颜色
				                    lineStyle: {
				                        color: '#F0F27560' // 这里同时设置线头的颜色
				                    }
				                }
				            },						    
		        		});
						var opt={
		        				title: {
		        					show:false, //不显示标题
							        text: '',
							        textStyle:{
							        	color:"rgb(89, 151, 229)",
							        	fontWeight:"bold"
							        },
							        top:"0px",
							        left:"30px"
							    },
							    tooltip: {
							        trigger: 'axis'
							    },
							    legend: {
							    	show:false, //不显示图例
							    	inactiveColor:"#04417A",
							        data:"",
							        textStyle:{color:"#fff"},
							        top:"0px"
							    },
							    grid: {
							        left: '1%',
							        right: '1%',
							        bottom: '2%',	
							        top:'5%',						        
							        containLabel: true
							    },
							    xAxis: {
							        type: 'category',
							        boundaryGap: false,
							        axisLabel:{
							        	rotate:45,
							        	color:"#fff"
							        },
							        data: times
							    },
							    yAxis: {
							        type: 'value',
							        nameTextStyle:{
							        	color:"#fff"
							        },
							        axisLabel:{
							        	color:"rgb(203,215,235)"
							        },
							        splitLine:{
							        	lineStyle:{
							        		color:"#7DA7CD",
							        		type:"dashed",
							        		width:1
							        	}
							        }
							    },
							    series:v_series
		        			};
		        		var echartsEle = echarts.init(t[0]);
		        		echartsEle.setOption(opt);
					}
					//动态设置停机原因的top
					$("#dev_stop").css("top",($("#dev_alarm").offset().top*1+$("#dev_alarm").height()+15)+"px");
				},
				DevInfo:function(data){
					$("#dev_state_total").html(data.total);
					$("#dev_state_runtotal").html(data.online);
					$("#dev_state .content .stat .number").each(function(){
						var attr=$(this).attr("attr");
						$(this).html(data[attr])
					})
				},
				StopLine:function(data,typecode){
					var t=$("#dev_stop");
					var week={"stop1A":[],"stop2A":[],"stop3A":[],"stop1B":[],"stop2B":[],"stop3B":[]};
					var times=[];
					var v_series=[];
					for (var i = 0; i < data.length; i++) {						
						var tv = data[i]['time'].split("-")
						times.push(tv[1]+"-"+tv[2])
						for(var k1 in week){
							week[k1].push(data[i][k1])
						}										
					}
					if((week.stop1A.length+week.stop2A.length+week.stop3A.length+week.stop1B.length+week.stop2B.length+week.stop3B.length)==0){
						t.find(".content").hide();
						t.find(".title").html("无机器停机");
						$("#echarts_stop").html("");
						return;
					}
					t.find(".content").show();
					t.find(".title").html("");
					var option = {
						title: {
							show:false,
							text: '',
							left: 'center',
							top: '1%',
							bottom:'0'
						},
						color: ["#37A2DA", "#32C5E9", "#67E0E3", "#9FE6B8", ],

						tooltip: {
							trigger: 'axis'
						},
						legend: {
							data: ['停经片A班', 'CCD断纱A班', '人工停机A班','停经片B班', 'CCD断纱B班', '人工停机B班',],
							button:'5%',
							textStyle:{color:"#fff"},
							top:"0",
						},
						grid: {
							containLabel: true,
							top: '25%',
							bottom:'0',
							right:'1%',
							left:'1%'
						},
						xAxis: [{
							type: 'category',
							boundaryGap: true,
							data: times,
							axisLabel:{
							    rotate:45,
							    color:"#fff"
							},
		                    axisPointer: {snap: false}
						}],
						yAxis: [{
							type: 'value',
		                    axisPointer: {snap: false},
		                    axisLabel:{
							    color:"rgb(203,215,235)"
							},
							splitLine:{
							    lineStyle:{
							        		color:"#7DA7CD",
							        		type:"dashed",
							        		width:1
							    }
							}
						}],
						series: [{
							name: '停经片A班',
							type: 'bar',
		                    barWidth: 5,
							stack: 'jp',
							data: week.stop1A
						}, {
							name: '停经片B班',
							type: 'bar',
							stack: 'jp',
							data: week.stop2A
						},{
							name: 'CCD断纱A班',
							type: 'bar',
		                    barWidth: 5,
							stack: 'ccd',
							data: week.stop3A
						}, {
							name: 'CCD断纱B班',
							type: 'bar',
							stack: 'ccd',
							data: week.stop1B
						},{
							name: '人工停机A班',
							type: 'bar',
		                    barWidth: 5,
							stack: 'r',
							data: week.stop2B
						}, {
							name: '人工停机B班',
							type: 'bar',
							stack: 'r',
							data: week.stop3B
						}]
					};
		        	var echartsEle = echarts.init($("#echarts_stop")[0]);
		        	echartsEle.setOption(option);					
				},
				LoadSCXL:function(data){
					//生产效率	
					$("#totay1").html(data.totalLength.toFixed(2))
					$("#totay2").html(data.totalWeight.toFixed(2))
					$("#scxl_a>td:eq(1)").html(data.atime.toFixed(2))
					$("#scxl_a>td:eq(2)").html(data.alength.toFixed(2))
					$("#scxl_a>td:eq(3)").html(data.aweight.toFixed(2))
					$("#scxl_a>td:eq(4)").html(data.aefficiency.toFixed(2))
					$("#scxl_b>td:eq(1)").html(data.btime.toFixed(2))
					$("#scxl_b>td:eq(2)").html(data.blength.toFixed(2))
					$("#scxl_b>td:eq(3)").html(data.bweight.toFixed(2))
					$("#scxl_b>td:eq(4)").html(data.befficiency.toFixed(2))

				},
				LoadJDL:function(data){
					//稼动率
					//获取数据中efficiency、aefficiency、befficiency
					var t = $("#echarts_jiadonglv")
					var week_efficiency=[];
					var week_aefficiency=[];
					var week_befficiency=[];
					var times=[];
					var v_series=[];
					for (var i = 0; i < data.length; i++) {
						var v = data[i]['efficiency'];
						var tv = data[i]['time'].split("-")
						times.push(tv[1]+"-"+tv[2])
						if(v!=null)	week_efficiency.push(v);
						week_aefficiency.push(data[i]['aefficiency'])
						week_befficiency.push(data[i]['befficiency'])
					}
					if(week_efficiency.length==0){
						return
					}
					v_series.push({name:"总稼动率",type:'line',smooth: true, //symbol: 'none',
						    data:week_efficiency,itemStyle: {
				                normal: {color: '#F0F275', // 这里设置折线的颜色
				                    lineStyle: {color: '#F0F275' // 这里同时设置线头的颜色
				                    }
				                }
				            },						    
		        	});
		        	v_series.push({name:"A组稼动率",type:'line',smooth: true, //symbol: 'none',
						    data:week_aefficiency,itemStyle: {
				                normal: {color: '#1EFFFF', // 这里设置折线的颜色
				                    lineStyle: {color: '#1EFFFF' // 这里同时设置线头的颜色
				                    }
				                }
				            },						    
		        	});
		        	v_series.push({name:"B组稼动率",type:'line',smooth: true, //symbol: 'none',
						    data:week_befficiency,itemStyle: {
				                normal: {color: '#295589', // 这里设置折线的颜色
				                    lineStyle: {color: '#295589' // 这里同时设置线头的颜色
				                    }
				                }
				            },						    
		        	});
					var opt={
		        				title: {
		        					show:false, //不显示标题
							        text: '',
							        textStyle:{
							        	color:"rgb(89, 151, 229)",
							        	fontWeight:"bold"
							        },
							        top:"0px",
							        left:"30px"
							    },
							    tooltip: {
							        trigger: 'axis'
							    },
							    legend: {
							    	show:true, //不显示图例
							    	inactiveColor:"#04417A",
							        data:"",
							        textStyle:{color:"#fff"},
							        top:"5",							        
							    },
							    grid: {
							        left: '3%',
							        right: '1%',
							        bottom: '0',	
							        top:'25%',						        
							        containLabel: true
							    },
							    xAxis: {
							        type: 'category',
							        boundaryGap: false,
							        axisLabel:{
							        	rotate:45,
							        	color:"#fff"
							        },
							        data: times
							    },
							    yAxis: {
							        type: 'value',
							        nameTextStyle:{
							        	color:"#fff"
							        },
							        axisLabel:{
							        	color:"rgb(203,215,235)"
							        },
							        splitLine:{
							        	lineStyle:{
							        		color:"#7DA7CD",
							        		type:"dashed",
							        		width:1
							        	}
							        }
							    },
							    series:v_series
		        	};
		        	var echartsEle = echarts.init(t[0]);
		        	echartsEle.setOption(opt);
				},
				LoadSCLine:function(data){
					//生产趋势
					//获取数据中weight、aweight、bweight
					var t = $("#echarts_sc_qushi")
					var week_efficiency=[];
					var week_aefficiency=[];
					var week_befficiency=[];
					var times=[];
					var v_series=[];
					for (var i = 0; i < data.length; i++) {
						var v = data[i]['weight'];
						var tv = data[i]['time'].split("-")
						times.push(tv[1]+"-"+tv[2])
						if(v!=null)	week_efficiency.push(v);
						week_aefficiency.push(data[i]['aweight'])
						week_befficiency.push(data[i]['bweight'])
					}
					if(week_efficiency.length==0){
						return
					}
					v_series.push({name:"总重量",type:'line',smooth: false, //symbol: 'none',
						    data:week_efficiency,itemStyle: {
				                normal: {color: '#F0F275', // 这里设置折线的颜色
				                    lineStyle: {color: '#F0F275' // 这里同时设置线头的颜色
				                    }
				                }
				            },						    
		        	});
		        	v_series.push({name:"A组重量",type:'bar',stack:'1',smooth: true, //symbol: 'none',
						    data:week_aefficiency,itemStyle: {
				                normal: {color: '#1EFFFF', // 这里设置折线的颜色
				                    lineStyle: {color: '#1EFFFF' // 这里同时设置线头的颜色
				                    }
				                }
				            },	
				            barWidth:"15",	
				            itemStyle: {
					            color: new echarts.graphic.LinearGradient(
					                0, 0, 0, 1, // 这四个参数分别表示渐变的起点 (x1, y1) 与终点 (x2, y2)
					                [
					                    {offset: 0, color: '#1EFFFF'},   // 0% 处的颜色
					                    {offset: 1, color: '#1D7777'}   // 100% 处的颜色
					                ]
					            )
					        }				    
		        	});
		        	v_series.push({name:"B组重量",type:'bar',stack:'1',smooth: true, //symbol: 'none',
						    data:week_befficiency,itemStyle: {
				                normal: {color: '#295589', // 这里设置折线的颜色
				                    lineStyle: {color: '#295589' // 这里同时设置线头的颜色
				                    }
				                }
				            },	
				            barWidth:"15",	
				            itemStyle: {
				            	barBorderRadius: [3,3,0,0,],
					            color: new echarts.graphic.LinearGradient(
					                0, 0, 0, 1, // 这四个参数分别表示渐变的起点 (x1, y1) 与终点 (x2, y2)
					                [
					                    {offset: 0, color: '#32A9FF'},   // 0% 处的颜色
					                    {offset: 1, color: '#2B5A7C'}   // 100% 处的颜色
					                ]
					            )
					        }				    
		        	});
					var opt={
		        				title: {
		        					show:false, //不显示标题
							        text: '',
							        textStyle:{
							        	color:"rgb(89, 151, 229)",
							        	fontWeight:"bold"
							        },
							        top:"0px",
							        left:"30px"
							    },
							    tooltip: {
							        trigger: 'axis'
							    },
							    legend: {
							    	show:true, //不显示图例
							    	inactiveColor:"#04417A",
							        data:"",
							        textStyle:{color:"#fff"},
							        top:"5",							        
							    },
							    tooltip: {
									trigger: 'axis',
									axisPointer: {
										label: {
											show: true,
											backgroundColor: '#fff',
											color: '#556677',
											borderColor: 'rgba(0,0,0,0)',
											shadowColor: 'rgba(0,0,0,0)',
											shadowOffsetY: 0
										},
										lineStyle: {
											width: 0
										}
									},
									backgroundColor: '#fff',
									textStyle: {
										color: '#5c6c7c'
									},
									padding: [10, 10],
									extraCssText: 'box-shadow: 1px 0 2px 0 rgba(163,163,163,0.5)'
								},
							    grid: {
							        left: '3%',
							        right: '1%',
							        bottom: '0',	
							        top:'25%',						        
							        containLabel: true
							    },
							    xAxis: {
							        type: 'category',
							        boundaryGap: false,
							        axisLabel:{
							        	rotate:45,
							        	color:"#fff"
							        },
							        data: times
							    },
							    yAxis: {
							        type: 'value',
							        nameTextStyle:{
							        	color:"#fff"
							        },
							        axisLabel:{
							        	color:"rgb(203,215,235)"
							        },
							        splitLine:{
							        	lineStyle:{
							        		color:"#7DA7CD",
							        		type:"dashed",
							        		width:1
							        	}
							        }
							    },
							    series:v_series
		        	};
		        	var echartsEle = echarts.init(t[0]);
		        	echartsEle.setOption(opt);
				},
				LoadUsedLine:function(data){
					//能耗趋势
					//获取数据中kwh、akwh、bkwh
					var t = $("#echarts_used_qushi")
					var week_efficiency=[];
					var week_aefficiency=[];
					var week_befficiency=[];
					var times=[];
					var v_series=[];
					for (var i = 0; i < data.length; i++) {
						var v = data[i]['kwh'];
						var tv = data[i]['time'].split("-")
						times.push(tv[1]+"-"+tv[2])
						if(v!=null)	week_efficiency.push(v);
						week_aefficiency.push(data[i]['akwh'])
						week_befficiency.push(data[i]['bkwh'])
					}
					if(week_efficiency.length==0){
						return
					}
					v_series.push({name:"总电量",type:'line',smooth: true, //symbol: 'none',
						    data:week_efficiency,itemStyle: {
				                normal: {color: '#F0F275', // 这里设置折线的颜色
				                    lineStyle: {color: '#F0F275' // 这里同时设置线头的颜色
				                    }
				                }
				            },						    
		        	});
		        	v_series.push({name:"A组电量",type:'line',smooth: true, //symbol: 'none',
						    data:week_aefficiency,itemStyle: {
				                normal: {color: '#1EFFFF', // 这里设置折线的颜色
				                    lineStyle: {color: '#1EFFFF' // 这里同时设置线头的颜色
				                    }
				                }
				            },						    
		        	});
		        	v_series.push({name:"B组电量",type:'line',smooth: true, //symbol: 'none',
						    data:week_befficiency,itemStyle: {
				                normal: {color: '#295589', // 这里设置折线的颜色
				                    lineStyle: {color: '#295589' // 这里同时设置线头的颜色
				                    }
				                }
				            },						    
		        	});
					var opt={
		        				title: {
		        					show:false, //不显示标题
							        text: '',
							        textStyle:{
							        	color:"rgb(89, 151, 229)",
							        	fontWeight:"bold"
							        },
							        top:"0px",
							        left:"30px"
							    },
							    tooltip: {
							        trigger: 'axis'
							    },
							    legend: {
							    	show:true, //不显示图例
							    	inactiveColor:"#04417A",
							        data:"",
							        textStyle:{color:"#fff"},
							        top:"5",							        
							    },
							    grid: {
							        left: '3%',
							        right: '1%',
							        bottom: '0',	
							        top:'25%',						        
							        containLabel: true
							    },
							    xAxis: {
							        type: 'category',
							        boundaryGap: false,
							        axisLabel:{
							        	rotate:45,
							        	color:"#fff"
							        },
							        data: times
							    },
							    yAxis: {
							        type: 'value',
							        nameTextStyle:{
							        	color:"#fff"
							        },
							        axisLabel:{
							        	color:"rgb(203,215,235)"
							        },
							        splitLine:{
							        	lineStyle:{
							        		color:"#7DA7CD",
							        		type:"dashed",
							        		width:1
							        	}
							        }
							    },
							    series:v_series
		        	};
		        	var echartsEle = echarts.init(t[0]);
		        	echartsEle.setOption(opt);
				}
			}
			$(document).ready(function(){
				$("#dev_stop").css("top",($("#dev_alarm").offset().top*1+$("#dev_alarm").height()+15)+"px");
				$("#search input:eq(0)").off().on('keypress',function(e){					
					if(e.keyCode==13){
						search()
					}
				});
				$("#imp_btn").on('click',function(e){
					e.stopPropagation();
					$('#imp_item').show();
					$('#search_result').hide()
				})
				$("#search .search_btn").on('click',function(e){
					e.stopPropagation();
					search();
				})
				$("#imp_item>div").on('click',function(){
					//导出数据
					var code = $(this).attr("itemcode")
					window.open(SERVER_URL+"/api/export/"+code)
				})
				$("#autoplayer_btn").off().on('click',function(){					
					var img=$(this).find("img")
					if(AutoPlayer){
						img.attr("src","image/auto3d_stop.png");
						try{
							//循环播放
							player.Native.CameraAnimation.setLoop(true);
							// 播放动画
							player.Native.CameraAnimation.start();
						}catch(e){}
					}else{
						img.attr("src","image/auto3d_start.png");
						try{
							player.Native.CameraAnimation.stop();
						}catch(e){}
					}
					AutoPlayer=!AutoPlayer
				})
				function GetData(){
					$.getJSON(SERVER_URL+"/api/index",{},function(res){						
						setTimeout(function(){
							//每60秒主动查询一次数据
							GetData()
						},60000);
						if(res==null || res.code!=0){
							return
						}
						var jsondata=res.data;
						DataFill.DevInfo(jsondata.device)
						DataFill.AlarmTable(jsondata.alarm)
						DataFill.AlarmLine(jsondata.weekData)
						DataFill.StopLine(jsondata.weekData)
						DataFill.LoadSCXL(jsondata.efficiency)
						DataFill.LoadJDL(jsondata.weekData)
						DataFill.LoadSCLine(jsondata.weekData)
						DataFill.LoadUsedLine(jsondata.weekData)
					})
				}
				//获取数据
				GetData();
			});	
			//最佳视图
			function backMasterView(){
				player.Native.Camera.moveTo([-60.91624261330108, -39.68511717426356, 85.99570940739352],[-61.26059834308166, -0.225858934410347, -0.5930273740619612],[-0.007940809332449061, 0.9099266223396253, 0.41469324265623975],1);
			}		
			
			//1.创建RemotePlayer对象
			var player = new RemotePlayer({
				video: document.getElementById("EngineContent"), //绑定视频标签或图片标签
				signalServer: PLAYER3D_URL, //云渲染服务器，发布时需要改为实际地址
				engineId: "" + Date.now(), // 引擎会话id，如果已存在则连接，没有则创建，会话在断开连接后超时自动关闭
				rtcIni: 'rtc.ini', // 可指定webrtc配置文件，默认为rtc.ini，相对目录为集群节点的enginePath目录
				autoResize: true, // 引擎是否跟跟随标签尺寸
				limtMoveCPS: 10, // 限制每秒鼠标移动的消息个数
				userTimeout: 1000 * 60 * 60 * 5, // 用户操作超时设置，毫秒
				exitTimeout: 1000 * 60 * 60 * 999999, // 用户超时后多久断开会话
				maxTimeout: 1000, // 会话超时时间，允许掉线后引擎保存多久，在该时间内可重新连接到会话，否则会创建新的会话
				debug: false // 是否启用调试，开启后调用Native接口时会使用console.log进行记录
			});
			var playerConnState=false;
			//2.[可选]监听连接成功消息
			player.on("Connected", () => {
				console.log("Has connected to engine")
				playerConnState = true
			});

			//3.[可选]监听连接失败消息
			player.on("Disconnected", (e) => {
				console.log("Disconnected from engine", e);
				playerConnState = false
				//4.[推荐]尝试重新连接
				setTimeout(function(){
					if(playerConnState) return
					player.reconnect();
				},10000)
			});

			//5. [推荐] 响应UserTimeOut消息，引擎接收用户鼠标触屏事件超时发出通知
			player.on("UserTimeOut", () => {
				console.info(`用户长时间没有操作三维视图，会话即将退出，可调用player.resetTimer()取消退出`);
				if(!AutoPlayer)	$("#autoplayer_btn").trigger('click') //开启自动漫游
			});
			//6.监听远程过程调用加载完成消息
			player.on("NativeLoad", async (Native) => {
				var devAllCount = 6*12*2-4 //设备总数
				//var loadedcnt = document.getElementById("loadedcnt")
				//var totalcnt = document.getElementById("totalcnt")
				//totalcnt.innerText = devAllCount;
				//loadedcnt.innerText="0";				
				var cf="data://models/ALL.pr";
				var t2File = "data://models/T2.pr";
				//var SamplerFile = "data://models/sampler.pr";
				// var errStr = await PlayerUtils.call(Native.NodeProxy.openProject, "data://pprj/test/test.pprj");
				// 加载工程模型
				var errStr = await PlayerUtils.call(Native.Model.loadModel, "all", cf);
				//let cfInfo=await player.Native.Model.getInfo("all");	
				//player.Native.NodeProxy.setNodeRotation(cfInfo.nodePtr, [0,0,90]);	
				var rootItem = await player.Native.ModelTree.getRootItems()
				var rowItems = await player.Native.ModelTree.getSubItems(rootItem[0].item)
				for(var row =0;row<rowItems.length;row++){
					if( rowItems[row].name.length<2 || rowItems[row].name.substr(0,1)!="R") continue;
					var devItems = await player.Native.ModelTree.getSubItems(rowItems[row].item)
					for (var i = 0; i < devItems.length; i++) {
						if(devItems[i].name.length<2 || devItems[i].name.substr(0,2)!='C_') continue
						var tmp = devItems[i] ;// await player.Native.ModelTree.findItemByName(name,0,true,3);
						//计算当前设备在世界坐标
						var xyz=await player.Native.ModelTree.calcItemAabb(tmp.item)
						var xyz2=[(xyz.aabb.max[0]+xyz.aabb.min[0])*0.5,(xyz.aabb.max[1]+xyz.aabb.min[1])*0.5,(xyz.aabb.max[2]+xyz.aabb.min[2])*0.5];
						// 创建设备编号标记							
						var options = {"text":devItems[i].name.replace("C_","")+"#","visible":true,"maxLod":110,"minLod":0.1,"textColor":parseInt("0xffffffff")}; 
						options.pos = [xyz2[0]-1.5,xyz2[1]-3,0]
						var markPtr = await player.Native.GisMarker.create(options);
						player.Native.GisMarker.update(markPtr, options);
						modelsMap[tmp.name] = {item: tmp.item,xyz:xyz2}
					}
				}
				//loadedcnt.innerText=totalcnt.innerText;
				MODEL_LOADED = 1;
				if(ALARM_DEVS.length>0){
					for (var i = 0; i < ALARM_DEVS.length; i++) {
						var s = ALARM_DEVS[i].split(">")
						ChangeModelColor(s[0],DEV_ALAR_COLOR,s[1]);
					}
					ALARM_DEVS=[];//清除
				}
				for (var i in ANIMATION_DATA) {
					// 添加关键帧
					player.Native.CameraAnimation.addKeyFrames([ANIMATION_DATA[i]]);
				}				
				document.getElementById("loading").remove(true) //加载完成，移除Loading
				document.getElementById("loading_a1").remove(true)
				//调整视角，使其达到最佳初始效果
				backMasterView();
				//player.Native.Camera.moveToItem(lastPtr,1);
				// // 选择Pickup工具
				player.Native.Tools.setCurrentTool("system.Pickup");
				//不显示提示框
				player.Native.Settings.set("tips.enabled", "bool", false);
				// //点选高亮显示
				player.Native.Settings.set("pickUp.highlight", "bool", false);
				//点选包围盒
				player.Native.Settings.set("show.select.box", "bool", false);
				player.Native.Settings.set("skybox.select", "string", "blue");
				//点选背景虚化
				player.Native.Settings.set("color.pickup.bkAlpha", "float", 0.8);
				// 选中展示节点
				// sam0023 = await player.Native.ModelTree.findItemByName("CYLINDER 3 of EQUIPMENT /C1101", 0, true, 3);				
				player.Native.Settings.set('ambientIndenty', 'float', 0.39);//初始化环境光补偿
				player.Native.Settings.set('diffuseIntensity', 'float', 0.8);//初始化光线强度
				player.Native.Settings.set('specularIntensity', 'float', 0.64);//初始化高光强度
				player.Native.Settings.set('searchLightIntensity', 'float', 0.5);//初始化探照灯强度
				// 点击事件一般仅用于浏览工具，在点选工具下无效
				Native.Tools.setCurrentTool("system.Browse");
				Native.ModelTree.EventBrowseLClick.connect((event) => {
					updateInfo("LClick", event)
				});
				Native.ModelTree.EventBrowseRClick.connect((event) => {
					updateInfo("RClick", event)
				});
				
			})

			async function updateSettings(object, type) {
				console.log(object)
				if (object.id) {
					if (type == "bool") {
						player.Native.Settings.set(object.id, type, object.checked);
					} else if (type == "red") {
						//参数前3个为RGB值，最后一个为透明度？，有点问题，好像不是正常的RGB？
						const xx = document.getElementById("color.value");
						player.Native.Settings.set(object.id, "string", xx.value);
					} else {
						player.Native.Settings.set(object.id, type, object.value);
					}
					// 更新span值
					if (type == "float") {
						var showValueStr = object.id + "Value";
						if (document.getElementById(showValueStr))
							document.getElementById(showValueStr).innerText = object.value;
					}
				}
			}
			//修改模型
			async function updateModel(object) {
				// sam0023 = await player.Native.ModelTree.getSelectedItem();
				sam0023 = await player.Native.ModelTree.getItemBySelfId(2433);
				console.log("0023", sam0023);
				if (object.id === "selectItem") {
					// if (object.checked) {
					player.Native.ModelTree.setSelectItem(sam0023.item);
					// } else {
					// 	player.Native.ModelTree.setSelectItem(0);
					// }
				} else if (object.id == "itemColor") {
					console.log("瓦特？", JSON.stringify(sam0023))
					// if (object.checked) {
					const xx = document.getElementById("color.value");
					player.Native.ModelTree.setItemColor(sam0023.item, parseInt(xx.value));
					// } else {
					// player.Native.ModelTree.restoreItemColor(sam0023.item);
					// }
				} else if (object.id == "itemColorClean") {
					player.Native.ModelTree.restoreItemColor(sam0023.item);
				} else if (object.id == "itemVisible") {
					player.Native.ModelTree.setItemVisible(sam0023.item, object.checked);
				}
			}
			//设置设置名称或者模型id的颜色
			async function ChangeModelColor(name,color,hinttxt){
				var iteminfo = modelsMap[name]		
				if(iteminfo==null) return		
				//var tmp = await player.Native.ModelTree.findItemByName(name,0,true,3);
				if (color==null || color==""){
					//还原
					player.Native.ModelTree.restoreItemColor(iteminfo.item)
				}else{
					player.Native.ModelTree.setItemColor(iteminfo.item,parseInt("0x"+color+"ff"),true)
					if(hinttxt!=null && hinttxt!=""){
						var srcPosition = iteminfo.xyz // await player.Native.NodeProxy.getNodePosition(temp.item);
						//console.log("posio",srcPosition)
						// 创建标记					
						var imgid = await player.Native.GisMarker.loadImage("rgba:255,0,0,255");	
						var options = {"text":hinttxt,"visible":true,"maxLod":110,"minLod":0.1,"textColor":parseInt("0xffffffff")}; 
						options.pos = [srcPosition[0]-1,srcPosition[1]-2,srcPosition[2]];
						//options.parentNode=tmp.item;
						options.imgId = imgid
						options.imgSize=[-1,-1];
						var markPtr = await player.Native.GisMarker.create(options);
						player.Native.GisMarker.update(markPtr, options);
					}
				}
			}

			var LastClickObj=null;
			var openState = false;
			var dbClickTimer=null;
			async function updateInfo(name, event) {
				if(AutoPlayer) $("#autoplayer_btn").trigger('click') //停止 自动漫游
				if(name!="LClick"){
					CloseWin()
					HideInfo();
					return
				}
				//console.log(event)
				var ty = event.object.nodePtr!=null ? 'NODE' : 'ITEM';
				var modelsId = ty=='NODE' ? event.object.nodePtr : event.object.item;
				if (modelsId==null || modelsId==""){
					CloseWin()
					HideInfo();
					return
				}
				var devName=null;
				var cnt=0;				
				var p = null;
				while(devName==null){
					if(cnt>5) break //最多查找5层
					if(ty=='NODE')	p=await player.Native.NodeProxy.getNodeParent(modelsId) //节点类型的node
					else p= await player.Native.ModelTree.getItemInfo(modelsId)
					if(p.name!=null && p.name.substr(0,2)=="C_"){
						devName = p.name
						break
					}
					modelsId = ty=='NODE'? p.nodePtr : p.parentItem;
					cnt++
				}
				if(devName==null){
					CloseWin()
					HideInfo();
					return
				}
				console.log(name,devName)
				if(devName==LastClickObj){
					if(dbClickTimer!=null) clearTimeout(dbClickTimer)
					HideInfo();
					//双击
					if(openState) return //窗口已经打开
					OpenWin(devName)
					return
				}
				CloseWin();
				HideInfo();
				LastClickObj = devName
				dbClickTimer = setTimeout(function(n){
					ShowInfo(n)
					LastClickObj=null
				},200,devName)
			}

			function search(){
				var v= $.trim($("#search input:eq(0)").val());
				var s2=$("#search_result")
				if(v==""){
					s2.html("").hide();
					return
				}				
				var lst=[];
				for(var k in modelsMap){
					if(k.indexOf(v)>-1){
						lst.push('<div class="item" devno="'+k+'">'+k.replace("C_","")+'</div>')
					}
				}
				s2.html(lst.join("")).show();
				if(lst.length==0){
					s2.html('未搜索到任何设备')
					return
				}
				s2.find(".item").off().on('click',function(){
					ShowInfo($(this).attr('devno'))
				})
			}
			//打开单设备窗口
			function OpenWin(name){
				if(LastClickObj!=null && name!=LastClickObj) return;
				openState=true
				name = name.replace("C_","")
				$("#newwin .title .text:eq(0)").html(name)
				$("#newwin").show();
				$("#newwin .content .btn").removeClass("btn_active");
				$("#newwin .content .btn:eq(0)").addClass("btn_active");
				$("#newwin .content .btn").off().on("click",function(){
					if($(this).hasClass("btn_active")) return
					$("#newwin .content .btn").removeClass("btn_active");
					$(this).addClass("btn_active");
					LoadDevDetail(name,window.Device_Data,$(this).index())
				})
				$.getJSON(SERVER_URL+"/api/query/"+name,{},function(res){
					window.Device_Data = res.data
					LoadDevDetail(name,window.Device_Data,"0")
				})
			}
			//关闭窗口
			function CloseWin(){
				LastClickObj=null
				openState=false
				window.Device_Data=null;
				$("#newwin").hide();
			}
			//显示设备基本信息
			async function ShowInfo(name){
				var se=modelsMap[name];// await player.Native.ModelTree.findItemByName(name,0,true,3); 
				//选中
				player.Native.ModelTree.setSelectItem(se.item);
				var calcInfo = await PlayerUtils.call(player.Native.ModelTree.calcItemAabb, se.item);
				player.Native.Camera.moveToAabbWithDistance([calcInfo.localAabb.min, calcInfo.localAabb.max], 0.2,21, 4);
				name = name.replace("C_","")
				$("#showinfo .title .text").html(name+"#经编机-基本信息")
				$("#showinfo").show();
				$.getJSON(SERVER_URL+"/api/query/"+name,{},function(res){
					LoadDevBaseData(res.data.data)
				})
			}
			//隐藏设备基本信息
			function HideInfo(){
				$("#showinfo").hide();
			}

			function LoadDevBaseData(data){
				var t = $("#showinfo .content");
				//盘头剩余时间
				var tb = t.find("table:eq(0)>tbody>tr:eq(2)");
				tb.find("td:eq(0)").html(data.Capacity_data_5);
				tb.find("td:eq(1)").html(data.Capacity_data_6);
				tb.find("td:eq(2)").html(data.Capacity_data_7);
				tb.find("td:eq(3)").html(data.Capacity_data_8);
				tb.find("td:eq(4)").html(data.Capacity_data_9);
				//盘头剩余周长
				tb = t.find("table:eq(1)>tbody>tr:eq(2)");
				tb.find("td:eq(0)").html(data.Capacity_data_10);
				tb.find("td:eq(1)").html(data.Capacity_data_11);
				tb.find("td:eq(2)").html(data.Capacity_data_12);
				tb.find("td:eq(3)").html(data.Capacity_data_13);
				tb.find("td:eq(4)").html(data.Capacity_data_14);
				//盘头剩余圈数
				tb = t.find("table:eq(2)>tbody>tr:eq(2)");
				tb.find("td:eq(0)").html(data.Capacity_data_15);
				tb.find("td:eq(1)").html(data.Capacity_data_16);
				tb.find("td:eq(2)").html(data.Capacity_data_17);
				tb.find("td:eq(3)").html(data.Capacity_data_18);
				tb.find("td:eq(4)").html(data.Capacity_data_19);
			}

			function LoadDevDetail(name,data,typecode){
				if(typecode==null) typecode="0";
				$("#newwin .dataContent>div").hide()
				var t=$("#newwin .dataContent>div:eq("+typecode+")").show();
				if(typecode=="0"){
					//告警周趋势
					t =t.find(".dev_alarm_echarts");
					var alarmWeek=[];
					var times=[];
					var v_series=[];
					for (var i = 0; i < data.alarms.length; i++) {
						var v = data.alarms[i]['value'];
						var tv = data.alarms[i]['time'].split("-")
						times.push(tv[1]+"-"+tv[2])
						if(v!=null)	alarmWeek.push(v)
					}
					if(alarmWeek.length==0){
						t.html('未获取到告警趋势数据')
					}else{
						v_series.push({
		        			name:"",
						    type:'line',
						    smooth: true,
						    //symbol: 'none',
						    data:alarmWeek,
						    itemStyle: {
				                normal: {
				                    color: '#F0F275', // 这里设置折线的颜色
				                    lineStyle: {
				                        color: '#F0F27560' // 这里同时设置线头的颜色
				                    }
				                }
				            },						    
		        		});
						var opt={
		        				title: {
		        					show:false, //不显示标题
							        text: '',
							        textStyle:{
							        	color:"rgb(89, 151, 229)",
							        	fontWeight:"bold"
							        },
							        top:"0px",
							        left:"30px"
							    },
							    tooltip: {
							        trigger: 'axis'
							    },
							    legend: {
							    	show:false, //不显示图例
							    	inactiveColor:"#04417A",
							        data:"",
							        textStyle:{color:"#fff"},
							        top:"0px"
							    },
							    grid: {
							        left: '1%',
							        right: '1%',
							        bottom: '2%',	
							        top:'5%',						        
							        containLabel: true
							    },
							    xAxis: {
							        type: 'category',
							        boundaryGap: false,
							        axisLabel:{
							        	rotate:45,
							        	color:"#fff"
							        },
							        data: times
							    },
							    yAxis: {
							        type: 'value',
							        nameTextStyle:{
							        	color:"#fff"
							        },
							        axisLabel:{
							        	color:"rgb(203,215,235)"
							        },
							        splitLine:{
							        	lineStyle:{
							        		color:"#7DA7CD",
							        		type:"dashed",
							        		width:1
							        	}
							        }
							    },
							    series:v_series
		        			};
		        		var echartsEle = echarts.init(t[0]);
		        		echartsEle.setOption(opt);
					}
					//当前告警数据加载 
					if(DataFill.AlarmData==null || DataFill.AlarmData.length==0){
						$(".newwin .dataContent .no_alarm").show();
						$(".newwin .dataContent .has_alarm").hide();
						return
					}
					var t1 = [];
					for (var i = 0; i < DataFill.AlarmData.length; i++) {
						if(DataFill.AlarmData[i].code==name){
							t1.push(DataFill.AlarmType[DataFill.AlarmData[i].type])
						}
					}
					if(t1.length==0){
						$(".newwin .dataContent .no_alarm").show();
						$(".newwin .dataContent .has_alarm").hide();
						return
					}
					$(".newwin .dataContent .no_alarm").hide();
					var a1=$(".newwin .dataContent .has_alarm").show().html("");
					for (var i = 0; i < t1.length; i++) {
						a1.append('<span class="alarm_span"><img src="image/alarm_icon.png" style="vertical-align: middle;"><b>'+t1[i]+'</b></span>')
					}					
				}else{
					t.find(".value").each(function(){
						var th=$(this), attrname=th.attr("attr"),unit=th.attr("unit"),v=data.data[attrname];
						if(v=="true") v="开";
						if(v=="false") v="关";
						if(unit!="") th.html(v+"("+th.attr("unit")+")")
						else th.html(v)
					})
				}
			}

		</script>
<style type="text/css">

</script>