123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057 |
- <!DOCTYPE html>
- <html lang="zh">
- <head>
- <meta charset="utf-8">
- <title>牧场页面</title>
- <link href="views/htclient/css/dist/text-security.min.css" rel="stylesheet">
- <link href="views/htclient/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
- <link href="views/htclient/css/muchang.css" rel="stylesheet">
- <link href="views/htclient/css/extra.css" rel="stylesheet">
- <link href="views/htclient/css/lxkz.css" rel="stylesheet">
- <link rel="stylesheet" type="text/css" href="views/htclient/css/timedropper.css">
- <link href="views/htclient/css/ios6switch.css" rel="stylesheet">
- <style type="text/css">
- .player > div{
- width: 100% !important;
- height: 100% !important;
- }
- .conceal {
- font-family: 'text-security-disc';
- }
-
- </style>
- </head>
- <body>
- <input type="hidden" id="mcid" value="$!mcid" />
- <input type="hidden" id="guest" value="$!guest" />
- <div class='grid-common right-grid'>
- <div class='grid-common right-grid-left'>
- <div class='wrapper'>
- <div class='tab'>
- <div class='tab-bid'>配种结果分布图</div>
- </div>
- <div class="wrapper-content">
- <div class="content-container">
- <div class='zhejiao zhejiao-1'></div>
- <div class='zhejiao zhejiao-2'></div>
- <div class='zhejiao zhejiao-3'></div>
- <div class='zhejiao zhejiao-4'></div>
- <div id='chart-pzjgfb2'></div>
- </div>
- </div>
- </div>
- <div class='wrapper'>
- <div class='tab'>
- <div class='tab-bid'>分娩猪仔分布图</div>
- </div>
- <div class="wrapper-content">
- <div class="content-container">
- <div class='zhejiao zhejiao-1'></div>
- <div class='zhejiao zhejiao-2'></div>
- <div class='zhejiao zhejiao-3'></div>
- <div class='zhejiao zhejiao-4'></div>
- <div id='chart-fmzzfb2'></div>
- </div>
- </div>
- </div>
-
- <div class='wrapper'>
- <div class='tab'>
- <div class='tab-bid'>种猪淘汰 育肥管理</div>
- </div>
- <div class="wrapper-content">
- <div class="content-container">
- <div class='zhejiao zhejiao-1'></div>
- <div class='zhejiao zhejiao-2'></div>
- <div class='zhejiao zhejiao-3'></div>
- <div class='zhejiao zhejiao-4'></div>
- <div id='chart-ttfb2'></div>
- <div id='chart-yffb2'></div>
- </div>
- </div>
- </div>
- <div class='wrapper'>
- <div class='tab'>
- <div class='tab-bid'>体温监测</div>
- </div>
- <div class="wrapper-content">
- <div class="content-container">
- <div class='zhejiao zhejiao-1'></div>
- <div class='zhejiao zhejiao-2'></div>
- <div class='zhejiao zhejiao-3'></div>
- <div class='zhejiao zhejiao-4'></div>
- <div id='chart-twjc'></div>
- </div>
- </div>
- </div>
- </div>
- <div class='grid-common right-grid-center'>
- <div class='wrapper flex-bottom'>
- <div class="wrapper-content">
- <div class="content-container">
- <div class="zhejiao zhejiao-1"></div>
- <div class="zhejiao zhejiao-2"></div>
- <div class="zhejiao zhejiao-3"></div>
- <div class="zhejiao zhejiao-4"></div>
- <div class="mcdata-list">
- <div class="header-data-item">
- <div class="item-name">存栏种猪</div>
- <div class="item-value item-color1">#if('$!sjlr' == "") 0 #else $!sjlr.clsjzz #end</div>
- </div>
- <div class="header-data-item">
- <div class="item-name">保育存栏</div>
- <div class="item-value item-color2">#if('$!sjlr' == "") 0 #else $!sjlr.clsjbyz #end</div>
- </div>
- <div class="header-data-item">
- <div class="item-name">育肥存栏</div>
- <div class="item-value item-color3">#if('$!sjlr' == "") 0 #else $!sjlr.clsjyfz #end</div>
- </div>
- <div class="header-data-item">
- <div class="item-name">销售总数</div>
- <div class="item-value item-color4">#if('$!sjlr' == "") 0 #else $!sjlr.clsjxszs #end</div>
- </div>
- <div class="header-data-item">
- <div class="item-name">死淘种猪</div>
- <div class="item-value item-color5">#if('$!sjlr' == "") 0 #else $!sjlr.clsjstzs #end</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class='wrapper'>
- <div class="wrapper-content chart-area">
- <div class="content-container">
- <div class="zhejiao zhejiao-1"></div>
- <div class="zhejiao zhejiao-2"></div>
- <div class="zhejiao zhejiao-3"></div>
- <div class="zhejiao zhejiao-4"></div>
-
- #if("$!mcid" == "36")
- <div class='build-map mc1' id='buildmapArea'>
- <canvas id="diagonal" width='732px' height='376px'></canvas>
- <img alt="" src="views/htclient/images/ajmc.jpg" id="pic" usemap="#buildmap" style="">
- <map name="buildmap" id="buildmap">
- <area shape="poly" coords="97,122,158,95,217,103,289,132,214,126,135,162" href="javascript:;" id="zsqy777"/>
- <area shape="poly" coords="259,99,305,81,397,101,345,128" href="javascript:;" id="zsqy778"/>
- <area shape="poly" coords="397,136,431,116,457,119,691,170,674,175,642,203" href="javascript:;" id="zsqy779"/>
- </map>
- </div>
- #elseif("$!mcid" == "39")
- <div class='build-map mc4' id='buildmapArea'>
- <canvas id="diagonal" width='732px' height='376px'></canvas>
- <img alt="" src="views/htclient/images/smmc.jpg" id="pic" usemap="#buildmap" style="">
- <map name="buildmap" id="buildmap">
- <area shape="poly" coords="97,122,158,95,217,103,289,132,214,126,135,162" href="javascript:;" id="zsqy777"/>
- <area shape="poly" coords="259,99,305,81,397,101,345,128" href="javascript:;" id="zsqy778"/>
- <area shape="poly" coords="397,136,431,116,457,119,691,170,674,175,642,203" href="javascript:;" id="zsqy779"/>
- </map>
- </div>
- #elseif("$!mcid" == "37")
- <div class='build-map mc2' id='buildmapArea'>
- <canvas id="diagonal" width='732px' height='376px'></canvas>
- <img alt="" src="views/htclient/images/qdhmc.jpg" id="pic" usemap="#buildmap" style="">
- <map name="buildmap" id="buildmap">
- <area shape="poly" coords="66,212,154,190,166,196,73,221" href="javascript:;" id="zsqy881"/>
- <area shape="poly" coords="74,229,179,198,195,204,93,238" href="javascript:;" id="zsqy882"/>
- <area shape="poly" coords="105,240,211,207,224,214,117,251" href="javascript:;" id="zsqy883"/>
- <area shape="poly" coords="135,257,240,217,263,227,156,267" href="javascript:;" id="zsqy884"/>
- <area shape="poly" coords="172,185,241,168,249,173,178,192" href="javascript:;" id="zsqy885"/>
- <area shape="poly" coords="197,192,266,175,278,180,206,201" href="javascript:;" id="zsqy886"/>
- <area shape="poly" coords="227,201,298,178,310,185,237,209" href="javascript:;" id="zsqy887"/>
- <area shape="poly" coords="261,210,328,185,341,194,275,220" href="javascript:;" id="zsqy888"/>
- <area shape="poly" coords="308,242,380,205,395,206,408,214,338,252,321,246" href="javascript:;" id="zsqy889"/>
- <area shape="poly" coords="365,284,435,232,452,232,469,243,447,262,442,260,396,293,383,282" href="javascript:;" id="zsqy890"/>
- <area shape="poly" coords="445,274,475,246,498,243,517,257,485,285,467,271" href="javascript:;" id="zsqy891"/>
- <area shape="poly" coords="278,164,343,146,352,152,286,170" href="javascript:;" id="zsqy892"/>
- <area shape="poly" coords="302,168,362,149,376,155,307,176" href="javascript:;" id="zsqy893"/>
- <area shape="poly" coords="327,174,390,151,400,160,338,180" href="javascript:;" id="zsqy894"/>
- <area shape="poly" coords="353,178,412,157,417,161,365,183" href="javascript:;" id="zsqy895"/>
- <area shape="poly" coords="389,189,445,164,454,162,460,167,405,194,397,188" href="javascript:;" id="zsqy896"/>
- <area shape="poly" coords="372,184,433,160,439,163,383,189" href="javascript:;" id="zsqy897"/>
- <area shape="poly" coords="421,194,473,166,482,173,433,201" href="javascript:;" id="zsqy898"/>
- <area shape="poly" coords="445,198,489,171,505,166,512,175,467,204,458,198" href="javascript:;" id="zsqy899"/>
- <area shape="poly" coords="468,205,510,176,517,178,527,185,494,211,485,203" href="javascript:;" id="zsqy900"/>
- <area shape="poly" coords="429,155,467,140,475,144,437,160" href="javascript:;" id="zsqy901"/>
- <area shape="poly" coords="450,158,480,145,489,143,495,148,461,163,454,159" href="javascript:;" id="zsqy902"/>
- <area shape="poly" coords="470,164,499,150,509,146,518,151,487,167,480,163" href="javascript:;" id="zsqy903"/>
- <area shape="poly" coords="473,139,501,128,509,132,480,144" href="javascript:;" id="zsqy904"/>
- <area shape="poly" coords="495,142,515,133,528,134,503,146" href="javascript:;" id="zsqy905"/>
- <area shape="poly" coords="512,145,532,136,538,135,549,137,529,148,521,145" href="javascript:;" id="zsqy906"/>
- <area shape="poly" coords="537,149,554,136,564,136,574,139,555,153,548,147" href="javascript:;" id="zsqy907"/>
- </map>
- </div>
- #else
- <div class='build-map mc3' id='buildmapArea'>
- <canvas id="diagonal" width='732px' height='376px'></canvas>
- <img alt="" src="views/htclient/images/htmc.jpg" id="pic" usemap="#buildmap" style="">
- <map name="buildmap" id="buildmap">
- <area shape="poly" coords="72,92,44,95,23,112,104,123,125,106,149,100" href="javascript:;" id="zsqy991"/>
- <area shape="poly" coords="154,103,115,126,192,138,224,113" href="javascript:;" id="zsqy15"/>
- <area shape="poly" coords="286,97,273,99,260,109,397,127,407,115,414,111" href="javascript:;" id="zsqy9"/>
- <area shape="poly" coords="250,119,238,122,219,135,315,147,322,132,333,128" href="javascript:;" id="zsqy992"/>
- <area shape="poly" coords="339,136,328,143,321,151,444,169,449,158,454,152" href="javascript:;" id="zsqy993"/>
- <area shape="poly" coords="491,167,478,175,472,191,694,221,697,205,686,191" href="javascript:;" id="zsqy10"/>
- <area shape="poly" coords="473,192,463,197,462,208,701,242,701,231,695,223" href="javascript:;" id="zsqy14"/>
- </map>
- </div>
- #end
- </div>
- </div>
- </div>
- <div class='wrapper'>
- <div class='center-two-chart'>
- <div class='chart-left'>
- <div class="content-container">
- <div class="zhejiao zhejiao-1"></div>
- <div class="zhejiao zhejiao-2"></div>
- <div class="zhejiao zhejiao-3"></div>
- <div class="zhejiao zhejiao-4"></div>
- <div class='chart-none-title'><div class='chart-new-title'>温度/湿度/氨气</div><div id='chart-wdsdaq2'></div></div>
- </div>
- </div>
- <div class='chart-left'>
- <div class="content-container">
- <div class="zhejiao zhejiao-1"></div>
- <div class="zhejiao zhejiao-2"></div>
- <div class="zhejiao zhejiao-3"></div>
- <div class="zhejiao zhejiao-4"></div>
- <div class='chart-none-title'><div class='chart-new-title'>饮水(吨)</div><div id='chart-ys'></div></div>
- </div>
- </div>
- </div>
- </div>
- <div class='build-wrapper'>
- <input type="hidden" id="zsqy" value="" />
- <div class='single' style='height:100%;width:100%;position:relative;' id='mcBoxUlMc'>
- <ul class='list build-container'>
- #set($count = 1)
- #foreach($obj in $!zsdaList)<li data-lqid="$!obj.dqlq" data-zsqy="$!obj.zsqy" data-zsid="$!obj.id" #if($count== 1) class="active" #end>
- <div class='build-contain'>
- <div class='zhejiao zhejiao-1'></div>
- <div class='zhejiao zhejiao-2'></div>
- <div class='zhejiao zhejiao-3'></div>
- <div class='zhejiao zhejiao-4'></div>
- <div class='leftbar'>
- <div class='row-num'>$!obj.zsmc</div>
- </div>
- <div class='cont'>
- <div class='cont-item'>
- <img src='views/htclient/images/wd.png' />温度<span
- class='cont-value wdz'>$!{obj.dqwd}℃</span>
- </div>
- <div class='cont-item'>
- <img src='views/htclient/images/sd.png' />湿度<span
- class='cont-value sdz'>$!{obj.dqsd}%Rh</span>
- </div>
- <div class='cont-item'>
- <img src='views/htclient/images/aq.png' />氨气<span
- class='cont-value aqz'>$!{obj.dqaq}ppm</span>
- </div>
- <div class='cont-item'>
- <img src='views/htclient/images/fj.png' />风机<span
- class='cont-status_t'>运行正常</span>
- </div>
- </div>
- </div>#set($count = $count + 1)
- </li>#end
- </ul>
- </div>
- </div>
- </div>
- <div class="grid-common right-grid-right">
- <div class="grid-common right-grid-right-top">
- <div class='wrapper'>
- <div class='tab'>
- <div class='tab-bid' id="spjk">视频监控</div>
- </div>
- <div class="wrapper-content">
- <div class="content-container">
- <div class='zhejiao zhejiao-1'></div>
- <div class='zhejiao zhejiao-2'></div>
- <div class='zhejiao zhejiao-3'></div>
- <div class='zhejiao zhejiao-4'></div>
- <div id='video-box'>
- <div class='video-container player' id="player5"></div>
- </div>
- </div>
- </div>
- </div>
- <div class='wrapper'>
- <div class='tab'>
- <div class='tab-bid'>报警信息</div>
- </div>
- <div class="wrapper-content">
- <div class="content-container flex-zztt pding-10">
- <div class='zhejiao zhejiao-1'></div>
- <div class='zhejiao zhejiao-2'></div>
- <div class='zhejiao zhejiao-3'></div>
- <div class='zhejiao zhejiao-4'></div>
- <div id='mcwarning-list'>
- <div class='right-warning-box'>
- #foreach($obj in $!xx1)
- <div class='right-warning-item'>
- <img src='views/htclient/images/warn_o.png' /> <span style="color:$!obj.color">$!{obj.mcmc} $!{obj.bt}</span>
- </div>
- #end
- </div>
- <div class='right-msg-box'>
- #foreach($obj in $!xx2)
- <div class='right-msg-item'>
- <span class='right-msg-words' style="color:$!obj.color">$!{obj.mcmc} $!{obj.bt}</span>
- <span class='right-msg-datetime'>$!{obj.fbsjString}</span>
- </div>
- #end
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class='wrapper'>
- <div class='tab'>
- <div class='tab-bid'>5G赋能</div>
- </div>
- <div class="wrapper-content" >
- <div class="content-container">
- <div class='zhejiao zhejiao-1'></div>
- <div class='zhejiao zhejiao-2'></div>
- <div class='zhejiao zhejiao-3'></div>
- <div class='zhejiao zhejiao-4'></div>
- <!-- <div id='lxrunning-msg'>
- <div class='lx-msg-container'>
- <div class='lx-msg-name'>料线1:</div>
- <ul class='lx-msg-list'>
- <li class='lxmsg-item'> </li>
- <li class='lxmsg-item'> </li>
- <li class='lxmsg-item'> </li>
- <li class='lxmsg-item'> </li>
- <li class='lxmsg-item'> </li>
- </ul>
- </div>
- <div class='lx-msg-container'>
- <div class='lx-msg-name'>料线2:</div>
- <ul class='lx-msg-list'>
- <li class='lxmsg-item'> </li>
- <li class='lxmsg-item'> </li>
- <li class='lxmsg-item'> </li>
- <li class='lxmsg-item'> </li>
- <li class='lxmsg-item'> </li>
- </ul>
- </div>
- <div class='lx-msg-container'>
- <div class='lx-msg-name'>料线3:</div>
- <ul class='lx-msg-list'>
- <li class='lxmsg-item'> </li>
- <li class='lxmsg-item'> </li>
- <li class='lxmsg-item'> </li>
- <li class='lxmsg-item'> </li>
- <li class='lxmsg-item'> </li>
- </ul>
- </div>
- </div> -->
- <div id='lxrunning-msg'>
- <div class='fgitems-content'>
- <div class='fgitems-head'>
- <div class='fgitems-nums arrow-color1'>1</div>
- <div class='fgitems-name'>高速率:</div>
- <div class='fgitems-desc'>主要来自大带宽和规模天线</div>
- </div>
- <div class='fgitems-body'>
- <div class='fg-items-body-speed'>4G:100Mbps</div>
- <div class='speed-arrow'><div class='addspedds'>x 100倍</div></div>
- <i class="right-arrow"></i>
- <div class='fg-items-body-speed'>5G:10Gbps以上</div>
- </div>
- <div class='fgitems-foot'>
- <div class='foot-name'>应用场景:</div>
- <div class='foot-value'>AR/VR、人工智能应用、4K/8K高清视频等</div>
- </div>
- </div>
- <div class='fgitems-content'>
- <div class='fgitems-head'>
- <div class='fgitems-nums arrow-color2'>2</div>
- <div class='fgitems-name'>低时延:</div>
- <div class='fgitems-desc'>针对控制和数据传输具备不同时延能力</div>
- </div>
- <div class='fgitems-body'>
- <div class='fg-items-body-speed'>4G:10ms</div>
- <div class='speed-arrow'><div class='addspedds'>x 1/10</div></div>
- <i class="right-arrow"></i>
- <div class='fg-items-body-speed'>5G:毫秒级时延</div>
- </div>
- <div class='fgitems-foot'>
- <div class='foot-name'>应用场景:</div>
- <div class='foot-value'>车联网、智能制造、智能电网等</div>
- </div>
- </div>
- <div class='fgitems-content'>
- <div class='fgitems-head'>
- <div class='fgitems-nums arrow-color3'>3</div>
- <div class='fgitems-name'>大连接:</div>
- <div class='fgitems-desc'>大规模机器通信成为可能</div>
- </div>
- <div class='fgitems-body'>
- <div class='fg-items-body-speed'>4G:1万/km2</div>
- <div class='speed-arrow'><div class='addspedds'>x 100倍</div></div>
- <i class="right-arrow"></i>
- <div class='fg-items-body-speed'>5G:百万级连接/km2</div>
- </div>
- <div class='fgitems-foot'>
- <div class='foot-name'>应用场景:</div>
- <div class='foot-value'>工厂设备、水表、电表、路灯、家电</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
-
- <div class='wrapper'>
- <div class='tab'>
- <div class='tab-bid' id='oplxwindow'>饲喂统计</div>
- </div>
- <div class="wrapper-content">
- <div class="content-container">
- <div class='zhejiao zhejiao-1'></div>
- <div class='zhejiao zhejiao-2'></div>
- <div class='zhejiao zhejiao-3'></div>
- <div class='zhejiao zhejiao-4'></div>
- <div id='chart-swtj'></div>
- </div>
- </div>
- </div>
- </div>
- <div class='wrapper'>
- <div class="center-two-chart">
-
- <div class='chart-left'>
- <div class="content-container">
- <div class="zhejiao zhejiao-1"></div>
- <div class="zhejiao zhejiao-2"></div>
- <div class="zhejiao zhejiao-3"></div>
- <div class="zhejiao zhejiao-4"></div>
- <div class='chart-none-title'><div class='chart-new-title'>能耗</div><div id='chart-nh2'></div></div>
- </div>
- </div>
- <div class='chart-left'>
- <div class="content-container">
- <div class="zhejiao zhejiao-1"></div>
- <div class="zhejiao zhejiao-2"></div>
- <div class="zhejiao zhejiao-3"></div>
- <div class="zhejiao zhejiao-4"></div>
- <div class='chart-none-title'><div class='chart-new-title'>水压</div><div id='chart-sy'></div></div>
- </div>
- </div>
- </div>
- </div>
- <div class='wrapper'>
- <div class='tab'>
- <div class='tab-bid' id="fwcl">粪污处理</div>
- </div>
- <div class="wrapper-content">
- <div class="content-container flex_wrap">
- <div class='zhejiao zhejiao-1'></div>
- <div class='zhejiao zhejiao-2'></div>
- <div class='zhejiao zhejiao-3'></div>
- <div class='zhejiao zhejiao-4'></div>
- <div class='mcfwcl-box' id='chart-fwclssjc'></div>
- <div class='mcfwcl-box mcjc-top'>
- <div class="mcjc-top-title">运行状态</div>
- <div class="mcjc-top-datetime">数据采集时间:#if('$!sbbj' == "" || '$!sbbj' == "null") #else $!dateTool.format('yyyy-MM-dd HH:mm:ss', $!sbbj.mcjcsj)#end</div>
- <div class="mcjc-top-datalist">
- <div class="mcjc-top-item">
- <div class="mcjc-top-itemname">固液分离单元</div>
- <div class="mcjc-top-itemname">沼液浓缩单元1区</div>
- <div class="mcjc-top-itemname">沼液浓缩单元2区</div>
- </div>
- <div class="mcjc-top-status">
- <div class="mcjc-top-statusvalue #if($!sbbj.sbzxzt1 == 0) #else leave#end">#if($!sbbj.sbzxzt1 == 0) 在线 #else 离线#end</div>
- <div class="mcjc-top-statusvalue #if($!sbbj.sbzxzt2 == 0) #else leave#end">#if ($!sbbj.sbzxzt2 == 0) 在线 #else 离线#end</div>
- <div class="mcjc-top-statusvalue #if($!sbbj.sbzxzt3 == 0) #else leave#end">#if($!sbbj.sbzxzt3 == "0") 在线 #else 离线#end</div>
- </div>
- <div class="mcjc-top-style">
- <div class="mcjc-top-stylevalue #if($!sbbj.sbyxzt1 == 1) #elseif ($!sbbj.sbyxzt1 == 2) stop #else waiting#end">#if($!sbbj.sbyxzt1 == 1) 正常运行 #elseif ($!sbbj.sbyxzt1 == 2) 停止运行 #else 系统待机#end</div>
- <div class="mcjc-top-stylevalue #if($!sbbj.sbyxzt2 == 1) #elseif ($!sbbj.sbyxzt2 == 2) stop #else waiting#end">#if ($!sbbj.sbyxzt2 == 1) 正常运行 #elseif ($!sbbj.sbyxzt2 == 2) 停止运行 #else 系统待机#end</div>
- <div class="mcjc-top-stylevalue #if($!sbbj.sbyxzt3 == 1) #elseif ($!sbbj.sbyxzt3 == 2) stop #else waiting#end">#if ($!sbbj.sbyxzt3 == 1) 正常运行 #elseif ($!sbbj.sbyxzt3 == 2) 停止运行 #else 系统待机#end</div>
- </div>
- </div>
- <div class="mcjc-top-count">
- <div class="mcjc-top-count-part">
- <div class="mcjc-top-count-part-value">#if('$!sbbj' == "") 0 天 #else $!sbbj.aqyxts 天#end</div>
- <div class="mcjc-top-count-part-line"></div>
- <div class="mcjc-top-count-part-name">安全运行天数</div>
- </div>
- <div class="mcjc-top-count-part">
- <div class="mcjc-top-count-part-value">#if('$!sbbj' == "") 0 吨 #else $!sbbj.rcll 吨#end</div>
- <div class="mcjc-top-count-part-line"></div>
- <div class="mcjc-top-count-part-name">日处理量</div>
- </div>
- </div>
- </div>
-
- </div>
- </div>
- </div>
- </div>
- </div>
-
- <div id="step-warn-set">
-
- </div>
- <!-- 密码输入 -->
- <div id="passwordConfirm" class="webdesigntuts-workshop">
- <span>
- <input class="input conceal" id="input" type="text" placeholder="请输入密码">
- <button onclick="passwordConfirm();">确认</button>
- </span>
- </div>
- <div class="extra-container">
- <div id="lightcontroller" class="extra-dataset-box">
- <div class="open-box-head">灯光控制</div>
- <div class="open-box-body">
- <div class="lightbuild-choose">
- #set($qycount = 1)
- #foreach($obj in $!qydaList)
- <div #if($!qycount == 1) class='areabuild-name active' #else class='areabuild-name' #end>$!obj.qymc</div>
- #set($qycount = $!qycount + 1)
- #end
- </div>
- <div class="light-container">
- <div class="container-head-info">
- 只有当现场旋钮为自动状态时,灯光控制方可生效
- </div>
- #set($qycount = 1)
- #foreach($obj in $!qydaList)
- <div #if($!qycount == 1) class="light-list active" #else class="light-list" #end>
- #foreach($o in $!obj.zsdaList)
- <div class="light-box">
- <div class="light-head">
- <div class="light-name">
- $!o.zsmc
- </div>
- </div>
- <div class="light-content">
-
- <div class="light-awayset" id="ds$!{o.jqid}">
-
- <label style="margin-right:15px;">
- <input type="checkbox" class="awayset" readonly="readonly" #if("$!o.dgyckz" == "0" || "$!o.dgyckz" == "1") checked="checked" #end> 远程控制
- </label>
-
- <span class="light-item">
- <input type="checkbox" class="awaysetswitch"
- #if("$!o.dgyckz" == "3" || "$!o.dgyckz" == "") disabled="disabled" #end
- #if("$!o.dgyckz" == "1") checked="checked" #end
- />
- </span>
-
- </div>
- <div class="timer-table">
- <div class="timer-name">定时设置</div>
-
- <table cellpadding="0" cellspacing="0" class="timer-dataTable">
- <tr>
- <td></td>
- <td>启动时间</td>
- <td>运行时长(min)</td>
- </tr>
- <tr id="sz$!{o.jqid}">
- <td>1</td>
- <td><input type="text" class="form_time" value="$!o.dgpzsj"></td>
- <td><input type="text" class="" value="$!o.dgpzsc"></td>
- </tr>
- </table>
- </div>
- <div class="lightsave-btns">
- <div class="btn-savesert dksave" data-jqid="$!o.jqid">保存</div>
- </div>
- </div>
- </div>
- #end
- </div>
- #set($qycount = $!qycount + 1)
- #end
- </div>
- </div>
- </div>
- </div>
- <div class="extra-container">
- <div id="foodLinecontroller" class="extra-dataset-box">
- <div class="open-box-head">料线控制</div>
- <div class="open-box-body">
- <div class="foodLinebuild-choose">
- #set($lxcount = 1)
- #foreach($obj in $!lxzsList)
- <div #if($!lxcount == 1) class='areabuild-name active' #else class='areabuild-name' #end>$!obj.zsmc</div>
- #set($lxcount = $!lxcount + 1)
- #end
- </div>
- <div class="foodLine-container">
- <div class="container-head-info">
- 请确保现场料线电气柜的硬件旋钮为“自动”
- </div>
- #set($lxcount = 1)
- #foreach($obj in $!lxzsList)
- <div #if($!lxcount == 1) class="foodLine-list active" #else class="foodLine-list" #end>
- #foreach($o in $!obj.daList)
- <div class="foodLine-box">
- <div class="foodLine-head">
- <div class="foodLine-name">
- 料线$!o.sbxh
- </div>
- </div>
- <div class="foodLine-content">
- <div class="relation-romms">
- 关联:21舍,22舍,23舍
- </div>
- <div class="foodLineStatus">
- 运行状态:<!-- <span class="auto-mode">手动模式类为handle-mode自动模式</span>, -->
- <span class="foodLine-stop"><!--运行类为foodLine-run,故障类为foodLine-error-->#if("$!o.yxzt" == "1")运行#else停机#end</span>,
- <span class="foodLine-full"><!--NULL类为handle-null-->#if("$!o.mlzt" == "1")满料#else未满料#end</span>
- </div>
- <div class="foodLine-awayset" name="kz$!obj.jqid">
-
- <label>
- <input type="checkbox" class="awayset" readonly="readonly" #if("$!o.yxzt" == "1" || "$!o.mlzt" == "1") disabled="disabled" #end> 远程控制
- </label>
-
- <span class="foodLineright-item">设置运行时间:<input class="awayinput" type="text" #if("$!o.yxzt" == "1" || "$!o.mlzt" == "1") disabled="disabled" #end/>分钟</span>
- </div>
- <div class="timer-table">
- <div class="timer-name">定时设置</div>
- <!-- <div class="clear-btn">清除</div> -->
- <table cellpadding="0" cellspacing="0" class="timer-dataTable" name="ds$!obj.jqid">
- <tr>
- <td></td>
- <td>启动时间</td>
- <td>运行时长(min)</td>
- </tr>
- <tr>
- <td>1</td>
- <td><input type="text" class="form_time" value="$!o.ds1"></td>
- <td><input type="text" class="" value="$!o.dssc1"></td>
- </tr>
- <tr>
- <td>2</td>
- <td><input type="text" class="form_time" value="$!o.ds2"></td>
- <td><input type="text" class="" value="$!o.dssc2"></td>
- </tr>
- <tr>
- <td>3</td>
- <td><input type="text" class="form_time" value="$!o.ds3"></td>
- <td><input type="text" class="" value="$!o.dssc3"></td>
- </tr>
- <tr>
- <td>4</td>
- <td><input type="text" class="form_time" value="$!o.ds4"></td>
- <td><input type="text" class="" value="$!o.dssc4"></td>
- </tr>
- <tr>
- <td>5</td>
- <td><input type="text" class="form_time" value="$!o.ds5"></td>
- <td><input type="text" class="" value="$!o.dssc5"></td>
- </tr>
- </table>
- </div>
- <div class="foodLinesave-btns">
- <div class="btn-savesert lxsave" data-jqid="$!obj.jqid">保存</div>
- </div>
- </div>
- </div>
- #end
- </div>
- #set($lxcount = $!lxcount + 1)
- #end
- <div class="foodLine-list">
-
- </div>
-
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="outter-controller">
- <div class="tit"></div>
- <div class="extra-icon"><img src="views/htclient/images/light.png" /></div>
- <div class="extra-icon"><img src="views/htclient/images/foodLine.png" /></div>
- </div>
-
- <!-- 体温监测数据弹窗 -->
- <div id='temp-outwindow'>
- <div class='temp-outwindow-head'>体温监测</div>
- <div class='temp-window-body'>
- <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
- <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
- <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
- <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
- <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
- <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
- <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
- <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
- <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
- <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
- <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
- <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
- </div>
- <div class='wrapper' style="width:600px;height:310px;float: left;">
- <div class='tab'>
- <div class='tab-bid'>耳标体温</div>
- </div>
- <div class="wrapper-content">
- <div class="content-container">
- <div class='zhejiao zhejiao-1'></div>
- <div class='zhejiao zhejiao-2'></div>
- <div class='zhejiao zhejiao-3'></div>
- <div class='zhejiao zhejiao-4'></div>
- <div id='chart-ebtw'></div>
- </div>
- </div>
- </div>
- <div class='wrapper' style="width:600px;height:310px;float: left;">
- <div class='tab'>
- <div class='tab-bid'>运动时长</div>
- </div>
- <div class="wrapper-content">
- <div class="content-container">
- <div class='zhejiao zhejiao-1'></div>
- <div class='zhejiao zhejiao-2'></div>
- <div class='zhejiao zhejiao-3'></div>
- <div class='zhejiao zhejiao-4'></div>
- <div id='chart-ebsc'></div>
- </div>
- </div>
- </div>
- </div>
- <!-- <script type="text/javascript" src="views/htclient/js/jquery-clock-timepicker.min.js" charset="UTF-8"></script>-->
- <script src="views/htclient/js/timedropper.js"></script>
- <script type="text/javascript" src="views/htclient/js/ios6switch.js"></script>
- <script>
- //牧场地图事件
- $(".build-map").delegate("area","click",function(event){
- var canvers = document.getElementById("diagonal");//为了区域现形做一个画布
- var context = canvers.getContext("2d");
- context.globalAlpha = 0.5;
- context.clearRect(0, 0, 732, 377);
- var target = $(event.target);
- context.beginPath();
- var strs = new Array(); //定义一数组
- var coords = target.attr('coords');
- coords=coords.replace("\"","");
- coords=coords.replace("\"","");
- strs = coords.split(",");
- context.moveTo(strs[0], strs[1]);
- for (var i = 2; i < strs.length; i = i + 2) {
- context.lineTo(strs[i], strs[i + 1]);
- }
- context.stroke();
- context.fillStyle = "#f00";
- context.fill();
- context.closePath(); //闭合
-
- })
- function qyClick(obj) {
- var canvers = document.getElementById("diagonal");//为了区域现形做一个画布
- var canvers = document.getElementById("diagonal");//为了区域现形做一个画布
- var context = canvers.getContext("2d");
- context.globalAlpha = 0.5;
- context.clearRect(0, 0, 732, 377);
- var target = $(obj);
- context.beginPath();
- var strs = new Array(); //定义一数组
- var coords = target.attr('coords');
- coords=coords.replace("\"","");
- coords=coords.replace("\"","");
- strs = coords.split(",");
- context.moveTo(strs[0], strs[1]);
- for (var i = 2; i < strs.length; i = i + 2) {
- context.lineTo(strs[i], strs[i + 1]);
- }
- context.stroke();
- context.fillStyle = "#f00";
- context.fill();
- context.closePath(); //闭合
- }
- //料线及灯光控制
- $(".outter-controller").on("mouseover",function(){
- $(this).css("right",0);
- })
- $(".outter-controller").on("mouseout",function(){
- $(this).css("right","-50px");
- })
-
- $(".outter-controller .extra-icon").on("click",function(){
- var i = $(this).index(".outter-controller .extra-icon");
- console.log(i)
- $(".awaysetswitch").ios6switch({
- "size":18,
- "switchoffText":"OFF",
- "switchonText":"ON"
- });
- $(".extra-container").hide();
- $(".extra-container").eq(i).show()
- })
- $(".light-awayset .awayset").each(function(){
- if($(this).prop("checked") == false){
- //未选中
- $(this).parents(".light-awayset").find(".awaysetswitch").trigger("disable");
- }else{
- $(this).parents(".light-awayset").find(".awaysetswitch").trigger("enable");
- }
- })
- $(".light-awayset .awayset").on("change",function(){
- var $checkbox = $(this);
- if($(this).prop("checked") == false){
- //未选中
- $(this).parents(".light-awayset").find(".awaysetswitch").trigger("disable");
- }else{
- $(this).parents(".light-awayset").find(".awaysetswitch").trigger("enable");
- }
- });
- $(".foodLine-awayset .awayset").each(function(){
- if($(this).prop("checked") == false){
- //未选中
- $(this).parents(".foodLine-awayset").find(":text").attr("readonly","readonly")
- }else{
- $(this).parents(".foodLine-awayset").find(":text").removeAttr("readonly")
- }
- })
- $(".foodLine-awayset .awayset").on("change",function(){
- var $checkbox = $(this);
- if($(this).prop("checked") == false){
- //未选中
- $(this).parents(".foodLine-awayset").find(":text").attr("readonly","readonly")
- }else{
- $(this).parents(".foodLine-awayset").find(":text").removeAttr("readonly")
- }
- });
- $(window).keyup(function (e) {
- if (e.keyCode == 27) {
- $('.extra-container').hide();
-
- }
- });
- $(".extra-container").on('click',function(){
- $(this).hide();
- })
- $(".extra-dataset-box").on('click',function(){
- event.stopPropagation();
- })
- $('.foodLinebuild-choose .areabuild-name').on('click',function(){
- var n = $(this).index('.foodLinebuild-choose .areabuild-name');
- $('.foodLinebuild-choose .areabuild-name').removeClass('active');
- $(this).addClass('active');
- $('.foodLine-list').removeClass('active');
- $('.foodLine-list').eq(n).addClass('active');
- })
- $('.lightbuild-choose .areabuild-name').on('click',function(){
- var n = $(this).index('.lightbuild-choose .areabuild-name');
- $('.lightbuild-choose .areabuild-name').removeClass('active');
- $(this).addClass('active');
- $('.light-list').removeClass('active');
- $('.light-list').eq(n).addClass('active');
- })
- //
- //$('.form_time').clockTimePicker({});
- $( ".form_time" ).timeDropper({
- meridians:false,
- setCurrentTime:false,
- });
- $(".handle-btn").on('click', function() {
- if ($(this).hasClass("working")) {
- $(this).removeClass("working");
- $(this).text("开始上料");
- } else {
- $(this).addClass("working");
- $(this).text("结束上料");
- }
- });
- $('.subBtn').on('click',function(){
- var ds = $(this).data("ds");
- var fl = $(this).parent().parent().find(".lxautoandhandle");
- var dssj = "";
- var lxsz = "";
- for (var i = 0; i < fl.length; i++) {
- var sdsj = fl.eq(i).find(".sdsj").val();
- var sdsz = "0";
- if (fl.eq(i).find(".working") && fl.eq(i).find(".working").length > 0) {
- sdsz = "1";
- }
- dssj += sdsz + "," + sdsj + ";";
-
- var sz = "";
- var input = fl.eq(i).find(".lxright-content").find("input");
- for (var j = 0; j < input.length; j++) {
- sz += input.eq(j).val();
- if (j % 2 == 0) {
- sz += ","
- } else {
- sz += "#";
- }
- }
- if (sz != "") {
- sz = sz.substring(0, sz.length - 1) + ";";
- }
- lxsz += sz;
- }
-
-
- //保存料线设置
- jQuery.ajax({
- type : "post",
- url : "saveLx.htm",
- data : {
- "ds" : ds,
- "dssj" : dssj,
- "lxsz" : lxsz
- },
- dataType : "json",
-
- success : function(data) {
- if(data.returnCode == "1") {
- alert('设置成功');
- event.stopPropagation();
- } else {
- alert('设置失败,请检查数据');
- }
- }
- })
- })
-
- $(".lxsave").on('click', function() {
- var kzval = "";
- var dsval = "";
- var jqid = $(this).data("jqid");
- var kz = $("[name='kz" + jqid + "']");
-
- for (var i = 0; i < kz.length; i++) {
- if (kz.eq(i).find(".awayset").is(":checked")) {
- kzval += "1";
- } else {
- kzval += "0";
- }
- if (kz.eq(i).find(".awayinput").val() == "") {
- kzval += ",0";
- } else {
- kzval += "," + kz.eq(i).find(".awayinput").val();
- }
-
- if (i != kz.length - 1) {
- kzval += ";";
- }
- }
-
- var ds = $("[name='ds" + jqid + "']").find("input");
- var count = 1;
- console.log(ds.length);
- for (var i = 0; i < ds.length; i++) {
- var val = ds.eq(i).val().replace(":", "");
- if (val == "") {
- val = "0";
- }
- dsval += val;
- if (i != ds.length - 1) {
- if (count % 2 == 1) {
- dsval += ",";
- }
- if (count % 2 == 0) {
- if (count % 10 == 0) {
- dsval += "#";
- console.log(dsval);
- } else {
- dsval += ";";
- }
- }
- }
-
- count++;
- }
- //保存料线设置
- jQuery.ajax({
- type : "post",
- url : "saveLxkz.htm",
- data : {
- "jqid" : jqid,
- "dsval" : dsval,
- "kzval" : kzval
- },
- dataType : "json",
-
- success : function(data) {
- if(data.returnCode == "1") {
- alert('设置成功');
- } else {
- alert('设置失败,请检查数据');
- }
- }
- })
- });
-
- $(".dksave").on('click', function() {
- var dsval = "";
- var jqid = $(this).data("jqid");
- var ds = $("#ds" + jqid).find(".awayset");
- if (ds.is(":checked")) {
- ds = $("#ds" + jqid).find(".awaysetswitch");
- if (ds.is(":checked")) {
- dsval = "1"
- } else {
- dsval = "0"
- }
- } else {
- dsval = "3";
- }
-
- var szval = "";
- var sz = $("#sz" + jqid).find("input");
- szval = sz.eq(0).val().replace(":", "") + "," + sz.eq(1).val();
-
- //保存料线设置
- jQuery.ajax({
- type : "post",
- url : "saveDgkz.htm",
- data : {
- "jqid" : jqid,
- "dsval" : szval,
- "szval" : dsval
- },
- dataType : "json",
-
- success : function(data) {
- if(data.returnCode == "1") {
- alert('设置成功');
- } else {
- alert('设置失败,请检查数据');
- }
- }
- })
- });
-
- $('.cancelIt').on('click',function(){
- $('#lxcontroller-container').hide();
- event.stopPropagation();
- })
- $('.areabuild-name').on('click',function(){
- var n = $(this).index('.areabuild-name');
- $('.areabuild-name').removeClass('active');
- $(this).addClass('active');
- $('.lx-container').hide();
- $('.lx-container').eq(n).show();
- })
-
- $("#fwcl").on("click" , function(){
- var mcid = $("#mcid").val();
- $("#right").html("");
- huimv.loadPage("right", "wsclIndex.htm?mcid=" + mcid);
- })
- $("#spjk").on("click" , function(){
- var mcid = $("#mcid").val();
- $("#right").html("");
- huimv.loadPage("right", "spjkIndex.htm?mcid=" + mcid);
- })
-
- var zsid = "";
- var ifchecked = "false";
- //回车确认密码
- $(window).on('keyup',function (e){
- if (e.keyCode == 13) {
- passwordConfirm();
- }
- });
- $("#passwordConfirm").on('click',function(e){
- event.stopPropagation();
- })
- //提交密码
- function passwordConfirm(){
- var password = $('#input').val();
- jQuery.ajax({
- type : "post",
- url : "checkedDpPassword.htm",
- data : {
- "password" : password
- },
- dataType : "json",
-
- success : function(data) {
- if(data.returnCode == "1") {
- $("#passwordConfirm").hide();
- $('#input').val("");
- //加入档位页面
- $("#step-warn-set").html("");
- huimv.loadPage("step-warn-set", "mcDwbj.htm?zsid=" + zsid);
- $('#step-warn-set').show();
- ifchecked = "true";
- //加入时间戳
- var mydate = new Date();
- localStorage.setItem("signTime" , mydate.getTime());
- }else {
- alert("密码不正确");
- }
- }
- })
-
-
- }
- /* 弹窗 */
- $('.tempvalue').click(function(){
- $(this).parent().find('.tempchange').show();
- $(this).parent().find('.tempchange').focus();
- })
- $('.tempchange').blur(function(){
- $(this).hide();
- })
- $('.tempchange').change(function(){
- var v = $(this).val();
- $(this).parent().find('.tempvalue').text(v);
- })
- $('.warnaction').click(function(){
- if($(this).hasClass('checked')){
- $(this).removeClass('checked');
- }else{
- $(this).addClass('checked');
- }
- })
- //弹出设备控制弹窗11
- $('.build-container li').dblclick(function(){
- var id = $(this).attr("data-zsid")
- zsid = id;
- var time = localStorage.getItem("signTime");
- var now = new Date();
- //guest 账号 点击无效
- var guest = $("#guest").val();
- if(guest == "true") {
- return;
- }
- if(time !== "" && time != null ) {
- var change = now.getTime() - time;
- if(change > 1*60*1000) {
- //超时,需要重新输入
- $("#passwordConfirm").show();
-
- }else {
- //时间在1小时内 直接查看
- $("#step-warn-set").html("fghju");
- $('#step-warn-set').show();
- huimv.loadPage("step-warn-set", "mcDwbj.htm?zsid=" + id);
-
- }
- }else {
- //没有时间戳 需要校验密码
- $("#passwordConfirm").show();
- event.stopPropagation();
- }
- event.stopPropagation();
- })
- //input输入限制
- $('.imit').on('blur', "input",function(e) {
- var input = $(this);
- var newNum = $(this).val();
- var name = $(this).parent().parent().find('div:first-of-type').html();
- var that = $(this).parent().parent().attr("name");
- if (that == "10") { //变频风机
- reg(40,newNum,100,name,input);
- }else if (that == "13" || that == "12" || that == "11") { //进风窗
- reg(0,newNum,100,name,input);
- }
- });
- $("#lxcontroller-container").on("click",function(){
- $('#lxcontroller-container').hide();
- })
- $("#lxcontroller").on("click",function(){
- event.stopPropagation();
- })
- $(document).click(function(){
- $('#step-warn-set').hide();
- $("#passwordConfirm").hide();
-
- $('#temp-outwindow').hide();
- })
- $('#step-warn-set').click(function(){
- event.stopPropagation();
- })
- $('#temp-outwindow').on('click',function(){
- event.stopPropagation();
- })
- $('#chart-twjc').on('click',function(){
- event.stopPropagation();
- })
- var myChart_chart_pzjgfb2, myChart_chart_fmzzfb2, myChart_chart_twjc, myChart_chart_ttfb2, myChart_chart_yffb2, myChart_chart_ebtw, myChart_chart_ebsc;
- var myChart_chart_swtj, myChart_chart_fwclssjc, myChart_chart_nh3ssqx2, myChart_chart_wdsdaq2, myChart_chart_nh2,myChart_ys,myChart_chart_sy;
- var sit2 = setTimeout(function() {
- var options = {
- horizontal: 1,
- itemNav: 'centered',
- smart: 1,
- activateOn: 'click',
- mouseDragging: 1,
- touchDragging: 1,
- speed: 200,
- moveBy: 600,
- //自动循环
- cycleBy: "items",
- cycleInterval: 6000,
-
- }
-
-
- sly = new Sly($('#mcBoxUlMc'), options).init();
-
- sly.next();
- //console.log(sly)
- //sly.off('active');
- sly.on('active', function (eventName, itemIndex) {
- console.log('mcindex')
- var lqid = $(".single li.active").attr("data-lqid");
- var zsqy = $(".single li.active").attr("data-zsqy");
- var o = myChart_chart_wdsdaq2.getOption();
- //if(o.legend>0){
- //for(var i=0;i<3;++i){
- if (o.legend[0].selected) {
- for(var i in o.legend[0].selected){
-
- if(o.legend[0].selected[i]){
- if(i=='温度'){
- getSsqxSj(lqid, "snwd");
- }else if(i=='湿度'){
- getSsqxSj(lqid, "snsd");
- }else{
- getSsqxSj(lqid, "snaq");
- }
- reZzwd(lqid);
- }
- }
- }
-
- //}
- var zsqyOld = $("#zsqy").val();
- if (zsqyOld === "" || zsqyOld == "0" || zsqyOld == "") {
- zsqy = "15";
- }
- if (zsqyOld == "" || zsqyOld != zsqy) {
- $("#zsqy").val(zsqy);
- getSsqxSj(zsqy, "sldl");
- //getSsqxSj(zsqy, "snsy")
- }
- });
-
-
- /*右侧图表*/
- var dom_chart_pzjgfb2 = document.getElementById("chart-pzjgfb2");
- var dom_chart_fmzzfb2 = document.getElementById("chart-fmzzfb2");
- var dom_chart_twjc = document.getElementById("chart-twjc");
- var dom_chart_ttfb2 = document.getElementById("chart-ttfb2");
- var dom_chart_yffb2 = document.getElementById("chart-yffb2");
-
- var dom_chart_swtj = document.getElementById("chart-swtj");
- var dom_chart_ebtw = document.getElementById("chart-ebtw");
- var dom_chart_ebsc = document.getElementById("chart-ebsc");
- var dom_chart_fwclssjc = document.getElementById("chart-fwclssjc");
- var dom_ys = document.getElementById("chart-ys");
- var dom_chart_sy = document.getElementById("chart-sy");
- var dom_chart_wdsdaq2 = document.getElementById("chart-wdsdaq2");
- var dom_chart_nh2 = document.getElementById("chart-nh2");
- myChart_chart_pzjgfb2 = echarts.init(dom_chart_pzjgfb2);
- myChart_chart_fmzzfb2 = echarts.init(dom_chart_fmzzfb2);
- myChart_chart_twjc = echarts.init(dom_chart_twjc);
- myChart_chart_ttfb2 = echarts.init(dom_chart_ttfb2);
- myChart_chart_yffb2 = echarts.init(dom_chart_yffb2);
-
- myChart_chart_swtj = echarts.init(dom_chart_swtj);
- myChart_chart_ebtw = echarts.init(dom_chart_ebtw);
- myChart_chart_ebsc = echarts.init(dom_chart_ebsc);
- myChart_chart_fwclssjc = echarts.init(dom_chart_fwclssjc);
- myChart_ys= echarts.init(dom_ys);
- myChart_chart_sy= echarts.init(dom_chart_sy);
- myChart_chart_wdsdaq2 = echarts.init(dom_chart_wdsdaq2);
- myChart_chart_nh2 = echarts.init(dom_chart_nh2);
-
- var app = {};
- var option_chart_pzjgfb2 = null,
- option_chart_fmzzfb2 = null,
- option_chart_twjc = null,
- option_chart_ttfb2 = null,
- option_chart_yffb2 = null,
-
- option_chart_swtj = null,
- option_chart_ebtw = null,
- option_chart_ebsc = null,
- option_chart_fwclssjc = null,
- option_chart_wdsdaq2 = null,
- option_chart_nh2 = null,
- option_ys=null;
- //配种结果分布图(右侧)
- option_chart_pzjgfb2 = {
- tooltip : {
- trigger : 'axis',
- axisPointer : { // 坐标轴指示器,坐标轴触发有效
- type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
- },
- formatter : "{c} {b}"
- },
- grid : {
- x : '3%',
- y : '10%',
- x2 : '45%',
- y2 : '3%',
- containLabel : true
- },
- xAxis : [
- {
- type : 'category',
- data : [ '配种', '怀孕', '流产', '返情', '其他' ],
- axisTick : {
- alignWithLabel : true
- },
- axisLine : {
- show : true,
- lineStyle : {
- type : 'solid',
- color : '#ccf5f9', //左边线的颜色
- width : '1' //坐标线的宽度
- }
- },
- }
- ],
- yAxis : [
- {
- type : 'value',
- axisLine : {
- show : true,
- lineStyle : {
- type : 'solid',
- color : '#ccf5f9', //左边线的颜色
- width : '1' //坐标线的宽度
- }
- },
- splitLine : {
- show : false
- }
- }
- ],
- series : [
- {
- name : '配种结果分布图',
- type : 'bar',
- barWidth : '50%',
- data : [ {
- value : '$!sjlr.pzjgfbpz',
- name : '头'
- }, {
- value : '$!sjlr.pzjgfbhy',
- name : '头'
- }, {
- value : '$!sjlr.pzjgfblc',
- name : '头'
- }, {
- value : '$!sjlr.pzjgfbfq' ,
- name : '头'
- }, {
- value : '$!sjlr.pzjgfbqt',
- name : '头'
- } ],
- itemStyle : {
- normal : {
- color : new echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
- offset : 0,
- color : '#dc848a'
- },
- {
- offset : 0.5,
- color : '#d83f6e'
- },
- {
- offset : 1,
- color : '#3928ac'
- } ]),
- label : {
- show : true, //开启显示
- position : 'top', //在上方显示
- textStyle : { //数值样式
- color : '#ccf5f9',
- fontSize : 12
- }
- }
- }
- },
- },
- {
- name : '配种分娩率',
- type : 'gauge',
- center : [ '80%', '50%' ],
- min : 0,
- max : 100,
- splitNumber : 10,
- radius : '85%',
- axisLine : { // 坐标轴线
- lineStyle : { // 属性lineStyle控制线条样式
- color : [ [ 0.2, '#bb1b57' ], [ 0.8, '#972dab' ], [ 1, '#3e2984' ] ],
- width : 20,
- //shadowColor : '#fff', //默认透明
- //shadowBlur: 10
- }
- },
- axisTick : { // 坐标轴小标记
- length : 5, // 属性length控制线长
- lineStyle : { // 属性lineStyle控制线条样式
- color : 'auto'
- }
- },
- splitLine : { // 分隔线
- length : 20, // 属性length控制线长
- lineStyle : { // 属性lineStyle(详见lineStyle)控制线条样式
- color : 'auto'
- }
- },
- axisLabel : { // 坐标轴小标记
- textStyle : { // 属性lineStyle控制线条样式
- fontSize : 9, //改变仪表盘内刻度数字的大小
- //shadowColor : '#000', //默认透明
- color : '#ccf5f9'
- }
- },
- pointer : {
- width : 3, //指针的宽度
- length : "60%", //指针长度,按照半圆半径的百分比
- shadowColor : '#ccc', //默认透明
- shadowBlur : 5
- },
- title : {
- // 其余属性默认使用全局文本样式,详见TEXTSTYLE
- offsetCenter : [ 0, '65%' ],
- fontSize : 12,
- color : "#ccf5f9",
- },
- detail : {
- fontSize : 12,
- // 其余属性默认使用全局文本样式,详见TEXTSTYLE
- formatter : function(value) {
- value = (value + '').split('.');
- value.length < 2 && (value.push('00'));
- return ('00' + value[0]).slice(0 - value[0].length)
- + '.' + (value[1] + '00').slice(0, 2) + '%';
- }
- },
- textStyle : {
- color : "#ccf5f9",
- fontSize : 12
- },
- data : [ {
- value : '$!sjlr.pzjgfbpzfml',
- name : '配种分娩率'
- } ]
- }
- ]
- };
- //分娩猪仔分布图(右侧)
- option_chart_fmzzfb2 = {
- tooltip : {
- trigger : 'axis',
- axisPointer : { // 坐标轴指示器,坐标轴触发有效
- type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
- },
- formatter : "{c} {b}"
- },
- grid : {
- x : '3%',
- y : '10%',
- x2 : '45%',
- y2 : '3%',
- containLabel : true
- },
- xAxis : [
- {
- type : 'category',
- data : [ '健仔', '弱仔', '畸形', '木乃伊', '死胎' ],
- axisTick : {
- alignWithLabel : true
- },
- axisLine : {
- show : true,
- lineStyle : {
- type : 'solid',
- color : '#ccf5f9', //左边线的颜色
- width : '1' //坐标线的宽度
- }
- },
- }
- ],
- yAxis : [
- {
- type : 'value',
- axisLine : {
- show : true,
- lineStyle : {
- type : 'solid',
- color : '#ccf5f9', //左边线的颜色
- width : '1' //坐标线的宽度
- }
- },
- splitLine : {
- show : false
- }
- }
- ],
- series : [
- {
- name : '分娩猪仔分布图',
- type : 'bar',
- barWidth : '50%',
- data : [ {
- value : '$!sjlr.fmzzfbtjzs' ,
- name : '头'
- }, {
- value : '$!sjlr.fmzzfbtrzs',
- name : '头'
- }, {
- value : '$!sjlr.fmzzfbtjxs' ,
- name : '头'
- }, {
- value : '$!sjlr.fmzzfbtmnys' ,
- name : '头'
- }, {
- value : '$!sjlr.fmzzfbtsts' ,
- name : '头'
- } ],
- itemStyle : {
- normal : {
- color : new echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
- offset : 0,
- color : '#dc848a'
- },
- {
- offset : 0.5,
- color : '#d83f6e'
- },
- {
- offset : 1,
- color : '#3928ac'
- } ]),
- label : {
- show : true, //开启显示
- position : 'top', //在上方显示
- textStyle : { //数值样式
- color : '#ccf5f9',
- fontSize : 12
- }
- }
- }
- },
- },
- {
- name : '分娩存活率',
- type : 'gauge',
- center : [ '80%', '50%' ],
- min : 0,
- max : 100,
- splitNumber : 10,
- radius : '85%',
- axisLine : { // 坐标轴线
- lineStyle : { // 属性lineStyle控制线条样式
- color : [ [ 0.2, '#bb1b57' ], [ 0.8, '#972dab' ], [ 1, '#3e2984' ] ],
- width : 20,
- //shadowColor : '#fff', //默认透明
- //shadowBlur: 10
- }
- },
- axisTick : { // 坐标轴小标记
- length : 5, // 属性length控制线长
- lineStyle : { // 属性lineStyle控制线条样式
- color : 'auto'
- }
- },
- splitLine : { // 分隔线
- length : 20, // 属性length控制线长
- lineStyle : { // 属性lineStyle(详见lineStyle)控制线条样式
- color : 'auto'
- }
- },
- axisLabel : { // 坐标轴小标记
- textStyle : { // 属性lineStyle控制线条样式
- fontSize : 9, //改变仪表盘内刻度数字的大小
- //shadowColor : '#000', //默认透明
- color : '#ccf5f9'
- }
- },
- pointer : {
- width : 3, //指针的宽度
- length : "60%", //指针长度,按照半圆半径的百分比
- shadowColor : '#ccc', //默认透明
- shadowBlur : 5
- },
- title : {
- // 其余属性默认使用全局文本样式,详见TEXTSTYLE
- offsetCenter : [ 0, '65%' ],
- fontSize : 12,
- color : "#ccf5f9",
- },
- detail : {
- fontSize : 12,
- // 其余属性默认使用全局文本样式,详见TEXTSTYLE
- formatter : function(value) {
- value = (value + '').split('.');
- value.length < 2 && (value.push('00'));
- return ('00' + value[0]).slice(0 - value[0].length)
- + '.' + (value[1] + '00').slice(0, 2) + '%';
- }
- },
- textStyle : {
- color : "#ccf5f9",
- fontSize : 12
- },
- data : [ {
- value : #if('$!sjlr' == "") 0 #else '$!sjlr.fmzzfbtfmchl' #end,
- name : '分娩存活率'
- } ]
- }
- ]
- };
- //分娩体温监测(右侧)
- option_chart_twjc = {
- tooltip : {
- trigger : 'axis',
- axisPointer : { // 坐标轴指示器,坐标轴触发有效
- type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
- }
- },
- grid : {
- x : '3%',
- y : '10%',
- x2 : '5%',
- y2 : '3%',
- containLabel : true
- },
- //color:['#f77635','#36f648','#ad91de','#a92149','#3428ae','#1dc4d4','#da4170','#e45e65','#0aaf9f'],
- xAxis : [
- {
- type : 'category',
- data : [],
- axisTick : {
- alignWithLabel : true
- },
- axisLine : {
- show : true,
- lineStyle : {
- type : 'solid',
- color : '#ccf5f9', //左边线的颜色
- width : '1' //坐标线的宽度
- }
- },
- }
- ],
- yAxis : [
- {
- type : 'value',
- axisLine : {
- show : true,
- lineStyle : {
- type : 'solid',
- color : '#ccf5f9', //左边线的颜色
- width : '1' //坐标线的宽度
- }
- },
- splitLine : {
- show : false
- }
- }
- ],
- series : [
- {
- name : '体温监测',
- type : 'bar',
- barWidth : '60%',
- data : [],
- itemStyle : {
- normal : {
- color: function(params) {
- var colorList = ['#f77635','#36f648','#ad91de','#a92149','#3428ae','#1dc4d4','#da4170','#e45e65','#0aaf9f'];
- return colorList[params.dataIndex]
- },
- label : {
- show : true, //开启显示
- position : 'top', //在上方显示
- textStyle : { //数值样式
- color : '#ccf5f9',
- fontSize : 12
- },
- formatter : "{c}"
- }
- }
- },
- }
- ]
- };
- //淘汰分布饼状图(右侧)
- option_chart_ttfb2 = {
- title : {
- text : '淘汰分布图',
- x : '15%',
- y : '3%',
- textStyle : {
- color : '#ccf5f9',
- fontWeight : 'normal',
- fontSize : '12'
- }
- },
- color : [ '#3428ae', '#a92149', '#1b9250', '#ad91de', '#36f648', '#f77635', '#1dc4d4', '#fa6159' ],
- tooltip : {
- trigger : 'item',
- formatter : "{a} <br/>{b} : {c} ({d}%)"
- },
- legend : {
- icon : 'circle',
- itemGap : 0,
- itemWidth : 10,
- orient : 'vertical',
- right : '0',
- y : 'center',
- textStyle : {
- fontSize : 10,
- color : '#ccf5f9',
- },
- data : [ '死亡', '胎次太高', '长期不发情', '产仔数少', '产道炎症', '营养不良', '肢体疾病', '其他' ]
- },
- series : [
- {
- name : '淘汰分布图',
- type : 'pie',
- radius : [ '10%', '40%' ],
- center : [ '30%', '50%' ],
- data : [
- {
- value : '$!sjlr.ttfbtsw' ,
- name : '死亡'
- },
- {
- value : '$!sjlr.ttfbttctg' ,
- name : '胎次太高'
- },
- {
- value : '$!sjlr.ttfbtcqby' ,
- name : '长期不发情'
- },
- {
- value : '$!sjlr.ttfbtczss' ,
- name : '产仔数少'
- },
- {
- value : '$!sjlr.ttfbtcdyz' ,
- name : '产道炎症'
- },
- {
- value : '$!sjlr.ttfbtyybl' ,
- name : '营养不良'
- },
- {
- value : '$!sjlr.ttfbtztjb' ,
- name : '肢体疾病'
- },
- {
- value : '$!sjlr.ttfbtqt' ,
- name : '其他'
- }
- ],
- label : {
- normal : {
- show : true,
- position : 'outside', //标签的位置
- textStyle : {
- fontWeight : 300,
- fontSize : 10 //文字的字体大小
- },
- formatter : '{d}%'
- }
- },
- labelLine : {
- normal : {
- show : false,
- length : 0,
- length2 : 4,
- }
- },
- itemStyle : {
- emphasis : {
- shadowBlur : 10,
- shadowOffsetX : 0,
- shadowColor : 'rgba(0, 0, 0, 0.5)'
- }
- }
- }
- ]
- };
- //育肥分布饼状图(右侧)
- option_chart_yffb2 = {
- title : {
- text : '育肥分布图',
- x : '15%',
- y : '3%',
- textStyle : {
- color : '#ccf5f9',
- fontWeight : 'normal',
- fontSize : '12'
- }
- },
- color : [ '#3727ac', '#e45e65', '#da4170', '#912aaf', '#6b2cb9', '#3727ac', '#6a2cba', '#e45e65' ],
- tooltip : {
- trigger : 'item',
- formatter : "{a} <br/>{b} : {c} ({d}%)"
- },
- legend : {
- icon : 'circle',
- itemGap : 0,
- itemWidth : 10,
- orient : 'vertical',
- right : '0',
- y : 'center',
- textStyle : {
- fontSize : 10,
- color : '#ccf5f9',
- },
- data : [ '60-90', '91-120', '121-150', '151-180', '180以上' ]
- },
- series : [
- {
- name : '育肥分布图',
- type : 'pie',
- radius : [ '10%', '40%' ],
- center : [ '30%', '50%' ],
- data : [
- {
- value : '$!sjlr.yffbt1' ,
- name : '60-90'
- },
- {
- value : '$!sjlr.yffbt2' ,
- name : '91-120'
- },
- {
- value : '$!sjlr.yffbt3' ,
- name : '121-150'
- },
- {
- value : '$!sjlr.yffbt4' ,
- name : '151-180'
- },
- {
- value : '$!sjlr.yffbt5' ,
- name : '180以上'
- },
- ],
- label : {
- normal : {
- show : true,
- position : 'outside', //标签的位置
- textStyle : {
- fontWeight : 300,
- fontSize : 10 //文字的字体大小
- },
- formatter : '{d}%'
- }
- },
- labelLine : {
- normal : {
- show : false,
- length : 0,
- length2 : 4,
- }
- },
- itemStyle : {
- emphasis : {
- shadowBlur : 10,
- shadowOffsetX : 0,
- shadowColor : 'rgba(0, 0, 0, 0.5)'
- }
- }
- }
- ]
- };
-
- //饮水柱状图+折线图
- option_ys = {
- tooltip: {
- trigger: 'axis',
- },
-
- color:['#af8343','#b41734','#44c920'],
- grid:{
- x:'10%',
- y:'15%',
- x2:'3%',
- y2:'15%',
- //containLabel:true
- },
- legend: {
- data:['实际饮水量'],
- textStyle:{
- color:"#ccf5f9",
- fontSize:12
- },
- top:0,
- right:10
- },
- xAxis: [
- {
- type: 'category',
- data: ['10-08','10-09','10-10','10-11','10-12','10-13','10-14','10-15','10-16','10-17','10-18','10-19'],
- axisPointer: {
- type: 'shadow'
- },
- axisLabel:{
- color:"#ccf5f9",
- },
- axisLine: {
- show: true,
- lineStyle: {
- type: 'solid',
- color: '#ccf5f9',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- }
- ],
- yAxis: [
- {
- type: 'value',
- min: 0,
- // max: 500,
- //interval: 50,
- axisLabel: {
-
- color:"#ccf5f9",
- },
-
- axisLine: {
- show: true,
- lineStyle: {
- type: 'solid',
- color: '#ccf5f9',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- splitLine:{
- lineStyle: {
- type: 'solid',
- color: '#1c3860',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- },
-
- ],
- series: [
- {
- name:'实际饮水量',
- type:'bar',
- data:[7.5, 7.8, 8, 7.8, 8.1, 7.5, 7.7, 7.6, 7.9, 7.4, 8, 4],
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
- offset: 0,
- color: 'rgba(68,201,32,0.4)'
- },
- {
- offset: 1,
- color: '#44c920'
- }]),
- }
- },
- }
- ]
- };
- //饲喂统计柱状图+折线图
- option_chart_swtj= {
- tooltip: {
- trigger: 'axis',
-
- },
- color:['#18a24e','#ccd131','#fe1125'],
- grid:{
- x:'10%',
- y:'15%',
- x2:'3%',
- y2:'15%',
- //containLabel:true
- },
- legend: {
- data:['实际采食量'],
- textStyle:{
- color:"#ccf5f9",
- fontSize:12
- },
- top:0,
- right:10
- },
- xAxis: [
- {
- type: 'category',
- data: ['10-08','10-09','10-10','10-11','10-12','10-13','10-14','10-15','10-16','10-17','10-18','10-19'],
- axisPointer: {
- type: 'shadow'
- },
- axisLabel:{
- color:"#ccf5f9",
- },
- axisLine: {
- show: true,
- lineStyle: {
- type: 'solid',
- color: '#ccf5f9',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- }
- ],
- yAxis: [
- {
- type: 'value',
- name: '重量/吨',
- min: 0,
- // max: 500,
- //interval: 50,
- axisLabel: {
-
- color:"#ccf5f9",
- },
-
- axisLine: {
- show: true,
- lineStyle: {
- type: 'solid',
- color: '#ccf5f9',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- splitLine:{
- lineStyle: {
- type: 'solid',
- color: '#1c3860',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- },
-
- ],
- series: [
- {
- name:'实际采食量',
- type:'bar',
- data:[14.8, 13.5, 14, 13.6, 13.7, 13.6, 14.2, 14, 14.3, 12.6, 15.4, 6.8],
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
- offset: 0,
- color: 'rgba(113,78,78,0.6)'
- },
- {
- offset: 1,
- color: '#fe1125'
- }]),
- }
- },
- }
- ]
- };
- //耳标时长
- option_chart_ebsc = {
- tooltip: {
- trigger: 'axis',
-
- },
- color:['#18a24e','#ccd131','#fe1125'],
- grid:{
- x:'8%',
- y:'15%',
- x2:'3%',
- y2:'15%',
- //containLabel:true
- },
- legend: {
- data:['运动时长'],
- textStyle:{
- color:"#ccf5f9",
- fontSize:12
- },
- top:0,
- right:10
- },
- xAxis: [
- {
- type: 'category',
- data: [],
- axisPointer: {
- type: 'shadow'
- },
- axisLabel:{
- color:"#ccf5f9",
- },
- axisLine: {
- show: true,
- lineStyle: {
- type: 'solid',
- color: '#ccf5f9',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- }
- ],
- yAxis: [
- {
- type: 'value',
- name: 's',
- min: 0,
- // max: 500,
- //interval: 50,
- axisLabel: {
- color:"#ccf5f9",
- },
-
- axisLine: {
- show: true,
- lineStyle: {
- type: 'solid',
- color: '#ccf5f9',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- splitLine:{
- lineStyle: {
- type: 'solid',
- color: '#1c3860',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- },
-
- ],
- series: [
- {
- name:'运动时长',
- type:'bar',
- data:[],
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
- offset: 0,
- color: 'rgba(113,78,78,0.6)'
- },
- {
- offset: 1,
- color: '#fe1125'
- }]),
- }
- },
- }
- ]
- };
- //耳标体温
- option_chart_ebtw= {
- tooltip: {
- trigger: 'axis',
-
- },
- color:['#18a24e','#ccd131','#fe1125'],
- grid:{
- x:'3%',
- y:'15%',
- x2:'3%',
- y2:'15%',
- //containLabel:true
- },
- legend: {
- data:['温度'],
- textStyle:{
- color:"#ccf5f9",
- fontSize:12
- },
- top:0,
- right:10
- },
- xAxis: [
- {
- type: 'category',
- data: [],
- axisPointer: {
- type: 'shadow'
- },
- axisLabel:{
- color:"#ccf5f9",
- },
- axisLine: {
- show: true,
- lineStyle: {
- type: 'solid',
- color: '#ccf5f9',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- }
- ],
- yAxis: [
- {
- type: 'value',
- name: '℃',
- min: function(value) {
- return value.min - 1;
- },
- axisLabel: {
-
- color:"#ccf5f9",
- },
-
- axisLine: {
- show: true,
- lineStyle: {
- type: 'solid',
- color: '#ccf5f9',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- splitLine:{
- lineStyle: {
- type: 'solid',
- color: '#1c3860',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- },
-
- ],
- series: [
- {
- name:'体温',
- type:'line',
- data:[],
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
- offset: 0,
- color: 'rgba(113,78,78,0.6)'
- },
- {
- offset: 1,
- color: '#fe1125'
- }]),
- }
- },
- }
- ]
- };
- //粪污处理实时监测
- option_chart_fwclssjc = {
- title : {
- text : '实时监测',
- top : '5%',
- left : '20%',
- textStyle : {
- fontWeight : 'normal',
- fontSize : '14',
- color : '#ccf5f9',
- }
- },
- tooltip : {
- trigger : 'axis',
- axisPointer : { // 坐标轴指示器,坐标轴触发有效
- type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
- },
- },
- grid : {
- x : '3%',
- y : '30%',
- x2 : '3%',
- y2 : '5%',
- containLabel : true
- },
- xAxis : {
- type : 'category',
- data : [ 'NH3', 'COD', 'BOD', 'SS', '总磷', 'PH' ],
- axisTick : {
- alignWithLabel : true
- },
- axisLine : {
- show : true,
- lineStyle : {
- type : 'solid',
- color : '#4865e3', //左边线的颜色
- width : '1' //坐标线的宽度
- }
- },
- axisLabel : {
- textStyle : {
- color : '#ccf5f9',
- },
- }
- },
- yAxis : [ {
- type : 'value',
- name : 'mg/L',
- scale : true,
- axisLine : {
- show : true,
- lineStyle : {
- type : 'solid',
- color : '#4865e3', //左边线的颜色
- width : '1' //坐标线的宽度
- }
- },
- splitLine : {
- lineStyle : {
- type : 'solid',
- color : 'rgba(72,101,227,0.8)',
- width : '1'
- }
- },
- axisLabel : {
- textStyle : {
- color : '#ccf5f9',
- },
- }
- } ],
- series : [
- {
- name : '排水实时监测',
- type : 'bar',
- barWidth : '40%',
- data : [ #if('$!sbbj' == "") 0 #else '$!sbbj.nh3' #end, #if('$!sbbj' == "") 0 #else '$!sbbj.cod' #end, #if('$!sbbj' == "") 0 #else '$!sbbj.bod' #end, #if('$!sbbj' == "") 0 #else '$!sbbj.ss' #end, #if('$!sbbj' == "") 0 #else '$!sbbj.zl' #end, #if('$!sbbj' == "") 0 #else '$!sbbj.ph' #end ],
- itemStyle : {
- normal : {
- color : new echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
- offset : 0,
- color : '#851c9d'
- },
- {
- offset : 1,
- color : '#4805ad'
- } ]),
- label : {
- show : true, //开启显示
- position : 'top', //在上方显示
- textStyle : { //数值样式
- color : '#ccf5f9',
- fontSize : 12
- },
- formatter : '{c}'
- }
- }
- },
- }
- ]
- };
-
-
-
- //温度湿度氨气(右侧)
- option_chart_wdsdaq2 = {
- color:['#ef1a0f','#0fc6ef','#07a504','#caae1f'],
- grid:{
- x:'10%',
- y:'15%',
- x2:'3%',
- y2:'15%',
- //containLabel:true
- },
- tooltip: {
- trigger: 'axis'
- },
- legend: {
- data:['温度','湿度','氨气'],
- selectedMode: 'single',
- textStyle:{
- color:"#fff",
- fontSize:14
- },
- top:0,
- right:10,
- selected:{
- '温度':true,
- '湿度':false,
- '氨气':false,
-
- }
- },
- xAxis: {
- type: 'category',
- data: ['08:15', '08:20', '08:25', '08:30', '08:35', '08:40', '08:45'],
- axisLine: {
- show: true,
- lineStyle: {
- type: 'solid',
- color: '#4865e3',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- axisLabel: {
- textStyle: {
- color: '#ccf5f9',
-
- },
- },
- axisTick:{
- alignWithLabel:true
- }
- },
- yAxis: {
- type : 'value',
- min: function(value) {
- return value.min - 1;
- },
- axisLine: {
- show: true,
- lineStyle: {
- type: 'solid',
- color: '#4865e3',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- splitLine:{
- lineStyle: {
- type: 'solid',
- color: 'rgba(72,101,227,0.8)',
- width:'1'
- }
- },
- axisLabel: {
- textStyle: {
- color: '#ccf5f9',
-
- },
-
- }
- },
- series: [{
- name:'温度',
- type:'line',
-
- smooth: true,
- data:[{value:31,name:'℃'}, {value:29,name:'℃'},{value:30,name:'℃'} ,{value:29,name:'℃'} ,{value:30,name:'℃'} ,{value:31,name:'℃'} ,{value:30,name:'℃'} ],
-
- lineStyle:{
- normal:{
- color:'#ef1a0f'
- }
- }
-
- },
- {
- name:'湿度',
- type:'line',
-
- smooth: true,
- data:[{value:15,name:'RH'},{value:23,name:'RH'} ,{value:20,name:'RH'} ,{value:34,name:'RH'} ,{value:19,name:'RH'} ,{value:33,name:'RH'} ,{value:41,name:'RH'} ],
- lineStyle:{
- normal:{
- color:'#0fc6ef'
- }
- }
-
- },
- {
- name:'氨气',
- type:'line',
-
- smooth: true,
- data:[{value:22,name:'ppm'},{value:50,name:'ppm'} ,{value:33,name:'ppm'} ,{value:12,name:'ppm'} ,{value:44,name:'ppm'} ,{value:39,name:'ppm'} ,{value:23,name:'ppm'} ],
- lineStyle:{
- normal:{
- color:'#07a504'
- }
- }
-
- }]
- };
- //温度湿度氨气(右侧)
- option_chart_sy = {
- color:['#39a724','#0fc6ef','#07a504','#caae1f'],
- grid:{
- x:'10%',
- y:'5%',
- x2:'3%',
- y2:'15%',
- //containLabel:true
- },
- tooltip: {
- trigger: 'axis'
- },
- xAxis: {
- type: 'category',
- data: ['08:15', '08:20', '08:25', '08:30', '08:35', '08:40', '08:45'],
- axisLine: {
- show: true,
- lineStyle: {
- type: 'solid',
- color: '#4865e3',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- axisLabel: {
- textStyle: {
- color: '#ccf5f9',
-
- },
- },
- axisTick:{
- alignWithLabel:true
- }
- },
- yAxis: {
- type : 'value',
- min: function(value) {
- return value.min - 0.1;
- },
- axisLine: {
- show: true,
- lineStyle: {
- type: 'solid',
- color: '#4865e3',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- splitLine:{
- lineStyle: {
- type: 'solid',
- color: 'rgba(72,101,227,0.8)',
- width:'1'
- }
- },
- axisLabel: {
- textStyle: {
- color: '#ccf5f9',
-
- },
-
- }
- },
- series: [{
- name:'水压',
- type:'line',
-
- smooth: true,
- data:[{value:31,name:'MPa'}, {value:29,name:'MPa'},{value:30,name:'MPa'} ,{value:29,name:'MPa'} ,{value:30,name:'MPa'} ,{value:31,name:'MPa'} ,{value:30,MPa:'MPa'} ],
-
- lineStyle:{
- normal:{
- color:'#39a724'
- }
- }
-
- }]
- };
- //能耗柱状图
- option_chart_nh2 = {
- color:['#a12993','#ba9739'],
- tooltip : {
- trigger: 'axis',
- axisPointer : { // 坐标轴指示器,坐标轴触发有效
- type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
- },
-
-
- },
- grid: {
- x: '3%',
- y: '15%',
- x2: '10%',
- y2: '3%',
- containLabel: true
-
- },
- legend: {
- data: ['电量(度)', '水量(吨)'],
- icon:'circle',
- itemGap: 5,
- itemWidth:10,
- top: '0',
- x:'center',
- textStyle:{
-
- color:'#ccf5f9',
- },
- },
- xAxis :{
- type : 'category',
- data : ['06.12', '06.13', '06.14','06.15','06.16','06.17','06.18'],
- axisTick: {
- alignWithLabel: true
- },
- axisLine: {
- show: true,
- lineStyle: {
- type: 'solid',
- color: '#4865e3',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- axisLabel: {
- textStyle: {
- color: '#ccf5f9',
-
- },
-
- }
-
- },
- yAxis :[{
- type : 'value',
- scale: true,
- axisLine: {
- show: true,
- lineStyle: {
- type: 'solid',
- color: '#4865e3',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- splitLine:{
- lineStyle: {
- type: 'solid',
- color: 'rgba(72,101,227,0.7)',
- width:'1'
- }
- },
- axisLabel: {
- textStyle: {
- color: '#ccf5f9',
-
- },
-
- }
- },{
- type : 'value',
- scale: true,
- axisLine: {
- show: true,
- lineStyle: {
- type: 'solid',
- color: '#4865e3',//左边线的颜色
- width:'1'//坐标线的宽度
- }
- },
- splitLine:{
- show:false,
- lineStyle: {
- type: 'solid',
- color: 'rgba(72,101,227,0.7)',
- width:'1'
- }
- },
- axisLabel: {
- textStyle: {
- color: '#ccf5f9',
-
- },
-
- }
- }],
- series : [
- {
-
- type:'bar',
- barWidth: '30%',
- name:'电量(度)',
- yAxisIndex:0,
- data:[45,56, 66,34,23,67,34],
-
- },
- {
-
- type:'bar',
- barWidth: '30%',
- name:'水量(吨)',
- yAxisIndex:1,
- data:[56, 79, 93,36,46,28,57],
-
- }
- ]
- };
- if (option_chart_pzjgfb2 && typeof option_chart_pzjgfb2 === "object") {
- myChart_chart_pzjgfb2.setOption(option_chart_pzjgfb2, true);
- }
- if (option_chart_fmzzfb2 && typeof option_chart_fmzzfb2 === "object") {
- myChart_chart_fmzzfb2.setOption(option_chart_fmzzfb2, true);
- }
- if (option_chart_twjc && typeof option_chart_twjc === "object") {
- myChart_chart_twjc.setOption(option_chart_twjc, true);
- }
- if (option_chart_ttfb2 && typeof option_chart_ttfb2 === "object") {
- myChart_chart_ttfb2.setOption(option_chart_ttfb2, true);
- }
- if (option_chart_yffb2 && typeof option_chart_yffb2 === "object") {
- myChart_chart_yffb2.setOption(option_chart_yffb2, true);
- }
-
- if (option_chart_swtj && typeof option_chart_swtj === "object") {
- myChart_chart_swtj.setOption(option_chart_swtj, true);
- }
- if (option_chart_ebtw && typeof option_chart_ebtw === "object") {
- myChart_chart_ebtw.setOption(option_chart_ebtw, true);
- }
- if (option_chart_ebsc && typeof option_chart_ebsc === "object") {
- myChart_chart_ebsc.setOption(option_chart_ebsc, true);
- }
- if (option_chart_fwclssjc && typeof option_chart_fwclssjc === "object") {
- myChart_chart_fwclssjc.setOption(option_chart_fwclssjc, true);
- }
- if (option_chart_wdsdaq2 && typeof option_chart_wdsdaq2 === "object") {
- myChart_chart_wdsdaq2.setOption(option_chart_wdsdaq2, true);
- }
- if (option_chart_sy && typeof option_chart_sy === "object") {
- myChart_chart_sy.setOption(option_chart_sy, true);
- }
- if (option_chart_nh2 && typeof option_chart_nh2 === "object") {
- myChart_chart_nh2.setOption(option_chart_nh2, true);
- }
- if (option_ys && typeof option_ys === "object") {
- myChart_ys.setOption(option_ys, true);
- }
- //监听体温监测表的点击事件
- myChart_chart_twjc.on('click', 'series.bar', function (params) {
- $('#temp-outwindow').hide();
- var wdz = params.name;
- var lqid = $(".single li.active").attr("data-lqid");
- jQuery.ajax({
- type : "get",
- url : "getTwxq.htm",
- data : {
- "lqid" : lqid,
- "wdz" : wdz
- },
- dataType : "json",
- async : true,
- success : function(data) {
- if (data.returnCode > 0) {
- var s = data.result;
- var h = "";
- for(var i = 0; i < s.length; i++){
- if (i == 0) {
- h += '<div class="temp-data-tiem checkEb"';
- } else {
- h += '<div class="temp-data-tiem"';
- }
- h += ' onclick="showEbtjt(this)"><div class="temp-data-name">'+s[i].mac+'</div><div class="temp-data-value">'+s[i].dqwd+'℃</div></div>';
- }
- $('.temp-window-body').html(h);
- reEbtw(s[0].mac);
- reEbsc(s[0].mac);
- }
- }
- });
- console.log("show");
- $('#temp-outwindow').show();
- });
-
- $(".right-warning-box").slimScroll({
- size : 0,
- width : $(".right-warning-box").width(),
- height : $(".right-warning-box").height()
- });
- $(".right-msg-box").slimScroll({
- size : 0,
- width : $(".right-msg-box").width(),
- height : $(".right-msg-box").height()
- });
-
- $(".foodLine-container").slimScroll({ size:2,width: "960px",height:"800px"});
- $(".light-container").slimScroll({ size:2,width: "960px",height: "800px"});
-
- /* $("#lxrunning-msg").slimScroll({
- size : 0,
- width : $("#lxrunning-msg").width(),
- height : $("#lxrunning-msg").height()
- }); */
- $(".temp-window-body").slimScroll({
- size : 0,
- width : $(".temp-window-body").width(),
- height : $(".temp-window-body").height()
- });
-
- var playerElement5 = document.getElementById("player5");
- var player5 = new Clappr.Player({
- source: '$!spjk1',
- //poster: 'http://clappr.io/poster.png',
- mute: true
- });
-
- player5.attachTo(playerElement5);
- player5.play();
-
- getSsqxSj('767', "snsy");
- getSsqxSj('480', "snwd");
- getSsqxSj('14', "sldl");
- getSsqxSj('482', "snph");
- getSsqxSj('480', "snsd");
- getSsqxSj('480', "snaq");
- reZzwd('767');
-
- }, 1000);
-
- //切換選中
- var mctimer2;
- var mctimer3;
- var timer2;
- window.clearInterval(timer2);
- window.clearInterval(mctimer2);
- window.clearInterval(mctimer3);
-
- // 统计图刷新
- function getSsqxSj(lqid, type) {
- switch (type) {
- case "snwd":
- jqAjax("getHaifmvSnwdTjt.htm", lqid, type);
- break;
- case "snsd":
- jqAjax("getHaifmvSnsdTjt.htm", lqid, type);
- break;
- case "snaq":
- jqAjax("getHaifmvSnaqTjt.htm", lqid, type);
- break;
- case "sldl":
- jqAjax("getHkClientNhsjTjt.htm", lqid, type);
- break;
- case "snsy":
- jqAjax("getHaifmvSnsyTjt.htm", lqid, type);
- break;
- }
- }
-
- function reZzwd(lqid) {
- //刷新种猪温度
- jQuery.ajax({
- type : "get",
- url : "getEbtw.htm",
- data : {
- "lqid" : lqid
- },
- dataType : "json",
- async : true,
- success : function(data) {
- var wdxx = eval(data);
- var wdArr = [];
- var i = 0;
- var xArea = [];
- for(var obj in wdxx){
- xArea[i] = obj +'℃';
- wdArr[i] = {value : wdxx[obj] ,name : obj +'℃'};
- i++;
- }
- var option_chart_twjc = myChart_chart_twjc.getOption();
- option_chart_twjc.series[0].data = wdArr;
- option_chart_twjc.xAxis[0].data = xArea;
- myChart_chart_twjc.setOption(option_chart_twjc, true);
- }
- });
- }
-
- /* function reSy(lqid) {
- //刷新水压
- jQuery.ajax({
- type : "get",
- url : "getSy.htm",
- data : {
- "lqid" : lqid
- },
- dataType : "json",
- async : true,
- success : function(data) {
- var wdxx = data.result;
- var wdArr = [];
- wdArr = [{value:wdxx[0],name:'MPa'}, {value:wdxx[1],name:'MPa'},{value:wdxx[2],name:'MPa'} ,{value:wdxx[3],name:'MPa'} ,{value:wdxx[4],name:'MPa'} ,{value:wdxx[5],name:'MPa'} ,{value:wdxx[6],MPa:'MPa'} ];
- var option_chart_sy = myChart_chart_sy.getOption();
- option_chart_sy.series[0].data = wdArr;
- myChart_chart_sy.setOption(option_chart_sy, true);
- }
- });
- } */
-
- function reEbtw(mac) {
- //刷新耳标体温
- jQuery.ajax({
- type : "get",
- url : "getEwtwTjt.htm",
- data : {
- "mac" : mac
- },
- dataType : "json",
- async : true,
- success : function(data) {
- var series = [];
- var yAxis = [];
- for (var i = 0; i < data.result.length; i++) {
- series[i] = {
- name : "℃",
- value : data.result[i].dqwd
- };
- yAxis[i] = formatDate(data.result[i].scsjTime);
- }
- var option_chart_ebtw = myChart_chart_ebtw.getOption();
- option_chart_ebtw.series[0].data = series;
- option_chart_ebtw.xAxis[0].data = yAxis;
- myChart_chart_ebtw.setOption(option_chart_ebtw, true);
- }
- });
- }
-
- function reEbsc(mac) {
- //刷新耳标时长
- jQuery.ajax({
- type : "get",
- url : "getEwscTjt.htm",
- data : {
- "mac" : mac
- },
- dataType : "json",
- async : true,
- success : function(data) {
- var series = [];
- var yAxis = [];
- for (var i = 0; i < data.result.length; i++) {
- series[i] = {
- name : "s",
- value : data.result[i].dqms
- };
- yAxis[i] = data.result[i].xs;
- }
- var option_chart_ebsc = myChart_chart_ebsc.getOption();
- option_chart_ebsc.series[0].data = series;
- option_chart_ebsc.xAxis[0].data = yAxis;
- myChart_chart_ebsc.setOption(option_chart_ebsc, true);
- }
- });
- }
-
- function showEbtjt(obj) {
- $(".temp-data-tiem").removeClass("checkEb");
- $(obj).addClass("checkEb");
- var mac = $(obj).find(".temp-data-name").html();
- reEbtw(mac);
- reEbsc(mac);
- }
-
- //请求图表
- //ztType = snwd snsd snaq
- function jqAjax(url, lqid, ztType) {
- var option_chart_nh2,option_chart_wdsdaq2;
- if (ztType == "snwd" || ztType == "snsd" || ztType == "snaq") {
-
- }
- 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_nh2 = myChart_chart_nh2.getOption();
- option_chart_nh2.series[0].data = series;
- option_chart_nh2.series[1].data = series2;
- option_chart_nh2.xAxis[0].data = yAxis;
- myChart_chart_nh2.setOption(option_chart_nh2, true);
- }
- } else {
- 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 = 0;
- }
- }
- if (ztType == "snwd" && flag == 0) {
- option_chart_wdsdaq2 = myChart_chart_wdsdaq2.getOption();
- myChart_chart_wdsdaq2.clear();
- myChart_chart_wdsdaq2.resize();
-
- //var option_chart_wdsdaq2 = myChart_chart_wdsdaq2.getOption();
- option_chart_wdsdaq2.series[0].data = series;
- option_chart_wdsdaq2.xAxis[0].data = yAxis;
- myChart_chart_wdsdaq2.setOption(option_chart_wdsdaq2, true);
- }
- if (ztType == "snsd" && flag == 0) {
- option_chart_wdsdaq2 = myChart_chart_wdsdaq2.getOption();
- myChart_chart_wdsdaq2.clear();
- myChart_chart_wdsdaq2.resize();
-
- //var option_chart_wdsdaq2 = myChart_chart_wdsdaq2.getOption();
- option_chart_wdsdaq2.series[1].data = series;
- option_chart_wdsdaq2.xAxis[0].data = yAxis;
- myChart_chart_wdsdaq2.setOption(option_chart_wdsdaq2, true);
- }
- if (ztType == "snaq" && flag == 0) {
- option_chart_wdsdaq2 = myChart_chart_wdsdaq2.getOption();
- myChart_chart_wdsdaq2.clear();
- myChart_chart_wdsdaq2.resize();
-
- //var option_chart_wdsdaq2 = myChart_chart_wdsdaq2.getOption();
- option_chart_wdsdaq2.series[2].data = series;
- option_chart_wdsdaq2.xAxis[0].data = yAxis;
- myChart_chart_wdsdaq2.setOption(option_chart_wdsdaq2, true);
- }
- if (ztType == "snsy" && flag == 0) {
- //var option_chart_wdsdaq2 = myChart_chart_wdsdaq2.getOption();
- option_chart_sy.series[0].data = series;
- option_chart_sy.xAxis.data = yAxis;
- myChart_chart_sy.setOption(option_chart_sy, true);
- }
- }
- }
- });
- }
-
- </script>
- </body>
- </html>
|