cxc
/
ifm


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869
							
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>main</title>
<meta name="description" content="登录">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="views/htclient/css/index.css" rel="stylesheet">
<style type="text/css">
.player > div{
	width: 100% !important;
	height: 100% !important;
}
</style>
</head>
<body>
	<div class='grid-common right-grid'>
		<div class='grid-common right-grid-r1'>
			<div class='wrapper'>
				<div class='tab'>
					<div class='tab-bid'>牧场数据对比</div>
				</div>
				<div class="wrapper-content">
					<div class="content-container flex-zztt">
						<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='charts-mclist-area'>
							<ul id='charts-mclist'>
								<li class='chart-mcsjdb-area'></li>
								<li class='chart-mcsjdb-area'></li>
								<li class='chart-mcsjdb-area'></li>
								<li class='chart-mcsjdb-area'></li>
							</ul>
							
						</div>
						<div class='lengred-tabs'>
							<div class='lend-items'><div class='doc-tip pzs-tip'></div><div class='lend-value'>配种数</div></div>
							<div class='lend-items'><div class='doc-tip mfs-tip'></div><div class='lend-value'>分娩数</div></div>
							<div class='lend-items'><div class='doc-tip czl-tip'></div><div class='lend-value'>产仔量</div></div>
							<div class='lend-items'><div class='doc-tip ttl-tip'></div><div class='lend-value'>淘汰量</div></div>
							<div class='lend-items'><div class='doc-tip xsl-tip'></div><div class='lend-value'>销售量</div></div>							
						</div>
						<!-- <div id='chart-mcsjdb'></div> -->
					</div>
				</div>
			</div>
			<div class='wrapper-content chart-area'>
				<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 id='chart-container1'></div>
					<div id='chart-container2'></div>
					<div id='chart-container3'></div>
					<div id='chart-container4'></div>
				</div>
			</div>
			<div class='wrapper'>
				<div class='tab'>
					<div class='tab-bid'>$!mcmc1</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 class='chart-none-title'><div class='chart-new-title'>温度/湿度/氨气</div><div id='chart-wdsdaq'></div></div>
						<div class='chart-none-title'><div class='chart-new-title'>PH</div><div id='chart-ph'></div></div>
						<div class='chart-none-title'><div class='chart-new-title'>能耗</div><div id='chart-nh'></div></div>
					</div>
				</div>
			</div>
			<div class='build-wrapper'>
				<input type="hidden" id="zsqy" value="" /><input type="hidden" id="qylq" value="" />
				<div class='single' style='height:100%;width:100%;position:relative;' id='BoxUl'>
					<ul class='list build-container'>
						#set($count = 1) 
						#foreach($obj in $!zsdaList)<li data-lqid="$!obj.dqlq" data-zsqy="$!obj.zsqy" data-qylq="$!obj.qylq" #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'>$!{obj.dqwd}℃</span>
								</div>
								<div class='cont-item'>
									<img src='views/htclient/images/sd.png' />湿度<span
										class='cont-value'>$!{obj.dqsd}%Rh</span>
								</div>
								<div class='cont-item'>
									<img src='views/htclient/images/aq.png' />氨气<span
										class='cont-value'>$!{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-r2'>
			<div class='grid-common right-grid-r2-top'>
				<div class='wrapper'>
					<div class='tab'>
						<div class='tab-bid'>视频监控</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='video-box'>
								<div class='video-title'>$!zsmc1</div>
								<div class='video-container player' id="player1"></div>
							</div>
							<div class='video-box'>
								<div class='video-title'>$!zsmc2</div>
								<div class='video-container player' id="player2"></div>
							</div>
							<div class='video-box'>
								<div class='video-title'>$!zsmc3</div>
								<div class='video-container player' id="player3"></div>
							</div>
							<div class='video-box'>
								<div class='video-title'>$!zsmc4</div>
								<div class='video-container player' id="player4"></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_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 id='chart-sbgz'></div>
							<div id='chart-bjlx'></div>
							<div id='chart-bjfx'></div>
							<div id='chart-sbgzphb'></div>
						</div>
					</div>
				</div>
			</div>
			<div class='grid-common right-grid-r2-bottom'>
				<div class='wrapper'>
					<div class='tab'>
						<div class='tab-bid'>粪污处理</div>
					</div>
					<div class='wrapper-content'>
						<div class='content-container flex-zztt'>
							<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-left'>
								<div class='chartyxzt'>
									<div class='chart-title'>运行状态</div>
									<div id='chart-yxzt'></div>
								</div>
								<div class='warning-count'>
									<div class='warning-count-title'>故障报警</div>
									<div class='warning-count-list'>
										<div class='warning-count-item'>
											<img src='views/htclient/images/warn_o.png'>
											<div class='warning-count-name'>
												设备数量<span class='warning-count-value'>1</span>
											</div>
										</div>
										<div class='warning-count-item'>
											<img src='views/htclient/images/warn_o.png'>
											<div class='warning-count-name'>
												预警数量<span class='warning-count-value'>$!yjsl</span>
											</div>
										</div>
										<div class='warning-count-item'>
											<img src='views/htclient/images/warn_o.png'>
											<div class='warning-count-name'>
												待检修数量<span class='warning-count-value'>$!yjsl</span>
											</div>
										</div>
										<div class='warning-count-item'>
											<img src='views/htclient/images/warn_o.png'>
											<div class='warning-count-name'>
												待保养数量<span class='warning-count-value'>#if("$!dpSjlrsbbj" == "") 0 #else $!dpSjlrsbbj.gzbjdbysl #end</span>
											</div>
										</div>
									</div>
								</div>
								<div class='warning-count-msglist'>
									<div class='warning-count-msglist-container'>
										<div class='warning-count-msglist-title'>运维报警</div>
										<div class='warning-count-msglist-box' id='ywbj-box'>
											#foreach($obj in $!sbgzList)
											<div class='warning-count-msglist-item'>
												<span class='type'>【检修】</span><span class='warning-count-msglist-content'>$!obj.gzlx $!dateTool.format('yyyy-MM-dd HH:mm:ss', $!obj.fssj)</span>
											</div>
											#end
										</div>
									</div>
									<div class='warning-count-msglist-container'>
										<div class='warning-count-msglist-title'>维修保障</div>
										<div class='warning-count-msglist-box' id='wxbz-box'>
											#foreach($obj in $!wxlist)
											<div class='warning-count-msglist-item'>
												<span class='type'>【保养】</span> <span class='warning-count-msglist-content'>$!obj</span>
											</div>
											#end
										</div>
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>
				<div class='wrapper flex-bottom'>
					<div class='wrapper-content'>
						<div class='content-container flex-zztt'>
							<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="map-top">
								<div class='map-right' style='position:relative'>
									<div style='width:50px;height:50px;position:absolute;right:0px;bottom:6px;z-index:10'><img src='views/htclient/images/nhmap.png' width='100%'/></div>
									<div class='map-right-data'>
										<div class='map-right-item'>
											累计处理：<span class='map-right-value'>#if('$!dpSjlrsbbj' == "") 0  #else $!dpSjlrsbbj.wfcllj #end</span>吨
										</div>
										<div class='map-right-item'>
											今日处理：<span class='map-right-value'>#if('$!dpSjlrsbbj' == "") 0  #else $!dpSjlrsbbj.wfcljr #end</span>吨
										</div>
									</div>
									<div id='map-right-container'></div>
								</div>
								<div class='map-data'>
									<div class='mcjc-top'>
										<div class='mcjc-top-title'>$!mcmc1牧场-检测</div>
										<div class='mcjc-top-datetime'>数据采集时间：$!dateTool.format('yyyy-MM-dd HH:mm:ss', $!sjcjsj)</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 ($!gyzt == "在线") #else leave#end'>$!gyzt</div>
												<div class='mcjc-top-statusvalue #if ($!zy1 == "在线") #else leave#end'>$!zy1</div>
												<div class='mcjc-top-statusvalue #if ($!zy2 == "在线") #else leave#end'>$!zy2</div>
											</div>
											<div class='mcjc-top-style'>
												<div class='mcjc-top-stylevalue #if ($!gyztStr == "正常运行") #else stop #end'>$!gyztStr</div>
												<div class='mcjc-top-stylevalue #if ($!zy1Str == "正常运行") #else  stop #end'>$!zy1Str</div>
												<div class='mcjc-top-stylevalue #if ($!zy2Str == "正常运行") #else  stop #end'>$!zy2Str</div>
											</div>
										</div>
										<div class='mcjc-top-count'>
											<div class='mcjc-top-count-part'>
												<div class='mcjc-top-count-part-value'>$!sbbj.aqyxts 天</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'>$!sbbj.rcll 吨</div>
												<div class='mcjc-top-count-part-line'></div>
												<div class='mcjc-top-count-part-name'>日处理量</div>
											</div>
										</div>
									</div>
									<div id='chart-psssjc'></div>
								</div>
							</div>
							<div class="map-bottom">
								<div class='map-bottom-chart' id='chart-codbodqx'></div>
								<div class='map-bottom-chart' id='chart-nh3ssqx'></div>
								<div class='map-bottom-chart' id='chart-zlphqx'></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
		</div>
	</div>
</div>
<div id='step-warn-set'>
	<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='step-warn-title'>设备控制</div>
	<div class='step-warn-controlarea'>
		<div class='step-set-area'>
			<div class="step-set-area-title">档位设置</div>
			<div class='step-set-container'>
				<div class='step-set-tabs'>
					<div class='step-set-tatitle selected'>一档</div>
					<div class='step-set-tatitle'>二档</div>
					<div class='step-set-tatitle'>三档</div>
					<div class='step-set-tatitle'>四档</div>
					<div class='step-set-tatitle'>五档</div>
				</div>
				<div class='tempcontrol-area'>
					<div class='tempcontrol-area-tab'>
						<div class='min'>min</div>
						<div class='tempcontrol-box'><div class='tempcontrol-value'><input type='text' name='' value='0' class='tempchange'/><span class='tempvalue'>0</span></div>℃</div>
					</div>
					<div class='tempcontrol-area-tab'>
						<div class='tempcontrol-box'><div class='tempcontrol-value'><input type='text' name='' value='16.5' class='tempchange'/><span class='tempvalue'>16.5</span></div>℃</div>
						<div class='max'>max</div>
					</div>
				</div>
				<div class='fengji-control'>
					<table id='fengji-table' cellpadding='0' cellspacing='0' border='0'>
						<tr>
							<td></td>
							<td><div class='fengji-control-head'>运行时间</div></td>
							<td><div class='fengji-control-head'>停止时间</div></td>
							<td><div class='fengji-control-head'>风速</div></td>
							<td></td>
						</tr>
						<tr>
							<td>风机1</td>
							<td><input type='text' name='' value='1110' class='fengji-control-input' /></td>
							<td><input type='text' name='' value='1110' class='fengji-control-input' /></td>
							<td></td>
							<td><input type="checkbox" class="checke"></td>
						</tr>
						<tr>
							<td>风机2</td>
							<td><input type='text' name='' value='1110' class='fengji-control-input' /></td>
							<td><input type='text' name='' value='1110' class='fengji-control-input' /></td>
							<td></td>
							<td><input type="checkbox" class="checke" /></td>
						</tr>
						<tr>
							<td>风机3</td>
							<td><input type='text' name='' value='1110' class='fengji-control-input' /></td>
							<td><input type='text' name='' value='1110' class='fengji-control-input' /></td>
							<td></td>
							<td><input type="checkbox" class="checke"></td>
						</tr>
						<tr>
							<td>风机4</td>
							<td><input type='text' name='' value='1110' class='fengji-control-input' /></td>
							<td><input type='text' name='' value='1110' class='fengji-control-input' /></td>
							<td></td>
							<td><input type="checkbox" class="checke" /></td>
						</tr>
						<tr>
							<td>风机5</td>
							<td><input type='text' name='' value='1110' class='fengji-control-input' /></td>
							<td><input type='text' name='' value='1110' class='fengji-control-input' /></td>
							<td></td>
							<td><input type="checkbox" class="checke"></td>
						</tr>
						<tr>
							<td>风机6</td>
							<td><input type='text' name='' value='1110' class='fengji-control-input' /></td>
							<td><input type='text' name='' value='1110' class='fengji-control-input' /></td>
							<td></td>
							<td><input type="checkbox" class="checke" /></td>
						</tr>
						<tr>
							<td>风机7</td>
							<td><input type='text' name='' value='1110' class='fengji-control-input' /></td>
							<td><input type='text' name='' value='1110' class='fengji-control-input' /></td>
							<td></td>
							<td><input type="checkbox" class="checke" checked/></td>
						</tr>
						<tr>
							<td>变频风机1</td>
							<td><input type='text' name='' value='1110' class='fengji-control-input' /></td>
							<td><input type='text' name='' value='1110' class='fengji-control-input' /></td>
							<td><input type='text' name='' value='80' class='fengji-control-input' /></td>
							<td><input type="checkbox" class="checke" checked/></td>
						</tr>
						<tr>
							<td>变频风机2</td>
							<td><input type='text' name='' value='1110' class='fengji-control-input' /></td>
							<td><input type='text' name='' value='1110' class='fengji-control-input' /></td>
							<td><input type='text' name='' value='80' class='fengji-control-input' /></td>
							<td><input type="checkbox" class="checke" checked/></td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		<div class='step-set-area'>
			<div class="step-set-area-title">报警设置</div>
			<div class='warn-set-page'>
				<table id='warnset-table' cellpadding='0' cellspacing='0' border='0'>
					<tr>
						<td width='50'>开关</td>
						<td>内容</td>
						<td>行为</td>
					</tr>
					<tr>
						<td><img src='views/htclient/images/warn_o.png' /></td>
						<td><span>断电</span></td>
						<td><span class='warnaction'>声光</span><span class='warnaction checked'>电话</span><span class='warnaction'>短信</span><span class='warnaction'>蜂鸣器</span></td>
					</tr>
					<tr>
						<td><img src='views/htclient/images/warn_o.png' /></td>
						<td><span>设备故障</span></td>
						<td><span class='warnaction'>声光</span><span class='warnaction'>电话</span><span class='warnaction checked'>短信</span><span class='warnaction'>蜂鸣器</span></td>
					</tr>
					<tr>
						<td><img src='views/htclient/images/warn_o.png' /></td>
						<td><span>高温报警</span></td>
						<td><span class='warnaction'>声光</span><span class='warnaction checked'>电话</span><span class='warnaction checked'>短信</span><span class='warnaction'>蜂鸣器</span></td>
					</tr>
					<tr>
						<td><img src='views/htclient/images/warn_o.png' /></td>
						<td><span>低温报警</span></td>
						<td><span class='warnaction'>声光</span><span class='warnaction'>电话</span><span class='warnaction'>短信</span><span class='warnaction'>蜂鸣器</span></td>
					</tr>
					<tr>
						<td><img src='views/htclient/images/warn_o.png' /></td>
						<td><span>断网报警</span></td>
						<td><span class='warnaction'>声光</span><span class='warnaction checked'>电话</span><span class='warnaction checked'>短信</span><span class='warnaction'>蜂鸣器</span></td>
					</tr>
					<tr>
						<td><img src='views/htclient/images/warn_o.png' /></td>
						<td><span>温差过大</span></td>
						<td><span class='warnaction checked'>声光</span><span class='warnaction'>电话</span><span class='warnaction'>短信</span><span class='warnaction checked'>蜂鸣器</span></td>
					</tr>
					<tr>
						<td><img src='views/htclient/images/warn_o.png' /></td>
						<td><span>温度传感器故障</span></td>
						<td><span class='warnaction checked'>声光</span><span class='warnaction'>电话</span><span class='warnaction'>短信</span><span class='warnaction checked'>蜂鸣器</span></td>
					</tr>
					<tr>
						<td><img src='views/htclient/images/warn_o.png' /></td>
						<td><span>湿度传感器故障</span></td>
						<td><span class='warnaction'>声光</span><span class='warnaction'>电话</span><span class='warnaction checked'>短信</span><span class='warnaction'>蜂鸣器</span></td>
					</tr>
					<tr>
						<td><img src='views/htclient/images/warn_o.png' /></td>
						<td><span>氨气传感器故障</span></td>
						<td><span class='warnaction'>声光</span><span class='warnaction checked'>电话</span><span class='warnaction'>短信</span><span class='warnaction'>蜂鸣器</span></td>
					</tr>
					<tr>
						<td><img src='views/htclient/images/warn_o.png' /></td>
						<td><span>PH传感器故障</span></td>
						<td><span class='warnaction'>声光</span><span class='warnaction'>电话</span><span class='warnaction'>短信</span><span class='warnaction'>蜂鸣器</span></td>
					</tr>
				</table>
			</div>
		</div>
	</div>
</div>

	<script>
		var myChart_chart_ph, myChart_chart_mcsjdb, myChart_chart_container1, myChart_chart_container2, myChart_chart_container3;
		var myChart_chart_container4, myChart_chart_wdsdaq, myChart_chart_nh, myChart_chart_sbgz, myChart_chart_bjlx, myChart_chart_nh3ssqx;
		var myChart_chart_bjfx, myChart_chart_sbgzphb, myChart_chart_yxzt, myChart_chart_psssjc, myChart_chart_codbodqx, myChart_chart_zlphqx;
		
		
	
		
		
		//切換選中
		var timer2;
		var mctimer2;
		var mctimer3;		
		window.clearInterval(timer2);
		window.clearInterval(mctimer2);
		window.clearInterval(mctimer3);

		
		//地图全国
		var map_qg = new AMap.Map('map-right-container', {
			zoomEnable : true,
			dragEnable : true,
			center : [ 104.960988, 38.037648 ],
			zoom : 1,
			mapStyle : 'amap://styles/a19dfc1da7101e0ae585747500c879a5'
		});
	
		//渲染全国颜色
		map_qg.plugin([ "AMap.DistrictLayer" ], function() {
			disProvince = new AMap.DistrictLayer.Country({
				zIndex : 12,
				SOC : 'CHN',
				depth : 1,
				styles : {
					'province-stroke' : 'white',
					'nation-stroke' : '#22ffff',
					'fill' : '#0084cf',
					'coastline-stroke' : [ 0.8, 0.63, 0.94, 1 ],
				}
			});
	
			disProvince.setMap(map_qg);
		});
	
		var markers1 = [ {
			position : [ 115.1563, 38.382945 ],
			content : '',
		}, {
			position : [ 114.453175, 33.034392 ],
			content : '',
		}, {
			position : [ 118.408253, 29.733788 ],
			icon : 'views/htclient/images/cap_g.png',
			content : '',
		}, {
			position : [ 119.902394, 32.442966 ],
			content : '',
		} ];
		for (var j = 0, len = markers1.length; j < len; ++j) {
	
			var maker = new AMap.Marker({
				map : map_qg,
				icon : markers1[j].icon ? markers1[j].icon : 'views/htclient/images/cap_w.png', //不设置使用默认
				position : markers1[j].position,
				offset : new AMap.Pixel(-7, -7)
			});
			maker.setTitle(markers1[j].content);
			maker.setLabel({
				// offset: new AMap.Pixel(-7, -7),  //设置文本标注偏移量
				//content: "<div class='info'>"+markers1[j].content+"</div>", //设置文本标注内容
				// direction: 'bottom' ,//设置文本标注方位
				//animation:"AMAP_ANIMATION_DROP"
			});
		}
		// 统计图刷新
		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 "snph":
				jqAjax("getHaifmvSnphTjt.htm", lqid, type);
				break;
			case "sldl":
				jqAjax("getHkClientNhsjTjt.htm", lqid, type);
				break;
			}
		}
	
		//请求图表 
		//ztType = snwd snsd snaq 
		function jqAjax(url, lqid, ztType) {
			var option_chart_wdsdaq;
			if (ztType == "snph") {
				/*  */
			}
			if (ztType == "snwd" || ztType == "snsd" || ztType == "snaq") {				
				
			}
			
			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];
							}
						}
						if (data.dl[data.h.length - 1] > 0) {
							var option_chart_nh = myChart_chart_nh.getOption();
							option_chart_nh.series[0].data = series;
							option_chart_nh.series[1].data = series2;
							option_chart_nh.xAxis[0].data = yAxis;
							myChart_chart_nh.setOption(option_chart_nh, true);
						}
					} else {
						var flag = 0;
						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 (data.values[0][data.values[0].length - 1].y > 0) {
								flag = 0;
							} else {
								flag = 1;
							} 
						}
						if (ztType == "snph" && flag == 0) {
							var option_chart_ph = myChart_chart_ph.getOption();
							myChart_chart_ph.clear();
						
							option_chart_ph.series[0].data = series;
							option_chart_ph.xAxis[0].data = yAxis;
							myChart_chart_ph.setOption(option_chart_ph, true);
						}
						if (ztType == "snwd" && flag == 0) {
							option_chart_wdsdaq = myChart_chart_wdsdaq.getOption();
							myChart_chart_wdsdaq.clear();
							
							//var option_chart_wdsdaq = myChart_chart_wdsdaq.getOption();
							option_chart_wdsdaq.series[0].data = series;							
							option_chart_wdsdaq.xAxis[0].data = yAxis;
							myChart_chart_wdsdaq.setOption(option_chart_wdsdaq, true);
						}
						if (ztType == "snsd" && flag == 0) {
							option_chart_wdsdaq = myChart_chart_wdsdaq.getOption();
							myChart_chart_wdsdaq.clear();
						
							//var option_chart_wdsdaq = myChart_chart_wdsdaq.getOption();
							option_chart_wdsdaq.series[1].data = series;
							option_chart_wdsdaq.xAxis[0].data = yAxis;
							myChart_chart_wdsdaq.setOption(option_chart_wdsdaq, true);
						}
						if (ztType == "snaq" && flag == 0) {
							option_chart_wdsdaq = myChart_chart_wdsdaq.getOption();
							myChart_chart_wdsdaq.clear();
						
							//var option_chart_wdsdaq = myChart_chart_wdsdaq.getOption();
							option_chart_wdsdaq.series[2].data = series;
							option_chart_wdsdaq.xAxis[0].data = yAxis;
							myChart_chart_wdsdaq.setOption(option_chart_wdsdaq, true);
						}  
					}
				}
			});
		}
		var dom_chart_mcsjdb = document.getElementsByClassName("chart-mcsjdb-area");
			var dom_chart_container1 = document.getElementById("chart-container1");
			var dom_chart_container2 = document.getElementById("chart-container2");
			var dom_chart_container3 = document.getElementById("chart-container3");
			var dom_chart_container4 = document.getElementById("chart-container4");
			var dom_chart_wdsdaq = document.getElementById("chart-wdsdaq");
			var dom_chart_ph = document.getElementById("chart-ph");
			var dom_chart_nh = document.getElementById("chart-nh");
			var dom_chart_sbgz = document.getElementById("chart-sbgz");
			var dom_chart_bjlx = document.getElementById("chart-bjlx");
			var dom_chart_bjfx = document.getElementById("chart-bjfx");
			var dom_chart_sbgzphb = document.getElementById("chart-sbgzphb");
			var dom_chart_yxzt = document.getElementById("chart-yxzt");
			var dom_chart_psssjc = document.getElementById("chart-psssjc");
			var dom_chart_codbodqx = document.getElementById("chart-codbodqx");
			var dom_chart_nh3ssqx = document.getElementById("chart-nh3ssqx");
			var dom_chart_zlphqx = document.getElementById("chart-zlphqx");
		/* $(window).load(function() {
		//window.onload = function(){
			$("#ywbj-box").slimScroll({
				size : 0,
				width : $(".warning-count-msglist-box#ywbj-box").width(),
				height :  $(".warning-count-msglist-box#ywbj-box").height()
			});
			$("#wxbz-box").slimScroll({
				size : 0,
				width : $(".warning-count-msglist-box#wxbz-box").width(),
				height : $(".warning-count-msglist-box#wxbz-box").height()
			});  
			})
			 */
			 	
	var sit1 = setTimeout(function (){
			$("#ywbj-box").slimScroll({
				size : 0,
				width : $(".warning-count-msglist-box#ywbj-box").width(),
				height :  $(".warning-count-msglist-box#ywbj-box").height()
			});
			$("#wxbz-box").slimScroll({
				size : 0,
				width : $(".warning-count-msglist-box#wxbz-box").width(),
				height : $(".warning-count-msglist-box#wxbz-box").height()
			});  
			 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($('#BoxUl'), options).init();
			sly.next();
			sly.on('active', function (eventName, itemIndex) {
		      var lqid = $(".single li.active").attr("data-lqid");
					var zsqy = $(".single li.active").attr("data-zsqy");
					var qylq = $(".single li.active").attr("data-qylq");
					var lqid = $(".single li.active").attr("data-lqid");
					var o = myChart_chart_wdsdaq.getOption();
					
					//for(var i=0;i<3;++i){
						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");
						    	}
						    }
						}
					//}
					
					var zsqyOld = $("#zsqy").val();
					var qylqOld = $("#qylq").val();
					if (zsqyOld == "" || zsqyOld != zsqy) {
						$("#zsqy").val(zsqy);
						$("#qylq").val(qylq);
						getSsqxSj(zsqy, "sldl");
						getSsqxSj(qylq, "snph");
					}
		    });
			 /* $('#BoxUl').sly('on', 'active', function (eventName, itemIndex) {
			 	    var lqid = $(".single li.active").attr("data-lqid");
					var zsqy = $(".single li.active").attr("data-zsqy");
					var qylq = $(".single li.active").attr("data-qylq");
					var o = myChart_chart_wdsdaq.getOption();
					
					//for(var i=0;i<3;++i){
						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");
						    	}
						    }
						}
					//}
					
					var zsqyOld = $("#zsqy").val();
					var qylqOld = $("#qylq").val();
					if (zsqyOld == "" || zsqyOld != zsqy) {
						$("#zsqy").val(zsqy);
						$("#qylq").val(qylq);
						getSsqxSj(zsqy, "sldl");
						getSsqxSj(qylq, "snph");
					}
			 
			      console.log('move')
			});  */
			
			var mcscroll = $('.charts-mclist-area').mySingleScroll({
				speed : 4000
			});
			//图表区域			
			var myChart_chart_mcsjdb1 = echarts.init(dom_chart_mcsjdb[0]);//循环出来
			var myChart_chart_mcsjdb2 = echarts.init(dom_chart_mcsjdb[1]);//循环出来
			var myChart_chart_mcsjdb3 = echarts.init(dom_chart_mcsjdb[2]);//循环出来
			var myChart_chart_mcsjdb4 = echarts.init(dom_chart_mcsjdb[3]);//循环出来
			myChart_chart_container1 = echarts.init(dom_chart_container1);
			myChart_chart_container2 = echarts.init(dom_chart_container2);
			myChart_chart_container3 = echarts.init(dom_chart_container3);
			myChart_chart_container4 = echarts.init(dom_chart_container4);
			myChart_chart_wdsdaq = echarts.init(dom_chart_wdsdaq);
			myChart_chart_ph = echarts.init(dom_chart_ph);
			myChart_chart_nh = echarts.init(dom_chart_nh);
			myChart_chart_sbgz = echarts.init(dom_chart_sbgz);
			myChart_chart_bjlx = echarts.init(dom_chart_bjlx);
			myChart_chart_bjfx = echarts.init(dom_chart_bjfx);
			myChart_chart_sbgzphb = echarts.init(dom_chart_sbgzphb);
			myChart_chart_yxzt = echarts.init(dom_chart_yxzt);
			myChart_chart_psssjc = echarts.init(dom_chart_psssjc);
			myChart_chart_codbodqx = echarts.init(dom_chart_codbodqx);
			myChart_chart_nh3ssqx = echarts.init(dom_chart_nh3ssqx);
			myChart_chart_zlphqx = echarts.init(dom_chart_zlphqx);
			var app = {};
			var option_chart_mcsjdb1 = null,option_chart_mcsjdb2 = null,option_chart_mcsjdb3 = null,option_chart_mcsjdb4 = null,
				option_chart_container1 = null,
				option_chart_container2 = null,
				option_chart_container3 = null,
				option_chart_container4 = null;
			var option_chart_wdsdaq = null,
				option_chart_ph = null,
				option_chart_nh = null,
				option_chart_sbgz = null,
				option_chart_bjlx = null,
				option_chart_bjfx = null,
				option_chart_sbgzphb = null;
			var option_chart_yxzt = null,
				option_chart_psssjc = null,
				option_chart_codbodqx = null,
				option_chart_nh3ssqx = null,
				option_chart_zlphqx = null;
	
			//牧场数据对比饼状图
			option_chart_mcsjdb1 = {
				title : {
					text : '$!mcmc1',
					top : '3%',
					left : 'center',
					textStyle : {
						fontWeight : 'normal',
						fontSize : '14',
						color : '#ccf5f9',
					}
				},
				color : [ '#f09954', '#e62963', '#6b2db2', '#3422b4', '#e75e66', '#912aaf', '#6a2cba', '#e45e65' ],
				tooltip : {
					trigger : 'item',
					formatter : "{a}<br>{b} : {c} ({d}%)"
				},
				 legend : {
					icon : 'circle',
					itemGap : 6,
					itemWidth : 10,
					x : 'center',
					bottom : '-50%',
					textStyle : {
						color : '#ccf5f9',
					},
					selected:{
			              '配种数':true,
			              '分娩数':true,
			              '产仔量':true,
						  '淘汰量':true,
			              '销售量':true,
			        },
					
				}, 
				series : [
					{
						name : '$!mcmc1',
						type : 'pie',
						radius : [ '20%', '70%' ],
						center : [ '50%', '55%' ],
						data : [
							{
								value : "$!pzs1",
								name : '配种数'
							},
							{
								value : "$!fms1",
								name : '分娩数'
							},
							{
								value : "$!czs1",
								name : '产仔量'
							},
							{
								value : "$!tts1",
								name : '淘汰量'
							},
							{
								value : "$!xss1",
								name : '销售量'
							},
						],
	
						label : {
							normal : {
								show : true,
								position : 'inner', //标签的位置
								textStyle : {
									fontWeight : 300,
									color : '#ccf5f9',
									fontSize : 12 //文字的字体大小
								},
								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_mcsjdb2 = {
				title : {
					text : '$!mcmc2',
					top : '3%',
					left : 'center',
					textStyle : {
						fontWeight : 'normal',
						fontSize : '14',
						color : '#ccf5f9',
					}
				},
				color : [ '#f09954', '#e62963', '#6b2db2', '#3422b4', '#e75e66', '#912aaf', '#6a2cba', '#e45e65' ],
				tooltip : {
					trigger : 'item',
					formatter : "{a}<br>{b} : {c} ({d}%)"
				},
				legend : {
					icon : 'circle',
					itemGap : 6,
					itemWidth : 10,
					x : 'center',
					bottom : '-50%',
					textStyle : {
						color : '#ccf5f9',
					},
					selected:{
			              '配种数':true,
			              '分娩数':true,
			              '产仔量':true,
						  '淘汰量':true,
			              '销售量':true,
			        },
					
				}, 				
				series : [
					{
						name : '$!mcmc1',
						type : 'pie',
						radius : [ '20%', '70%' ],
						center : [ '50%', '55%' ],
						data : [
							{
								value : "$!pzs2",
								name : '配种数'
							},
							{
								value : "$!fms2",
								name : '分娩数'
							},
							{
								value : "$!czs2",
								name : '产仔量'
							},
							{
								value : "$!tts2",
								name : '淘汰量'
							},
							{
								value : "$!xss2",
								name : '销售量'
							},
						],
	
						label : {
							normal : {
								show : true,
								position : 'inner', //标签的位置
								textStyle : {
									fontWeight : 300,
									color : '#ccf5f9',
									fontSize : 12 //文字的字体大小
								},
								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_mcsjdb3 = {
				title : {
					text : '$!mcmc3',
					top : '3%',
					left : 'center',
					textStyle : {
						fontWeight : 'normal',
						fontSize : '14',
						color : '#ccf5f9',
					}
				},
				color : [ '#f09954', '#e62963', '#6b2db2', '#3422b4', '#e75e66', '#912aaf', '#6a2cba', '#e45e65' ],
				tooltip : {
					trigger : 'item',
					formatter : "{a}<br>{b} : {c} ({d}%)"
				},
				legend : {
					icon : 'circle',
					itemGap : 6,
					itemWidth : 10,
					x : 'center',
					bottom : '-50%',
					textStyle : {
						color : '#ccf5f9',
					},
					selected:{
			              '配种数':true,
			              '分娩数':true,
			              '产仔量':true,
						  '淘汰量':true,
			              '销售量':true,
			        },
					
				}, 				
				series : [
					{
						name : '$!mcmc1',
						type : 'pie',
						radius : [ '20%', '70%' ],
						center : [ '50%', '55%' ],
						data : [
							{
								value : "$!pzs3",
								name : '配种数'
							},
							{
								value : "$!fms3",
								name : '分娩数'
							},
							{
								value : "$!czs3",
								name : '产仔量'
							},
							{
								value : "$!tts3",
								name : '淘汰量'
							},
							{
								value : "$!xss3",
								name : '销售量'
							},
						],
	
						label : {
							normal : {
								show : true,
								position : 'inner', //标签的位置
								textStyle : {
									fontWeight : 300,
									color : '#ccf5f9',
									fontSize : 12 //文字的字体大小
								},
								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_mcsjdb4 = {
				title : {
					text : '$!mcmc4',
					top : '3%',
					left : 'center',
					textStyle : {
						fontWeight : 'normal',
						fontSize : '14',
						color : '#ccf5f9',
					}
				},
				color : [ '#f09954', '#e62963', '#6b2db2', '#3422b4', '#e75e66', '#912aaf', '#6a2cba', '#e45e65' ],
				tooltip : {
					trigger : 'item',
					formatter : "{a}<br>{b} : {c} ({d}%)"
				},
				legend : {
					icon : 'circle',
					itemGap : 6,
					itemWidth : 10,
					x : 'center',
					bottom : '-50%',
					textStyle : {
						color : '#ccf5f9',
					},
					selected:{
			              '配种数':true,
			              '分娩数':true,
			              '产仔量':true,
						  '淘汰量':true,
			              '销售量':true,
			        },
					
				}, 				
				series : [
					{
						name : '$!mcmc1',
						type : 'pie',
						radius : [ '20%', '70%' ],
						center : [ '50%', '55%' ],
						data : [
							{
								value : "$!pzs4",
								name : '配种数'
							},
							{
								value : "$!fms4",
								name : '分娩数'
							},
							{
								value : "$!czs4",
								name : '产仔量'
							},
							{
								value : "$!tts4",
								name : '淘汰量'
							},
							{
								value : "$!xss4",
								name : '销售量'
							},
						],
	
						label : {
							normal : {
								show : true,
								position : 'inner', //标签的位置
								textStyle : {
									fontWeight : 300,
									color : '#ccf5f9',
									fontSize : 12 //文字的字体大小
								},
								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_container1 = {
				title : {
					text : '配种分娩率',
					top : '5%',
					left : '3%',
					textStyle : {
						fontWeight : 'normal',
						fontSize : '14',
						color : '#ccf5f9',
					}
				},
				tooltip : {
					trigger : 'axis',
					axisPointer : { // 坐标轴指示器，坐标轴触发有效
						type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
					},
					formatter : '{b}:{c}%'
				},
				grid : {
					x : '3%',
					y : '30%',
					x2 : '10%',
					y2 : '3%',
					containLabel : true
				},
				xAxis : {
					type : 'category',
					data : [ '$!mcmc1', '$!mcmc2', '$!mcmc3', '$!mcmc4' ],
					axisTick : {
						alignWithLabel : true
					},
					axisLine : {
						show : true,
						lineStyle : {
							type : 'solid',
							color : '#4865e3', //左边线的颜色
							width : '1' //坐标线的宽度
						}
					},
					axisLabel : {
						textStyle : {
							color : '#ccf5f9',
						},
					}
				},
				yAxis : {
					type : 'value',
					axisLine : {
						show : true,
						lineStyle : {
							type : 'solid',
							color : '#4865e3', //左边线的颜色
							width : '1' //坐标线的宽度
						}
					},
					axisLabel : {
						textStyle : {
							color : '#ccf5f9',
						},
					},
					splitLine : {
						lineStyle : {
							type : 'solid',
							color : 'rgba(72,101,227,0.7)',
							width : '1'
						}
					}
				},
				series : [
					{
						name : '配种分娩率',
						type : 'bar',
						barWidth : '40%',
						data : [ "$!pzfml1", "$!pzfml2", "$!pzfml3", "$!pzfml4"],
						itemStyle : {
							normal : {
								color : function(params) {
									var colorList = [ '#0b86b2', '#8724cd', '#c5386d', '#EE9201', '#29AAE3', '#B74AE5', '#0AAF9F', '#E89589', '#16A085', '#4A235A', '#C39BD3 ', '#F9E79F', '#BA4A00', '#ECF0F1', '#616A6B', '#EAF2F8', '#4A235A', '#3498DB' ];
									return colorList[params.dataIndex]
								},
								label : {
									show : true, //开启显示
									position : 'top', //在上方显示
									textStyle : { //数值样式
										color : '#ccf5f9',
										fontSize : 12
									},
									formatter : '{c}%'
								},
							}
						},
					}
				]
			};
			//牧场窝均活仔数-分娩活仔率比较
			option_chart_container2 = {
				title : {
					text : '窝均活仔数-分娩活仔率',
					top : '5%',
					left : '3%',
					textStyle : {
						fontWeight : 'normal',
						fontSize : '14',
						color : '#ccf5f9',
					}
				},
				tooltip : {
					trigger : 'axis',
					axisPointer : { // 坐标轴指示器，坐标轴触发有效
						type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
					},
				},
				grid : {
					x : '3%',
					y : '30%',
					x2 : '10%',
					y2 : '3%',
					containLabel : true
				},
				xAxis : {
					type : 'category',
					data : [ '$!mcmc1', '$!mcmc2', '$!mcmc3', '$!mcmc4' ],
					axisTick : {
						alignWithLabel : true
					},
					axisLine : {
						show : true,
						lineStyle : {
							type : 'solid',
							color : '#4865e3', //左边线的颜色
							width : '1' //坐标线的宽度
						}
					},
					axisLabel : {
						textStyle : {
							color : '#ccf5f9',
						},
					}
				},
				yAxis : [ {
					type : 'value',
					name : '窝均活仔数',
					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',
						},
					}
				}, {
					type : 'value',
					name : '分娩活仔率',
					scale : true,
	
					min : 0,
					max : 100,
					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 : [ "$!wjhzs1", "$!wjhzs2", "$!wjhzs3", "$!wjhzs4" ],
						yAxisIndex : 0,
						itemStyle : {
							normal : {
								color : function(params) {
									var colorList = [ '#0b86b2', '#8724cd', '#c5386d', '#EE9201', '#29AAE3', '#B74AE5', '#0AAF9F', '#E89589', '#16A085', '#4A235A', '#C39BD3 ', '#F9E79F', '#BA4A00', '#ECF0F1', '#616A6B', '#EAF2F8', '#4A235A', '#3498DB' ];
									return colorList[params.dataIndex]
								},
								label : {
									show : true, //开启显示
									position : 'top', //在上方显示
									textStyle : { //数值样式
										color : '#ccf5f9',
										fontSize : 12
									},
									formatter : '{c}'
								},
							}
						},
					},
					{
						name : '分娩活仔率',
						type : 'bar',
						barWidth : '40%',
						data : [ "$!fmhzl1", "$!fmhzl2", "$!fmhzl3", "$!fmhzl4" ],
						yAxisIndex : 1,
						itemStyle : {
							normal : {
								color : new echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
									offset : 0,
									color : '#e18f91'
								},
									{
										offset : 1,
										color : '#3824aa'
									} ]),
								label : {
									show : true, //开启显示
									position : 'top', //在上方显示
									textStyle : { //数值样式
										color : '#ccf5f9',
										fontSize : 12
									},
									formatter : '{c}%'
								}
							}
						},
					}
				]
			};
			//保育猪淘汰数（上月）比较
			option_chart_container3 = {
				title : {
					text : '种猪淘汰数（上月）',
					top : '5%',
					left : '3%',
					textStyle : {
						fontWeight : 'normal',
						fontSize : '14',
						color : '#ccf5f9',
					}
				},
				color : [ '#207bc4', '#b93b6a' ],
				tooltip : {
					trigger : 'axis',
					axisPointer : { // 坐标轴指示器，坐标轴触发有效
						type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
					},
				},
				grid : {
					x : '3%',
					y : '30%',
					x2 : '10%',
					y2 : '3%',
					containLabel : true
				},
				xAxis : {
					type : 'category',
					data : [ '$!mcmc1', '$!mcmc2', '$!mcmc3', '$!mcmc4' ],
					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',
						},
					}
				},
				series : [
					{
						type : 'bar',
						barWidth : '30%',
						name : '母猪淘汰数',
						data : ["$!mztt1", "$!mztt2", "$!mztt3", "$!mztt4" ],
						itemStyle : {
							normal : {
								label : {
									show : true, //开启显示
									position : 'top', //在上方显示
									textStyle : { //数值样式
										color : '#ccf5f9',
										fontSize : 12
									},
									formatter : '{c}'
								},
							}
						},
					}, {
						type : 'bar',
						barWidth : '30%',
						name : '公猪淘汰数',
						data : ["$!gztt1", "$!gztt2", "$!gztt3", "$!gztt4" ],
						itemStyle : {
							normal : {
								label : {
									show : true, //开启显示
									position : 'top', //在上方显示
									textStyle : { //数值样式
										color : '#ccf5f9',
										fontSize : 12
									},
									formatter : '{c}'
								},
							}
						},
					}
				]
			};
			//肥猪淘汰数（上月）比较
			option_chart_container4 = {
				title : {
					text : '肥猪淘汰数（上月）',
					top : '5%',
					left : '3%',
					textStyle : {
						fontWeight : 'normal',
						fontSize : '14',
						color : '#ccf5f9',
					}
				},
				color : [ '#207bc4', '#b93b6a' ],
				tooltip : {
					trigger : 'axis',
					axisPointer : { // 坐标轴指示器，坐标轴触发有效
						type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
					},
				},
				grid : {
					x : '3%',
					y : '30%',
					x2 : '10%',
					y2 : '3%',
					containLabel : true
				},
				xAxis : {
					type : 'category',
					data : [ '$!mcmc1', '$!mcmc2', '$!mcmc3', '$!mcmc4' ],
					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',
						},
					}
				},
				series : [
					{
						type : 'bar',
						barWidth : '30%',
						name : '保育淘汰数',
						data : ["$!bytt1", "$!bytt2", "$!bytt3", "$!bytt4" ],
						itemStyle : {
							normal : {
								label : {
									show : true, //开启显示
									position : 'top', //在上方显示
									textStyle : { //数值样式
										color : '#ccf5f9',
										fontSize : 12
									},
									formatter : '{c}'
								},
							}
						},
					}, {
						type : 'bar',
						barWidth : '30%',
						name : '育肥淘汰数',
						data : ["$!yftt1", "$!yftt2", "$!yftt3", "$!yftt4"],
						itemStyle : {
							normal : {
								label : {
									show : true, //开启显示
									position : 'top', //在上方显示
									textStyle : { //数值样式
										color : '#ccf5f9',
										fontSize : 12
									},
									formatter : '{c}'
								},
							}
						},
					}
				]
			};
			//温度湿度氨气折线图
			option_chart_wdsdaq = {
	color:['#ef1a0f','#0fc6ef','#07a504','#caae1f'],
	grid:{
		x:'10%',
		y:'18%',
		x2:'6%',
		y2:'15%',
		//containLabel:true
	},
	tooltip: {
        trigger: 'axis'
    },
	legend: {
        data:['温度','湿度','氨气'],
		selectedMode: 'single',
		textStyle:{
			color:"#fff",
			fontSize:10
		},
		top:0,
		right:10,
		selected:{
              '温度':true,
              '湿度':false,
              '氨气':false,
			 
          }
    },
    xAxis: {
        type: 'category',
        data: [],
		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:"$!snwdDto.value[0]",name:'℃'}, {value:"$!snwdDto.value[1]",name:'℃'},{value:"$!$!snwdDto.value[2]",name:'℃'} ,{value:"$!$!snwdDto.value[3]",name:'℃'} ,{value:"$!$!snwdDto.value[4]",name:'℃'} ,{value:"$!$!snwdDto.value[5]",name:'℃'} ,{value:"$!$!snwdDto.value[6]",name:'℃'} ],
			
            lineStyle:{ 
				normal:{
                    color:'#ef1a0f'  
				}
            } 
                                
        },
		{
            name:'湿度',
            type:'line',
           
			smooth: true,
            data:[{value:"$!zsda0.dqsd",name:'RH'},{value:"$!zsda1.dqsd",name:'RH'} ,{value:"$!zsda2.dqsd",name:'RH'} ,{value:"$!zsda3.dqsd",name:'RH'} ,{value:"$!zsda4.dqsd",name:'RH'} ,{value:"$!zsda5.dqsd",name:'RH'} ,{value:"$!zsda6.dqsd",name:'RH'} ],
            lineStyle:{ 
				normal:{
                    color:'#0fc6ef'  
				}
            } 
                                
        },
		{
            name:'氨气',
            type:'line',
            
			smooth: true,
            data:[{value:"$!zsda0.dqaq",name:'ppm'},{value:"$!zsda1.dqaq",name:'ppm'} ,{value:"$!zsda2.dqaq",name:'ppm'} ,{value:"$!zsda3.dqaq",name:'ppm'} ,{value:"$!zsda4.dqaq",name:'ppm'} ,{value:"$!zsda5.dqaq",name:'ppm'} ,{value:"$!zsda6.dqaq",name:'ppm'} ],
            lineStyle:{ 
				normal:{
                    color:'#07a504'  
				}
            } 
                                
        }]
};
			//ph折线图
			option_chart_ph = {
				color : [ '#3cb2cc' ],
				grid : {
					x:'10%',
					y:'18%',
					x2:'6%',
					y2:'15%',
				},
				tooltip : {
					trigger : 'axis'
				},
				xAxis : {
					type : 'category',
					data : [],
					axisLine : {
						show : true,
						lineStyle : {
							type : 'solid',
							color : '#4865e3', //左边线的颜色
							width : '1' //坐标线的宽度
						}
					},
					axisLabel : {
						textStyle : {
							color : '#ccf5f9',
						},
					}
				},
				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 : [ {
					data : [],
					type : 'line',
					smooth : true
				} ]
			};
			//能耗柱状图
			option_chart_nh = {
				color : [ '#a12993', '#ba9739' ],
				tooltip : {
					trigger : 'axis',
					axisPointer : { // 坐标轴指示器，坐标轴触发有效
						type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
					},
				},
				grid : {
					x:'10%',
					y:'18%',
					x2:'10%',
					y2:'15%',
					
				},
				legend : {
					data : [ '电量（度）', '水量（吨）' ],
					icon : 'circle',
					itemGap : 5,
					itemWidth : 10,
					top : '0',
					x : 'center',
					textStyle : {
						color : '#ccf5f9',
					},
				},
				xAxis : {
					type : 'category',
					data : [],
					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 : [],
					},
					{
						type : 'bar',
						barWidth : '30%',
						name : '水量（吨）',
						yAxisIndex : 1,
						data : [],
					}
				]
			};
			//设备故障饼状图
			option_chart_sbgz = {
				title : {
					text : '设备故障',
					x : 'center',
					y : '3%',
					textStyle : {
						color : '#ccf5f9',
						fontWeight : 'normal',
						fontSize : '12'
					}
				},
				color : [ '#319ce0', '#ea175c', '#fdb628' ],
				tooltip : {
					trigger : 'item',
					formatter : "{a} <br/>{b} : {c} ({d}%)"
				},
				legend : {
					icon : 'circle',
					itemGap : 15,
					itemWidth : 10,
					orient : 'vertical',
					right : '3%',
					top : 'center',
					textStyle : {
						color : '#ccf5f9',
					},
	
					data : [ '正常', '报警', '离线' ]
				},
				series : [
					{
						name : '设备故障',
						type : 'pie',
						radius : '70%',
						center : [ '50%', '60%' ],
						data : [
							{
								value : #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.sbgzzc' #end,
								name : '正常'
							},
							{
								value : #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.sbgzbj' #end,
								name : '报警'
							},
							{
								value : #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.sbgzlx' #end,
								name : '离线'
							},
	
						],
	
						label : {
							normal : {
								show : true,
								position : 'outside', //标签的位置
								textStyle : {
									fontWeight : 300,
									fontSize : 12 //文字的字体大小
								},
								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_bjlx = {
				title : {
					text : '报警类型',
					x : 'center',
					y : '3%',
					textStyle : {
						color : '#ccf5f9',
						fontWeight : 'normal',
						fontSize : '12'
					}
				},
				color : [ '#319ce0', '#ea175c', '#fdb628', '#07aab9' ],
				tooltip : {
					trigger : 'item',
					formatter : "{a} <br/>{b} : {c} ({d}%)"
				},
				legend : {
					icon : 'circle',
					itemGap : 15,
					itemWidth : 10,
					orient : 'vertical',
					right : '3%',
					top : 'center',
					textStyle : {
						color : '#ccf5f9',
					},
	
					data : [ '断电报警', '风机故障', '舍栏环境', '设备故障' ]
				},
				series : [
					{
						name : '报警类型',
						type : 'pie',
						radius : '70%',
						center : [ '50%', '60%' ],
						data : [
							{
								value : #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.bjlxdd' #end,
								name : '断电报警'
							},
							{
								value : #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.bjlxfj' #end,
								name : '风机故障'
							},
							{
								value : #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.bjlxsl' #end,
								name : '舍栏环境'
							},
							{
								value : #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.bjlxsb' #end,
								name : '设备故障'
							},
						],
	
						label : {
							normal : {
								show : true,
								position : 'outside', //标签的位置
								textStyle : {
									fontWeight : 300,
									fontSize : 12 //文字的字体大小
								},
								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_bjfx = {
				title : {
					text : '报警分析',
					top : '5%',
					left : 'center',
					textStyle : {
						fontWeight : 'normal',
						fontSize : '14',
						color : '#ccf5f9',
					}
				},
				color : [ '#e43e70', '#3a25ae' ],
				tooltip : {
					trigger : 'axis',
					axisPointer : { // 坐标轴指示器，坐标轴触发有效
						type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
					},
				},
				grid : {
					x : '3%',
					y : '20%',
					x2 : '3%',
					y2 : '10%',
					containLabel : true
				},
				legend : {
					data : [ '报警总次数', '已处理报警' ],
					icon : 'circle',
					itemGap : 5,
					itemWidth : 10,
					bottom : '2%',
					x : 'center',
					textStyle : {
						color : '#ccf5f9',
					},
				},
				xAxis : {
					type : 'category',
					data : [ "$!day0", "$!day1", "$!day2", "$!day3", "$!day4", "$!day5", "$!day6"],
					axisTick : {
						alignWithLabel : true
					},
					axisLine : {
						show : true,
						lineStyle : {
							type : 'solid',
							color : '#4865e3', //左边线的颜色
							width : '1' //坐标线的宽度
						}
					},
					axisLabel : {
						textStyle : {
							color : '#ccf5f9',
							fontSize : 10
						},
						rotate : 30,
					}
				},
				yAxis : {
					type : 'value',
	
					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',
						},
					}
				},
				series : [
					{
						type : 'bar',
						barWidth : '30%',
						name : '报警总次数',
						data : [ #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.weekbj1' #end, #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.weekbj2' #end, #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.weekbj3' #end, #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.weekbj4' #end, #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.weekbj5' #end, #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.weekbj6' #end, #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.weekbj7' #end ],
					},
					{
						type : 'bar',
						barWidth : '30%',
						name : '已处理报警',
						data : [ #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.weekcl1' #end, #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.weekcl2' #end, #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.weekcl3' #end, #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.weekcl4' #end, #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.weekcl5' #end, #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.weekcl6' #end, #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.weekcl7' #end ],
					}
				]
			};
			//设备故障排行榜 柱状图
			option_chart_sbgzphb = {
				title : {
					text : '设备故障排行榜',
					top : '5%',
					left : 'center',
					textStyle : {
						fontWeight : 'normal',
						fontSize : '14',
						color : '#ccf5f9',
					}
				},
				tooltip : {
					trigger : 'axis',
					axisPointer : { // 坐标轴指示器，坐标轴触发有效
						type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
					},
				},
				grid : {
					x : '3%',
					y : '20%',
					x2 : '10%',
					y2 : '10%',
					containLabel : true
				},
				yAxis : {
					type : 'category',
					data : [ '排水阀', '上排阀', '下排阀', '增加泵', '加药泵', '高压泵', '冲洗泵' ],
					axisLine : {
						show : true,
						lineStyle : {
							type : 'solid',
							color : '#4865e3', //左边线的颜色
							width : '1' //坐标线的宽度
						}
					},
					axisLabel : {
						textStyle : {
							color : '#ccf5f9',
							fontSize : 12
						},
					},
					splitLine : {
						lineStyle : {
							type : 'solid',
							color : 'rgba(72,101,227,0.7)',
							width : '1'
						}
					},
				},
				xAxis : {
					type : 'value',
	
					axisLine : {
						show : true,
						lineStyle : {
							type : 'solid',
							color : '#4865e3', //左边线的颜色
							width : '1' //坐标线的宽度
						}
					},
					axisLabel : {
						textStyle : {
							color : '#ccf5f9',
						},
					},
					splitLine : {
						show : false
					}
				},
				series : [
					{
						type : 'bar',
						barWidth : '50%',
						name : '设备故障排行榜',
						data : [ #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.sbgzph1' #end, #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.sbgzph2' #end, #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.sbgzph3' #end, #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.sbgzph4' #end, #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.sbgzph5' #end, #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.sbgzph6' #end, #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.sbgzph7' #end ],
						itemStyle : {
							normal : {
								color : new echarts.graphic.LinearGradient(1, 0, 0, 0, [ {
									offset : 0,
									color : '#e18f91'
								},
									{
										offset : 1,
										color : '#3824aa'
									} ]),
								label : {
									show : true, //开启显示
									position : 'right', //在上方显示
									textStyle : { //数值样式
										color : '#ccf5f9',
										fontSize : 12
									},
									formatter : '{c}'
								}
							}
						}
					}
				]
			};
			//运行状态饼状图
			option_chart_yxzt = {
				color : [ '#19c4cc', '#df253a', '#dbc500', '#6a2eb2' ],
				tooltip : {
					trigger : 'item',
					formatter : "{b} : {c} ({d}%)"
				},
				series : [
					{
						name : '运行状态',
						type : 'pie',
						radius : '70%',
						center : [ '50%', '50%' ],
						data : [
							{
								value : #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.sbyxztzc' #end,
								name : '正常'
							},
							{
								value : #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.sbyxztbj' #end,
								name : '报警'
							},
							{
								value : #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.sbyxztlx' #end,
								name : '离线'
							},
							{
								value : #if("$!dpSjlrsbbj" == "") 0 #else '$!dpSjlrsbbj.sbyxztgz' #end,
								name : '故障'
							},
						],
	
						label : {
							normal : {
								show : true,
								position : 'outside', //标签的位置
								textStyle : {
									fontWeight : 300,
									fontSize : 12 //文字的字体大小
								},
								formatter : '{b}\n{d}%'
							}
						},
						labelLine : {
							normal : {
								show : false,
								length : 0,
								length2 : 10,
							}
						},
						itemStyle : {
							emphasis : {
								shadowBlur : 10,
								shadowOffsetX : 0,
								shadowColor : 'rgba(0, 0, 0, 0.5)'
							}
						}
					}
				]
			};
			//排出水实时检测
			option_chart_psssjc = {
				title : {
					text : '排水实时监测',
					top : '5%',
					right : '3%',
					textStyle : {
						fontWeight : 'normal',
						fontSize : '14',
						color : '#ccf5f9',
					}
				},
				tooltip : {
					trigger : 'axis',
					axisPointer : { // 坐标轴指示器，坐标轴触发有效
						type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
					},
				},
				grid : {
					x : '3%',
					y : '30%',
					x2 : '10%',
					y2 : '3%',
					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 : ['$!sbbj.nh3', '$!sbbj.cod', '$!sbbj.bod', '$!sbbj.ss', '$!sbbj.zl', '$!sbbj.ph'],
						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}'
								}
							}
						},
					}
				]
			};
			//codbod曲线
			option_chart_codbodqx = {
				title : {
					text : 'COD/BOD曲线',
					top : '2%',
					left : '3%',
					textStyle : {
						fontWeight : 'normal',
						fontSize : '14',
						color : '#ccf5f9',
					}
				},
				color : [ '#d3aa54', '#d15533' ],
				grid : {
					x : '3%',
					y : '30%',
					x2 : '3%',
					y2 : '10%',
					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',
						},
					}
				},
				yAxis : {
					type : 'value',
					name : 'mg/L',
					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 : [ {
					data : [ 221.2, 156.3, 119.1, 217.6, 252.1, 221.7, 127.9 ],
					type : 'line',
					name : 'COD'
				}, {
					data : [ 120.3, 72.7, 69.9, 89.8, 78.3, 64.9, 54.9 ],
					type : 'line',
					name : 'BOD'
				} ]
			};
			//NH3/SS曲线
			option_chart_nh3ssqx = {
				title : {
					text : 'NH3/SS曲线',
					top : '2%',
					left : '3%',
					textStyle : {
						fontWeight : 'normal',
						fontSize : '14',
						color : '#ccf5f9',
					}
				},
				color : [ '#d3aa54', '#d15533' ],
				grid : {
					x : '3%',
					y : '30%',
					x2 : '3%',
					y2 : '10%',
					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',
						},
					}
				},
				yAxis : {
					type : 'value',
					name : 'mg/L',
					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 : [ {
					data : [ 73.1, 66.8, 54.8, 69.3, 57.8, 44.9, 79.1 ],
					type : 'line',
					name : 'NH3'
				}, {
					data : [ 120.1, 112.7, 119.7, 88.9, 134.2, 122.8, 155.3 ],
					type : 'line',
					name : 'SS'
				} ]
			};
			//总磷/PH曲线
			option_chart_zlphqx = {
				title : {
					text : '总磷/PH曲线',
					top : '2%',
					left : '3%',
					textStyle : {
						fontWeight : 'normal',
						fontSize : '14',
						color : '#ccf5f9',
					}
				},
				color : [ '#d3aa54', '#d15533' ],
				grid : {
					x : '3%',
					y : '30%',
					x2 : '3%',
					y2 : '10%',
					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',
						},
					}
				},
				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 : [ {
					data : [ 6.5, 6.3, 7.8, 7.2, 8.3, 6.3, 8.0 ],
					type : 'line',
					name : '总磷'
				}, {
					data : [ 5.6, 6.7, 6.1, 6.4, 7.4, 8.3, 8.9 ],
					type : 'line',
					name : 'PH'
				} ]
			};
	
			if (option_chart_mcsjdb1 && typeof option_chart_mcsjdb1 === "object") {
				
				myChart_chart_mcsjdb1.setOption(option_chart_mcsjdb1, true);
			}
			if (option_chart_mcsjdb2 && typeof option_chart_mcsjdb2 === "object") {
				
				myChart_chart_mcsjdb2.setOption(option_chart_mcsjdb2, true);
			}
			if (option_chart_mcsjdb3 && typeof option_chart_mcsjdb3 === "object") {
				
				myChart_chart_mcsjdb3.setOption(option_chart_mcsjdb3, true);
			}
			if (option_chart_mcsjdb4 && typeof option_chart_mcsjdb4 === "object") {
				
				myChart_chart_mcsjdb4.setOption(option_chart_mcsjdb4, true);
			}
			if (option_chart_container1 && typeof option_chart_container1 === "object") {
				
				myChart_chart_container1.setOption(option_chart_container1, true);
			}
			if (option_chart_container2 && typeof option_chart_container2 === "object") {
				myChart_chart_container2.setOption(option_chart_container2, true);
			}
			if (option_chart_container3 && typeof option_chart_container3 === "object") {
				myChart_chart_container3.setOption(option_chart_container3, true);
			}
			if (option_chart_container4 && typeof option_chart_container4 === "object") {
				myChart_chart_container4.setOption(option_chart_container4, true);
			}
			if (option_chart_wdsdaq && typeof option_chart_wdsdaq === "object") {
				myChart_chart_wdsdaq.setOption(option_chart_wdsdaq, true);
			}
			if (option_chart_ph && typeof option_chart_ph === "object") {
				myChart_chart_ph.setOption(option_chart_ph, true);
			}
			if (option_chart_nh && typeof option_chart_nh === "object") {
				myChart_chart_nh.setOption(option_chart_nh, true);
			}
			if (option_chart_sbgz && typeof option_chart_sbgz === "object") {
				myChart_chart_sbgz.setOption(option_chart_sbgz, true);
			}
			if (option_chart_bjlx && typeof option_chart_bjlx === "object") {
				myChart_chart_bjlx.setOption(option_chart_bjlx, true);
			}
			if (option_chart_bjfx && typeof option_chart_bjfx === "object") {
				myChart_chart_bjfx.setOption(option_chart_bjfx, true);
			}
			if (option_chart_sbgzphb && typeof option_chart_sbgzphb === "object") {
				myChart_chart_sbgzphb.setOption(option_chart_sbgzphb, true);
			}
			if (option_chart_yxzt && typeof option_chart_yxzt === "object") {
				myChart_chart_yxzt.setOption(option_chart_yxzt, true);
			}
			if (option_chart_psssjc && typeof option_chart_psssjc === "object") {
				myChart_chart_psssjc.setOption(option_chart_psssjc, true);
			}
			if (option_chart_codbodqx && typeof option_chart_codbodqx === "object") {
				myChart_chart_codbodqx.setOption(option_chart_codbodqx, true);
			}
			if (option_chart_nh3ssqx && typeof option_chart_nh3ssqx === "object") {
				myChart_chart_nh3ssqx.setOption(option_chart_nh3ssqx, true);
			}
			if (option_chart_zlphqx && typeof option_chart_zlphqx === "object") {
				myChart_chart_zlphqx.setOption(option_chart_zlphqx, true);
			}
		    var playerElement1 = document.getElementById("player1");
			var player1 = new Clappr.Player({
		  		source: '$!spjk1',
		  		//poster: 'http://clappr.io/poster.png',
		  		mute: true
			});
			
			player1.attachTo(playerElement1);
			player1.play();
			
		 	var playerElement2 = document.getElementById("player2");
			var player2 = new Clappr.Player({
		  		source: '$!spjk2',
		  		//poster: 'http://clappr.io/poster.png',
		  		mute: true
			});
			
			player2.attachTo(playerElement2);
			player2.play();
			
		 	var playerElement3 = document.getElementById("player3");
			var player3 = new Clappr.Player({
		  		source: '$!spjk3',
		  		//poster: 'http://clappr.io/poster.png',
		  		mute: true
			});
			
			player3.attachTo(playerElement3);
			player3.play();
			
		 	var playerElement4 = document.getElementById("player4");
			var player4 = new Clappr.Player({
		  		source: '$!spjk4',
		  		//poster: 'http://clappr.io/poster.png',
		  		mute: true
			});
			
			player4.attachTo(playerElement4);
			player4.play();
			
			
		    $('.lend-items').click(function(){
				var selected = $(this).find('.lend-value').text();
				var option_chart_mcsjdb1 = myChart_chart_mcsjdb1.getOption();
				var option_chart_mcsjdb2 = myChart_chart_mcsjdb2.getOption();
				var option_chart_mcsjdb3 = myChart_chart_mcsjdb3.getOption();
				var option_chart_mcsjdb4 = myChart_chart_mcsjdb4.getOption();
				if($(this).find('.doc-tip').hasClass('unable')){
					$(this).find('.doc-tip').removeClass('unable');
					for(var i in option_chart_mcsjdb1.legend[0].selected){
						if(selected==i){
							option_chart_mcsjdb1.legend[0].selected[i] = true;
							option_chart_mcsjdb2.legend[0].selected[i] = true;
							option_chart_mcsjdb3.legend[0].selected[i] = true;
							option_chart_mcsjdb4.legend[0].selected[i] = true;
						}
					    
					}
					
				}else{
					$(this).find('.doc-tip').addClass('unable');
					for(var i in option_chart_mcsjdb1.legend[0].selected){
						if(selected==i){
							option_chart_mcsjdb1.legend[0].selected[i] = false;
							option_chart_mcsjdb2.legend[0].selected[i] = false;
							option_chart_mcsjdb3.legend[0].selected[i] = false;
							option_chart_mcsjdb4.legend[0].selected[i] = false;
						}
					    
					}
					
				}
				//console.log(option_chart_mcsjdb1)
				myChart_chart_mcsjdb1.setOption(option_chart_mcsjdb1,true);
				myChart_chart_mcsjdb2.setOption(option_chart_mcsjdb2,true)
				myChart_chart_mcsjdb3.setOption(option_chart_mcsjdb3,true)
				myChart_chart_mcsjdb4.setOption(option_chart_mcsjdb4,true)
				//console.log(selected)
				
			})
			
			getSsqxSj('480', "snwd");
			getSsqxSj('14', "sldl");
			getSsqxSj('482', "snph");
			getSsqxSj('480', "snsd");
			getSsqxSj('480', "snaq");
			},1000);
		//})
</script>
</body>
</html>