cxc
/
ifm


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622
							
<!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">
</head>
<body>
	<div class='grid-common left-grid'>
		<div class='grid-common left-gride-l1'>
			<div class='grid-common left-gride-l1-top'>
				<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 class='left-bar-data'>
								<div class='left-bar-data-list1'>
									<div class='data-list'>
										<div class='data-list-items'>本月配种数</div>
										<div class='data-list-items'>本月分娩数</div>
										<div class='data-list-items'>本月产仔总数</div>
										<div class='data-list-items'>仔猪存活率</div>
									</div>
									<div class='data-list'>
										<div class='data-list-items fontsize7'>$!dpSjlrsy.bypzs</div>
										<div class='data-list-items fontsize7'>$!dpSjlrsy.byfms</div>
										<div class='data-list-items fontsize7'>$!dpSjlrsy.byczs</div>
										<div class='data-list-items fontsize7'>$!dpSjlrsy.byzzchl%</div>
									</div>
								</div>
								<div class='left-bar-data-list1'>
									<div class='data-list'>
										<div class='data-list-items'>本月淘汰数</div>
										<div class='data-list-items'>前一月淘汰数</div>
										<div class='data-list-items'>前二月淘汰数</div>
										<div class='data-list-items'>前三月淘汰数</div>
									</div>
									<div class='data-list'>
										<div class='data-list-items fontsize6 colorred'>$!dpSjlrsy.ttsjbytts</div>
										<div class='data-list-items fontsize6 colorred'>$!dpSjlrsy.ttsjqyytts</div>
										<div class='data-list-items fontsize6 colorred'>$!dpSjlrsy.ttsjqeytts</div>
										<div class='data-list-items fontsize6 colorred'>$!dpSjlrsy.ttsjqsytts</div>
									</div>
									<div class='data-list'>
										<div class='data-list-items fontsize6 colorgreen'>$!{dpSjlrsy.byttszb}%</div>
										<div class='data-list-items fontsize6 colorgreen'>$!{dpSjlrsy.qyyttszb}%</div>
										<div class='data-list-items fontsize6 colorgreen'>$!{dpSjlrsy.qeyttszb}%</div>
										<div class='data-list-items fontsize6 colorgreen'>$!{dpSjlrsy.qsyttszb}%</div>
									</div>
								</div>
							</div>
							<div class='center-bar-data' id='chart-zls'></div>
							<div class='right-bar-data'>
								<div class='right-bar-data-list1'>
									<div class='data-list'>
										<div class='data-list-items'>当前销售</div>
										<div class='data-list-items'>当前猪价</div>
									</div>
									<div class='data-list'>
										<div class='data-list-items fontsize7'>
											<span class='mr-10'>$!dpSjlrsy.bydqxsts</span>头
										</div>
										<div class='data-list-items fontsize7'>
											<span class='mr-10'>#if("$!ht" == "true") $!dqzj #else $!dpSjlrsy.bydqzj #end</span>元/kg
										</div>
									</div>
								</div>
								<div class='right-bar-data-list2'>
									<div class='data-list'>
										<div class='data-list-items'>近一周销售</div>
										<div class='data-list-items'>近一月销售</div>
										<div class='data-list-items'>近一年销售</div>
									</div>
									<div class='data-list'>
										<div class='data-list-items fontsize7'>
											<span class='mr-10'>$!dpSjlrsy.xssjweek</span>头
										</div>
										<div class='data-list-items fontsize7'>
											<span class='mr-10'>$!dpSjlrsy.xssjmonth</span>头
										</div>
										<div class='data-list-items fontsize7'>
											<span class='mr-10'>$!dpSjlrsy.xssjyear</span>头
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class='wrapper-clzb'>
					<div class='wrapper-content wrapper-clzb-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-clzb'></div>
						</div>
					</div>
				</div>
			</div>
			<div class='grid-common left-gride-l1-mid'>
				<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-fztj1'></div>
						</div>
					</div>
				</div>
				<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 id='chart-fztj2'></div>
						</div>
					</div>
				</div>
			</div>
			<div class='grid-common left-gride-l1-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 id='chart-ttfbt'></div>
							<div id='chart-ydtts'></div>
						</div>
					</div>  
				</div>
				<div class='grid-common left-gride-l1-bottom-pice'>
					<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-yfgl'></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='table-whhcl'>
									<div class='table-content'>
										<div class="table-area-head">
											<div class="table-area-head-tab">牧场名称</div>
											<div class="table-area-head-tab">联系人</div>
											<div class="table-area-head-tab">联系电话</div>
											<div class="table-area-head-tab">处理日期</div>
											<div class="table-area-head-tab">处理方式</div>
											<div class="table-area-head-tab">数量（头）</div>

										</div>
										<div class='table-area'>
											<table cellpadding='0' cellspacing='0' border='0'>
												#foreach($obj in $!whhlist)
												<tr>
													<td>$!obj.mcmc</td>
													<td>$!obj.lxr</td>
													<td>$!obj.lxdh</td>
													<td>$!dateTool.format("yyyy.MM.dd" , $!obj.date)</td>
													<td>$!obj.clfs</td>
													<td>$!obj.sl</td>
												</tr>
												#end
											</table>
										</div>
									</div>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class='grid-common left-gride-l2'>
			<div class='grid-common left-gride-l2-left'>
				<div class='position-block'>
					<div class='header-data-list'>
						<div class='header-data-item'>
							<div class='item-name'>存栏种猪</div>
							<div class='item-value item-color1'>$!dpSjlrsy.clsjzz</div>
						</div>
						<div class='header-data-item'>
							<div class='item-name'>保育存栏</div>
							<div class='item-value item-color2'>$!dpSjlrsy.clsjbyz</div>
						</div>
						<div class='header-data-item'>
							<div class='item-name'>育肥存栏</div>
							<div class='item-value item-color3'>$!dpSjlrsy.clsjyfz</div>
						</div>
						<div class='header-data-item'>
							<div class='item-name'>销售总数</div>
							<div class='item-value item-color4'>$!dpSjlrsy.clsjxszs</div>
						</div>
						<div class='header-data-item'>
							<div class='item-name'>死淘种猪</div>
							<div class='item-value item-color5'>$!dpSjlrsy.clsjstzs</div>
						</div>
					</div>
				</div>
				<div class='wrapper-content map-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>
						<div id='map-container'></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">
							<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-mrzj'></div>
						</div>
					</div>
				</div>
			</div>
			<div class='grid-common left-gride-l2-right'>
				<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 class='data-box'>
								<div class='data-bubble bubble1'>
									<div class='bubble-value'>0</div>
									<div class='bubble-line'></div>
									<div class='bubble-name'>今日未处理</div>
								</div>
								<div class='data-bubble bubble2'>
									<div class='bubble-value'>100%</div>
									<div class='bubble-line'></div>
									<div class='bubble-name'>警情处理率</div>
								</div>
								<div class='data-bubble bubble3'>
									<div class='bubble-value'>0</div>
									<div class='bubble-line'></div>
									<div class='bubble-name'>昨日未处理</div>
								</div>
							</div>
							<div class='warning-box' id="face">
								#foreach($obj in $!faceList)
								<div class='warning-item'>
									<img src='views/htclient/images/demo-pic35.jpg' style='border-radius:50%'/> <span style="color:$!obj.color">
									$!dateTool.format("HH:mm:ss" , $!obj.xgsj) $!{obj.xm} 从 $!{obj.sbmc}进入</span>
								</div>
								#end
							</div>
							<div class='msg-box'>
								#foreach($obj in $!xx2)
								<div class='msg-item'>
									<span class='msg-words' style="color:$!obj.color">$!{obj.mcmc} $!{obj.bt}</span> <span class='msg-datetime'>$!{obj.fbsjString}</span>
								</div>
								#end
							</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-wscl'></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">
							<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-sbtj'></div>
							<div class='sbtj-data'>
								<div class='word-desc'>
									<div class='left-word'>
										<div class='word-item'>去年</div>
										<div class='word-name'>安装设备（套）</div>
										<div class='word-value'>$!dpSjlrsy.sbtjqn</div>
									</div>
									<div class='left-word'>
										<div class='word-item'>今年</div>
										<div class='word-name'>安装设备（套）</div>
										<div class='word-value'>$!dpSjlrsy.sbtjjn</div>
									</div>
								</div>
								<div class='word-num-incre'>
									<span class='increase-value'>$!sbtj%</span><img
										src="views/htclient/images/inc.png" />
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>
<script>

//图表区域
var dom_chart_zls = document.getElementById("chart-zls");
var dom_chart_clzb = document.getElementById("chart-clzb");
var dom_chart_fztj1 = document.getElementById("chart-fztj1");
var dom_chart_fztj2 = document.getElementById("chart-fztj2");
var dom_chart_ttfbt = document.getElementById("chart-ttfbt");
var dom_chart_ydtts = document.getElementById("chart-ydtts");
var dom_chart_yfgl = document.getElementById("chart-yfgl");
var dom_chart_mrzj = document.getElementById("chart-mrzj");
var dom_chart_wscl = document.getElementById("chart-wscl");
var dom_chart_sbtj = document.getElementById("chart-sbtj");

var myChart_chart_zls = echarts.init(dom_chart_zls);
var myChart_chart_clzb = echarts.init(dom_chart_clzb);
var myChart_chart_fztj1 = echarts.init(dom_chart_fztj1);
var myChart_chart_fztj2 = echarts.init(dom_chart_fztj2);
var myChart_chart_ttfbt = echarts.init(dom_chart_ttfbt);
var myChart_chart_ydtts = echarts.init(dom_chart_ydtts);
var myChart_chart_yfgl = echarts.init(dom_chart_yfgl);
var myChart_chart_mrzj = echarts.init(dom_chart_mrzj);
var myChart_chart_wscl = echarts.init(dom_chart_wscl);
var myChart_chart_sbtj = echarts.init(dom_chart_sbtj);
var app = {};
var option_chart_zls = null,option_chart_clzb = null,option_chart_fztj1 = null,option_chart_mrzj = null,option_chart_fztj2 = null,option_chart_ttfbt = null,option_chart_ydtts = null,option_chart_yfgl = null,option_chart_wscl = null,option_chart_sbtj = null;
//总栏数饼状图
option_chart_zls = {
	title:{
		text:'总栏数',
		subtext:'$!zcls',
		subtextStyle:{
			fontSize:'14',
			color:"#e55b5c",
		},
		top:'45%',
		left:'center',
		textStyle:{
			fontWeight:'normal',
			fontSize:'14',
			color:'#ccf5f9',
		}
	},
	color: ['#af2eac', '#ea9092', '#6830ad','#da215b','#ea5e69'], //环形图每块的颜色
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)"
    },
    legend: {
		icon: "circle",  
        data:['种猪','后备种猪','哺乳猪','保育猪','育肥猪'],
		textStyle:{
			
			color:'#ccf5f9',
		}
    },
    series: [
		
        {
            name:'存栏分布',
            type:'pie',
			center:['50%','55%'],
            radius: ['30%', '60%'],
            avoidLabelOverlap: false,
            label: {
                normal: {
                    show: true,
                    position:'inner', //标签的位置
                    textStyle : {
						fontWeight : 300 ,
                        fontSize : 12    //文字的字体大小
                        },
                    formatter:'{d}%'
                }
            },
            labelLine: {
                normal: {
                    show: false
                }
            },
            data:[
                {value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.clsjzz' #end, name:'种猪'},
                {value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.clsjhbzz' #end, name:'后备种猪'},
                {value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.clsjbrz' #end, name:'哺乳猪'},
                {value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.clsjbyz' #end, name:'保育猪'},
                {value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.clsjyfz' #end, name:'育肥猪'}
            ]
        }
    ]
};
//存栏占比饼状图
option_chart_clzb = {
    title : {
        text: '存栏\n占比',
		top:'40%',
		left:'center',
		textStyle:{
			fontWeight:'normal',
			fontSize:'14',
			color:'#ccf5f9',
		}
    },
	color: ['#6f3ed5', '#cfb838', '#a92149','#da215b','#ea5e69'], //环形图每块的颜色
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    series : [
        {
            name:'存栏占比',
            type:'pie',
            radius : ['30%', '80%'],
            center : ['50%', '50%'],
            roseType : 'area',
            data:[
                {value:#if("$!clsl2" == "") '0' #else '$!{clsl2}' #end, name:'安吉'},
                {value:#if("$!clsl1" == "") '0' #else '$!{clsl1}' #end, name:'嘉兴'},
                {value:#if("$!clsl3" == "") '0' #else '$!{clsl3}' #end, name:'茅坪'},
                {value:#if("$!clsl4" == "") '0' #else '$!{clsl4}' #end, name:'石门'}

            ],
			label: {
                normal: {
                    show: true,
                    position:'outside', //标签的位置
                    textStyle : {
                        fontSize : 12 ,
						color:'#ccf5f9'
                        },
                    formatter:'{b}:{d}%'
                }
            },
            labelLine: {
                normal: {
                    show: true
                }
            },
        }
    ]
};
//配种结果分布图
option_chart_fztj1 = {
			title : {
				text: '配种结果分布图',
				top:'10',
				left:'10',
				textStyle:{
					fontWeight:'normal',
					fontSize:'14',
					color:'#ccf5f9',
				}
			},
			tooltip : {
				trigger: 'axis',
				axisPointer : {            // 坐标轴指示器，坐标轴触发有效
					type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
				},
				formatter: "{c} {b}"
			},
			grid:{
		            x:'3%',
		            y:'30%',
		            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:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.pzjgfbpz' #end,name:'头'},
					  {value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.pzjgfbhy' #end,name:'头'},
					  {value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.pzjgfblc' #end,name:'头'},
					  {value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.pzjgfbfq' #end,name:'头'} ,
					  {value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.pzjgfbqt' #end,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("$!dpSjlrsy" == "") 0 #elseif("$!ht" == "true") "$!pzfml" #else'$!dpSjlrsy.pzjgfbpzfml' #end, name: '配种分娩率'}]
			}

			]
		};
//分娩猪仔分布图
option_chart_fztj2 = {
			title : {
				text: '分娩猪仔分布图',
				top:'10',
				left:'10',
				textStyle:{
					fontWeight:'normal',
					fontSize:'14',
					color:'#ccf5f9',
				}
			},
			tooltip : {
				trigger: 'axis',
				axisPointer : {            // 坐标轴指示器，坐标轴触发有效
					type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
				},
				formatter: "{c} {b}"
			},
			grid:{
		            x:'3%',
		            y:'30%',
		            x2:'36%',
		            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: #if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.fmzzfbtjzs' #end,name:'头'},
					  {value: #if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.fmzzfbtrzs' #end,name:'头'},
					  {value: #if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.fmzzfbtjxs' #end,name:'头'},
					  {value: #if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.fmzzfbtmnys' #end,name:'头'},
					  {value: #if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.fmzzfbtsts' #end,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: ['83%', '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("$!dpSjlrsy" == "") 0 #elseif("$!ht" == "true") "$!fmchl" #else '$!dpSjlrsy.fmzzfbtfmchl' #end, name: '分娩存活率'}]
			}

			]
		};
//淘汰分布饼状图
option_chart_ttfbt = {
    title : {
        text: '死亡状态分布图',
        x:'3%',
		y:'3%',
		textStyle:{
			color:'#ccf5f9',
			fontWeight:'normal',
			fontSize:'12'
		}
    },
	color:['#3428ae','#e45e65','#e0918d','#ad91de','#da4170','#912aaf','#6a2cba','#e45e65'],
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
		icon:'circle',
		itemGap: 6,
		itemWidth:10,
        orient: 'vertical',
        right: '10',
		top:'30',
		textStyle:{
			
			color:'#ccf5f9',
		},
		
        data: ['哺乳','待配','返情','后备','空怀','流产','配种','妊娠']
    },
    series : [
        {
            name: '淘汰分布图',
            type: 'pie',
            radius : ['10%','60%'],
            center: ['35%', '60%'],
            data:[
                {value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.ttfbtsw' #end, name:'哺乳'},
                {value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.ttfbttctg' #end, name:'待配'},
                {value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.ttfbtcqbfq' #end, name:'返情'},
                {value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.ttfbtczss' #end, name:'后备'},
                {value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.ttfbtcdyz' #end, name:'空怀'},
                {value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.ttfbtyybl' #end, name:'流产'},
                {value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.ttfbtztjb' #end, name:'配种'},
                {value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.ttfbtqt' #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_ydtts = {
			title : {
				text: '月度淘汰数',
				x:'3%',
				y:'3%',
				textStyle:{
					color:'#ccf5f9',
					fontWeight:'normal',
					fontSize:'12'
				}
			},
			grid:{
		            x:'5%',
		            y:'20%',
		            x2:'5%',
		            y2:'3%',
		            containLabel: true      
		    },
			tooltip : {
				trigger: 'axis',
				axisPointer : {            // 坐标轴指示器，坐标轴触发有效
					type : 'line'        // 默认为直线，可选为：'line' | 'shadow'
				},
				formatter: "{b}:{c}"
			},
			xAxis: [{
				type: 'category',
				boundaryGap: false,
				data: ["$!mon0", "$!mon1", "$!mon2", "$!mon3", "$!mon4", "$!mon5", "$!mon6"],
				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: [{
				data: [#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.ydtts1' #end,
				#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.ydtts2' #end,
				#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.ydtts3' #end,
				#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.ydtts4' #end,
				#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.ydtts5' #end,
				#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.ydtts6' #end,
				#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.ydtts7' #end],
				itemStyle: {  
						normal: {   //颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上
							color: new echarts.graphic.LinearGradient(0, 0, 0, 1,[{
									offset: 0, color: '#489ad4' // 0% 处的颜色
								}, {
									offset: 1, color: 'rgba(72,154,212,0.1)' // 100% 处的颜色
								}]
							),  //背景渐变色 
							lineStyle: {        // 系列级个性化折线样式  
								show:false
							}
						},  
						emphasis: {  
							color: '#ffeb3b',  
							lineStyle: {        // 系列级个性化折线样式  
								width:2,  
								type: 'dotted',  
								color: "#ffeb3b" //折线的颜色
							}  
						}  
					},
				type: 'line',
				areaStyle: {}
			}]
		};
//育肥分布图
option_chart_yfgl = {
			title : {
				text: '育肥分布图',
				top:'10',
				left:'10',
				textStyle:{
					fontWeight:'normal',
					fontSize:'14',
					color:'#ccf5f9',
				}
			},
			tooltip : {
				trigger: 'axis',
				axisPointer : {            // 坐标轴指示器，坐标轴触发有效
					type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
				},
				formatter: "{c} {b}"
			},
			color:['#3727ac','#e45e65','#da4170','#912ab0','#6b2cb9'],
			legend: {
				icon:'circle',
				itemGap: 10,
				itemWidth:10,
				orient: 'vertical',
				left: '38%',
				top:'center',
				textStyle:{
					
					color:'#ccf5f9',
				},
				
				data: ['80-90天','91-120天','121-150天','151-180天','180天以上']
			},
			grid:{
		            x:'55%',
		            y:'20%',
		            x2:'5%',
		            y2:'3%',
					containLabel: true
		                  
		    },
			xAxis : [
				{
					type : 'category',
					data : ["$!mon0", "$!mon1", "$!mon2", "$!mon3", "$!mon4", "$!mon5", "$!mon6"],
					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: 'pie',
					radius : ['10%','75%'],
					center: ['25%', '50%'],
					data:[
						{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.yffbt1' #end, name:'80-90天'},
						{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.yffbt2' #end, name:'91-120天'},
						{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.yffbt3' #end, name:'121-150天'},
						{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.yffbt4' #end, name:'151-180天'},
						{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.yffbt5' #end, name:'180天以上'},

					],
					
					label: {
						normal: {
							show: true,
							position:'inner', //标签的位置
							textStyle : {
								color:'#ccf5f9',
								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)'
						}
					}
				},
				{
					name:'育肥分布图',
					type:'bar',
					barWidth: '50%',
					data:[
						{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.yfyftsyy' #end,name:'头'},
					 	{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.yfyftsey' #end,name:'头'},
					  	{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.yfyftssy' #end,name:'头'},
					  	{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.yfyftssiy' #end,name:'头'},
					  	{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.yfyftswy' #end,name:'头'},
					  	{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.yffbt6' #end,name:'头'},
					  	{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.yffbt7' #end,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
												}
								}
		                    }
		                },
				}

			]
		};
//污水处理柱状图
option_chart_wscl = {
    color: ['#3398DB'],
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    grid: {
        x: '3%',
        y: '10%',
        x2: '5%',
		y2: '3%',
        containLabel: true
    },
    xAxis :{
            type : 'category',
            data : ["$!res0", "$!res1", "$!res2", "$!res3", "$!res4", "$!res5", "$!res6"],
            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:{
				lineStyle: {
						type: 'solid',
						color: 'rgba(204,245,249,0.8)',
						width:'1'
				}
			}
        },
    series : [
        {
            name:'污水处理',
            type:'bar',
            barWidth: '60%',
            data:[
              	#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.wscl4' #end,
               	#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.wscl5' #end,
                #if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.wscl6' #end,
                #if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.wscl7' #end,
                #if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.wscl1' #end,
            	#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.wscl2' #end,
             	#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.wscl3' #end,],
			itemStyle: {
		        normal: {
		        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
		                offset: 0,
		                color: '#931da9'
		            },
					{
		                offset: 1,
		                color: '#4a04b5'
		        }]),
				label: {
						show: true, //开启显示
						position: 'top', //在上方显示
						textStyle: { //数值样式
								color: '#ccf5f9',
								fontSize: 12
							}
						}
		         }
		    },
        }
    ]
};
//设备统计柱状图
option_chart_sbtj = {
    color: ['#3398DB'],
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        },
		formatter: '{c}{b}'
    },
    grid: {
        x: '3%',
        y: '10%',
        x2: '5%',
		y2: '3%',
        containLabel: true
    },
    xAxis :{
            type : 'category',
            data : ["$!res0", "$!res1", "$!res2", "$!res3", "$!res4", "$!res5", "$!res6"],
            axisTick: {
                alignWithLabel: true
            },
			axisLine: {
					show: true,
					lineStyle: {
								type: 'solid',
								color: '#ccf5f9',//左边线的颜色
								width:'1'//坐标线的宽度
					}
			},
			axisLabel: {
				textStyle: {
                color: '#ccf5f9',
				fontSize:10
				},
				rotate: 20,
			}
        },
    yAxis :{
            type : 'value',
			axisLine: {
					show: true,
					lineStyle: {
								type: 'solid',
								color: '#ccf5f9',//左边线的颜色
								width:'1'//坐标线的宽度
					}
			},
			splitLine:{
				lineStyle: {
						type: 'solid',
						color: 'rgba(204,245,249,0.8)',
						width:'1'
				}
			}
        },
    series : [
        {
            name:'设备统计',
            type:'bar',
            barWidth: '60%',
            data:[
             	{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.sbtj4' #end,name:'台'},
              	{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.sbtj5' #end,name:'台'},
              	{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.sbtj6' #end,name:'台'},
              	{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.sbtj7' #end,name:'台'},
              	{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.sbtj1' #end,name:'台'},
            	{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.sbtj2' #end,name:'台'},
             	{value:#if("$!dpSjlrsy" == "") 0 #else '$!dpSjlrsy.sbtj3' #end,name:'台'}
              ],
			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}{b}'
						},
						
		         }
		    },
        }
    ]
};

//codbod曲线
option_chart_mrzj = {
	title : {
		text : '每周猪价(元/Kg)',
		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 : ['$!week1', '$!week2', '$!week3', '$!week4', '$!week5', '$!week6', '$!week7'],
		axisLine : {
			show : true,
			lineStyle : {
				type : 'solid',
				color : '#4865e3', //左边线的颜色
				width : '1' //坐标线的宽度
			}
		},
		axisLabel : {
			textStyle : {
				color : '#ccf5f9',
			},
		}
	},
	yAxis : {
		type : 'value',
		min : function(value) {
			return value.min - 1;
		},
		name : '元/Kg',
		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 : ['$!price1', '$!price2', '$!price3', '$!price4', '$!price5', '$!price6', '$!price7'],
		type : 'line',
		name : '每周猪价(元/Kg)',
		itemStyle : {
			normal : {
				label : {
					show : true, //开启显示
					position : 'top', //在上方显示
					textStyle : { //数值样式
						color : '#ccf5f9',
						fontSize : 12
					},
					formatter : '{c}'
				},
			}
		}
	} ]
};
if (option_chart_zls && typeof option_chart_zls === "object") {
			myChart_chart_zls.setOption(option_chart_zls, true);
}
if (option_chart_clzb && typeof option_chart_clzb === "object") {
			myChart_chart_clzb.setOption(option_chart_clzb, true);
}
if (option_chart_fztj1 && typeof option_chart_fztj1 === "object") {
			myChart_chart_fztj1.setOption(option_chart_fztj1, true);
}
if (option_chart_fztj2 && typeof option_chart_fztj2 === "object") {
			myChart_chart_fztj2.setOption(option_chart_fztj2, true);
}
if (option_chart_ttfbt && typeof option_chart_ttfbt === "object") {
			myChart_chart_ttfbt.setOption(option_chart_ttfbt, true);
}
if (option_chart_ydtts && typeof option_chart_ydtts === "object") {
			myChart_chart_ydtts.setOption(option_chart_ydtts, true);
}
if (option_chart_yfgl && typeof option_chart_yfgl === "object") {
			myChart_chart_yfgl.setOption(option_chart_yfgl, true);
}
if (option_chart_mrzj && typeof option_chart_mrzj === "object") {
	myChart_chart_mrzj.setOption(option_chart_mrzj, true);
}
if (option_chart_wscl && typeof option_chart_wscl === "object") {
			myChart_chart_wscl.setOption(option_chart_wscl, true);
}
if (option_chart_sbtj && typeof option_chart_sbtj === "object") {
			myChart_chart_sbtj.setOption(option_chart_sbtj, true);
}
</script>
<script>
	function changemc(e){
		var name = e.target.w.name;
		var mcid = "";
		if (name == "$!mcmc1") {
			mcid = "21";
		}
		if (name == "$!mcmc2") {
			mcid = "36";
		}
		if (name == "$!mcmc3") {
			mcid = "37";
		}
		if (name == "$!mcmc4") {
			mcid = "39";
		}
		if("undefined" != typeof sly){
			console.log('off2');		
			sly.off('active');
			//delete sly;
			//console.log(sly)
		} 
		huimv.loadPage("head", "headIndex.htm?mcid=" + mcid);
		huimv.loadPage("right", "mcIndex.htm?mcid=" + mcid);
	}
	//地图浙江省
	var map_zj = new AMap.Map('map-container', {
        zoomEnable: false,
		dragEnable: false,
        center: [120.058784,29.100476],
        zoom: 7,
		mapStyle:'amap://styles/a19dfc1da7101e0ae585747500c879a5'
		
    });
	
	//渲染浙江省颜色
	map_zj.plugin(["AMap.DistrictLayer"],function() {
	 disProvince = new AMap.DistrictLayer.Province({
            zIndex: 12,
            adcode: [330000],
            depth: 1,
            styles: {
                'fill': '#0071bd',
                'province-stroke': 'cornflowerblue',
                'city-stroke': '#0efcff', // 中国地级市边界
                'county-stroke': 'rgba(255,255,255,0.5)' // 中国区县边界
            }
        });
	
		disProvince.setMap(map_zj);
	 });
	
	 var markers = [{        
        position: [120.754492,30.763081],
		content:'$!mcmc1',
		msg:''
    }, {
        position: [119.487849,30.645391],
		content:'$!mcmc2',
		msg:''
    }, {
        position: [119.342743,29.864378],
		content:'$!mcmc3',
		msg:''
    }, {
        position: [120.453836,30.671811],
		content:'$!mcmc4',
		msg:''
    }];
	for(var j = 0,len = markers.length; j < len; ++j){
		
		var maker = new AMap.Marker({
            map: map_zj,
            icon: 'views/htclient/images/maker.png',//不设置使用默认
            name: markers[j].content,
            position: markers[j].position,
            //offset: new AMap.Pixel(-13, -30)
        });
		maker.setTitle(markers[j].content);
		maker.setLabel({
        offset: new AMap.Pixel(0, 0),  //设置文本标注偏移量
        content: "<div class='info'>"+markers[j].content+"</div>", //设置文本标注内容
        direction: 'bottom' ,//设置文本标注方位
		//animation:"AMAP_ANIMATION_DROP"
		});
		maker.on('click', changemc);
	}
	
	//模拟消息弹窗，现在是定时器
	var alltc=new Array();
	var d_makers = markers;
	i=0;
	var t1 = window.setInterval(function(){
		var a_len = alltc.length;
		if(a_len>0){
			//return;
			map_zj.remove(alltc);
			alltc = [];//如果现在弹窗多余2个，清空一下					
		}
		if(i>=3){
			i=0;
		}
		//var i = Math.floor(Math.random()*d_makers.length); //随机一个已有的点弹窗
		//$("#warning-content").html("位于<span class='highlight-word'>"+d_makers[i].content+"</span>的<span class='highlight-word'>火灾探测器</span>发生温度超高报警");//报警内容
		//$("#warning-time").html();//报警时间暂无
		
		    var text = new AMap.Text({
                    text:"<div class='warning-word'>"+d_makers[i].msg+"</div><div class='time-happen'>$!now</div>",
                    textAlign:'center',
                    verticalAlign:'middle', //middle 、bottom
					anchor:'center-right', // 设置锚点方位
					 offset: new AMap.Pixel(3,-30), // 设置点标记偏移量
                    cursor:'pointer',
                    angle:0,
                    style:{
                        'width': '160px',//'312px',
                        'height': 'auto',//'263px',
						'padding':'10px',//'50px',						
						'word-wrap':'break-word',
						'word-break':'normal',
						'white-space':'normal',
                        'border': '1px solid #7f9ff8',
						'border-radius':'4px',
                        'text-align': 'center',
                        'font-size': '12px',
						'background-color':'#081b3b',
                        'color': '#ccf5f9',
                        // '-moz-box-shadow': '0px 0px 20px 2px '+capitals[i].color,
                        // 'box-shadow': '0px 0px 20px 2px '+capitals[i].color,
                       //'animation': 'myfirst .5s ease-in 5s forwards',
                        // 'animation': 'myfirst 1s infinite'
                    },
                    position: d_makers[i].position,
                })
         text.setMap(map_zj);
		alltc.push(text);
		++i;
	},10000); 
	
	//定时刷新人员到访记录
	var t1 = window.setInterval(function(){
		jQuery.ajax({
			type : "get",
			url : "getFaceReco.htm",
			data : {
			},
			dataType : "json",
			async : true,
			success : function(data) {
				if(data.returnCode > 0) {
				var str = "";
					for(var obj in data.result){
						str += "<div class='warning-item'>"
									+"<img src='views/htclient/images/demo-pic35.jpg' style='border-radius:50%'/> <span style='color:$!obj.color'>"
									+data.result[obj].xgsjStr + " " + data.result[obj].xm +" 从 " + data.result[obj].sbmc
								+"进入</span></div>";
					
					}
					$("#face").html(str);
				}
			}
		})
	} , 3000);
</script>
<script>
	$("#table-whhcl .table-area").slimScroll({ size:0,width: $("#table-whhcl .table-area").width(),height: $("#table-whhcl .table-area").height()});//滚动条
	$("#table-bndxsje .table-area").slimScroll({ size:0,width: $("#table-bndxsje .table-area").width(),height: $("#table-bndxsje .table-area").height()});
	$(".warning-box").slimScroll({ size:0,width: $(".warning-box").width(),height: $(".warning-box").height()});
	$(".msg-box").slimScroll({ size:0,width: $(".msg-box").width(),height: $(".msg-box").height()});
</script>
</body>
</html>