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>
|