cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673
							<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>牧场页面</title>
<link href="views/htclient/css/dist/text-security.min.css" rel="stylesheet">
<link href="views/htclient/css/muchangZs.css" rel="stylesheet">
<link href="views/htclient/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
<style type="text/css">
.player > div{
	width: 100% !important;
	height: 100% !important;
}
.conceal {
    font-family: 'text-security-disc';
 }
 
</style>
</head>
<body>
<input type="hidden" id="mcid" value="$!mcid" />
<input type="hidden" id="guest" value="$!guest" />
	<div class='grid-common right-grid1'>
		<div class='grid-common right-grid-left1'>
			<div class='wrapper'>
				<div class='tab'>
					<div class='tab-bid'>配种结果分布图</div>
				</div>
				<div class="wrapper-content">
					<div class="content-container">
						<div class='zhejiao zhejiao-1'></div>
						<div class='zhejiao zhejiao-2'></div>
						<div class='zhejiao zhejiao-3'></div>
						<div class='zhejiao zhejiao-4'></div>
						<div id='chart-pzjgfb2'></div>
					</div>
				</div>
			</div>
			<div class='wrapper'>
				<div class='tab'>
					<div class='tab-bid'>分娩猪仔分布图</div>
				</div>
				<div class="wrapper-content">
					<div class="content-container">
						<div class='zhejiao zhejiao-1'></div>
						<div class='zhejiao zhejiao-2'></div>
						<div class='zhejiao zhejiao-3'></div>
						<div class='zhejiao zhejiao-4'></div>
						<div id='chart-fmzzfb2'></div>
					</div>
				</div>
			</div>
			
			<div class='wrapper'>
				<div class='tab'>
					<div class='tab-bid'>种猪淘汰&nbsp;育肥管理</div>
				</div>
				<div class="wrapper-content">
					<div class="content-container">
						<div class='zhejiao zhejiao-1'></div>
						<div class='zhejiao zhejiao-2'></div>
						<div class='zhejiao zhejiao-3'></div>
						<div class='zhejiao zhejiao-4'></div>
						<div id='chart-ttfb2'></div>
						<div id='chart-yffb2'></div>
					</div>
				</div>
			</div>
			<div class='wrapper'>
				<div class='tab'>
					<div class='tab-bid'>体温监测</div>
				</div>
				<div class="wrapper-content">
					<div class="content-container">
						<div class='zhejiao zhejiao-1'></div>
						<div class='zhejiao zhejiao-2'></div>
						<div class='zhejiao zhejiao-3'></div>
						<div class='zhejiao zhejiao-4'></div>
						<div id='chart-twjc'></div>
					</div>
				</div>
			</div>
		</div>
		<div class='grid-common right-grid-center1'>
			<div class='wrapper flex-bottom'>
				<div class="wrapper-content">
					<div class="content-container">
						<div class="zhejiao zhejiao-1"></div>
						<div class="zhejiao zhejiao-2"></div>
						<div class="zhejiao zhejiao-3"></div>
						<div class="zhejiao zhejiao-4"></div>

						<div class="mcdata-list">
							<div class="header-data-item">
								<div class="item-name">存栏种猪</div>
								<div class="item-value item-color1">#if('$!sjlr' == "") 0 #else $!sjlr.clsjzz #end</div>
							</div>
							<div class="header-data-item">
								<div class="item-name">保育存栏</div>
								<div class="item-value item-color2">#if('$!sjlr' == "") 0 #else $!sjlr.clsjbyz #end</div>
							</div>
							<div class="header-data-item">
								<div class="item-name">育肥存栏</div>
								<div class="item-value item-color3">#if('$!sjlr' == "") 0 #else $!sjlr.clsjyfz #end</div>
							</div>
							<div class="header-data-item">
								<div class="item-name">销售总数</div>
								<div class="item-value item-color4">#if('$!sjlr' == "") 0 #else $!sjlr.clsjxszs #end</div>
							</div>
							<div class="header-data-item">
								<div class="item-name">死淘总数</div>
								<div class="item-value item-color5">#if('$!sjlr' == "") 0 #else $!sjlr.clsjstzs #end</div>
							</div>

						</div>
					</div>
				</div>
			</div>
			<div class='wrapper'>
				<div class="wrapper-content  chart-area">
					<div class="content-container">
						<div class="zhejiao zhejiao-1"></div>
						<div class="zhejiao zhejiao-2"></div>
						<div class="zhejiao zhejiao-3"></div>
						<div class="zhejiao zhejiao-4"></div>
						
						#if("$!mcid" == "36")
						<div class='build-map mc1' id='buildmapArea'>
							<canvas id="diagonal" width='732px' height='376px'></canvas>
							<img alt="" src="views/htclient/images/ajmc.jpg" id="pic" usemap="#buildmap" style="">
							<map name="buildmap" id="buildmap">
						    	<area shape="poly" coords="97,122,158,95,217,103,289,132,214,126,135,162" href="javascript:;"  id="zsqy777"/>
							  	<area shape="poly" coords="259,99,305,81,397,101,345,128" href="javascript:;"  id="zsqy778"/>
							  	<area shape="poly" coords="397,136,431,116,457,119,691,170,674,175,642,203" href="javascript:;"  id="zsqy779"/>
							</map>
						</div>
						#elseif("$!mcid" == "37")
						<div class='build-map mc2' id='buildmapArea'>
							<canvas id="diagonal" width='732px' height='376px'></canvas>
							<img alt="" src="views/htclient/images/qdhmc.jpg" id="pic" usemap="#buildmap" style="">
							<map name="buildmap" id="buildmap">
								<area shape="poly" coords="66,212,154,190,166,196,73,221" href="javascript:;"  id="zsqy881"/>
								<area shape="poly" coords="74,229,179,198,195,204,93,238" href="javascript:;"  id="zsqy882"/>
								<area shape="poly" coords="105,240,211,207,224,214,117,251" href="javascript:;"  id="zsqy883"/>
								<area shape="poly" coords="135,257,240,217,263,227,156,267" href="javascript:;"  id="zsqy884"/>
								<area shape="poly" coords="172,185,241,168,249,173,178,192" href="javascript:;"  id="zsqy885"/>
								<area shape="poly" coords="197,192,266,175,278,180,206,201" href="javascript:;"  id="zsqy886"/>
								<area shape="poly" coords="227,201,298,178,310,185,237,209" href="javascript:;"  id="zsqy887"/>
								<area shape="poly" coords="261,210,328,185,341,194,275,220" href="javascript:;"  id="zsqy888"/>
								<area shape="poly" coords="308,242,380,205,395,206,408,214,338,252,321,246" href="javascript:;"  id="zsqy889"/>
								<area shape="poly" coords="365,284,435,232,452,232,469,243,447,262,442,260,396,293,383,282" href="javascript:;"  id="zsqy890"/>
								<area shape="poly" coords="445,274,475,246,498,243,517,257,485,285,467,271" href="javascript:;"  id="zsqy891"/>
								<area shape="poly" coords="278,164,343,146,352,152,286,170" href="javascript:;"  id="zsqy892"/>
								<area shape="poly" coords="302,168,362,149,376,155,307,176" href="javascript:;"  id="zsqy893"/>
								<area shape="poly" coords="327,174,390,151,400,160,338,180" href="javascript:;"  id="zsqy894"/>
								<area shape="poly" coords="353,178,412,157,417,161,365,183" href="javascript:;"  id="zsqy895"/>
								<area shape="poly" coords="389,189,445,164,454,162,460,167,405,194,397,188" href="javascript:;"  id="zsqy896"/>
								<area shape="poly" coords="372,184,433,160,439,163,383,189" href="javascript:;"  id="zsqy897"/>
								<area shape="poly" coords="421,194,473,166,482,173,433,201" href="javascript:;"  id="zsqy898"/>
								<area shape="poly" coords="445,198,489,171,505,166,512,175,467,204,458,198" href="javascript:;"   id="zsqy899"/>
								<area shape="poly" coords="468,205,510,176,517,178,527,185,494,211,485,203" href="javascript:;"   id="zsqy900"/>
								<area shape="poly" coords="429,155,467,140,475,144,437,160" href="javascript:;"   id="zsqy901"/>
								<area shape="poly" coords="450,158,480,145,489,143,495,148,461,163,454,159" href="javascript:;"   id="zsqy902"/>
								<area shape="poly" coords="470,164,499,150,509,146,518,151,487,167,480,163" href="javascript:;"   id="zsqy903"/>
								<area shape="poly" coords="473,139,501,128,509,132,480,144" href="javascript:;"   id="zsqy904"/>
								<area shape="poly" coords="495,142,515,133,528,134,503,146" href="javascript:;"   id="zsqy905"/>
								<area shape="poly" coords="512,145,532,136,538,135,549,137,529,148,521,145" href="javascript:;"   id="zsqy906"/>
								<area shape="poly" coords="537,149,554,136,564,136,574,139,555,153,548,147" href="javascript:;"   id="zsqy907"/>
							</map>
						</div>
						#else
						<div class='build-map mc3' id='buildmapArea'>
							<canvas id="diagonal" width='732px' height='376px'></canvas>
							<img alt="" src="views/htclient/images/htmc.jpg" id="pic" usemap="#buildmap" style="">
							<map name="buildmap" id="buildmap">
								  <area shape="poly" coords="72,92,44,95,23,112,104,123,125,106,149,100" href="javascript:;" id="zsqy991"/>
								  <area shape="poly" coords="154,103,115,126,192,138,224,113" href="javascript:;" id="zsqy15"/>
								  <area shape="poly" coords="286,97,273,99,260,109,397,127,407,115,414,111" href="javascript:;" id="zsqy9"/>
								  <area shape="poly" coords="250,119,238,122,219,135,315,147,322,132,333,128" href="javascript:;" id="zsqy992"/>
								  <area shape="poly" coords="339,136,328,143,321,151,444,169,449,158,454,152" href="javascript:;" id="zsqy993"/>
								  <area shape="poly" coords="491,167,478,175,472,191,694,221,697,205,686,191" href="javascript:;" id="zsqy10"/>
								  <area shape="poly" coords="473,192,463,197,462,208,701,242,701,231,695,223" href="javascript:;" id="zsqy14"/>
							</map>
						</div>
						#end
					</div>
				</div>
			</div>
			<div class='wrapper'>					
						<div class='center-two-chart'>
							<div class='chart-left'>
								<div class="content-container">
								<div class="zhejiao zhejiao-1"></div>
								<div class="zhejiao zhejiao-2"></div>
								<div class="zhejiao zhejiao-3"></div>
								<div class="zhejiao zhejiao-4"></div>								
								<div class='chart-none-title'><div class='chart-new-title'>温度/湿度/氨气</div><div id='chart-wdsdaq2'></div></div>
								</div>
							</div>
							<div class='chart-left'>
								<div class="content-container">
								<div class="zhejiao zhejiao-1"></div>
								<div class="zhejiao zhejiao-2"></div>
								<div class="zhejiao zhejiao-3"></div>
								<div class="zhejiao zhejiao-4"></div>
								<div class='chart-none-title'><div class='chart-new-title'>饮水（吨）</div><div id='chart-ys'></div></div>
								</div>
							</div>
						</div>
					</div>
			<div class='build-wrapper'>
				<input type="hidden" id="zsqy" value="" />
				<div class='single' style='height:100%;width:100%;position:relative;' id='mcBoxUlMc'>
					<ul class='list build-container'>
						#set($count = 1) 
						#foreach($obj in $!zsdaList)<li data-lqid="$!obj.dqlq" data-zsqy="$!obj.zsqy" data-zsid="$!obj.id" #if($count== 1) class="active" #end>
							<div class='build-contain'>
							<div class='zhejiao zhejiao-1'></div>
							<div class='zhejiao zhejiao-2'></div>
							<div class='zhejiao zhejiao-3'></div>
							<div class='zhejiao zhejiao-4'></div>
							<div class='leftbar'>
								<div class='row-num'>$!obj.zsmc</div>
							</div>
							<div class='cont'>
								<div class='cont-item'>
									<img src='views/htclient/images/wd.png' />温度<span
										class='cont-value wdz'>$!{obj.dqwd}℃</span>
								</div>
								<div class='cont-item'>
									<img src='views/htclient/images/sd.png' />湿度<span
										class='cont-value sdz'>$!{obj.dqsd}%Rh</span>
								</div>
								<div class='cont-item'>
									<img src='views/htclient/images/aq.png' />氨气<span
										class='cont-value aqz'>$!{obj.dqaq}ppm</span>
								</div>
								<div class='cont-item'>
									<img src='views/htclient/images/fj.png' />风机<span
										class='cont-status_t'>运行正常</span>
								</div>
								</div>
							</div>#set($count = $count + 1)
						</li>#end
					</ul>
				</div>
			</div>
		</div>
		<div class="grid-common right-grid-right1">
			<div class="grid-common right-grid-right-top1">
				<div class='wrapper'>
					<div class='tab'>
						<div class='tab-bid' id="spjk">视频监控</div>
					</div>
					<div class="wrapper-content">
						<div class="content-container">
							<div class='zhejiao zhejiao-1'></div>
							<div class='zhejiao zhejiao-2'></div>
							<div class='zhejiao zhejiao-3'></div>
							<div class='zhejiao zhejiao-4'></div>
							<div id='video-box'>
								<div class='video-container player' id="player5"></div>
							</div>
						</div>
					</div>
				</div>
				<div class='wrapper'>
					<div class='tab'>
						<div class='tab-bid'>报警信息</div>
					</div>
					<div class="wrapper-content">
						<div class="content-container flex-zztt pding-10">
							<div class='zhejiao zhejiao-1'></div>
							<div class='zhejiao zhejiao-2'></div>
							<div class='zhejiao zhejiao-3'></div>
							<div class='zhejiao zhejiao-4'></div>
							<div id='mcwarning-list'>
								<div class='right-warning-box'>
									#foreach($obj in $!xx1)
									<div class='right-warning-item'>
										<img src='views/htclient/images/warn_o.png' /> <span style="color:$!obj.color">$!{obj.mcmc} $!{obj.bt}</span>
									</div>
									#end
								</div>
								<div class='right-msg-box'>
									#foreach($obj in $!xx2)
									<div class='right-msg-item'>
										<span class='right-msg-words' style="color:$!obj.color">$!{obj.mcmc} $!{obj.bt}</span>
										<span class='right-msg-datetime'>$!{obj.fbsjString}</span>
									</div>
									#end
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class='wrapper'>
					<div class='tab'>
						<div class='tab-bid' id='oplxwindow'>5G赋能</div>
					</div>
					<div class="wrapper-content" >
						<div class="content-container">
							<div class='zhejiao zhejiao-1'></div>
							<div class='zhejiao zhejiao-2'></div>
							<div class='zhejiao zhejiao-3'></div>
							<div class='zhejiao zhejiao-4'></div>
							<!-- <div id='lxrunning-msg'>
								<div class='lx-msg-container'>
									<div class='lx-msg-name'>料线1:</div>
									<ul class='lx-msg-list'>
										<li class='lxmsg-item'>&nbsp;</li>
										<li class='lxmsg-item'>&nbsp;</li>
										<li class='lxmsg-item'>&nbsp;</li>
										<li class='lxmsg-item'>&nbsp;</li>
										<li class='lxmsg-item'>&nbsp;</li>
									</ul>
								</div>
								<div class='lx-msg-container'>
									<div class='lx-msg-name'>料线2:</div>
									<ul class='lx-msg-list'>
										<li class='lxmsg-item'>&nbsp;</li>
										<li class='lxmsg-item'>&nbsp;</li>
										<li class='lxmsg-item'>&nbsp;</li>
										<li class='lxmsg-item'>&nbsp;</li>
										<li class='lxmsg-item'>&nbsp;</li>
									</ul>
								</div>
								<div class='lx-msg-container'>
									<div class='lx-msg-name'>料线3:</div>
									<ul class='lx-msg-list'>
										<li class='lxmsg-item'>&nbsp;</li>
										<li class='lxmsg-item'>&nbsp;</li>
										<li class='lxmsg-item'>&nbsp;</li>
										<li class='lxmsg-item'>&nbsp;</li>
										<li class='lxmsg-item'>&nbsp;</li>
									</ul>
								</div>
							</div> -->
							<div id='lxrunning-msg'>
								<div class='fgitems-content'>
									<div class='fgitems-head'>
										<div class='fgitems-nums arrow-color1'>1</div>
										<div class='fgitems-name'>高速率：</div>
										<div class='fgitems-desc'>主要来自大带宽和规模天线</div>
									</div>
									<div class='fgitems-body'>
										<div class='fg-items-body-speed'>4G：100Mbps</div>
										<div class='speed-arrow'><div class='addspedds'>x 100倍</div></div>
										<i class="right-arrow"></i>
										<div class='fg-items-body-speed'>5G：10Gbps以上</div>
									</div>
									<div class='fgitems-foot'>
										<div class='foot-name'>应用场景：</div>
										<div class='foot-value'>AR/VR、人工智能应用、4K/8K高清视频等</div>
									</div>
								</div>
								<div class='fgitems-content'>
									<div class='fgitems-head'>
										<div class='fgitems-nums arrow-color2'>2</div>
										<div class='fgitems-name'>低时延：</div>
										<div class='fgitems-desc'>针对控制和数据传输具备不同时延能力</div>
									</div>
									<div class='fgitems-body'>
										<div class='fg-items-body-speed'>4G：10ms</div>
										<div class='speed-arrow'><div class='addspedds'>x 1/10</div></div>
										<i class="right-arrow"></i>
										<div class='fg-items-body-speed'>5G：毫秒级时延</div>
									</div>
									<div class='fgitems-foot'>
										<div class='foot-name'>应用场景：</div>
										<div class='foot-value'>车联网、智能制造、智能电网等</div>
									</div>
								</div>	
								<div class='fgitems-content'>
									<div class='fgitems-head'>
										<div class='fgitems-nums arrow-color3'>3</div>
										<div class='fgitems-name'>大连接：</div>
										<div class='fgitems-desc'>大规模机器通信成为可能</div>
									</div>
									<div class='fgitems-body'>
										<div class='fg-items-body-speed'>4G：1万/km2</div>
										<div class='speed-arrow'><div class='addspedds'>x 100倍</div></div>
										<i class="right-arrow"></i>
										<div class='fg-items-body-speed'>5G：百万级连接/km2</div>
									</div>
									<div class='fgitems-foot'>
										<div class='foot-name'>应用场景：</div>
										<div class='foot-value'>工厂设备、水表、电表、路灯、家电</div>
									</div>
								</div>									
							</div>
						</div>
					</div>
				</div>
				
				<div class='wrapper'>
					<div class='tab'>
						<div class='tab-bid'>饲喂统计</div>
					</div>
					<div class="wrapper-content">
						<div class="content-container">
							<div class='zhejiao zhejiao-1'></div>
							<div class='zhejiao zhejiao-2'></div>
							<div class='zhejiao zhejiao-3'></div>
							<div class='zhejiao zhejiao-4'></div>
							<div id='chart-swtj'></div>
						</div>
					</div>
				</div>
			</div>
			<div class='wrapper'>
				<div class="center-two-chart">
			
					<div class='chart-left'>
						<div class="content-container">
						<div class="zhejiao zhejiao-1"></div>
						<div class="zhejiao zhejiao-2"></div>
						<div class="zhejiao zhejiao-3"></div>
						<div class="zhejiao zhejiao-4"></div>
						<div class='chart-none-title'><div class='chart-new-title'>能耗</div><div id='chart-nh2'></div></div>
					</div>
					</div>
					<div class='chart-left'>
						<div class="content-container">
						<div class="zhejiao zhejiao-1"></div>
						<div class="zhejiao zhejiao-2"></div>
						<div class="zhejiao zhejiao-3"></div>
						<div class="zhejiao zhejiao-4"></div>								
						<div class='chart-none-title'><div class='chart-new-title'>水压</div><div id='chart-sy'></div></div>
					</div>
					</div>
				</div>
			</div>
			<div class='wrapper'>
				<div class='tab'>
					<div class='tab-bid' id="fwcl">粪污处理</div>
				</div>
				<div class="wrapper-content">
					<div class="content-container flex_wrap">
						<div class='zhejiao zhejiao-1'></div>
						<div class='zhejiao zhejiao-2'></div>
						<div class='zhejiao zhejiao-3'></div>
						<div class='zhejiao zhejiao-4'></div>
						<div class='mcfwcl-box' id='chart-fwclssjc'></div>
						<div class='mcfwcl-box mcjc-top'>

							<div class="mcjc-top-title">运行状态</div>
							<div class="mcjc-top-datetime">数据采集时间：#if('$!sbbj' == "" || '$!sbbj' == "null") #else $!dateTool.format('yyyy-MM-dd HH:mm:ss', $!sbbj.mcjcsj)#end</div>
							<div class="mcjc-top-datalist">
								<div class="mcjc-top-item">
									<div class="mcjc-top-itemname">固液分离单元</div>
									<div class="mcjc-top-itemname">沼液浓缩单元1区</div>
									<div class="mcjc-top-itemname">沼液浓缩单元2区</div>
								</div>
								<div class="mcjc-top-status">
									<div class="mcjc-top-statusvalue #if($!sbbj.sbzxzt1 == 0) #else leave#end">#if($!sbbj.sbzxzt1 == 0) 在线 #else 离线#end</div>
									<div class="mcjc-top-statusvalue #if($!sbbj.sbzxzt2 == 0) #else leave#end">#if ($!sbbj.sbzxzt2 == 0) 在线 #else 离线#end</div>
									<div class="mcjc-top-statusvalue #if($!sbbj.sbzxzt3 == 0) #else leave#end">#if($!sbbj.sbzxzt3 == "0") 在线 #else 离线#end</div>
								</div>
								<div class="mcjc-top-style">
									<div class="mcjc-top-stylevalue #if($!sbbj.sbyxzt1 == 1)  #elseif ($!sbbj.sbyxzt1 == 2) stop #else waiting#end">#if($!sbbj.sbyxzt1 == 1) 正常运行 #elseif ($!sbbj.sbyxzt1 == 2) 停止运行 #else 系统待机#end</div>
									<div class="mcjc-top-stylevalue #if($!sbbj.sbyxzt2 == 1)  #elseif ($!sbbj.sbyxzt2 == 2) stop #else waiting#end">#if ($!sbbj.sbyxzt2 == 1) 正常运行 #elseif ($!sbbj.sbyxzt2 == 2) 停止运行 #else 系统待机#end</div>
									<div class="mcjc-top-stylevalue #if($!sbbj.sbyxzt3 == 1)  #elseif ($!sbbj.sbyxzt3 == 2) stop #else waiting#end">#if ($!sbbj.sbyxzt3 == 1) 正常运行 #elseif ($!sbbj.sbyxzt3 == 2) 停止运行 #else 系统待机#end</div>
								</div>
							</div>
							<div class="mcjc-top-count">
								<div class="mcjc-top-count-part">
									<div class="mcjc-top-count-part-value">#if('$!sbbj' == "") 0 天 #else $!sbbj.aqyxts 天#end</div>
									<div class="mcjc-top-count-part-line"></div>
									<div class="mcjc-top-count-part-name">安全运行天数</div>
								</div>
								<div class="mcjc-top-count-part">
									<div class="mcjc-top-count-part-value">#if('$!sbbj' == "") 0 吨 #else $!sbbj.rcll 吨#end</div>
									<div class="mcjc-top-count-part-line"></div>
									<div class="mcjc-top-count-part-name">日处理量</div>
								</div>
							</div>

						</div>
						
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div id="step-warn-set">
		
	</div>
	<!-- 密码输入 -->
	<div id="passwordConfirm" class="webdesigntuts-workshop">
	   <span>
	   <input class="input conceal" id="input" type="text" placeholder="请输入密码">
	   <button onclick="passwordConfirm();">确认</button>
	   </span>
	</div>
	<!--料线 -->
	<div id='lxcontroller-container'>
	<div id='lxcontroller'>
			<div class='lxbuild-choose'>
				#foreach($!obj in $!dplxList)
				#if("$!obj.first" == "1")<div class='areabuild-name active'>$!obj.qymc</div>#else <div class='areabuild-name'>$!obj.qymc</div>#end
				#end
			</div>
			#set($count0 = 1)
			#foreach($!obj in $!dplxList)
			<div class='lx-container' #if($count0 == 1)style='display:block' #end >
				<div class='lxcontroller-header'>料线控制<input type='hidden' class='jqid' value='$!obj.id' /></div>
				<div class='lxcontroller-body'>
					#set($count = 1)
					#foreach($!obj0 in $!obj.szList)
					<div class='lxcontroller-box'>
						<div class='lxleft-name'><div class='lx-name'>上料$count</div></div>
						<div class='lxright-content'>
							<div class='lxright-head'>
								<div class='congtrol-name'>开始时间</div>
								<div class='congtrol-name'>持续时间</div>
							</div>
							#foreach($!obj1 in $!obj0.slList)
							<div class='lxright-item'>
								<div class='datetimeInput'><input type='text' class='form_time' value='$!obj1.time' /></div>
								<input type='text' class='ys' value='$!obj1.cxsj'/>
							</div>
							#end
						</div>
					</div>
					#set($count = $count + 1)
					#end
				</div>
				<div class='saveBtns'>
					<div class='saveIt norbtns'>保存</div>
					<div class='cancelIt norbtns'>取消</div>
				</div>
			</div>
			#set($count0 = $count0 + 1)
			#end
		</div></div>
		<!-- 体温监测数据弹窗 -->
		<div id='temp-outwindow'>
			<div class='temp-outwindow-head'>体温监测</div>
			<div class='temp-window-body'>
				<div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
				<div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
				<div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
				<div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
				<div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
				<div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
				<div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
				<div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
				<div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
				<div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
				<div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
				<div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
			</div>
			<div class='wrapper' style="width:600px;height:310px;float: left;">
				<div class='tab'>
					<div class='tab-bid'>耳标体温</div>
				</div>
				<div class="wrapper-content">
					<div class="content-container">
						<div class='zhejiao zhejiao-1'></div>
						<div class='zhejiao zhejiao-2'></div>
						<div class='zhejiao zhejiao-3'></div>
						<div class='zhejiao zhejiao-4'></div>
						<div id='chart-ebtw'></div>
					</div>
				</div>
			</div>
			<div class='wrapper' style="width:600px;height:310px;float: left;">
				<div class='tab'>
					<div class='tab-bid'>运动时长</div>
				</div>
				<div class="wrapper-content">
					<div class="content-container">
						<div class='zhejiao zhejiao-1'></div>
						<div class='zhejiao zhejiao-2'></div>
						<div class='zhejiao zhejiao-3'></div>
						<div class='zhejiao zhejiao-4'></div>
						<div id='chart-ebsc'></div>
					</div>
				</div>
			</div>
		</div>
<script type="text/javascript" src="views/htclient/js/jquery-clock-timepicker.min.js" charset="UTF-8"></script>
<script>
	//牧场地图事件
 	$(".build-map").delegate("area","click",function(event){
		var canvers = document.getElementById("diagonal");//为了区域现形做一个画布
		var context = canvers.getContext("2d");
		context.globalAlpha = 0.5;
		context.clearRect(0, 0, 732, 377);
        var target = $(event.target);              
		context.beginPath();
        var strs = new Array(); //定义一数组
		var coords = target.attr('coords');
		coords=coords.replace("\"","");
		coords=coords.replace("\"","");
        strs = coords.split(",");
        context.moveTo(strs[0], strs[1]);
        for (var i = 2; i < strs.length; i = i + 2) {
        	context.lineTo(strs[i], strs[i + 1]);
        }
        context.stroke();
        context.fillStyle = "#f00";
        context.fill();					
        context.closePath(); //闭合
        
})
function qyClick(obj) {
	var canvers = document.getElementById("diagonal");//为了区域现形做一个画布
	var canvers = document.getElementById("diagonal");//为了区域现形做一个画布
		var context = canvers.getContext("2d");
		context.globalAlpha = 0.5;
		context.clearRect(0, 0, 732, 377);
        var target = $(obj);              
		context.beginPath();
        var strs = new Array(); //定义一数组
		var coords = target.attr('coords');
		coords=coords.replace("\"","");
		coords=coords.replace("\"","");
        strs = coords.split(",");
        context.moveTo(strs[0], strs[1]);
        for (var i = 2; i < strs.length; i = i + 2) {
        	context.lineTo(strs[i], strs[i + 1]);
        }
        context.stroke();
        context.fillStyle = "#f00";
        context.fill();					
        context.closePath(); //闭合
}

//
$('.form_time').clockTimePicker({});
 $('#oplxwindow').on('click',function(){
 	$('#lxcontroller-container').show();
 	event.stopPropagation();
 })
  $('#lxcontroller-container').on('click',function(){
 	event.stopPropagation();
 })
 $('.saveIt').on('click',function(){
	var pz = "";
	$(this).parents('.lx-container').find('.lxcontroller-box').each(function () {
		$(this).find('.lxright-item').each(function () {
			pz += $(this).find('.form_time').val() + ":00" + "-" + $(this).find('.ys').val() + ",";
		});
		pz = pz.substring(0, pz.length - 1);
		pz += "#";
	});
	if (pz != "") {
		pz = pz.substring(0, pz.length - 1);
	}
	var jqid = $(this).parents('.lx-container').find('.jqid').val();
	//保存料线设置
	jQuery.ajax({
		type : "post",
		url : "saveLx.htm",
		data : {
			"pz" : pz,
			"jqid" : jqid
		},
		dataType : "json",
		
		success : function(data) {
			if(data.returnCode == "1") {
			alert('设置成功');
				$('#lxcontroller-container').hide();
				event.stopPropagation();
			} else {
				alert('设置失败,请检查数据');
			}
		}
	}) 
	
	
 })
 
 $('.cancelIt').on('click',function(){
 	$('#lxcontroller-container').hide();
 	event.stopPropagation();
 })
$('.areabuild-name').on('click',function(){
	var n = $(this).index('.areabuild-name'); 
	$('.areabuild-name').removeClass('active');
	$(this).addClass('active');
	$('.lx-container').hide();
	$('.lx-container').eq(n).show();
})
		
		$("#fwcl").on("click" , function(){
			var mcid = $("#mcid").val();
			$("#right").html("");
			huimv.loadPage("right", "wsclIndex.htm?mcid=" + mcid);
		})
		$("#spjk").on("click" , function(){
			var mcid = $("#mcid").val();
			$("#right").html("");
			huimv.loadPage("right", "spjkIndex.htm?mcid=" + mcid);
		})
		
var zsid = "";
var ifchecked = "false";
	//回车确认密码
	$(window).on('keyup',function (e){
	  if (e.keyCode == 13) {   
	   passwordConfirm();
	  }
	});
	$("#passwordConfirm").on('click',function(e){
		event.stopPropagation();
	})
	//提交密码
	function passwordConfirm(){
	 var password = $('#input').val();
	 jQuery.ajax({
		type : "post",
		url : "checkedDpPassword.htm",
		data : {
			"password" : password
		},
		dataType : "json",
		
		success : function(data) {
			if(data.returnCode == "1") {
				$("#passwordConfirm").hide();
				$('#input').val("");
				//加入档位页面
				$("#step-warn-set").html("");
				huimv.loadPage("step-warn-set", "mcDwbj.htm?zsid=" + zsid);
				$('#step-warn-set').show();
				ifchecked = "true";
				//加入时间戳
				var mydate = new Date();
				localStorage.setItem("signTime" , mydate.getTime());
			}else {
				alert("密码不正确");
			}
		}
	})
	 	
		
	}
		/* 弹窗 */
	$('.tempvalue').click(function(){
		$(this).parent().find('.tempchange').show();
		$(this).parent().find('.tempchange').focus();
	})
	$('.tempchange').blur(function(){
		$(this).hide();
	})
	$('.tempchange').change(function(){
		var v = $(this).val();
		$(this).parent().find('.tempvalue').text(v);
	})
	$('.warnaction').click(function(){
		if($(this).hasClass('checked')){
			$(this).removeClass('checked');
		}else{
			$(this).addClass('checked');
		}
	})
	//弹出设备控制弹窗11
	$('.build-container li').dblclick(function(){
		var id = $(this).attr("data-zsid")
		zsid = id;
		var time = localStorage.getItem("signTime");
		var now = new Date();
		//guest 账号 点击无效
		var guest = $("#guest").val();
		if(guest == "true") {
			return;
		}
		if(time !== "" && time != null ) {
			var change = now.getTime() - time;
			if(change > 1*60*1000) {
				//超时，需要重新输入
				$("#passwordConfirm").show();
				
			}else {
				//时间在1小时内 直接查看
				$("#step-warn-set").html("fghju");
				$('#step-warn-set').show();
				huimv.loadPage("step-warn-set", "mcDwbj.htm?zsid=" + id);
				
			}
		}else {
			//没有时间戳 需要校验密码
			$("#passwordConfirm").show();
			event.stopPropagation();
		}
		event.stopPropagation();
	})
	 //input输入限制
  	$('.imit').on('blur', "input",function(e) {
  		var input = $(this);
  		var newNum = $(this).val();
  		var name = $(this).parent().parent().find('div:first-of-type').html();
  		var that = $(this).parent().parent().attr("name");
  		if (that == "10") { //变频风机
  			reg(40,newNum,100,name,input);
  		}else if (that == "13" || that == "12" || that == "11") { //进风窗
  			reg(0,newNum,100,name,input);
  		}
  	});
	$(document).click(function(){
		$('#step-warn-set').hide();
		$("#passwordConfirm").hide();
		$('#lxcontroller-container').hide();
		$('#temp-outwindow').hide();
	})
	$('#step-warn-set').click(function(){
		event.stopPropagation();
	})
	$('#temp-outwindow').on('click',function(){
		event.stopPropagation();
	})
	$('#chart-twjc').on('click',function(){
		event.stopPropagation();
	})
var myChart_chart_pzjgfb2, myChart_chart_fmzzfb2, myChart_chart_twjc, myChart_chart_ttfb2, myChart_chart_yffb2, myChart_chart_ebtw, myChart_chart_ebsc;
var myChart_chart_swtj, myChart_chart_fwclssjc, myChart_chart_nh3ssqx2, myChart_chart_wdsdaq2, myChart_chart_nh2,myChart_ys,myChart_chart_sy;
	var sit2 = setTimeout(function() {
		 var options = {
			        horizontal: 1,
			        itemNav: 'centered',		        
			        smart: 1,
			        activateOn: 'click',
			        mouseDragging: 1,
			        touchDragging: 1,
			        speed: 200,
			        moveBy: 600,		        						
			        //自动循环
			        cycleBy: "items",
			        cycleInterval: 6000,			      
				
		    	}
		 
		  
		  sly =  new Sly($('#mcBoxUlMc'), options).init();
		  
			sly.next();
			//console.log(sly)
			//sly.off('active');
			sly.on('active', function (eventName, itemIndex) {
		       console.log('mcindex')
				var lqid = $(".single li.active").attr("data-lqid");
					var zsqy = $(".single li.active").attr("data-zsqy");
					var o = myChart_chart_wdsdaq2.getOption();
					//if(o.legend>0){
					//for(var i=0;i<3;++i){
					   if (o.legend[0].selected) {
					   		for(var i in o.legend[0].selected){
				
							    if(o.legend[0].selected[i]){
							    	if(i=='温度'){
							    		getSsqxSj(lqid, "snwd");
							    	}else if(i=='湿度'){
							    		getSsqxSj(lqid, "snsd");
							    	}else{
							    		getSsqxSj(lqid, "snaq");
							    	}
							    	reZzwd(lqid);
							    }
							}
					   }
						
					//}
					var zsqyOld = $("#zsqy").val();
					if (zsqyOld === "" || zsqyOld == "0" || zsqyOld == "") {
						zsqy = "15";
					}
					if (zsqyOld == "" || zsqyOld != zsqy) {
						$("#zsqy").val(zsqy);
						getSsqxSj(zsqy, "sldl");
						reSy(zsqy);
					}
		    }); 
			
		 
		/*右侧图表*/
		var dom_chart_pzjgfb2 = document.getElementById("chart-pzjgfb2");
		var dom_chart_fmzzfb2 = document.getElementById("chart-fmzzfb2");
		var dom_chart_twjc = document.getElementById("chart-twjc");
		var dom_chart_ttfb2 = document.getElementById("chart-ttfb2");
		var dom_chart_yffb2 = document.getElementById("chart-yffb2");
		
		var dom_chart_swtj = document.getElementById("chart-swtj");
		var dom_chart_ebtw = document.getElementById("chart-ebtw");
		var dom_chart_ebsc = document.getElementById("chart-ebsc");
		var dom_chart_fwclssjc = document.getElementById("chart-fwclssjc");
		var dom_ys = document.getElementById("chart-ys");
		var dom_chart_sy = document.getElementById("chart-sy");
		var dom_chart_wdsdaq2 = document.getElementById("chart-wdsdaq2");
		var dom_chart_nh2 = document.getElementById("chart-nh2");
		myChart_chart_pzjgfb2 = echarts.init(dom_chart_pzjgfb2);
		myChart_chart_fmzzfb2 = echarts.init(dom_chart_fmzzfb2);
		myChart_chart_twjc = echarts.init(dom_chart_twjc);
		myChart_chart_ttfb2 = echarts.init(dom_chart_ttfb2);
		myChart_chart_yffb2 = echarts.init(dom_chart_yffb2);
	
		myChart_chart_swtj = echarts.init(dom_chart_swtj);
		myChart_chart_ebtw = echarts.init(dom_chart_ebtw);
		myChart_chart_ebsc = echarts.init(dom_chart_ebsc);
		myChart_chart_fwclssjc = echarts.init(dom_chart_fwclssjc);		
		myChart_ys= echarts.init(dom_ys);
		myChart_chart_sy= echarts.init(dom_chart_sy);
		myChart_chart_wdsdaq2 = echarts.init(dom_chart_wdsdaq2);
        myChart_chart_nh2 = echarts.init(dom_chart_nh2);
        
		var app = {};
		var option_chart_pzjgfb2 = null,
			option_chart_fmzzfb2 = null,
			option_chart_twjc = null,
			option_chart_ttfb2 = null,
			option_chart_yffb2 = null,
			
			option_chart_swtj = null,
			option_chart_ebtw = null,
			option_chart_ebsc = null,
			option_chart_fwclssjc = null,
			option_chart_wdsdaq2 = null,
			option_chart_nh2 = null,
			option_ys=null;
		//配种结果分布图（右侧）
		option_chart_pzjgfb2 = {
			tooltip : {
				trigger : 'axis',
				axisPointer : { // 坐标轴指示器，坐标轴触发有效
					type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
				},
				formatter : "{c} {b}"
			},
			grid : {
				x : '3%',
				y : '10%',
				x2 : '45%',
				y2 : '3%',
				containLabel : true
			},
			xAxis : [
				{
					type : 'category',
					data : [ '配种', '怀孕', '流产', '返情', '其他' ],
					axisTick : {
						alignWithLabel : true
					},
					axisLine : {
						show : true,
						lineStyle : {
							type : 'solid',
							color : '#ccf5f9', //左边线的颜色
							width : '1' //坐标线的宽度
						}
					},
				}
			],
			yAxis : [
				{
					type : 'value',
					axisLine : {
						show : true,
						lineStyle : {
							type : 'solid',
							color : '#ccf5f9', //左边线的颜色
							width : '1' //坐标线的宽度
						}
					},
					splitLine : {
						show : false
					}
				}
			],
			series : [
				{
					name : '配种结果分布图',
					type : 'bar',
					barWidth : '50%',
					data : [ {
						value : '$!sjlr.pzjgfbpz',
						name : '头'
					}, {
						value : '$!sjlr.pzjgfbhy',
						name : '头'
					}, {
						value : '$!sjlr.pzjgfblc',
						name : '头'
					}, {
						value : '$!sjlr.pzjgfbfq' ,
						name : '头'
					}, {
						value : '$!sjlr.pzjgfbqt',
						name : '头'
					} ],
					itemStyle : {
						normal : {
							color : new echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
								offset : 0,
								color : '#dc848a'
							},
								{
									offset : 0.5,
									color : '#d83f6e'
								},
								{
									offset : 1,
									color : '#3928ac'
								} ]),
							label : {
								show : true, //开启显示
								position : 'top', //在上方显示
								textStyle : { //数值样式
									color : '#ccf5f9',
									fontSize : 12
								}
							}
						}
					},
				},
				{
					name : '配种分娩率',
					type : 'gauge',
					center : [ '80%', '50%' ],
					min : 0,
					max : 100,
					splitNumber : 10,
					radius : '85%',
					axisLine : { // 坐标轴线
						lineStyle : { // 属性lineStyle控制线条样式
							color : [ [ 0.2, '#bb1b57' ], [ 0.8, '#972dab' ], [ 1, '#3e2984' ] ],
							width : 20,
							//shadowColor : '#fff', //默认透明
							//shadowBlur: 10

						}
					},
					axisTick : { // 坐标轴小标记
						length : 5, // 属性length控制线长
						lineStyle : { // 属性lineStyle控制线条样式
							color : 'auto'
						}
					},
					splitLine : { // 分隔线
						length : 20, // 属性length控制线长
						lineStyle : { // 属性lineStyle（详见lineStyle）控制线条样式
							color : 'auto'
						}
					},
					axisLabel : { // 坐标轴小标记

						textStyle : { // 属性lineStyle控制线条样式

							fontSize : 9, //改变仪表盘内刻度数字的大小
							//shadowColor : '#000', //默认透明
							color : '#ccf5f9'
						}
					},
					pointer : {
						width : 3, //指针的宽度
						length : "60%", //指针长度，按照半圆半径的百分比
						shadowColor : '#ccc', //默认透明
						shadowBlur : 5
					},
					title : {
						// 其余属性默认使用全局文本样式，详见TEXTSTYLE
						offsetCenter : [ 0, '65%' ],

						fontSize : 12,
						color : "#ccf5f9",
					},
					detail : {
						fontSize : 12,

						// 其余属性默认使用全局文本样式，详见TEXTSTYLE
						formatter : function(value) {
							value = (value + '').split('.');
							value.length < 2 && (value.push('00'));
							return ('00' + value[0]).slice(0 - value[0].length)
								+ '.' + (value[1] + '00').slice(0, 2) + '%';
						}
					},
					textStyle : {
						color : "#ccf5f9",
						fontSize : 12
					},
					data : [ {
						value : '$!sjlr.pzjgfbpzfml',
						name : '配种分娩率'
					} ]
				}

			]
		};
		//分娩猪仔分布图（右侧）
		option_chart_fmzzfb2 = {
			tooltip : {
				trigger : 'axis',
				axisPointer : { // 坐标轴指示器，坐标轴触发有效
					type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
				},
				formatter : "{c} {b}"
			},
			grid : {
				x : '3%',
				y : '10%',
				x2 : '45%',
				y2 : '3%',
				containLabel : true
			},
			xAxis : [
				{
					type : 'category',
					data : [ '健仔', '弱仔', '畸形', '木乃伊', '死胎' ],
					axisTick : {
						alignWithLabel : true
					},
					axisLine : {
						show : true,
						lineStyle : {
							type : 'solid',
							color : '#ccf5f9', //左边线的颜色
							width : '1' //坐标线的宽度
						}
					},
				}
			],
			yAxis : [
				{
					type : 'value',
					axisLine : {
						show : true,
						lineStyle : {
							type : 'solid',
							color : '#ccf5f9', //左边线的颜色
							width : '1' //坐标线的宽度
						}
					},
					splitLine : {
						show : false
					}
				}
			],
			series : [
				{
					name : '分娩猪仔分布图',
					type : 'bar',
					barWidth : '50%',
					data : [ {
						value : '$!sjlr.fmzzfbtjzs' ,
						name : '头'
					}, {
						value : '$!sjlr.fmzzfbtrzs',
						name : '头'
					}, {
						value : '$!sjlr.fmzzfbtjxs' ,
						name : '头'
					}, {
						value : '$!sjlr.fmzzfbtmnys' ,
						name : '头'
					}, {
						value : '$!sjlr.fmzzfbtsts' ,
						name : '头'
					} ],
					itemStyle : {
						normal : {
							color : new echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
								offset : 0,
								color : '#dc848a'
							},
								{
									offset : 0.5,
									color : '#d83f6e'
								},
								{
									offset : 1,
									color : '#3928ac'
								} ]),
							label : {
								show : true, //开启显示
								position : 'top', //在上方显示
								textStyle : { //数值样式
									color : '#ccf5f9',
									fontSize : 12
								}
							}
						}
					},
				},
				{
					name : '分娩存活率',
					type : 'gauge',
					center : [ '80%', '50%' ],
					min : 0,
					max : 100,
					splitNumber : 10,
					radius : '85%',
					axisLine : { // 坐标轴线
						lineStyle : { // 属性lineStyle控制线条样式
							color : [ [ 0.2, '#bb1b57' ], [ 0.8, '#972dab' ], [ 1, '#3e2984' ] ],
							width : 20,
							//shadowColor : '#fff', //默认透明
							//shadowBlur: 10

						}
					},
					axisTick : { // 坐标轴小标记
						length : 5, // 属性length控制线长
						lineStyle : { // 属性lineStyle控制线条样式
							color : 'auto'
						}
					},
					splitLine : { // 分隔线
						length : 20, // 属性length控制线长
						lineStyle : { // 属性lineStyle（详见lineStyle）控制线条样式
							color : 'auto'
						}
					},
					axisLabel : { // 坐标轴小标记

						textStyle : { // 属性lineStyle控制线条样式

							fontSize : 9, //改变仪表盘内刻度数字的大小
							//shadowColor : '#000', //默认透明
							color : '#ccf5f9'
						}
					},
					pointer : {
						width : 3, //指针的宽度
						length : "60%", //指针长度，按照半圆半径的百分比
						shadowColor : '#ccc', //默认透明
						shadowBlur : 5
					},
					title : {
						// 其余属性默认使用全局文本样式，详见TEXTSTYLE
						offsetCenter : [ 0, '65%' ],

						fontSize : 12,
						color : "#ccf5f9",
					},
					detail : {
						fontSize : 12,

						// 其余属性默认使用全局文本样式，详见TEXTSTYLE
						formatter : function(value) {
							value = (value + '').split('.');
							value.length < 2 && (value.push('00'));
							return ('00' + value[0]).slice(0 - value[0].length)
								+ '.' + (value[1] + '00').slice(0, 2) + '%';
						}
					},
					textStyle : {
						color : "#ccf5f9",
						fontSize : 12
					},
					data : [ {
						value : #if('$!sjlr' == "") 0 #else '$!sjlr.fmzzfbtfmchl' #end,
						name : '分娩存活率'
					} ]
				}

			]
		};
		//分娩体温监测（右侧）
		option_chart_twjc = {
			tooltip : {
				trigger : 'axis',
				axisPointer : { // 坐标轴指示器，坐标轴触发有效
					type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
				}
			},
			grid : {
				x : '3%',
				y : '10%',
				x2 : '5%',
				y2 : '3%',
				containLabel : true
			},
			//color:['#f77635','#36f648','#ad91de','#a92149','#3428ae','#1dc4d4','#da4170','#e45e65','#0aaf9f'],
			xAxis : [
				{
					type : 'category',
					data : [ '37℃', '37.5℃', '38℃','38.5℃','39℃','39.5℃' ],
					axisTick : {
						alignWithLabel : true
					},
					axisLine : {
						show : true,
						lineStyle : {
							type : 'solid',
							color : '#ccf5f9', //左边线的颜色
							width : '1' //坐标线的宽度
						}
					},
				}
			],
			yAxis : [
				{
					type : 'value',
					axisLine : {
						show : true,
						lineStyle : {
							type : 'solid',
							color : '#ccf5f9', //左边线的颜色
							width : '1' //坐标线的宽度
						}
					},
					splitLine : {
						show : false
					}
				}
			],
			series : [
				{
					name : '体温监测',
					type : 'bar',
					barWidth : '60%',
					data : [ {
						value : '15' ,
						name : '37℃'
					}, {
						value :  '33' ,
						name : '37.5℃'
					}, {
						value : '66' ,
						name : '38℃'
					} , {
						value : '88' ,
						name : '38.5℃'
					}, {
						value : '44' ,
						name : '39℃'
					}, {
						value : '88' ,
						name : '39.5℃'
					}],
					itemStyle : {
						normal : {	
							color: function(params) { 
		                    var colorList = ['#f77635','#36f648','#ad91de','#a92149','#3428ae','#1dc4d4','#da4170','#e45e65','#0aaf9f']; 
		                    return colorList[params.dataIndex] 
							},						
							label : {
								show : true, //开启显示
								position : 'top', //在上方显示
								textStyle : { //数值样式
									color : '#ccf5f9',
									fontSize : 12
								},
								formatter : "{c}"
							}
						}
					},
				}

			]
		};
		//淘汰分布饼状图（右侧）
		option_chart_ttfb2 = {
			title : {
				text : '淘汰分布图',
				x : '15%',
				y : '3%',
				textStyle : {
					color : '#ccf5f9',
					fontWeight : 'normal',
					fontSize : '12'
				}
			},
			color : [ '#3428ae', '#a92149', '#1b9250', '#ad91de', '#36f648', '#f77635', '#1dc4d4', '#fa6159' ],
			tooltip : {
				trigger : 'item',
				formatter : "{a} <br/>{b} : {c} ({d}%)"
			},
			legend : {
				icon : 'circle',
				itemGap : 0,
				itemWidth : 10,
				orient : 'vertical',
				right : '0',
				y : 'center',
				textStyle : {
					fontSize : 10,
					color : '#ccf5f9',
				},

				data : [ '死亡', '胎次太高', '长期不发情', '产仔数少', '产道炎症', '营养不良', '肢体疾病', '其他' ]
			},
			series : [
				{
					name : '淘汰分布图',
					type : 'pie',
					radius : [ '10%', '40%' ],
					center : [ '30%', '50%' ],
					data : [
						{
							value : '$!sjlr.ttfbtsw' ,
							name : '死亡'
						},
						{
							value : '$!sjlr.ttfbttctg' ,
							name : '胎次太高'
						},
						{
							value : '$!sjlr.ttfbtcqby' ,
							name : '长期不发情'
						},
						{
							value : '$!sjlr.ttfbtczss' ,
							name : '产仔数少'
						},
						{
							value : '$!sjlr.ttfbtcdyz' ,
							name : '产道炎症'
						},
						{
							value : '$!sjlr.ttfbtyybl' ,
							name : '营养不良'
						},
						{
							value : '$!sjlr.ttfbtztjb' ,
							name : '肢体疾病'
						},
						{
							value : '$!sjlr.ttfbtqt' ,
							name : '其他'
						}
					],

					label : {
						normal : {
							show : true,
							position : 'outside', //标签的位置
							textStyle : {
								fontWeight : 300,
								fontSize : 10 //文字的字体大小
							},
							formatter : '{d}%'
						}
					},
					labelLine : {
						normal : {
							show : false,
							length : 0,
							length2 : 4,
						}
					},
					itemStyle : {
						emphasis : {
							shadowBlur : 10,
							shadowOffsetX : 0,
							shadowColor : 'rgba(0, 0, 0, 0.5)'
						}
					}
				}
			]
		};
		//育肥分布饼状图（右侧）
		option_chart_yffb2 = {
			title : {
				text : '育肥分布图',
				x : '15%',
				y : '3%',
				textStyle : {
					color : '#ccf5f9',
					fontWeight : 'normal',
					fontSize : '12'
				}
			},
			color : [ '#3727ac', '#e45e65', '#da4170', '#912aaf', '#6b2cb9', '#3727ac', '#6a2cba', '#e45e65' ],
			tooltip : {
				trigger : 'item',
				formatter : "{a} <br/>{b} : {c} ({d}%)"
			},
			legend : {
				icon : 'circle',
				itemGap : 0,
				itemWidth : 10,
				orient : 'vertical',
				right : '0',
				y : 'center',
				textStyle : {
					fontSize : 10,
					color : '#ccf5f9',
				},

				data : [ '60-90', '91-120', '121-150', '151-180', '180以上' ]
			},
			series : [
				{
					name : '育肥分布图',
					type : 'pie',
					radius : [ '10%', '40%' ],
					center : [ '30%', '50%' ],
					data : [
						{
							value : '$!sjlr.yffbt1' ,
							name : '60-90'
						},
						{
							value : '$!sjlr.yffbt2' ,
							name : '91-120'
						},
						{
							value : '$!sjlr.yffbt3' ,
							name : '121-150'
						},
						{
							value : '$!sjlr.yffbt4' ,
							name : '151-180'
						},
						{
							value : '$!sjlr.yffbt5' ,
							name : '180以上'
						},
					],

					label : {
						normal : {
							show : true,
							position : 'outside', //标签的位置
							textStyle : {
								fontWeight : 300,
								fontSize : 10 //文字的字体大小
							},
							formatter : '{d}%'
						}
					},
					labelLine : {
						normal : {
							show : false,
							length : 0,
							length2 : 4,
						}
					},
					itemStyle : {
						emphasis : {
							shadowBlur : 10,
							shadowOffsetX : 0,
							shadowColor : 'rgba(0, 0, 0, 0.5)'
						}
					}
				}
			]
		};
		
		//饮水柱状图+折线图
option_ys = {
    tooltip: {
        trigger: 'axis',
    },
	
	color:['#af8343','#b41734','#44c920'],
	grid:{
		x:'10%',
		y:'15%',
		x2:'3%',
		y2:'15%',
		//containLabel:true
	},
    legend: {
        data:['实际饮水量'],
		textStyle:{
			color:"#ccf5f9",
			fontSize:12
		},
		top:0,
		right:10
    },
    xAxis: [
        {
            type: 'category',
            data: ['10-03','10-04','10-05','10-06','10-07','10-08','10-09','10-10','10-11','10-12','10-13','10-14'],
            axisPointer: {
                type: 'shadow'
            },
			axisLabel:{
			color:"#ccf5f9",
			},
			axisLine: {
				show: true,
				lineStyle: {
							type: 'solid',
							color: '#ccf5f9',//左边线的颜色
							width:'1'//坐标线的宽度
					}
			},
        }
    ],
    yAxis: [
        {
            type: 'value',          
            min: 0,
           // max: 500,
            //interval: 50,
            axisLabel: {
                
				color:"#ccf5f9",
            },
			
			axisLine: {
				show: true,
				lineStyle: {
							type: 'solid',
							color: '#ccf5f9',//左边线的颜色
							width:'1'//坐标线的宽度
					}
			},
			splitLine:{
				lineStyle: {
							type: 'solid',
							color: '#1c3860',//左边线的颜色
							width:'1'//坐标线的宽度
					}
			},
        },
       
    ],
    series: [
        {
            name:'实际饮水量',
            type:'bar',
            data:[7.5, 7.8, 8, 7.8, 8.1, 7.5, 7.7, 7.6, 7.9, 7.4, 8, 4],
			itemStyle: {
	            normal: {
	                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
	                     offset: 0,
	                     color: 'rgba(68,201,32,0.4)'
	                    }, 
						{
	                     offset: 1,
	                     color: '#44c920'
	                     }]),
	                    }
	        },
        }
    ]
};
//饲喂统计柱状图+折线图
option_chart_swtj= {
    tooltip: {
        trigger: 'axis',
        
    },
	color:['#18a24e','#ccd131','#fe1125'],
	grid:{
		x:'10%',
		y:'15%',
		x2:'3%',
		y2:'15%',
		//containLabel:true
	},
    legend: {
        data:['实际采食量'],
		textStyle:{
			color:"#ccf5f9",
			fontSize:12
		},
		top:0,
		right:10
    },
    xAxis: [
        {
            type: 'category',
            data: ['10-03','10-04','10-05','10-06','10-07','10-08','10-09','10-10','10-11','10-12','10-13','10-14'],
            axisPointer: {
                type: 'shadow'
            },
			axisLabel:{
			color:"#ccf5f9",
			},
			axisLine: {
				show: true,
				lineStyle: {
							type: 'solid',
							color: '#ccf5f9',//左边线的颜色
							width:'1'//坐标线的宽度
					}
			},
        }
    ],
    yAxis: [
        {
            type: 'value',
            name: '重量/吨',
            min: 0,
           // max: 500,
            //interval: 50,
            axisLabel: {
                
				color:"#ccf5f9",
            },
			
			axisLine: {
				show: true,
				lineStyle: {
							type: 'solid',
							color: '#ccf5f9',//左边线的颜色
							width:'1'//坐标线的宽度
					}
			},
			splitLine:{
				lineStyle: {
							type: 'solid',
							color: '#1c3860',//左边线的颜色
							width:'1'//坐标线的宽度
					}
			},
        },
       
    ],
    series: [
        {
            name:'实际采食量',
            type:'bar',
            data:[14.8, 13.5, 14, 13.6, 13.7, 13.6, 14.2, 14, 14.3, 12.6, 15.4, 6.8],
			itemStyle: {
	            normal: {
	                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
	                     offset: 0,
	                     color: 'rgba(113,78,78,0.6)'
	                    }, 
						{
	                     offset: 1,
	                     color: '#fe1125'
	                     }]),
	                    }
	        },
        }
    ]
};

//耳标时长
option_chart_ebsc = {
    tooltip: {
        trigger: 'axis',
        
    },
	color:['#18a24e','#ccd131','#fe1125'],
	grid:{
		x:'8%',
		y:'15%',
		x2:'3%',
		y2:'15%',
		//containLabel:true
	},
    legend: {
        data:['运动时长'],
		textStyle:{
			color:"#ccf5f9",
			fontSize:12
		},
		top:0,
		right:10
    },
    xAxis: [
        {
            type: 'category',
            data: [],
            axisPointer: {
                type: 'shadow'
            },
			axisLabel:{
			color:"#ccf5f9",
			},
			axisLine: {
				show: true,
				lineStyle: {
							type: 'solid',
							color: '#ccf5f9',//左边线的颜色
							width:'1'//坐标线的宽度
					}
			},
        }
    ],
    yAxis: [
        {
            type: 'value',
            name: 's',
            min: 0,
           // max: 500,
            //interval: 50,
            axisLabel: {
				color:"#ccf5f9",
            },
			
			axisLine: {
				show: true,
				lineStyle: {
							type: 'solid',
							color: '#ccf5f9',//左边线的颜色
							width:'1'//坐标线的宽度
					}
			},
			splitLine:{
				lineStyle: {
							type: 'solid',
							color: '#1c3860',//左边线的颜色
							width:'1'//坐标线的宽度
					}
			},
        },
       
    ],
    series: [
        {
            name:'运动时长',
            type:'bar',
            data:[],
			itemStyle: {
	            normal: {
	                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
	                     offset: 0,
	                     color: 'rgba(113,78,78,0.6)'
	                    }, 
						{
	                     offset: 1,
	                     color: '#fe1125'
	                     }]),
	                    }
	        },
        }
    ]
};

//耳标体温
option_chart_ebtw= {
    tooltip: {
        trigger: 'axis',
        
    },
	color:['#18a24e','#ccd131','#fe1125'],
	grid:{
		x:'3%',
		y:'15%',
		x2:'3%',
		y2:'15%',
		//containLabel:true
	},
    legend: {
        data:['温度'],
		textStyle:{
			color:"#ccf5f9",
			fontSize:12
		},
		top:0,
		right:10
    },
    xAxis: [
        {
            type: 'category',
            data: [],
            axisPointer: {
                type: 'shadow'
            },
			axisLabel:{
			color:"#ccf5f9",
			},
			axisLine: {
				show: true,
				lineStyle: {
							type: 'solid',
							color: '#ccf5f9',//左边线的颜色
							width:'1'//坐标线的宽度
					}
			},
        }
    ],
    yAxis: [
        {
            type: 'value',
            name: '℃',
            min: function(value) {
				return value.min - 1;
			},
            axisLabel: {
                
				color:"#ccf5f9",
            },
			
			axisLine: {
				show: true,
				lineStyle: {
							type: 'solid',
							color: '#ccf5f9',//左边线的颜色
							width:'1'//坐标线的宽度
					}
			},
			splitLine:{
				lineStyle: {
							type: 'solid',
							color: '#1c3860',//左边线的颜色
							width:'1'//坐标线的宽度
					}
			},
        },
       
    ],
    series: [
        {
            name:'体温',
            type:'line',
            data:[],
			itemStyle: {
	            normal: {
	                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
	                     offset: 0,
	                     color: 'rgba(113,78,78,0.6)'
	                    }, 
						{
	                     offset: 1,
	                     color: '#fe1125'
	                     }]),
	                    }
	        },
        }
    ]
};
		//粪污处理实时监测 
		option_chart_fwclssjc = {
			title : {
				text : '实时监测',
				top : '5%',
				left : '20%',
				textStyle : {
					fontWeight : 'normal',
					fontSize : '14',
					color : '#ccf5f9',
				}
			},
			tooltip : {
				trigger : 'axis',
				axisPointer : { // 坐标轴指示器，坐标轴触发有效
					type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
				},
			},
			grid : {
				x : '3%',
				y : '30%',
				x2 : '3%',
				y2 : '5%',
				containLabel : true
			},
			xAxis : {
				type : 'category',
				data : [ 'NH3', 'COD', 'BOD', 'SS', '总磷', 'PH' ],
				axisTick : {
					alignWithLabel : true
				},
				axisLine : {
					show : true,
					lineStyle : {
						type : 'solid',
						color : '#4865e3', //左边线的颜色
						width : '1' //坐标线的宽度
					}
				},
				axisLabel : {
					textStyle : {
						color : '#ccf5f9',
					},
				}
			},
			yAxis : [ {
				type : 'value',
				name : 'mg/L',
				scale : true,
				axisLine : {
					show : true,
					lineStyle : {
						type : 'solid',
						color : '#4865e3', //左边线的颜色
						width : '1' //坐标线的宽度
					}
				},
				splitLine : {
					lineStyle : {
						type : 'solid',
						color : 'rgba(72,101,227,0.8)',
						width : '1'
					}
				},
				axisLabel : {
					textStyle : {
						color : '#ccf5f9',
					},
				}
			} ],
			series : [
				{
					name : '排水实时监测',
					type : 'bar',
					barWidth : '40%',
					data : [ #if('$!sbbj' == "") 0 #else '$!sbbj.nh3' #end, #if('$!sbbj' == "") 0 #else '$!sbbj.cod' #end, #if('$!sbbj' == "") 0 #else '$!sbbj.bod' #end, #if('$!sbbj' == "") 0 #else '$!sbbj.ss' #end, #if('$!sbbj' == "") 0 #else '$!sbbj.zl' #end, #if('$!sbbj' == "") 0 #else '$!sbbj.ph' #end ],
					itemStyle : {
						normal : {
							color : new echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
								offset : 0,
								color : '#851c9d'
							},
								{
									offset : 1,
									color : '#4805ad'
								} ]),
							label : {
								show : true, //开启显示
								position : 'top', //在上方显示
								textStyle : { //数值样式
									color : '#ccf5f9',
									fontSize : 12
								},
								formatter : '{c}'
							}
						}
					},
				}
			]
		};
		
		
		
//温度湿度氨气（右侧）
option_chart_wdsdaq2 = {
	color:['#ef1a0f','#0fc6ef','#07a504','#caae1f'],
	grid:{
		x:'10%',
		y:'15%',
		x2:'3%',
		y2:'15%',
		//containLabel:true
	},
	tooltip: {
        trigger: 'axis'
    },
	legend: {
        data:['温度','湿度','氨气'],
		selectedMode: 'single',
		textStyle:{
			color:"#fff",
			fontSize:14
		},
		top:0,
		right:10,
		selected:{
              '温度':true,
              '湿度':false,
              '氨气':false,
			 
          }
    },
    xAxis: {
        type: 'category',
        data: ['08:15', '08:20', '08:25', '08:30', '08:35', '08:40', '08:45'],
		axisLine: {
				show: true,
				lineStyle: {
						type: 'solid',
						color: '#4865e3',//左边线的颜色
						width:'1'//坐标线的宽度
				}
		},
		axisLabel: {
			textStyle: {
            color: '#ccf5f9',
				
			},
		},
		axisTick:{
			alignWithLabel:true
		}
    },
    yAxis: {
        type : 'value',
        min: function(value) {
				return value.min - 1;
			},
		axisLine: {
				show: true,
				lineStyle: {
						type: 'solid',
						color: '#4865e3',//左边线的颜色
						width:'1'//坐标线的宽度
				}
		},
		splitLine:{
		lineStyle: {
				type: 'solid',
				color: 'rgba(72,101,227,0.8)',
				width:'1'
			}
		},
		axisLabel: {
			textStyle: {
            color: '#ccf5f9',
				
		},
				
		}
    },
    series: [{
            name:'温度',
            type:'line',
            
			smooth: true,
            data:[{value:31,name:'℃'}, {value:29,name:'℃'},{value:30,name:'℃'} ,{value:29,name:'℃'} ,{value:30,name:'℃'} ,{value:31,name:'℃'} ,{value:30,name:'℃'} ],
			
            lineStyle:{ 
				normal:{
                    color:'#ef1a0f'  
				}
            } 
                                
        },
		{
            name:'湿度',
            type:'line',
           
			smooth: true,
            data:[{value:15,name:'RH'},{value:23,name:'RH'} ,{value:20,name:'RH'} ,{value:34,name:'RH'} ,{value:19,name:'RH'} ,{value:33,name:'RH'} ,{value:41,name:'RH'} ],
            lineStyle:{ 
				normal:{
                    color:'#0fc6ef'  
				}
            } 
                                
        },
		{
            name:'氨气',
            type:'line',
            
			smooth: true,
            data:[{value:22,name:'ppm'},{value:50,name:'ppm'} ,{value:33,name:'ppm'} ,{value:12,name:'ppm'} ,{value:44,name:'ppm'} ,{value:39,name:'ppm'} ,{value:23,name:'ppm'} ],
            lineStyle:{ 
				normal:{
                    color:'#07a504'  
				}
            } 
                                
        }]
};
//温度湿度氨气（右侧）
option_chart_sy = {
	color:['#39a724','#0fc6ef','#07a504','#caae1f'],
	grid:{
		x:'10%',
		y:'5%',
		x2:'3%',
		y2:'15%',
		//containLabel:true
	},
	tooltip: {
        trigger: 'axis'
    },
    xAxis: {
        type: 'category',
        data: ['08:15', '08:20', '08:25', '08:30', '08:35', '08:40', '08:45'],
		axisLine: {
				show: true,
				lineStyle: {
						type: 'solid',
						color: '#4865e3',//左边线的颜色
						width:'1'//坐标线的宽度
				}
		},
		axisLabel: {
			textStyle: {
            color: '#ccf5f9',
				
			},
		},
		axisTick:{
			alignWithLabel:true
		}
    },
    yAxis: {
        type : 'value',
        min: function(value) {
				return value.min - 1;
			},
		axisLine: {
				show: true,
				lineStyle: {
						type: 'solid',
						color: '#4865e3',//左边线的颜色
						width:'1'//坐标线的宽度
				}
		},
		splitLine:{
		lineStyle: {
				type: 'solid',
				color: 'rgba(72,101,227,0.8)',
				width:'1'
			}
		},
		axisLabel: {
			textStyle: {
            color: '#ccf5f9',
				
		},
				
		}
    },
    series: [{
            name:'水压',
            type:'line',
            
			smooth: true,
            data:[{value:31,name:'MPa'}, {value:29,name:'MPa'},{value:30,name:'MPa'} ,{value:29,name:'MPa'} ,{value:30,name:'MPa'} ,{value:31,name:'MPa'} ,{value:30,MPa:'MPa'} ],
			
            lineStyle:{ 
				normal:{
                    color:'#39a724'  
				}
            } 
                                
        }]
};
//能耗柱状图
option_chart_nh2 = {
	color:['#a12993','#ba9739'],
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        },
		
		
    },
    grid: {
        x: '3%',
        y: '15%',
        x2: '10%',
		y2: '3%',
        containLabel: true
		
    },
	legend: {
        data: ['电量（度）', '水量（吨）'],
		icon:'circle',
		itemGap: 5,
		itemWidth:10,
		top: '0',
		x:'center',
		textStyle:{
					
		color:'#ccf5f9',
		},
    },
    xAxis :{
            type : 'category',
            data : ['06.12', '06.13', '06.14','06.15','06.16','06.17','06.18'],
            axisTick: {
                alignWithLabel: true
            },
			axisLine: {
					show: true,
					lineStyle: {
								type: 'solid',
								color: '#4865e3',//左边线的颜色
								width:'1'//坐标线的宽度
					}
			},
			axisLabel: {
				textStyle: {
                color: '#ccf5f9',
				
				},
				
			}
			
        },
    yAxis :[{
            type : 'value',
			scale: true,
			axisLine: {
					show: true,
					lineStyle: {
								type: 'solid',
								color: '#4865e3',//左边线的颜色
								width:'1'//坐标线的宽度
					}
			},
			splitLine:{
				lineStyle: {
						type: 'solid',
						color: 'rgba(72,101,227,0.7)',
						width:'1'
				}
			},
			axisLabel: {
				textStyle: {
                color: '#ccf5f9',
				
				},
				
			}
        },{
            type : 'value',
			scale: true,
			axisLine: {
					show: true,
					lineStyle: {
								type: 'solid',
								color: '#4865e3',//左边线的颜色
								width:'1'//坐标线的宽度
					}
			},
			splitLine:{
				show:false,
				lineStyle: {
						type: 'solid',
						color: 'rgba(72,101,227,0.7)',
						width:'1'
				}
			},
			axisLabel: {
				textStyle: {
                color: '#ccf5f9',
				
				},
				
			}
        }],
    series : [
        {
            
            type:'bar',
            barWidth: '30%',
			name:'电量（度）',
			yAxisIndex:0,
            data:[45,56, 66,34,23,67,34],
			
        },
		{
            
            type:'bar',
            barWidth: '30%',
			name:'水量（吨）',
			yAxisIndex:1,
            data:[56, 79, 93,36,46,28,57],
			
        }
    ]
};
		if (option_chart_pzjgfb2 && typeof option_chart_pzjgfb2 === "object") {
			myChart_chart_pzjgfb2.setOption(option_chart_pzjgfb2, true);
		}
		if (option_chart_fmzzfb2 && typeof option_chart_fmzzfb2 === "object") {
			myChart_chart_fmzzfb2.setOption(option_chart_fmzzfb2, true);
		}
		if (option_chart_twjc && typeof option_chart_twjc === "object") {
			myChart_chart_twjc.setOption(option_chart_twjc, true);
		}
		if (option_chart_ttfb2 && typeof option_chart_ttfb2 === "object") {
			myChart_chart_ttfb2.setOption(option_chart_ttfb2, true);
		}
		if (option_chart_yffb2 && typeof option_chart_yffb2 === "object") {
			myChart_chart_yffb2.setOption(option_chart_yffb2, true);
		}
		
		if (option_chart_swtj && typeof option_chart_swtj === "object") {
			myChart_chart_swtj.setOption(option_chart_swtj, true);
		}
		if (option_chart_ebtw && typeof option_chart_ebtw === "object") {
			myChart_chart_ebtw.setOption(option_chart_ebtw, true);
		}
		if (option_chart_ebsc && typeof option_chart_ebsc === "object") {
			myChart_chart_ebsc.setOption(option_chart_ebsc, true);
		}
		if (option_chart_fwclssjc && typeof option_chart_fwclssjc === "object") {
			myChart_chart_fwclssjc.setOption(option_chart_fwclssjc, true);
		}
		if (option_chart_wdsdaq2 && typeof option_chart_wdsdaq2 === "object") {
			myChart_chart_wdsdaq2.setOption(option_chart_wdsdaq2, true);
		}
		if (option_chart_sy && typeof option_chart_sy === "object") {
			myChart_chart_sy.setOption(option_chart_sy, true);
		}
		if (option_chart_nh2 && typeof option_chart_nh2 === "object") {
					myChart_chart_nh2.setOption(option_chart_nh2, true);
		}
		if (option_ys && typeof option_ys === "object") {
			myChart_ys.setOption(option_ys, true);
		}
		//监听体温监测表的点击事件
		myChart_chart_twjc.on('click', 'series.bar', function (params) {
			$('#temp-outwindow').hide();
			var wdz = params.name;
			var lqid = $(".single li.active").attr("data-lqid");
			jQuery.ajax({
				type : "get",
				url : "getTwxq.htm",
				data : {
					"lqid" : lqid,
					"wdz" : wdz
				},
				dataType : "json",
				async : true,
				success : function(data) {
					if (data.returnCode > 0) {
						var s = data.result;
						var h = "";
						for(var i = 0; i < s.length; i++){
							if (i == 0) {
								h += '<div class="temp-data-tiem checkEb"';
							} else {
								h += '<div class="temp-data-tiem"';
							}
							h += ' onclick="showEbtjt(this)"><div class="temp-data-name">'+s[i].mac+'</div><div class="temp-data-value">'+s[i].dqwd+'℃</div></div>';
						}
						$('.temp-window-body').html(h);
						reEbtw(s[0].mac);
						reEbsc(s[0].mac);
					}
				}
			}); 
		    console.log("show");
		    $('#temp-outwindow').show();
		});
		
		$(".right-warning-box").slimScroll({
			size : 0,
			width : $(".right-warning-box").width(),
			height : $(".right-warning-box").height()
		});
		$(".right-msg-box").slimScroll({
			size : 0,
			width : $(".right-msg-box").width(),
			height : $(".right-msg-box").height()
		});
		$(".lxcontroller-body").slimScroll({
			size : 0,
			width : $(".lxcontroller-body").width(),
			height : $(".lxcontroller-body").height()
		});
		/* $("#lxrunning-msg").slimScroll({
			size : 0,
			width : $("#lxrunning-msg").width(),
			height : $("#lxrunning-msg").height()
		}); */
		$(".temp-window-body").slimScroll({
			size : 0,
			width : $(".temp-window-body").width(),
			height : $(".temp-window-body").height()
		});
		
	   	var playerElement5 = document.getElementById("player5");
		var player5 = new Clappr.Player({
	  		source: '$!spjk1',
	  		//poster: 'http://clappr.io/poster.png',
	  		mute: true
		});
		
		player5.attachTo(playerElement5);
		player5.play();
	}, 1000);
	
	//切換選中
		var mctimer2;
		var mctimer3;
		var timer2;
		window.clearInterval(timer2);
		window.clearInterval(mctimer2);
		window.clearInterval(mctimer3);
		
		// 统计图刷新
		function getSsqxSj(lqid, type) {
			switch (type) {
			case "snwd":
				jqAjax("getHaifmvSnwdTjt.htm", lqid, type);
				break;
			case "snsd":
				jqAjax("getHaifmvSnsdTjt.htm", lqid, type);
				break;
			case "snaq":
				jqAjax("getHaifmvSnaqTjt.htm", lqid, type);
				break;
			case "sldl":
				jqAjax("getHkClientNhsjTjt.htm", lqid, type);
				break;
			}
		}
		
		function reZzwd(lqid) {
			//刷新种猪温度
			jQuery.ajax({
				type : "get",
				url : "getEbtw.htm",
				data : {
					"lqid" : lqid
				},
				dataType : "json",
				async : true,
				success : function(data) {
					var wdxx = eval(data);
					var wdArr = [];
					var i = 0;
					var xArea = [];
					for(var obj in wdxx){
						xArea[i] = obj +'℃';
						wdArr[i] =  {value : wdxx[obj] ,name : obj +'℃'};
						i++;
					}
					var option_chart_twjc = myChart_chart_twjc.getOption();
						option_chart_twjc.series[0].data = wdArr;
						option_chart_twjc.xAxis[0].data = xArea;
						myChart_chart_twjc.setOption(option_chart_twjc, true);
				}
			});
		}
		
		function reSy(lqid) {
			//刷新水压
			jQuery.ajax({
				type : "get",
				url : "getSy.htm",
				data : {
					"lqid" : lqid
				},
				dataType : "json",
				async : true,
				success : function(data) {
					var wdxx = data.result;
					var wdArr = [];
					wdArr = [{value:wdxx[0],name:'MPa'}, {value:wdxx[1],name:'MPa'},{value:wdxx[2],name:'MPa'} ,{value:wdxx[3],name:'MPa'} ,{value:wdxx[4],name:'MPa'} ,{value:wdxx[5],name:'MPa'} ,{value:wdxx[6],MPa:'MPa'} ];
					var option_chart_sy = myChart_chart_sy.getOption();
					option_chart_sy.series[0].data = wdArr;
					myChart_chart_sy.setOption(option_chart_sy, true);
				}
			});
		}
		
		function reEbtw(mac) {
			//刷新耳标体温
			jQuery.ajax({
				type : "get",
				url : "getEwtwTjt.htm",
				data : {
					"mac" : mac
				},
				dataType : "json",
				async : true,
				success : function(data) {
					var series = [];
					var yAxis = [];
					for (var i = 0; i < data.result.length; i++) {
						series[i] = {
							name : "℃",
							value : data.result[i].dqwd
						};
						yAxis[i] = formatDate(data.result[i].scsjTime);
					}
					var option_chart_ebtw = myChart_chart_ebtw.getOption();
					option_chart_ebtw.series[0].data = series;
					option_chart_ebtw.xAxis[0].data = yAxis;
					myChart_chart_ebtw.setOption(option_chart_ebtw, true);
				}
			});
		}
		
		function reEbsc(mac) {
			//刷新耳标时长
			jQuery.ajax({
				type : "get",
				url : "getEwscTjt.htm",
				data : {
					"mac" : mac
				},
				dataType : "json",
				async : true,
				success : function(data) {
					var series = [];
					var yAxis = [];
					for (var i = 0; i < data.result.length; i++) {
						series[i] = {
							name : "s",
							value : data.result[i].dqms
						};
						yAxis[i] = data.result[i].xs;
					}
					var option_chart_ebsc = myChart_chart_ebsc.getOption();
					option_chart_ebsc.series[0].data = series;
					option_chart_ebsc.xAxis[0].data = yAxis;
					myChart_chart_ebsc.setOption(option_chart_ebsc, true);
				}
			});
		}
		
		function showEbtjt(obj) {
			$(".temp-data-tiem").removeClass("checkEb");
			$(obj).addClass("checkEb");
			var mac = $(obj).find(".temp-data-name").html();
			reEbtw(mac);
			reEbsc(mac);
		}
	
		//请求图表 
		//ztType = snwd snsd snaq 
		function jqAjax(url, lqid, ztType) {
			var option_chart_nh2,option_chart_wdsdaq2;		
			if (ztType == "snwd" || ztType == "snsd" || ztType == "snaq") {				
				option_chart_wdsdaq2 = myChart_chart_wdsdaq2.getOption();
				myChart_chart_wdsdaq2.clear();
				myChart_chart_wdsdaq2.resize();
			}
			jQuery.ajax({
				type : "get",
				url : url,
				data : {
					"lqid" : lqid,
					"type" : ztType,
					"jsms" : "1", //   曲线为日均曲线
					"qyid" : lqid
				},
				dataType : "json",
				async : true,
				success : function(data) {
					//option_chart_ph
					var series = [];
					var series2 = [];
					var yAxis = [];
					if (ztType == "sldl") {
						if (data.h) {
							series = [];
							series2 = [];
							yAxis = [];
							for (var i = 0; i < data.h.length; i++) {
								series[i] = data.dl[i];
								series2[i] = data.sl[i];
								yAxis[i] = data.h[i];
							}
						}
						var option_chart_nh2 = myChart_chart_nh2.getOption();
						option_chart_nh2.series[0].data = series;
						option_chart_nh2.series[1].data = series2;
						option_chart_nh2.xAxis[0].data = yAxis;
						myChart_chart_nh2.setOption(option_chart_nh2, true);
					} else {
						if (data.values[0]) {
							series = [];
							yAxis = [];
							for (var i = 0; i < data.values[0].length; i++) {
								series[i] = {
									name : data.ydw,
									value : data.values[0][i].y
								};
								yAxis[i] = formatDate(data.values[0][i].x);
							}
						}
						if (ztType == "snwd") {
							//var option_chart_wdsdaq2 = myChart_chart_wdsdaq2.getOption();
							option_chart_wdsdaq2.series[0].data = series;
							option_chart_wdsdaq2.xAxis[0].data = yAxis;
							myChart_chart_wdsdaq2.setOption(option_chart_wdsdaq2, true);
						}
						if (ztType == "snsd") {
							//var option_chart_wdsdaq2 = myChart_chart_wdsdaq2.getOption();
							option_chart_wdsdaq2.series[1].data = series;
							option_chart_wdsdaq2.xAxis[0].data = yAxis;
							myChart_chart_wdsdaq2.setOption(option_chart_wdsdaq2, true);
						}
						if (ztType == "snaq") {
							//var option_chart_wdsdaq2 = myChart_chart_wdsdaq2.getOption();
							option_chart_wdsdaq2.series[2].data = series;
							option_chart_wdsdaq2.xAxis[0].data = yAxis;
							myChart_chart_wdsdaq2.setOption(option_chart_wdsdaq2, true);
						}
					}
				}
			});
		}
		
</script>
</body>
</html>