mcIndex.htm 87 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>牧场页面</title>
  6. <link href="views/htclient/css/dist/text-security.min.css" rel="stylesheet">
  7. <link href="views/htclient/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
  8. <link href="views/htclient/css/muchang.css" rel="stylesheet">
  9. <link href="views/htclient/css/extra.css" rel="stylesheet">
  10. <link href="views/htclient/css/lxkz.css" rel="stylesheet">
  11. <link rel="stylesheet" type="text/css" href="views/htclient/css/timedropper.css">
  12. <link href="views/htclient/css/ios6switch.css" rel="stylesheet">
  13. <style type="text/css">
  14. .player > div{
  15. width: 100% !important;
  16. height: 100% !important;
  17. }
  18. .conceal {
  19. font-family: 'text-security-disc';
  20. }
  21. </style>
  22. </head>
  23. <body>
  24. <input type="hidden" id="mcid" value="$!mcid" />
  25. <input type="hidden" id="guest" value="$!guest" />
  26. <div class='grid-common right-grid'>
  27. <div class='grid-common right-grid-left'>
  28. <div class='wrapper'>
  29. <div class='tab'>
  30. <div class='tab-bid'>配种结果分布图</div>
  31. </div>
  32. <div class="wrapper-content">
  33. <div class="content-container">
  34. <div class='zhejiao zhejiao-1'></div>
  35. <div class='zhejiao zhejiao-2'></div>
  36. <div class='zhejiao zhejiao-3'></div>
  37. <div class='zhejiao zhejiao-4'></div>
  38. <div id='chart-pzjgfb2'></div>
  39. </div>
  40. </div>
  41. </div>
  42. <div class='wrapper'>
  43. <div class='tab'>
  44. <div class='tab-bid'>分娩猪仔分布图</div>
  45. </div>
  46. <div class="wrapper-content">
  47. <div class="content-container">
  48. <div class='zhejiao zhejiao-1'></div>
  49. <div class='zhejiao zhejiao-2'></div>
  50. <div class='zhejiao zhejiao-3'></div>
  51. <div class='zhejiao zhejiao-4'></div>
  52. <div id='chart-fmzzfb2'></div>
  53. </div>
  54. </div>
  55. </div>
  56. <div class='wrapper'>
  57. <div class='tab'>
  58. <div class='tab-bid'>种猪淘汰&nbsp;育肥管理</div>
  59. </div>
  60. <div class="wrapper-content">
  61. <div class="content-container">
  62. <div class='zhejiao zhejiao-1'></div>
  63. <div class='zhejiao zhejiao-2'></div>
  64. <div class='zhejiao zhejiao-3'></div>
  65. <div class='zhejiao zhejiao-4'></div>
  66. <div id='chart-ttfb2'></div>
  67. <div id='chart-yffb2'></div>
  68. </div>
  69. </div>
  70. </div>
  71. <div class='wrapper'>
  72. <div class='tab'>
  73. <div class='tab-bid'>体温监测</div>
  74. </div>
  75. <div class="wrapper-content">
  76. <div class="content-container">
  77. <div class='zhejiao zhejiao-1'></div>
  78. <div class='zhejiao zhejiao-2'></div>
  79. <div class='zhejiao zhejiao-3'></div>
  80. <div class='zhejiao zhejiao-4'></div>
  81. <div id='chart-twjc'></div>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. <div class='grid-common right-grid-center'>
  87. <div class='wrapper flex-bottom'>
  88. <div class="wrapper-content">
  89. <div class="content-container">
  90. <div class="zhejiao zhejiao-1"></div>
  91. <div class="zhejiao zhejiao-2"></div>
  92. <div class="zhejiao zhejiao-3"></div>
  93. <div class="zhejiao zhejiao-4"></div>
  94. <div class="mcdata-list">
  95. <div class="header-data-item">
  96. <div class="item-name">存栏种猪</div>
  97. <div class="item-value item-color1">#if('$!sjlr' == "") 0 #else $!sjlr.clsjzz #end</div>
  98. </div>
  99. <div class="header-data-item">
  100. <div class="item-name">保育存栏</div>
  101. <div class="item-value item-color2">#if('$!sjlr' == "") 0 #else $!sjlr.clsjbyz #end</div>
  102. </div>
  103. <div class="header-data-item">
  104. <div class="item-name">育肥存栏</div>
  105. <div class="item-value item-color3">#if('$!sjlr' == "") 0 #else $!sjlr.clsjyfz #end</div>
  106. </div>
  107. <div class="header-data-item">
  108. <div class="item-name">销售总数</div>
  109. <div class="item-value item-color4">#if('$!sjlr' == "") 0 #else $!sjlr.clsjxszs #end</div>
  110. </div>
  111. <div class="header-data-item">
  112. <div class="item-name">死淘种猪</div>
  113. <div class="item-value item-color5">#if('$!sjlr' == "") 0 #else $!sjlr.clsjstzs #end</div>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. <div class='wrapper'>
  120. <div class="wrapper-content chart-area">
  121. <div class="content-container">
  122. <div class="zhejiao zhejiao-1"></div>
  123. <div class="zhejiao zhejiao-2"></div>
  124. <div class="zhejiao zhejiao-3"></div>
  125. <div class="zhejiao zhejiao-4"></div>
  126. #if("$!mcid" == "36")
  127. <div class='build-map mc1' id='buildmapArea'>
  128. <canvas id="diagonal" width='732px' height='376px'></canvas>
  129. <img alt="" src="views/htclient/images/ajmc.jpg" id="pic" usemap="#buildmap" style="">
  130. <map name="buildmap" id="buildmap">
  131. <area shape="poly" coords="97,122,158,95,217,103,289,132,214,126,135,162" href="javascript:;" id="zsqy777"/>
  132. <area shape="poly" coords="259,99,305,81,397,101,345,128" href="javascript:;" id="zsqy778"/>
  133. <area shape="poly" coords="397,136,431,116,457,119,691,170,674,175,642,203" href="javascript:;" id="zsqy779"/>
  134. </map>
  135. </div>
  136. #elseif("$!mcid" == "39")
  137. <div class='build-map mc4' id='buildmapArea'>
  138. <canvas id="diagonal" width='732px' height='376px'></canvas>
  139. <img alt="" src="views/htclient/images/smmc.jpg" id="pic" usemap="#buildmap" style="">
  140. <map name="buildmap" id="buildmap">
  141. <area shape="poly" coords="97,122,158,95,217,103,289,132,214,126,135,162" href="javascript:;" id="zsqy777"/>
  142. <area shape="poly" coords="259,99,305,81,397,101,345,128" href="javascript:;" id="zsqy778"/>
  143. <area shape="poly" coords="397,136,431,116,457,119,691,170,674,175,642,203" href="javascript:;" id="zsqy779"/>
  144. </map>
  145. </div>
  146. #elseif("$!mcid" == "37")
  147. <div class='build-map mc2' id='buildmapArea'>
  148. <canvas id="diagonal" width='732px' height='376px'></canvas>
  149. <img alt="" src="views/htclient/images/qdhmc.jpg" id="pic" usemap="#buildmap" style="">
  150. <map name="buildmap" id="buildmap">
  151. <area shape="poly" coords="66,212,154,190,166,196,73,221" href="javascript:;" id="zsqy881"/>
  152. <area shape="poly" coords="74,229,179,198,195,204,93,238" href="javascript:;" id="zsqy882"/>
  153. <area shape="poly" coords="105,240,211,207,224,214,117,251" href="javascript:;" id="zsqy883"/>
  154. <area shape="poly" coords="135,257,240,217,263,227,156,267" href="javascript:;" id="zsqy884"/>
  155. <area shape="poly" coords="172,185,241,168,249,173,178,192" href="javascript:;" id="zsqy885"/>
  156. <area shape="poly" coords="197,192,266,175,278,180,206,201" href="javascript:;" id="zsqy886"/>
  157. <area shape="poly" coords="227,201,298,178,310,185,237,209" href="javascript:;" id="zsqy887"/>
  158. <area shape="poly" coords="261,210,328,185,341,194,275,220" href="javascript:;" id="zsqy888"/>
  159. <area shape="poly" coords="308,242,380,205,395,206,408,214,338,252,321,246" href="javascript:;" id="zsqy889"/>
  160. <area shape="poly" coords="365,284,435,232,452,232,469,243,447,262,442,260,396,293,383,282" href="javascript:;" id="zsqy890"/>
  161. <area shape="poly" coords="445,274,475,246,498,243,517,257,485,285,467,271" href="javascript:;" id="zsqy891"/>
  162. <area shape="poly" coords="278,164,343,146,352,152,286,170" href="javascript:;" id="zsqy892"/>
  163. <area shape="poly" coords="302,168,362,149,376,155,307,176" href="javascript:;" id="zsqy893"/>
  164. <area shape="poly" coords="327,174,390,151,400,160,338,180" href="javascript:;" id="zsqy894"/>
  165. <area shape="poly" coords="353,178,412,157,417,161,365,183" href="javascript:;" id="zsqy895"/>
  166. <area shape="poly" coords="389,189,445,164,454,162,460,167,405,194,397,188" href="javascript:;" id="zsqy896"/>
  167. <area shape="poly" coords="372,184,433,160,439,163,383,189" href="javascript:;" id="zsqy897"/>
  168. <area shape="poly" coords="421,194,473,166,482,173,433,201" href="javascript:;" id="zsqy898"/>
  169. <area shape="poly" coords="445,198,489,171,505,166,512,175,467,204,458,198" href="javascript:;" id="zsqy899"/>
  170. <area shape="poly" coords="468,205,510,176,517,178,527,185,494,211,485,203" href="javascript:;" id="zsqy900"/>
  171. <area shape="poly" coords="429,155,467,140,475,144,437,160" href="javascript:;" id="zsqy901"/>
  172. <area shape="poly" coords="450,158,480,145,489,143,495,148,461,163,454,159" href="javascript:;" id="zsqy902"/>
  173. <area shape="poly" coords="470,164,499,150,509,146,518,151,487,167,480,163" href="javascript:;" id="zsqy903"/>
  174. <area shape="poly" coords="473,139,501,128,509,132,480,144" href="javascript:;" id="zsqy904"/>
  175. <area shape="poly" coords="495,142,515,133,528,134,503,146" href="javascript:;" id="zsqy905"/>
  176. <area shape="poly" coords="512,145,532,136,538,135,549,137,529,148,521,145" href="javascript:;" id="zsqy906"/>
  177. <area shape="poly" coords="537,149,554,136,564,136,574,139,555,153,548,147" href="javascript:;" id="zsqy907"/>
  178. </map>
  179. </div>
  180. #else
  181. <div class='build-map mc3' id='buildmapArea'>
  182. <canvas id="diagonal" width='732px' height='376px'></canvas>
  183. <img alt="" src="views/htclient/images/htmc.jpg" id="pic" usemap="#buildmap" style="">
  184. <map name="buildmap" id="buildmap">
  185. <area shape="poly" coords="72,92,44,95,23,112,104,123,125,106,149,100" href="javascript:;" id="zsqy991"/>
  186. <area shape="poly" coords="154,103,115,126,192,138,224,113" href="javascript:;" id="zsqy15"/>
  187. <area shape="poly" coords="286,97,273,99,260,109,397,127,407,115,414,111" href="javascript:;" id="zsqy9"/>
  188. <area shape="poly" coords="250,119,238,122,219,135,315,147,322,132,333,128" href="javascript:;" id="zsqy992"/>
  189. <area shape="poly" coords="339,136,328,143,321,151,444,169,449,158,454,152" href="javascript:;" id="zsqy993"/>
  190. <area shape="poly" coords="491,167,478,175,472,191,694,221,697,205,686,191" href="javascript:;" id="zsqy10"/>
  191. <area shape="poly" coords="473,192,463,197,462,208,701,242,701,231,695,223" href="javascript:;" id="zsqy14"/>
  192. </map>
  193. </div>
  194. #end
  195. </div>
  196. </div>
  197. </div>
  198. <div class='wrapper'>
  199. <div class='center-two-chart'>
  200. <div class='chart-left'>
  201. <div class="content-container">
  202. <div class="zhejiao zhejiao-1"></div>
  203. <div class="zhejiao zhejiao-2"></div>
  204. <div class="zhejiao zhejiao-3"></div>
  205. <div class="zhejiao zhejiao-4"></div>
  206. <div class='chart-none-title'><div class='chart-new-title'>温度/湿度/氨气</div><div id='chart-wdsdaq2'></div></div>
  207. </div>
  208. </div>
  209. <div class='chart-left'>
  210. <div class="content-container">
  211. <div class="zhejiao zhejiao-1"></div>
  212. <div class="zhejiao zhejiao-2"></div>
  213. <div class="zhejiao zhejiao-3"></div>
  214. <div class="zhejiao zhejiao-4"></div>
  215. <div class='chart-none-title'><div class='chart-new-title'>饮水(吨)</div><div id='chart-ys'></div></div>
  216. </div>
  217. </div>
  218. </div>
  219. </div>
  220. <div class='build-wrapper'>
  221. <input type="hidden" id="zsqy" value="" />
  222. <div class='single' style='height:100%;width:100%;position:relative;' id='mcBoxUlMc'>
  223. <ul class='list build-container'>
  224. #set($count = 1)
  225. #foreach($obj in $!zsdaList)<li data-lqid="$!obj.dqlq" data-zsqy="$!obj.zsqy" data-zsid="$!obj.id" #if($count== 1) class="active" #end>
  226. <div class='build-contain'>
  227. <div class='zhejiao zhejiao-1'></div>
  228. <div class='zhejiao zhejiao-2'></div>
  229. <div class='zhejiao zhejiao-3'></div>
  230. <div class='zhejiao zhejiao-4'></div>
  231. <div class='leftbar'>
  232. <div class='row-num'>$!obj.zsmc</div>
  233. </div>
  234. <div class='cont'>
  235. <div class='cont-item'>
  236. <img src='views/htclient/images/wd.png' />温度<span
  237. class='cont-value wdz'>$!{obj.dqwd}℃</span>
  238. </div>
  239. <div class='cont-item'>
  240. <img src='views/htclient/images/sd.png' />湿度<span
  241. class='cont-value sdz'>$!{obj.dqsd}%Rh</span>
  242. </div>
  243. <div class='cont-item'>
  244. <img src='views/htclient/images/aq.png' />氨气<span
  245. class='cont-value aqz'>$!{obj.dqaq}ppm</span>
  246. </div>
  247. <div class='cont-item'>
  248. <img src='views/htclient/images/fj.png' />风机<span
  249. class='cont-status_t'>运行正常</span>
  250. </div>
  251. </div>
  252. </div>#set($count = $count + 1)
  253. </li>#end
  254. </ul>
  255. </div>
  256. </div>
  257. </div>
  258. <div class="grid-common right-grid-right">
  259. <div class="grid-common right-grid-right-top">
  260. <div class='wrapper'>
  261. <div class='tab'>
  262. <div class='tab-bid' id="spjk">视频监控</div>
  263. </div>
  264. <div class="wrapper-content">
  265. <div class="content-container">
  266. <div class='zhejiao zhejiao-1'></div>
  267. <div class='zhejiao zhejiao-2'></div>
  268. <div class='zhejiao zhejiao-3'></div>
  269. <div class='zhejiao zhejiao-4'></div>
  270. <div id='video-box'>
  271. <div class='video-container player' id="player5"></div>
  272. </div>
  273. </div>
  274. </div>
  275. </div>
  276. <div class='wrapper'>
  277. <div class='tab'>
  278. <div class='tab-bid'>报警信息</div>
  279. </div>
  280. <div class="wrapper-content">
  281. <div class="content-container flex-zztt pding-10">
  282. <div class='zhejiao zhejiao-1'></div>
  283. <div class='zhejiao zhejiao-2'></div>
  284. <div class='zhejiao zhejiao-3'></div>
  285. <div class='zhejiao zhejiao-4'></div>
  286. <div id='mcwarning-list'>
  287. <div class='right-warning-box'>
  288. #foreach($obj in $!xx1)
  289. <div class='right-warning-item'>
  290. <img src='views/htclient/images/warn_o.png' /> <span style="color:$!obj.color">$!{obj.mcmc} $!{obj.bt}</span>
  291. </div>
  292. #end
  293. </div>
  294. <div class='right-msg-box'>
  295. #foreach($obj in $!xx2)
  296. <div class='right-msg-item'>
  297. <span class='right-msg-words' style="color:$!obj.color">$!{obj.mcmc} $!{obj.bt}</span>
  298. <span class='right-msg-datetime'>$!{obj.fbsjString}</span>
  299. </div>
  300. #end
  301. </div>
  302. </div>
  303. </div>
  304. </div>
  305. </div>
  306. <div class='wrapper'>
  307. <div class='tab'>
  308. <div class='tab-bid'>5G赋能</div>
  309. </div>
  310. <div class="wrapper-content" >
  311. <div class="content-container">
  312. <div class='zhejiao zhejiao-1'></div>
  313. <div class='zhejiao zhejiao-2'></div>
  314. <div class='zhejiao zhejiao-3'></div>
  315. <div class='zhejiao zhejiao-4'></div>
  316. <!-- <div id='lxrunning-msg'>
  317. <div class='lx-msg-container'>
  318. <div class='lx-msg-name'>料线1:</div>
  319. <ul class='lx-msg-list'>
  320. <li class='lxmsg-item'>&nbsp;</li>
  321. <li class='lxmsg-item'>&nbsp;</li>
  322. <li class='lxmsg-item'>&nbsp;</li>
  323. <li class='lxmsg-item'>&nbsp;</li>
  324. <li class='lxmsg-item'>&nbsp;</li>
  325. </ul>
  326. </div>
  327. <div class='lx-msg-container'>
  328. <div class='lx-msg-name'>料线2:</div>
  329. <ul class='lx-msg-list'>
  330. <li class='lxmsg-item'>&nbsp;</li>
  331. <li class='lxmsg-item'>&nbsp;</li>
  332. <li class='lxmsg-item'>&nbsp;</li>
  333. <li class='lxmsg-item'>&nbsp;</li>
  334. <li class='lxmsg-item'>&nbsp;</li>
  335. </ul>
  336. </div>
  337. <div class='lx-msg-container'>
  338. <div class='lx-msg-name'>料线3:</div>
  339. <ul class='lx-msg-list'>
  340. <li class='lxmsg-item'>&nbsp;</li>
  341. <li class='lxmsg-item'>&nbsp;</li>
  342. <li class='lxmsg-item'>&nbsp;</li>
  343. <li class='lxmsg-item'>&nbsp;</li>
  344. <li class='lxmsg-item'>&nbsp;</li>
  345. </ul>
  346. </div>
  347. </div> -->
  348. <div id='lxrunning-msg'>
  349. <div class='fgitems-content'>
  350. <div class='fgitems-head'>
  351. <div class='fgitems-nums arrow-color1'>1</div>
  352. <div class='fgitems-name'>高速率:</div>
  353. <div class='fgitems-desc'>主要来自大带宽和规模天线</div>
  354. </div>
  355. <div class='fgitems-body'>
  356. <div class='fg-items-body-speed'>4G:100Mbps</div>
  357. <div class='speed-arrow'><div class='addspedds'>x 100倍</div></div>
  358. <i class="right-arrow"></i>
  359. <div class='fg-items-body-speed'>5G:10Gbps以上</div>
  360. </div>
  361. <div class='fgitems-foot'>
  362. <div class='foot-name'>应用场景:</div>
  363. <div class='foot-value'>AR/VR、人工智能应用、4K/8K高清视频等</div>
  364. </div>
  365. </div>
  366. <div class='fgitems-content'>
  367. <div class='fgitems-head'>
  368. <div class='fgitems-nums arrow-color2'>2</div>
  369. <div class='fgitems-name'>低时延:</div>
  370. <div class='fgitems-desc'>针对控制和数据传输具备不同时延能力</div>
  371. </div>
  372. <div class='fgitems-body'>
  373. <div class='fg-items-body-speed'>4G:10ms</div>
  374. <div class='speed-arrow'><div class='addspedds'>x 1/10</div></div>
  375. <i class="right-arrow"></i>
  376. <div class='fg-items-body-speed'>5G:毫秒级时延</div>
  377. </div>
  378. <div class='fgitems-foot'>
  379. <div class='foot-name'>应用场景:</div>
  380. <div class='foot-value'>车联网、智能制造、智能电网等</div>
  381. </div>
  382. </div>
  383. <div class='fgitems-content'>
  384. <div class='fgitems-head'>
  385. <div class='fgitems-nums arrow-color3'>3</div>
  386. <div class='fgitems-name'>大连接:</div>
  387. <div class='fgitems-desc'>大规模机器通信成为可能</div>
  388. </div>
  389. <div class='fgitems-body'>
  390. <div class='fg-items-body-speed'>4G:1万/km2</div>
  391. <div class='speed-arrow'><div class='addspedds'>x 100倍</div></div>
  392. <i class="right-arrow"></i>
  393. <div class='fg-items-body-speed'>5G:百万级连接/km2</div>
  394. </div>
  395. <div class='fgitems-foot'>
  396. <div class='foot-name'>应用场景:</div>
  397. <div class='foot-value'>工厂设备、水表、电表、路灯、家电</div>
  398. </div>
  399. </div>
  400. </div>
  401. </div>
  402. </div>
  403. </div>
  404. <div class='wrapper'>
  405. <div class='tab'>
  406. <div class='tab-bid' id='oplxwindow'>饲喂统计</div>
  407. </div>
  408. <div class="wrapper-content">
  409. <div class="content-container">
  410. <div class='zhejiao zhejiao-1'></div>
  411. <div class='zhejiao zhejiao-2'></div>
  412. <div class='zhejiao zhejiao-3'></div>
  413. <div class='zhejiao zhejiao-4'></div>
  414. <div id='chart-swtj'></div>
  415. </div>
  416. </div>
  417. </div>
  418. </div>
  419. <div class='wrapper'>
  420. <div class="center-two-chart">
  421. <div class='chart-left'>
  422. <div class="content-container">
  423. <div class="zhejiao zhejiao-1"></div>
  424. <div class="zhejiao zhejiao-2"></div>
  425. <div class="zhejiao zhejiao-3"></div>
  426. <div class="zhejiao zhejiao-4"></div>
  427. <div class='chart-none-title'><div class='chart-new-title'>能耗</div><div id='chart-nh2'></div></div>
  428. </div>
  429. </div>
  430. <div class='chart-left'>
  431. <div class="content-container">
  432. <div class="zhejiao zhejiao-1"></div>
  433. <div class="zhejiao zhejiao-2"></div>
  434. <div class="zhejiao zhejiao-3"></div>
  435. <div class="zhejiao zhejiao-4"></div>
  436. <div class='chart-none-title'><div class='chart-new-title'>水压</div><div id='chart-sy'></div></div>
  437. </div>
  438. </div>
  439. </div>
  440. </div>
  441. <div class='wrapper'>
  442. <div class='tab'>
  443. <div class='tab-bid' id="fwcl">粪污处理</div>
  444. </div>
  445. <div class="wrapper-content">
  446. <div class="content-container flex_wrap">
  447. <div class='zhejiao zhejiao-1'></div>
  448. <div class='zhejiao zhejiao-2'></div>
  449. <div class='zhejiao zhejiao-3'></div>
  450. <div class='zhejiao zhejiao-4'></div>
  451. <div class='mcfwcl-box' id='chart-fwclssjc'></div>
  452. <div class='mcfwcl-box mcjc-top'>
  453. <div class="mcjc-top-title">运行状态</div>
  454. <div class="mcjc-top-datetime">数据采集时间:#if('$!sbbj' == "" || '$!sbbj' == "null") #else $!dateTool.format('yyyy-MM-dd HH:mm:ss', $!sbbj.mcjcsj)#end</div>
  455. <div class="mcjc-top-datalist">
  456. <div class="mcjc-top-item">
  457. <div class="mcjc-top-itemname">固液分离单元</div>
  458. <div class="mcjc-top-itemname">沼液浓缩单元1区</div>
  459. <div class="mcjc-top-itemname">沼液浓缩单元2区</div>
  460. </div>
  461. <div class="mcjc-top-status">
  462. <div class="mcjc-top-statusvalue #if($!sbbj.sbzxzt1 == 0) #else leave#end">#if($!sbbj.sbzxzt1 == 0) 在线 #else 离线#end</div>
  463. <div class="mcjc-top-statusvalue #if($!sbbj.sbzxzt2 == 0) #else leave#end">#if ($!sbbj.sbzxzt2 == 0) 在线 #else 离线#end</div>
  464. <div class="mcjc-top-statusvalue #if($!sbbj.sbzxzt3 == 0) #else leave#end">#if($!sbbj.sbzxzt3 == "0") 在线 #else 离线#end</div>
  465. </div>
  466. <div class="mcjc-top-style">
  467. <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>
  468. <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>
  469. <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>
  470. </div>
  471. </div>
  472. <div class="mcjc-top-count">
  473. <div class="mcjc-top-count-part">
  474. <div class="mcjc-top-count-part-value">#if('$!sbbj' == "") 0 天 #else $!sbbj.aqyxts 天#end</div>
  475. <div class="mcjc-top-count-part-line"></div>
  476. <div class="mcjc-top-count-part-name">安全运行天数</div>
  477. </div>
  478. <div class="mcjc-top-count-part">
  479. <div class="mcjc-top-count-part-value">#if('$!sbbj' == "") 0 吨 #else $!sbbj.rcll 吨#end</div>
  480. <div class="mcjc-top-count-part-line"></div>
  481. <div class="mcjc-top-count-part-name">日处理量</div>
  482. </div>
  483. </div>
  484. </div>
  485. </div>
  486. </div>
  487. </div>
  488. </div>
  489. </div>
  490. <div id="step-warn-set">
  491. </div>
  492. <!-- 密码输入 -->
  493. <div id="passwordConfirm" class="webdesigntuts-workshop">
  494. <span>
  495. <input class="input conceal" id="input" type="text" placeholder="请输入密码">
  496. <button onclick="passwordConfirm();">确认</button>
  497. </span>
  498. </div>
  499. <div class="extra-container">
  500. <div id="lightcontroller" class="extra-dataset-box">
  501. <div class="open-box-head">灯光控制</div>
  502. <div class="open-box-body">
  503. <div class="lightbuild-choose">
  504. #set($qycount = 1)
  505. #foreach($obj in $!qydaList)
  506. <div #if($!qycount == 1) class='areabuild-name active' #else class='areabuild-name' #end>$!obj.qymc</div>
  507. #set($qycount = $!qycount + 1)
  508. #end
  509. </div>
  510. <div class="light-container">
  511. <div class="container-head-info">
  512. 只有当现场旋钮为自动状态时,灯光控制方可生效
  513. </div>
  514. #set($qycount = 1)
  515. #foreach($obj in $!qydaList)
  516. <div #if($!qycount == 1) class="light-list active" #else class="light-list" #end>
  517. #foreach($o in $!obj.zsdaList)
  518. <div class="light-box">
  519. <div class="light-head">
  520. <div class="light-name">
  521. $!o.zsmc
  522. </div>
  523. </div>
  524. <div class="light-content">
  525. <div class="light-awayset" id="ds$!{o.jqid}">
  526. <label style="margin-right:15px;">
  527. <input type="checkbox" class="awayset" readonly="readonly" #if("$!o.dgyckz" == "0" || "$!o.dgyckz" == "1") checked="checked" #end>&nbsp;&nbsp;远程控制
  528. </label>
  529. <span class="light-item">
  530. <input type="checkbox" class="awaysetswitch"
  531. #if("$!o.dgyckz" == "3" || "$!o.dgyckz" == "") disabled="disabled" #end
  532. #if("$!o.dgyckz" == "1") checked="checked" #end
  533. />
  534. </span>
  535. </div>
  536. <div class="timer-table">
  537. <div class="timer-name">定时设置</div>
  538. <table cellpadding="0" cellspacing="0" class="timer-dataTable">
  539. <tr>
  540. <td></td>
  541. <td>启动时间</td>
  542. <td>运行时长(min)</td>
  543. </tr>
  544. <tr id="sz$!{o.jqid}">
  545. <td>1</td>
  546. <td><input type="text" class="form_time" value="$!o.dgpzsj"></td>
  547. <td><input type="text" class="" value="$!o.dgpzsc"></td>
  548. </tr>
  549. </table>
  550. </div>
  551. <div class="lightsave-btns">
  552. <div class="btn-savesert dksave" data-jqid="$!o.jqid">保存</div>
  553. </div>
  554. </div>
  555. </div>
  556. #end
  557. </div>
  558. #set($qycount = $!qycount + 1)
  559. #end
  560. </div>
  561. </div>
  562. </div>
  563. </div>
  564. <div class="extra-container">
  565. <div id="foodLinecontroller" class="extra-dataset-box">
  566. <div class="open-box-head">料线控制</div>
  567. <div class="open-box-body">
  568. <div class="foodLinebuild-choose">
  569. #set($lxcount = 1)
  570. #foreach($obj in $!lxzsList)
  571. <div #if($!lxcount == 1) class='areabuild-name active' #else class='areabuild-name' #end>$!obj.zsmc</div>
  572. #set($lxcount = $!lxcount + 1)
  573. #end
  574. </div>
  575. <div class="foodLine-container">
  576. <div class="container-head-info">
  577. 请确保现场料线电气柜的硬件旋钮为“自动”
  578. </div>
  579. #set($lxcount = 1)
  580. #foreach($obj in $!lxzsList)
  581. <div #if($!lxcount == 1) class="foodLine-list active" #else class="foodLine-list" #end>
  582. #foreach($o in $!obj.daList)
  583. <div class="foodLine-box">
  584. <div class="foodLine-head">
  585. <div class="foodLine-name">
  586. 料线$!o.sbxh
  587. </div>
  588. </div>
  589. <div class="foodLine-content">
  590. <div class="relation-romms">
  591. 关联:21舍,22舍,23舍
  592. </div>
  593. <div class="foodLineStatus">
  594. 运行状态:<!-- <span class="auto-mode">手动模式类为handle-mode自动模式</span>, -->
  595. <span class="foodLine-stop"><!--运行类为foodLine-run,故障类为foodLine-error-->#if("$!o.yxzt" == "1")运行#else停机#end</span>,
  596. <span class="foodLine-full"><!--NULL类为handle-null-->#if("$!o.mlzt" == "1")满料#else未满料#end</span>
  597. </div>
  598. <div class="foodLine-awayset" name="kz$!obj.jqid">
  599. <label>
  600. <input type="checkbox" class="awayset" readonly="readonly" #if("$!o.yxzt" == "1" || "$!o.mlzt" == "1") disabled="disabled" #end>&nbsp;&nbsp;远程控制
  601. </label>
  602. <span class="foodLineright-item">设置运行时间:<input class="awayinput" type="text" #if("$!o.yxzt" == "1" || "$!o.mlzt" == "1") disabled="disabled" #end/>分钟</span>
  603. </div>
  604. <div class="timer-table">
  605. <div class="timer-name">定时设置</div>
  606. <!-- <div class="clear-btn">清除</div> -->
  607. <table cellpadding="0" cellspacing="0" class="timer-dataTable" name="ds$!obj.jqid">
  608. <tr>
  609. <td></td>
  610. <td>启动时间</td>
  611. <td>运行时长(min)</td>
  612. </tr>
  613. <tr>
  614. <td>1</td>
  615. <td><input type="text" class="form_time" value="$!o.ds1"></td>
  616. <td><input type="text" class="" value="$!o.dssc1"></td>
  617. </tr>
  618. <tr>
  619. <td>2</td>
  620. <td><input type="text" class="form_time" value="$!o.ds2"></td>
  621. <td><input type="text" class="" value="$!o.dssc2"></td>
  622. </tr>
  623. <tr>
  624. <td>3</td>
  625. <td><input type="text" class="form_time" value="$!o.ds3"></td>
  626. <td><input type="text" class="" value="$!o.dssc3"></td>
  627. </tr>
  628. <tr>
  629. <td>4</td>
  630. <td><input type="text" class="form_time" value="$!o.ds4"></td>
  631. <td><input type="text" class="" value="$!o.dssc4"></td>
  632. </tr>
  633. <tr>
  634. <td>5</td>
  635. <td><input type="text" class="form_time" value="$!o.ds5"></td>
  636. <td><input type="text" class="" value="$!o.dssc5"></td>
  637. </tr>
  638. </table>
  639. </div>
  640. <div class="foodLinesave-btns">
  641. <div class="btn-savesert lxsave" data-jqid="$!obj.jqid">保存</div>
  642. </div>
  643. </div>
  644. </div>
  645. #end
  646. </div>
  647. #set($lxcount = $!lxcount + 1)
  648. #end
  649. <div class="foodLine-list">
  650. </div>
  651. </div>
  652. </div>
  653. </div>
  654. </div>
  655. </div>
  656. <div class="outter-controller">
  657. <div class="tit"></div>
  658. <div class="extra-icon"><img src="views/htclient/images/light.png" /></div>
  659. <div class="extra-icon"><img src="views/htclient/images/foodLine.png" /></div>
  660. </div>
  661. <!-- 体温监测数据弹窗 -->
  662. <div id='temp-outwindow'>
  663. <div class='temp-outwindow-head'>体温监测</div>
  664. <div class='temp-window-body'>
  665. <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
  666. <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
  667. <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
  668. <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
  669. <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
  670. <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
  671. <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
  672. <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
  673. <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
  674. <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
  675. <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
  676. <div class='temp-data-tiem'><div class='temp-data-name'>2019082312</div><div class='temp-data-value'>37.5℃</div></div>
  677. </div>
  678. <div class='wrapper' style="width:600px;height:310px;float: left;">
  679. <div class='tab'>
  680. <div class='tab-bid'>耳标体温</div>
  681. </div>
  682. <div class="wrapper-content">
  683. <div class="content-container">
  684. <div class='zhejiao zhejiao-1'></div>
  685. <div class='zhejiao zhejiao-2'></div>
  686. <div class='zhejiao zhejiao-3'></div>
  687. <div class='zhejiao zhejiao-4'></div>
  688. <div id='chart-ebtw'></div>
  689. </div>
  690. </div>
  691. </div>
  692. <div class='wrapper' style="width:600px;height:310px;float: left;">
  693. <div class='tab'>
  694. <div class='tab-bid'>运动时长</div>
  695. </div>
  696. <div class="wrapper-content">
  697. <div class="content-container">
  698. <div class='zhejiao zhejiao-1'></div>
  699. <div class='zhejiao zhejiao-2'></div>
  700. <div class='zhejiao zhejiao-3'></div>
  701. <div class='zhejiao zhejiao-4'></div>
  702. <div id='chart-ebsc'></div>
  703. </div>
  704. </div>
  705. </div>
  706. </div>
  707. <!-- <script type="text/javascript" src="views/htclient/js/jquery-clock-timepicker.min.js" charset="UTF-8"></script>-->
  708. <script src="views/htclient/js/timedropper.js"></script>
  709. <script type="text/javascript" src="views/htclient/js/ios6switch.js"></script>
  710. <script>
  711. //牧场地图事件
  712. $(".build-map").delegate("area","click",function(event){
  713. var canvers = document.getElementById("diagonal");//为了区域现形做一个画布
  714. var context = canvers.getContext("2d");
  715. context.globalAlpha = 0.5;
  716. context.clearRect(0, 0, 732, 377);
  717. var target = $(event.target);
  718. context.beginPath();
  719. var strs = new Array(); //定义一数组
  720. var coords = target.attr('coords');
  721. coords=coords.replace("\"","");
  722. coords=coords.replace("\"","");
  723. strs = coords.split(",");
  724. context.moveTo(strs[0], strs[1]);
  725. for (var i = 2; i < strs.length; i = i + 2) {
  726. context.lineTo(strs[i], strs[i + 1]);
  727. }
  728. context.stroke();
  729. context.fillStyle = "#f00";
  730. context.fill();
  731. context.closePath(); //闭合
  732. })
  733. function qyClick(obj) {
  734. var canvers = document.getElementById("diagonal");//为了区域现形做一个画布
  735. var canvers = document.getElementById("diagonal");//为了区域现形做一个画布
  736. var context = canvers.getContext("2d");
  737. context.globalAlpha = 0.5;
  738. context.clearRect(0, 0, 732, 377);
  739. var target = $(obj);
  740. context.beginPath();
  741. var strs = new Array(); //定义一数组
  742. var coords = target.attr('coords');
  743. coords=coords.replace("\"","");
  744. coords=coords.replace("\"","");
  745. strs = coords.split(",");
  746. context.moveTo(strs[0], strs[1]);
  747. for (var i = 2; i < strs.length; i = i + 2) {
  748. context.lineTo(strs[i], strs[i + 1]);
  749. }
  750. context.stroke();
  751. context.fillStyle = "#f00";
  752. context.fill();
  753. context.closePath(); //闭合
  754. }
  755. //料线及灯光控制
  756. $(".outter-controller").on("mouseover",function(){
  757. $(this).css("right",0);
  758. })
  759. $(".outter-controller").on("mouseout",function(){
  760. $(this).css("right","-50px");
  761. })
  762. $(".outter-controller .extra-icon").on("click",function(){
  763. var i = $(this).index(".outter-controller .extra-icon");
  764. console.log(i)
  765. $(".awaysetswitch").ios6switch({
  766. "size":18,
  767. "switchoffText":"OFF",
  768. "switchonText":"ON"
  769. });
  770. $(".extra-container").hide();
  771. $(".extra-container").eq(i).show()
  772. })
  773. $(".light-awayset .awayset").each(function(){
  774. if($(this).prop("checked") == false){
  775. //未选中
  776. $(this).parents(".light-awayset").find(".awaysetswitch").trigger("disable");
  777. }else{
  778. $(this).parents(".light-awayset").find(".awaysetswitch").trigger("enable");
  779. }
  780. })
  781. $(".light-awayset .awayset").on("change",function(){
  782. var $checkbox = $(this);
  783. if($(this).prop("checked") == false){
  784. //未选中
  785. $(this).parents(".light-awayset").find(".awaysetswitch").trigger("disable");
  786. }else{
  787. $(this).parents(".light-awayset").find(".awaysetswitch").trigger("enable");
  788. }
  789. });
  790. $(".foodLine-awayset .awayset").each(function(){
  791. if($(this).prop("checked") == false){
  792. //未选中
  793. $(this).parents(".foodLine-awayset").find(":text").attr("readonly","readonly")
  794. }else{
  795. $(this).parents(".foodLine-awayset").find(":text").removeAttr("readonly")
  796. }
  797. })
  798. $(".foodLine-awayset .awayset").on("change",function(){
  799. var $checkbox = $(this);
  800. if($(this).prop("checked") == false){
  801. //未选中
  802. $(this).parents(".foodLine-awayset").find(":text").attr("readonly","readonly")
  803. }else{
  804. $(this).parents(".foodLine-awayset").find(":text").removeAttr("readonly")
  805. }
  806. });
  807. $(window).keyup(function (e) {
  808. if (e.keyCode == 27) {
  809. $('.extra-container').hide();
  810. }
  811. });
  812. $(".extra-container").on('click',function(){
  813. $(this).hide();
  814. })
  815. $(".extra-dataset-box").on('click',function(){
  816. event.stopPropagation();
  817. })
  818. $('.foodLinebuild-choose .areabuild-name').on('click',function(){
  819. var n = $(this).index('.foodLinebuild-choose .areabuild-name');
  820. $('.foodLinebuild-choose .areabuild-name').removeClass('active');
  821. $(this).addClass('active');
  822. $('.foodLine-list').removeClass('active');
  823. $('.foodLine-list').eq(n).addClass('active');
  824. })
  825. $('.lightbuild-choose .areabuild-name').on('click',function(){
  826. var n = $(this).index('.lightbuild-choose .areabuild-name');
  827. $('.lightbuild-choose .areabuild-name').removeClass('active');
  828. $(this).addClass('active');
  829. $('.light-list').removeClass('active');
  830. $('.light-list').eq(n).addClass('active');
  831. })
  832. //
  833. //$('.form_time').clockTimePicker({});
  834. $( ".form_time" ).timeDropper({
  835. meridians:false,
  836. setCurrentTime:false,
  837. });
  838. $(".handle-btn").on('click', function() {
  839. if ($(this).hasClass("working")) {
  840. $(this).removeClass("working");
  841. $(this).text("开始上料");
  842. } else {
  843. $(this).addClass("working");
  844. $(this).text("结束上料");
  845. }
  846. });
  847. $('.subBtn').on('click',function(){
  848. var ds = $(this).data("ds");
  849. var fl = $(this).parent().parent().find(".lxautoandhandle");
  850. var dssj = "";
  851. var lxsz = "";
  852. for (var i = 0; i < fl.length; i++) {
  853. var sdsj = fl.eq(i).find(".sdsj").val();
  854. var sdsz = "0";
  855. if (fl.eq(i).find(".working") && fl.eq(i).find(".working").length > 0) {
  856. sdsz = "1";
  857. }
  858. dssj += sdsz + "," + sdsj + ";";
  859. var sz = "";
  860. var input = fl.eq(i).find(".lxright-content").find("input");
  861. for (var j = 0; j < input.length; j++) {
  862. sz += input.eq(j).val();
  863. if (j % 2 == 0) {
  864. sz += ","
  865. } else {
  866. sz += "#";
  867. }
  868. }
  869. if (sz != "") {
  870. sz = sz.substring(0, sz.length - 1) + ";";
  871. }
  872. lxsz += sz;
  873. }
  874. //保存料线设置
  875. jQuery.ajax({
  876. type : "post",
  877. url : "saveLx.htm",
  878. data : {
  879. "ds" : ds,
  880. "dssj" : dssj,
  881. "lxsz" : lxsz
  882. },
  883. dataType : "json",
  884. success : function(data) {
  885. if(data.returnCode == "1") {
  886. alert('设置成功');
  887. event.stopPropagation();
  888. } else {
  889. alert('设置失败,请检查数据');
  890. }
  891. }
  892. })
  893. })
  894. $(".lxsave").on('click', function() {
  895. var kzval = "";
  896. var dsval = "";
  897. var jqid = $(this).data("jqid");
  898. var kz = $("[name='kz" + jqid + "']");
  899. for (var i = 0; i < kz.length; i++) {
  900. if (kz.eq(i).find(".awayset").is(":checked")) {
  901. kzval += "1";
  902. } else {
  903. kzval += "0";
  904. }
  905. if (kz.eq(i).find(".awayinput").val() == "") {
  906. kzval += ",0";
  907. } else {
  908. kzval += "," + kz.eq(i).find(".awayinput").val();
  909. }
  910. if (i != kz.length - 1) {
  911. kzval += ";";
  912. }
  913. }
  914. var ds = $("[name='ds" + jqid + "']").find("input");
  915. var count = 1;
  916. console.log(ds.length);
  917. for (var i = 0; i < ds.length; i++) {
  918. var val = ds.eq(i).val().replace(":", "");
  919. if (val == "") {
  920. val = "0";
  921. }
  922. dsval += val;
  923. if (i != ds.length - 1) {
  924. if (count % 2 == 1) {
  925. dsval += ",";
  926. }
  927. if (count % 2 == 0) {
  928. if (count % 10 == 0) {
  929. dsval += "#";
  930. console.log(dsval);
  931. } else {
  932. dsval += ";";
  933. }
  934. }
  935. }
  936. count++;
  937. }
  938. //保存料线设置
  939. jQuery.ajax({
  940. type : "post",
  941. url : "saveLxkz.htm",
  942. data : {
  943. "jqid" : jqid,
  944. "dsval" : dsval,
  945. "kzval" : kzval
  946. },
  947. dataType : "json",
  948. success : function(data) {
  949. if(data.returnCode == "1") {
  950. alert('设置成功');
  951. } else {
  952. alert('设置失败,请检查数据');
  953. }
  954. }
  955. })
  956. });
  957. $(".dksave").on('click', function() {
  958. var dsval = "";
  959. var jqid = $(this).data("jqid");
  960. var ds = $("#ds" + jqid).find(".awayset");
  961. if (ds.is(":checked")) {
  962. ds = $("#ds" + jqid).find(".awaysetswitch");
  963. if (ds.is(":checked")) {
  964. dsval = "1"
  965. } else {
  966. dsval = "0"
  967. }
  968. } else {
  969. dsval = "3";
  970. }
  971. var szval = "";
  972. var sz = $("#sz" + jqid).find("input");
  973. szval = sz.eq(0).val().replace(":", "") + "," + sz.eq(1).val();
  974. //保存料线设置
  975. jQuery.ajax({
  976. type : "post",
  977. url : "saveDgkz.htm",
  978. data : {
  979. "jqid" : jqid,
  980. "dsval" : szval,
  981. "szval" : dsval
  982. },
  983. dataType : "json",
  984. success : function(data) {
  985. if(data.returnCode == "1") {
  986. alert('设置成功');
  987. } else {
  988. alert('设置失败,请检查数据');
  989. }
  990. }
  991. })
  992. });
  993. $('.cancelIt').on('click',function(){
  994. $('#lxcontroller-container').hide();
  995. event.stopPropagation();
  996. })
  997. $('.areabuild-name').on('click',function(){
  998. var n = $(this).index('.areabuild-name');
  999. $('.areabuild-name').removeClass('active');
  1000. $(this).addClass('active');
  1001. $('.lx-container').hide();
  1002. $('.lx-container').eq(n).show();
  1003. })
  1004. $("#fwcl").on("click" , function(){
  1005. var mcid = $("#mcid").val();
  1006. $("#right").html("");
  1007. huimv.loadPage("right", "wsclIndex.htm?mcid=" + mcid);
  1008. })
  1009. $("#spjk").on("click" , function(){
  1010. var mcid = $("#mcid").val();
  1011. $("#right").html("");
  1012. huimv.loadPage("right", "spjkIndex.htm?mcid=" + mcid);
  1013. })
  1014. var zsid = "";
  1015. var ifchecked = "false";
  1016. //回车确认密码
  1017. $(window).on('keyup',function (e){
  1018. if (e.keyCode == 13) {
  1019. passwordConfirm();
  1020. }
  1021. });
  1022. $("#passwordConfirm").on('click',function(e){
  1023. event.stopPropagation();
  1024. })
  1025. //提交密码
  1026. function passwordConfirm(){
  1027. var password = $('#input').val();
  1028. jQuery.ajax({
  1029. type : "post",
  1030. url : "checkedDpPassword.htm",
  1031. data : {
  1032. "password" : password
  1033. },
  1034. dataType : "json",
  1035. success : function(data) {
  1036. if(data.returnCode == "1") {
  1037. $("#passwordConfirm").hide();
  1038. $('#input').val("");
  1039. //加入档位页面
  1040. $("#step-warn-set").html("");
  1041. huimv.loadPage("step-warn-set", "mcDwbj.htm?zsid=" + zsid);
  1042. $('#step-warn-set').show();
  1043. ifchecked = "true";
  1044. //加入时间戳
  1045. var mydate = new Date();
  1046. localStorage.setItem("signTime" , mydate.getTime());
  1047. }else {
  1048. alert("密码不正确");
  1049. }
  1050. }
  1051. })
  1052. }
  1053. /* 弹窗 */
  1054. $('.tempvalue').click(function(){
  1055. $(this).parent().find('.tempchange').show();
  1056. $(this).parent().find('.tempchange').focus();
  1057. })
  1058. $('.tempchange').blur(function(){
  1059. $(this).hide();
  1060. })
  1061. $('.tempchange').change(function(){
  1062. var v = $(this).val();
  1063. $(this).parent().find('.tempvalue').text(v);
  1064. })
  1065. $('.warnaction').click(function(){
  1066. if($(this).hasClass('checked')){
  1067. $(this).removeClass('checked');
  1068. }else{
  1069. $(this).addClass('checked');
  1070. }
  1071. })
  1072. //弹出设备控制弹窗11
  1073. $('.build-container li').dblclick(function(){
  1074. var id = $(this).attr("data-zsid")
  1075. zsid = id;
  1076. var time = localStorage.getItem("signTime");
  1077. var now = new Date();
  1078. //guest 账号 点击无效
  1079. var guest = $("#guest").val();
  1080. if(guest == "true") {
  1081. return;
  1082. }
  1083. if(time !== "" && time != null ) {
  1084. var change = now.getTime() - time;
  1085. if(change > 1*60*1000) {
  1086. //超时,需要重新输入
  1087. $("#passwordConfirm").show();
  1088. }else {
  1089. //时间在1小时内 直接查看
  1090. $("#step-warn-set").html("fghju");
  1091. $('#step-warn-set').show();
  1092. huimv.loadPage("step-warn-set", "mcDwbj.htm?zsid=" + id);
  1093. }
  1094. }else {
  1095. //没有时间戳 需要校验密码
  1096. $("#passwordConfirm").show();
  1097. event.stopPropagation();
  1098. }
  1099. event.stopPropagation();
  1100. })
  1101. //input输入限制
  1102. $('.imit').on('blur', "input",function(e) {
  1103. var input = $(this);
  1104. var newNum = $(this).val();
  1105. var name = $(this).parent().parent().find('div:first-of-type').html();
  1106. var that = $(this).parent().parent().attr("name");
  1107. if (that == "10") { //变频风机
  1108. reg(40,newNum,100,name,input);
  1109. }else if (that == "13" || that == "12" || that == "11") { //进风窗
  1110. reg(0,newNum,100,name,input);
  1111. }
  1112. });
  1113. $("#lxcontroller-container").on("click",function(){
  1114. $('#lxcontroller-container').hide();
  1115. })
  1116. $("#lxcontroller").on("click",function(){
  1117. event.stopPropagation();
  1118. })
  1119. $(document).click(function(){
  1120. $('#step-warn-set').hide();
  1121. $("#passwordConfirm").hide();
  1122. $('#temp-outwindow').hide();
  1123. })
  1124. $('#step-warn-set').click(function(){
  1125. event.stopPropagation();
  1126. })
  1127. $('#temp-outwindow').on('click',function(){
  1128. event.stopPropagation();
  1129. })
  1130. $('#chart-twjc').on('click',function(){
  1131. event.stopPropagation();
  1132. })
  1133. var myChart_chart_pzjgfb2, myChart_chart_fmzzfb2, myChart_chart_twjc, myChart_chart_ttfb2, myChart_chart_yffb2, myChart_chart_ebtw, myChart_chart_ebsc;
  1134. var myChart_chart_swtj, myChart_chart_fwclssjc, myChart_chart_nh3ssqx2, myChart_chart_wdsdaq2, myChart_chart_nh2,myChart_ys,myChart_chart_sy;
  1135. var sit2 = setTimeout(function() {
  1136. var options = {
  1137. horizontal: 1,
  1138. itemNav: 'centered',
  1139. smart: 1,
  1140. activateOn: 'click',
  1141. mouseDragging: 1,
  1142. touchDragging: 1,
  1143. speed: 200,
  1144. moveBy: 600,
  1145. //自动循环
  1146. cycleBy: "items",
  1147. cycleInterval: 6000,
  1148. }
  1149. sly = new Sly($('#mcBoxUlMc'), options).init();
  1150. sly.next();
  1151. //console.log(sly)
  1152. //sly.off('active');
  1153. sly.on('active', function (eventName, itemIndex) {
  1154. console.log('mcindex')
  1155. var lqid = $(".single li.active").attr("data-lqid");
  1156. var zsqy = $(".single li.active").attr("data-zsqy");
  1157. var o = myChart_chart_wdsdaq2.getOption();
  1158. //if(o.legend>0){
  1159. //for(var i=0;i<3;++i){
  1160. if (o.legend[0].selected) {
  1161. for(var i in o.legend[0].selected){
  1162. if(o.legend[0].selected[i]){
  1163. if(i=='温度'){
  1164. getSsqxSj(lqid, "snwd");
  1165. }else if(i=='湿度'){
  1166. getSsqxSj(lqid, "snsd");
  1167. }else{
  1168. getSsqxSj(lqid, "snaq");
  1169. }
  1170. reZzwd(lqid);
  1171. }
  1172. }
  1173. }
  1174. //}
  1175. var zsqyOld = $("#zsqy").val();
  1176. if (zsqyOld === "" || zsqyOld == "0" || zsqyOld == "") {
  1177. zsqy = "15";
  1178. }
  1179. if (zsqyOld == "" || zsqyOld != zsqy) {
  1180. $("#zsqy").val(zsqy);
  1181. getSsqxSj(zsqy, "sldl");
  1182. //getSsqxSj(zsqy, "snsy")
  1183. }
  1184. });
  1185. /*右侧图表*/
  1186. var dom_chart_pzjgfb2 = document.getElementById("chart-pzjgfb2");
  1187. var dom_chart_fmzzfb2 = document.getElementById("chart-fmzzfb2");
  1188. var dom_chart_twjc = document.getElementById("chart-twjc");
  1189. var dom_chart_ttfb2 = document.getElementById("chart-ttfb2");
  1190. var dom_chart_yffb2 = document.getElementById("chart-yffb2");
  1191. var dom_chart_swtj = document.getElementById("chart-swtj");
  1192. var dom_chart_ebtw = document.getElementById("chart-ebtw");
  1193. var dom_chart_ebsc = document.getElementById("chart-ebsc");
  1194. var dom_chart_fwclssjc = document.getElementById("chart-fwclssjc");
  1195. var dom_ys = document.getElementById("chart-ys");
  1196. var dom_chart_sy = document.getElementById("chart-sy");
  1197. var dom_chart_wdsdaq2 = document.getElementById("chart-wdsdaq2");
  1198. var dom_chart_nh2 = document.getElementById("chart-nh2");
  1199. myChart_chart_pzjgfb2 = echarts.init(dom_chart_pzjgfb2);
  1200. myChart_chart_fmzzfb2 = echarts.init(dom_chart_fmzzfb2);
  1201. myChart_chart_twjc = echarts.init(dom_chart_twjc);
  1202. myChart_chart_ttfb2 = echarts.init(dom_chart_ttfb2);
  1203. myChart_chart_yffb2 = echarts.init(dom_chart_yffb2);
  1204. myChart_chart_swtj = echarts.init(dom_chart_swtj);
  1205. myChart_chart_ebtw = echarts.init(dom_chart_ebtw);
  1206. myChart_chart_ebsc = echarts.init(dom_chart_ebsc);
  1207. myChart_chart_fwclssjc = echarts.init(dom_chart_fwclssjc);
  1208. myChart_ys= echarts.init(dom_ys);
  1209. myChart_chart_sy= echarts.init(dom_chart_sy);
  1210. myChart_chart_wdsdaq2 = echarts.init(dom_chart_wdsdaq2);
  1211. myChart_chart_nh2 = echarts.init(dom_chart_nh2);
  1212. var app = {};
  1213. var option_chart_pzjgfb2 = null,
  1214. option_chart_fmzzfb2 = null,
  1215. option_chart_twjc = null,
  1216. option_chart_ttfb2 = null,
  1217. option_chart_yffb2 = null,
  1218. option_chart_swtj = null,
  1219. option_chart_ebtw = null,
  1220. option_chart_ebsc = null,
  1221. option_chart_fwclssjc = null,
  1222. option_chart_wdsdaq2 = null,
  1223. option_chart_nh2 = null,
  1224. option_ys=null;
  1225. //配种结果分布图(右侧)
  1226. option_chart_pzjgfb2 = {
  1227. tooltip : {
  1228. trigger : 'axis',
  1229. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  1230. type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  1231. },
  1232. formatter : "{c} {b}"
  1233. },
  1234. grid : {
  1235. x : '3%',
  1236. y : '10%',
  1237. x2 : '45%',
  1238. y2 : '3%',
  1239. containLabel : true
  1240. },
  1241. xAxis : [
  1242. {
  1243. type : 'category',
  1244. data : [ '配种', '怀孕', '流产', '返情', '其他' ],
  1245. axisTick : {
  1246. alignWithLabel : true
  1247. },
  1248. axisLine : {
  1249. show : true,
  1250. lineStyle : {
  1251. type : 'solid',
  1252. color : '#ccf5f9', //左边线的颜色
  1253. width : '1' //坐标线的宽度
  1254. }
  1255. },
  1256. }
  1257. ],
  1258. yAxis : [
  1259. {
  1260. type : 'value',
  1261. axisLine : {
  1262. show : true,
  1263. lineStyle : {
  1264. type : 'solid',
  1265. color : '#ccf5f9', //左边线的颜色
  1266. width : '1' //坐标线的宽度
  1267. }
  1268. },
  1269. splitLine : {
  1270. show : false
  1271. }
  1272. }
  1273. ],
  1274. series : [
  1275. {
  1276. name : '配种结果分布图',
  1277. type : 'bar',
  1278. barWidth : '50%',
  1279. data : [ {
  1280. value : '$!sjlr.pzjgfbpz',
  1281. name : '头'
  1282. }, {
  1283. value : '$!sjlr.pzjgfbhy',
  1284. name : '头'
  1285. }, {
  1286. value : '$!sjlr.pzjgfblc',
  1287. name : '头'
  1288. }, {
  1289. value : '$!sjlr.pzjgfbfq' ,
  1290. name : '头'
  1291. }, {
  1292. value : '$!sjlr.pzjgfbqt',
  1293. name : '头'
  1294. } ],
  1295. itemStyle : {
  1296. normal : {
  1297. color : new echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
  1298. offset : 0,
  1299. color : '#dc848a'
  1300. },
  1301. {
  1302. offset : 0.5,
  1303. color : '#d83f6e'
  1304. },
  1305. {
  1306. offset : 1,
  1307. color : '#3928ac'
  1308. } ]),
  1309. label : {
  1310. show : true, //开启显示
  1311. position : 'top', //在上方显示
  1312. textStyle : { //数值样式
  1313. color : '#ccf5f9',
  1314. fontSize : 12
  1315. }
  1316. }
  1317. }
  1318. },
  1319. },
  1320. {
  1321. name : '配种分娩率',
  1322. type : 'gauge',
  1323. center : [ '80%', '50%' ],
  1324. min : 0,
  1325. max : 100,
  1326. splitNumber : 10,
  1327. radius : '85%',
  1328. axisLine : { // 坐标轴线
  1329. lineStyle : { // 属性lineStyle控制线条样式
  1330. color : [ [ 0.2, '#bb1b57' ], [ 0.8, '#972dab' ], [ 1, '#3e2984' ] ],
  1331. width : 20,
  1332. //shadowColor : '#fff', //默认透明
  1333. //shadowBlur: 10
  1334. }
  1335. },
  1336. axisTick : { // 坐标轴小标记
  1337. length : 5, // 属性length控制线长
  1338. lineStyle : { // 属性lineStyle控制线条样式
  1339. color : 'auto'
  1340. }
  1341. },
  1342. splitLine : { // 分隔线
  1343. length : 20, // 属性length控制线长
  1344. lineStyle : { // 属性lineStyle(详见lineStyle)控制线条样式
  1345. color : 'auto'
  1346. }
  1347. },
  1348. axisLabel : { // 坐标轴小标记
  1349. textStyle : { // 属性lineStyle控制线条样式
  1350. fontSize : 9, //改变仪表盘内刻度数字的大小
  1351. //shadowColor : '#000', //默认透明
  1352. color : '#ccf5f9'
  1353. }
  1354. },
  1355. pointer : {
  1356. width : 3, //指针的宽度
  1357. length : "60%", //指针长度,按照半圆半径的百分比
  1358. shadowColor : '#ccc', //默认透明
  1359. shadowBlur : 5
  1360. },
  1361. title : {
  1362. // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  1363. offsetCenter : [ 0, '65%' ],
  1364. fontSize : 12,
  1365. color : "#ccf5f9",
  1366. },
  1367. detail : {
  1368. fontSize : 12,
  1369. // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  1370. formatter : function(value) {
  1371. value = (value + '').split('.');
  1372. value.length < 2 && (value.push('00'));
  1373. return ('00' + value[0]).slice(0 - value[0].length)
  1374. + '.' + (value[1] + '00').slice(0, 2) + '%';
  1375. }
  1376. },
  1377. textStyle : {
  1378. color : "#ccf5f9",
  1379. fontSize : 12
  1380. },
  1381. data : [ {
  1382. value : '$!sjlr.pzjgfbpzfml',
  1383. name : '配种分娩率'
  1384. } ]
  1385. }
  1386. ]
  1387. };
  1388. //分娩猪仔分布图(右侧)
  1389. option_chart_fmzzfb2 = {
  1390. tooltip : {
  1391. trigger : 'axis',
  1392. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  1393. type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  1394. },
  1395. formatter : "{c} {b}"
  1396. },
  1397. grid : {
  1398. x : '3%',
  1399. y : '10%',
  1400. x2 : '45%',
  1401. y2 : '3%',
  1402. containLabel : true
  1403. },
  1404. xAxis : [
  1405. {
  1406. type : 'category',
  1407. data : [ '健仔', '弱仔', '畸形', '木乃伊', '死胎' ],
  1408. axisTick : {
  1409. alignWithLabel : true
  1410. },
  1411. axisLine : {
  1412. show : true,
  1413. lineStyle : {
  1414. type : 'solid',
  1415. color : '#ccf5f9', //左边线的颜色
  1416. width : '1' //坐标线的宽度
  1417. }
  1418. },
  1419. }
  1420. ],
  1421. yAxis : [
  1422. {
  1423. type : 'value',
  1424. axisLine : {
  1425. show : true,
  1426. lineStyle : {
  1427. type : 'solid',
  1428. color : '#ccf5f9', //左边线的颜色
  1429. width : '1' //坐标线的宽度
  1430. }
  1431. },
  1432. splitLine : {
  1433. show : false
  1434. }
  1435. }
  1436. ],
  1437. series : [
  1438. {
  1439. name : '分娩猪仔分布图',
  1440. type : 'bar',
  1441. barWidth : '50%',
  1442. data : [ {
  1443. value : '$!sjlr.fmzzfbtjzs' ,
  1444. name : '头'
  1445. }, {
  1446. value : '$!sjlr.fmzzfbtrzs',
  1447. name : '头'
  1448. }, {
  1449. value : '$!sjlr.fmzzfbtjxs' ,
  1450. name : '头'
  1451. }, {
  1452. value : '$!sjlr.fmzzfbtmnys' ,
  1453. name : '头'
  1454. }, {
  1455. value : '$!sjlr.fmzzfbtsts' ,
  1456. name : '头'
  1457. } ],
  1458. itemStyle : {
  1459. normal : {
  1460. color : new echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
  1461. offset : 0,
  1462. color : '#dc848a'
  1463. },
  1464. {
  1465. offset : 0.5,
  1466. color : '#d83f6e'
  1467. },
  1468. {
  1469. offset : 1,
  1470. color : '#3928ac'
  1471. } ]),
  1472. label : {
  1473. show : true, //开启显示
  1474. position : 'top', //在上方显示
  1475. textStyle : { //数值样式
  1476. color : '#ccf5f9',
  1477. fontSize : 12
  1478. }
  1479. }
  1480. }
  1481. },
  1482. },
  1483. {
  1484. name : '分娩存活率',
  1485. type : 'gauge',
  1486. center : [ '80%', '50%' ],
  1487. min : 0,
  1488. max : 100,
  1489. splitNumber : 10,
  1490. radius : '85%',
  1491. axisLine : { // 坐标轴线
  1492. lineStyle : { // 属性lineStyle控制线条样式
  1493. color : [ [ 0.2, '#bb1b57' ], [ 0.8, '#972dab' ], [ 1, '#3e2984' ] ],
  1494. width : 20,
  1495. //shadowColor : '#fff', //默认透明
  1496. //shadowBlur: 10
  1497. }
  1498. },
  1499. axisTick : { // 坐标轴小标记
  1500. length : 5, // 属性length控制线长
  1501. lineStyle : { // 属性lineStyle控制线条样式
  1502. color : 'auto'
  1503. }
  1504. },
  1505. splitLine : { // 分隔线
  1506. length : 20, // 属性length控制线长
  1507. lineStyle : { // 属性lineStyle(详见lineStyle)控制线条样式
  1508. color : 'auto'
  1509. }
  1510. },
  1511. axisLabel : { // 坐标轴小标记
  1512. textStyle : { // 属性lineStyle控制线条样式
  1513. fontSize : 9, //改变仪表盘内刻度数字的大小
  1514. //shadowColor : '#000', //默认透明
  1515. color : '#ccf5f9'
  1516. }
  1517. },
  1518. pointer : {
  1519. width : 3, //指针的宽度
  1520. length : "60%", //指针长度,按照半圆半径的百分比
  1521. shadowColor : '#ccc', //默认透明
  1522. shadowBlur : 5
  1523. },
  1524. title : {
  1525. // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  1526. offsetCenter : [ 0, '65%' ],
  1527. fontSize : 12,
  1528. color : "#ccf5f9",
  1529. },
  1530. detail : {
  1531. fontSize : 12,
  1532. // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  1533. formatter : function(value) {
  1534. value = (value + '').split('.');
  1535. value.length < 2 && (value.push('00'));
  1536. return ('00' + value[0]).slice(0 - value[0].length)
  1537. + '.' + (value[1] + '00').slice(0, 2) + '%';
  1538. }
  1539. },
  1540. textStyle : {
  1541. color : "#ccf5f9",
  1542. fontSize : 12
  1543. },
  1544. data : [ {
  1545. value : #if('$!sjlr' == "") 0 #else '$!sjlr.fmzzfbtfmchl' #end,
  1546. name : '分娩存活率'
  1547. } ]
  1548. }
  1549. ]
  1550. };
  1551. //分娩体温监测(右侧)
  1552. option_chart_twjc = {
  1553. tooltip : {
  1554. trigger : 'axis',
  1555. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  1556. type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  1557. }
  1558. },
  1559. grid : {
  1560. x : '3%',
  1561. y : '10%',
  1562. x2 : '5%',
  1563. y2 : '3%',
  1564. containLabel : true
  1565. },
  1566. //color:['#f77635','#36f648','#ad91de','#a92149','#3428ae','#1dc4d4','#da4170','#e45e65','#0aaf9f'],
  1567. xAxis : [
  1568. {
  1569. type : 'category',
  1570. data : [],
  1571. axisTick : {
  1572. alignWithLabel : true
  1573. },
  1574. axisLine : {
  1575. show : true,
  1576. lineStyle : {
  1577. type : 'solid',
  1578. color : '#ccf5f9', //左边线的颜色
  1579. width : '1' //坐标线的宽度
  1580. }
  1581. },
  1582. }
  1583. ],
  1584. yAxis : [
  1585. {
  1586. type : 'value',
  1587. axisLine : {
  1588. show : true,
  1589. lineStyle : {
  1590. type : 'solid',
  1591. color : '#ccf5f9', //左边线的颜色
  1592. width : '1' //坐标线的宽度
  1593. }
  1594. },
  1595. splitLine : {
  1596. show : false
  1597. }
  1598. }
  1599. ],
  1600. series : [
  1601. {
  1602. name : '体温监测',
  1603. type : 'bar',
  1604. barWidth : '60%',
  1605. data : [],
  1606. itemStyle : {
  1607. normal : {
  1608. color: function(params) {
  1609. var colorList = ['#f77635','#36f648','#ad91de','#a92149','#3428ae','#1dc4d4','#da4170','#e45e65','#0aaf9f'];
  1610. return colorList[params.dataIndex]
  1611. },
  1612. label : {
  1613. show : true, //开启显示
  1614. position : 'top', //在上方显示
  1615. textStyle : { //数值样式
  1616. color : '#ccf5f9',
  1617. fontSize : 12
  1618. },
  1619. formatter : "{c}"
  1620. }
  1621. }
  1622. },
  1623. }
  1624. ]
  1625. };
  1626. //淘汰分布饼状图(右侧)
  1627. option_chart_ttfb2 = {
  1628. title : {
  1629. text : '淘汰分布图',
  1630. x : '15%',
  1631. y : '3%',
  1632. textStyle : {
  1633. color : '#ccf5f9',
  1634. fontWeight : 'normal',
  1635. fontSize : '12'
  1636. }
  1637. },
  1638. color : [ '#3428ae', '#a92149', '#1b9250', '#ad91de', '#36f648', '#f77635', '#1dc4d4', '#fa6159' ],
  1639. tooltip : {
  1640. trigger : 'item',
  1641. formatter : "{a} <br/>{b} : {c} ({d}%)"
  1642. },
  1643. legend : {
  1644. icon : 'circle',
  1645. itemGap : 0,
  1646. itemWidth : 10,
  1647. orient : 'vertical',
  1648. right : '0',
  1649. y : 'center',
  1650. textStyle : {
  1651. fontSize : 10,
  1652. color : '#ccf5f9',
  1653. },
  1654. data : [ '死亡', '胎次太高', '长期不发情', '产仔数少', '产道炎症', '营养不良', '肢体疾病', '其他' ]
  1655. },
  1656. series : [
  1657. {
  1658. name : '淘汰分布图',
  1659. type : 'pie',
  1660. radius : [ '10%', '40%' ],
  1661. center : [ '30%', '50%' ],
  1662. data : [
  1663. {
  1664. value : '$!sjlr.ttfbtsw' ,
  1665. name : '死亡'
  1666. },
  1667. {
  1668. value : '$!sjlr.ttfbttctg' ,
  1669. name : '胎次太高'
  1670. },
  1671. {
  1672. value : '$!sjlr.ttfbtcqby' ,
  1673. name : '长期不发情'
  1674. },
  1675. {
  1676. value : '$!sjlr.ttfbtczss' ,
  1677. name : '产仔数少'
  1678. },
  1679. {
  1680. value : '$!sjlr.ttfbtcdyz' ,
  1681. name : '产道炎症'
  1682. },
  1683. {
  1684. value : '$!sjlr.ttfbtyybl' ,
  1685. name : '营养不良'
  1686. },
  1687. {
  1688. value : '$!sjlr.ttfbtztjb' ,
  1689. name : '肢体疾病'
  1690. },
  1691. {
  1692. value : '$!sjlr.ttfbtqt' ,
  1693. name : '其他'
  1694. }
  1695. ],
  1696. label : {
  1697. normal : {
  1698. show : true,
  1699. position : 'outside', //标签的位置
  1700. textStyle : {
  1701. fontWeight : 300,
  1702. fontSize : 10 //文字的字体大小
  1703. },
  1704. formatter : '{d}%'
  1705. }
  1706. },
  1707. labelLine : {
  1708. normal : {
  1709. show : false,
  1710. length : 0,
  1711. length2 : 4,
  1712. }
  1713. },
  1714. itemStyle : {
  1715. emphasis : {
  1716. shadowBlur : 10,
  1717. shadowOffsetX : 0,
  1718. shadowColor : 'rgba(0, 0, 0, 0.5)'
  1719. }
  1720. }
  1721. }
  1722. ]
  1723. };
  1724. //育肥分布饼状图(右侧)
  1725. option_chart_yffb2 = {
  1726. title : {
  1727. text : '育肥分布图',
  1728. x : '15%',
  1729. y : '3%',
  1730. textStyle : {
  1731. color : '#ccf5f9',
  1732. fontWeight : 'normal',
  1733. fontSize : '12'
  1734. }
  1735. },
  1736. color : [ '#3727ac', '#e45e65', '#da4170', '#912aaf', '#6b2cb9', '#3727ac', '#6a2cba', '#e45e65' ],
  1737. tooltip : {
  1738. trigger : 'item',
  1739. formatter : "{a} <br/>{b} : {c} ({d}%)"
  1740. },
  1741. legend : {
  1742. icon : 'circle',
  1743. itemGap : 0,
  1744. itemWidth : 10,
  1745. orient : 'vertical',
  1746. right : '0',
  1747. y : 'center',
  1748. textStyle : {
  1749. fontSize : 10,
  1750. color : '#ccf5f9',
  1751. },
  1752. data : [ '60-90', '91-120', '121-150', '151-180', '180以上' ]
  1753. },
  1754. series : [
  1755. {
  1756. name : '育肥分布图',
  1757. type : 'pie',
  1758. radius : [ '10%', '40%' ],
  1759. center : [ '30%', '50%' ],
  1760. data : [
  1761. {
  1762. value : '$!sjlr.yffbt1' ,
  1763. name : '60-90'
  1764. },
  1765. {
  1766. value : '$!sjlr.yffbt2' ,
  1767. name : '91-120'
  1768. },
  1769. {
  1770. value : '$!sjlr.yffbt3' ,
  1771. name : '121-150'
  1772. },
  1773. {
  1774. value : '$!sjlr.yffbt4' ,
  1775. name : '151-180'
  1776. },
  1777. {
  1778. value : '$!sjlr.yffbt5' ,
  1779. name : '180以上'
  1780. },
  1781. ],
  1782. label : {
  1783. normal : {
  1784. show : true,
  1785. position : 'outside', //标签的位置
  1786. textStyle : {
  1787. fontWeight : 300,
  1788. fontSize : 10 //文字的字体大小
  1789. },
  1790. formatter : '{d}%'
  1791. }
  1792. },
  1793. labelLine : {
  1794. normal : {
  1795. show : false,
  1796. length : 0,
  1797. length2 : 4,
  1798. }
  1799. },
  1800. itemStyle : {
  1801. emphasis : {
  1802. shadowBlur : 10,
  1803. shadowOffsetX : 0,
  1804. shadowColor : 'rgba(0, 0, 0, 0.5)'
  1805. }
  1806. }
  1807. }
  1808. ]
  1809. };
  1810. //饮水柱状图+折线图
  1811. option_ys = {
  1812. tooltip: {
  1813. trigger: 'axis',
  1814. },
  1815. color:['#af8343','#b41734','#44c920'],
  1816. grid:{
  1817. x:'10%',
  1818. y:'15%',
  1819. x2:'3%',
  1820. y2:'15%',
  1821. //containLabel:true
  1822. },
  1823. legend: {
  1824. data:['实际饮水量'],
  1825. textStyle:{
  1826. color:"#ccf5f9",
  1827. fontSize:12
  1828. },
  1829. top:0,
  1830. right:10
  1831. },
  1832. xAxis: [
  1833. {
  1834. type: 'category',
  1835. 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'],
  1836. axisPointer: {
  1837. type: 'shadow'
  1838. },
  1839. axisLabel:{
  1840. color:"#ccf5f9",
  1841. },
  1842. axisLine: {
  1843. show: true,
  1844. lineStyle: {
  1845. type: 'solid',
  1846. color: '#ccf5f9',//左边线的颜色
  1847. width:'1'//坐标线的宽度
  1848. }
  1849. },
  1850. }
  1851. ],
  1852. yAxis: [
  1853. {
  1854. type: 'value',
  1855. min: 0,
  1856. // max: 500,
  1857. //interval: 50,
  1858. axisLabel: {
  1859. color:"#ccf5f9",
  1860. },
  1861. axisLine: {
  1862. show: true,
  1863. lineStyle: {
  1864. type: 'solid',
  1865. color: '#ccf5f9',//左边线的颜色
  1866. width:'1'//坐标线的宽度
  1867. }
  1868. },
  1869. splitLine:{
  1870. lineStyle: {
  1871. type: 'solid',
  1872. color: '#1c3860',//左边线的颜色
  1873. width:'1'//坐标线的宽度
  1874. }
  1875. },
  1876. },
  1877. ],
  1878. series: [
  1879. {
  1880. name:'实际饮水量',
  1881. type:'bar',
  1882. data:[7.5, 7.8, 8, 7.8, 8.1, 7.5, 7.7, 7.6, 7.9, 7.4, 8, 4],
  1883. itemStyle: {
  1884.             normal: {
  1885.                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
  1886.                      offset: 0,
  1887.                      color: 'rgba(68,201,32,0.4)'
  1888.                     },
  1889. {
  1890.                      offset: 1,
  1891.                      color: '#44c920'
  1892.                      }]),
  1893.                     }
  1894.         },
  1895. }
  1896. ]
  1897. };
  1898. //饲喂统计柱状图+折线图
  1899. option_chart_swtj= {
  1900. tooltip: {
  1901. trigger: 'axis',
  1902. },
  1903. color:['#18a24e','#ccd131','#fe1125'],
  1904. grid:{
  1905. x:'10%',
  1906. y:'15%',
  1907. x2:'3%',
  1908. y2:'15%',
  1909. //containLabel:true
  1910. },
  1911. legend: {
  1912. data:['实际采食量'],
  1913. textStyle:{
  1914. color:"#ccf5f9",
  1915. fontSize:12
  1916. },
  1917. top:0,
  1918. right:10
  1919. },
  1920. xAxis: [
  1921. {
  1922. type: 'category',
  1923. 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'],
  1924. axisPointer: {
  1925. type: 'shadow'
  1926. },
  1927. axisLabel:{
  1928. color:"#ccf5f9",
  1929. },
  1930. axisLine: {
  1931. show: true,
  1932. lineStyle: {
  1933. type: 'solid',
  1934. color: '#ccf5f9',//左边线的颜色
  1935. width:'1'//坐标线的宽度
  1936. }
  1937. },
  1938. }
  1939. ],
  1940. yAxis: [
  1941. {
  1942. type: 'value',
  1943. name: '重量/吨',
  1944. min: 0,
  1945. // max: 500,
  1946. //interval: 50,
  1947. axisLabel: {
  1948. color:"#ccf5f9",
  1949. },
  1950. axisLine: {
  1951. show: true,
  1952. lineStyle: {
  1953. type: 'solid',
  1954. color: '#ccf5f9',//左边线的颜色
  1955. width:'1'//坐标线的宽度
  1956. }
  1957. },
  1958. splitLine:{
  1959. lineStyle: {
  1960. type: 'solid',
  1961. color: '#1c3860',//左边线的颜色
  1962. width:'1'//坐标线的宽度
  1963. }
  1964. },
  1965. },
  1966. ],
  1967. series: [
  1968. {
  1969. name:'实际采食量',
  1970. type:'bar',
  1971. data:[14.8, 13.5, 14, 13.6, 13.7, 13.6, 14.2, 14, 14.3, 12.6, 15.4, 6.8],
  1972. itemStyle: {
  1973.             normal: {
  1974.                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
  1975.                      offset: 0,
  1976.                      color: 'rgba(113,78,78,0.6)'
  1977.                     },
  1978. {
  1979.                      offset: 1,
  1980.                      color: '#fe1125'
  1981.                      }]),
  1982.                     }
  1983.         },
  1984. }
  1985. ]
  1986. };
  1987. //耳标时长
  1988. option_chart_ebsc = {
  1989. tooltip: {
  1990. trigger: 'axis',
  1991. },
  1992. color:['#18a24e','#ccd131','#fe1125'],
  1993. grid:{
  1994. x:'8%',
  1995. y:'15%',
  1996. x2:'3%',
  1997. y2:'15%',
  1998. //containLabel:true
  1999. },
  2000. legend: {
  2001. data:['运动时长'],
  2002. textStyle:{
  2003. color:"#ccf5f9",
  2004. fontSize:12
  2005. },
  2006. top:0,
  2007. right:10
  2008. },
  2009. xAxis: [
  2010. {
  2011. type: 'category',
  2012. data: [],
  2013. axisPointer: {
  2014. type: 'shadow'
  2015. },
  2016. axisLabel:{
  2017. color:"#ccf5f9",
  2018. },
  2019. axisLine: {
  2020. show: true,
  2021. lineStyle: {
  2022. type: 'solid',
  2023. color: '#ccf5f9',//左边线的颜色
  2024. width:'1'//坐标线的宽度
  2025. }
  2026. },
  2027. }
  2028. ],
  2029. yAxis: [
  2030. {
  2031. type: 'value',
  2032. name: 's',
  2033. min: 0,
  2034. // max: 500,
  2035. //interval: 50,
  2036. axisLabel: {
  2037. color:"#ccf5f9",
  2038. },
  2039. axisLine: {
  2040. show: true,
  2041. lineStyle: {
  2042. type: 'solid',
  2043. color: '#ccf5f9',//左边线的颜色
  2044. width:'1'//坐标线的宽度
  2045. }
  2046. },
  2047. splitLine:{
  2048. lineStyle: {
  2049. type: 'solid',
  2050. color: '#1c3860',//左边线的颜色
  2051. width:'1'//坐标线的宽度
  2052. }
  2053. },
  2054. },
  2055. ],
  2056. series: [
  2057. {
  2058. name:'运动时长',
  2059. type:'bar',
  2060. data:[],
  2061. itemStyle: {
  2062.             normal: {
  2063.                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
  2064.                      offset: 0,
  2065.                      color: 'rgba(113,78,78,0.6)'
  2066.                     },
  2067. {
  2068.                      offset: 1,
  2069.                      color: '#fe1125'
  2070.                      }]),
  2071.                     }
  2072.         },
  2073. }
  2074. ]
  2075. };
  2076. //耳标体温
  2077. option_chart_ebtw= {
  2078. tooltip: {
  2079. trigger: 'axis',
  2080. },
  2081. color:['#18a24e','#ccd131','#fe1125'],
  2082. grid:{
  2083. x:'3%',
  2084. y:'15%',
  2085. x2:'3%',
  2086. y2:'15%',
  2087. //containLabel:true
  2088. },
  2089. legend: {
  2090. data:['温度'],
  2091. textStyle:{
  2092. color:"#ccf5f9",
  2093. fontSize:12
  2094. },
  2095. top:0,
  2096. right:10
  2097. },
  2098. xAxis: [
  2099. {
  2100. type: 'category',
  2101. data: [],
  2102. axisPointer: {
  2103. type: 'shadow'
  2104. },
  2105. axisLabel:{
  2106. color:"#ccf5f9",
  2107. },
  2108. axisLine: {
  2109. show: true,
  2110. lineStyle: {
  2111. type: 'solid',
  2112. color: '#ccf5f9',//左边线的颜色
  2113. width:'1'//坐标线的宽度
  2114. }
  2115. },
  2116. }
  2117. ],
  2118. yAxis: [
  2119. {
  2120. type: 'value',
  2121. name: '℃',
  2122. min: function(value) {
  2123. return value.min - 1;
  2124. },
  2125. axisLabel: {
  2126. color:"#ccf5f9",
  2127. },
  2128. axisLine: {
  2129. show: true,
  2130. lineStyle: {
  2131. type: 'solid',
  2132. color: '#ccf5f9',//左边线的颜色
  2133. width:'1'//坐标线的宽度
  2134. }
  2135. },
  2136. splitLine:{
  2137. lineStyle: {
  2138. type: 'solid',
  2139. color: '#1c3860',//左边线的颜色
  2140. width:'1'//坐标线的宽度
  2141. }
  2142. },
  2143. },
  2144. ],
  2145. series: [
  2146. {
  2147. name:'体温',
  2148. type:'line',
  2149. data:[],
  2150. itemStyle: {
  2151.             normal: {
  2152.                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
  2153.                      offset: 0,
  2154.                      color: 'rgba(113,78,78,0.6)'
  2155.                     },
  2156. {
  2157.                      offset: 1,
  2158.                      color: '#fe1125'
  2159.                      }]),
  2160.                     }
  2161.         },
  2162. }
  2163. ]
  2164. };
  2165. //粪污处理实时监测
  2166. option_chart_fwclssjc = {
  2167. title : {
  2168. text : '实时监测',
  2169. top : '5%',
  2170. left : '20%',
  2171. textStyle : {
  2172. fontWeight : 'normal',
  2173. fontSize : '14',
  2174. color : '#ccf5f9',
  2175. }
  2176. },
  2177. tooltip : {
  2178. trigger : 'axis',
  2179. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  2180. type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  2181. },
  2182. },
  2183. grid : {
  2184. x : '3%',
  2185. y : '30%',
  2186. x2 : '3%',
  2187. y2 : '5%',
  2188. containLabel : true
  2189. },
  2190. xAxis : {
  2191. type : 'category',
  2192. data : [ 'NH3', 'COD', 'BOD', 'SS', '总磷', 'PH' ],
  2193. axisTick : {
  2194. alignWithLabel : true
  2195. },
  2196. axisLine : {
  2197. show : true,
  2198. lineStyle : {
  2199. type : 'solid',
  2200. color : '#4865e3', //左边线的颜色
  2201. width : '1' //坐标线的宽度
  2202. }
  2203. },
  2204. axisLabel : {
  2205. textStyle : {
  2206. color : '#ccf5f9',
  2207. },
  2208. }
  2209. },
  2210. yAxis : [ {
  2211. type : 'value',
  2212. name : 'mg/L',
  2213. scale : true,
  2214. axisLine : {
  2215. show : true,
  2216. lineStyle : {
  2217. type : 'solid',
  2218. color : '#4865e3', //左边线的颜色
  2219. width : '1' //坐标线的宽度
  2220. }
  2221. },
  2222. splitLine : {
  2223. lineStyle : {
  2224. type : 'solid',
  2225. color : 'rgba(72,101,227,0.8)',
  2226. width : '1'
  2227. }
  2228. },
  2229. axisLabel : {
  2230. textStyle : {
  2231. color : '#ccf5f9',
  2232. },
  2233. }
  2234. } ],
  2235. series : [
  2236. {
  2237. name : '排水实时监测',
  2238. type : 'bar',
  2239. barWidth : '40%',
  2240. 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 ],
  2241. itemStyle : {
  2242. normal : {
  2243. color : new echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
  2244. offset : 0,
  2245. color : '#851c9d'
  2246. },
  2247. {
  2248. offset : 1,
  2249. color : '#4805ad'
  2250. } ]),
  2251. label : {
  2252. show : true, //开启显示
  2253. position : 'top', //在上方显示
  2254. textStyle : { //数值样式
  2255. color : '#ccf5f9',
  2256. fontSize : 12
  2257. },
  2258. formatter : '{c}'
  2259. }
  2260. }
  2261. },
  2262. }
  2263. ]
  2264. };
  2265. //温度湿度氨气(右侧)
  2266. option_chart_wdsdaq2 = {
  2267. color:['#ef1a0f','#0fc6ef','#07a504','#caae1f'],
  2268. grid:{
  2269. x:'10%',
  2270. y:'15%',
  2271. x2:'3%',
  2272. y2:'15%',
  2273. //containLabel:true
  2274. },
  2275. tooltip: {
  2276. trigger: 'axis'
  2277. },
  2278. legend: {
  2279. data:['温度','湿度','氨气'],
  2280. selectedMode: 'single',
  2281. textStyle:{
  2282. color:"#fff",
  2283. fontSize:14
  2284. },
  2285. top:0,
  2286. right:10,
  2287. selected:{
  2288. '温度':true,
  2289. '湿度':false,
  2290. '氨气':false,
  2291. }
  2292. },
  2293. xAxis: {
  2294. type: 'category',
  2295. data: ['08:15', '08:20', '08:25', '08:30', '08:35', '08:40', '08:45'],
  2296. axisLine: {
  2297. show: true,
  2298. lineStyle: {
  2299. type: 'solid',
  2300. color: '#4865e3',//左边线的颜色
  2301. width:'1'//坐标线的宽度
  2302. }
  2303. },
  2304. axisLabel: {
  2305. textStyle: {
  2306. color: '#ccf5f9',
  2307. },
  2308. },
  2309. axisTick:{
  2310. alignWithLabel:true
  2311. }
  2312. },
  2313. yAxis: {
  2314. type : 'value',
  2315. min: function(value) {
  2316. return value.min - 1;
  2317. },
  2318. axisLine: {
  2319. show: true,
  2320. lineStyle: {
  2321. type: 'solid',
  2322. color: '#4865e3',//左边线的颜色
  2323. width:'1'//坐标线的宽度
  2324. }
  2325. },
  2326. splitLine:{
  2327. lineStyle: {
  2328. type: 'solid',
  2329. color: 'rgba(72,101,227,0.8)',
  2330. width:'1'
  2331. }
  2332. },
  2333. axisLabel: {
  2334. textStyle: {
  2335. color: '#ccf5f9',
  2336. },
  2337. }
  2338. },
  2339. series: [{
  2340. name:'温度',
  2341. type:'line',
  2342. smooth: true,
  2343. data:[{value:31,name:'℃'}, {value:29,name:'℃'},{value:30,name:'℃'} ,{value:29,name:'℃'} ,{value:30,name:'℃'} ,{value:31,name:'℃'} ,{value:30,name:'℃'} ],
  2344. lineStyle:{
  2345. normal:{
  2346. color:'#ef1a0f'
  2347. }
  2348. }
  2349. },
  2350. {
  2351. name:'湿度',
  2352. type:'line',
  2353. smooth: true,
  2354. 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'} ],
  2355. lineStyle:{
  2356. normal:{
  2357. color:'#0fc6ef'
  2358. }
  2359. }
  2360. },
  2361. {
  2362. name:'氨气',
  2363. type:'line',
  2364. smooth: true,
  2365. 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'} ],
  2366. lineStyle:{
  2367. normal:{
  2368. color:'#07a504'
  2369. }
  2370. }
  2371. }]
  2372. };
  2373. //温度湿度氨气(右侧)
  2374. option_chart_sy = {
  2375. color:['#39a724','#0fc6ef','#07a504','#caae1f'],
  2376. grid:{
  2377. x:'10%',
  2378. y:'5%',
  2379. x2:'3%',
  2380. y2:'15%',
  2381. //containLabel:true
  2382. },
  2383. tooltip: {
  2384. trigger: 'axis'
  2385. },
  2386. xAxis: {
  2387. type: 'category',
  2388. data: ['08:15', '08:20', '08:25', '08:30', '08:35', '08:40', '08:45'],
  2389. axisLine: {
  2390. show: true,
  2391. lineStyle: {
  2392. type: 'solid',
  2393. color: '#4865e3',//左边线的颜色
  2394. width:'1'//坐标线的宽度
  2395. }
  2396. },
  2397. axisLabel: {
  2398. textStyle: {
  2399. color: '#ccf5f9',
  2400. },
  2401. },
  2402. axisTick:{
  2403. alignWithLabel:true
  2404. }
  2405. },
  2406. yAxis: {
  2407. type : 'value',
  2408. min: function(value) {
  2409. return value.min - 0.1;
  2410. },
  2411. axisLine: {
  2412. show: true,
  2413. lineStyle: {
  2414. type: 'solid',
  2415. color: '#4865e3',//左边线的颜色
  2416. width:'1'//坐标线的宽度
  2417. }
  2418. },
  2419. splitLine:{
  2420. lineStyle: {
  2421. type: 'solid',
  2422. color: 'rgba(72,101,227,0.8)',
  2423. width:'1'
  2424. }
  2425. },
  2426. axisLabel: {
  2427. textStyle: {
  2428. color: '#ccf5f9',
  2429. },
  2430. }
  2431. },
  2432. series: [{
  2433. name:'水压',
  2434. type:'line',
  2435. smooth: true,
  2436. 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'} ],
  2437. lineStyle:{
  2438. normal:{
  2439. color:'#39a724'
  2440. }
  2441. }
  2442. }]
  2443. };
  2444. //能耗柱状图
  2445. option_chart_nh2 = {
  2446. color:['#a12993','#ba9739'],
  2447. tooltip : {
  2448. trigger: 'axis',
  2449. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  2450. type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  2451. },
  2452. },
  2453. grid: {
  2454. x: '3%',
  2455. y: '15%',
  2456. x2: '10%',
  2457. y2: '3%',
  2458. containLabel: true
  2459. },
  2460. legend: {
  2461. data: ['电量(度)', '水量(吨)'],
  2462. icon:'circle',
  2463. itemGap: 5,
  2464. itemWidth:10,
  2465. top: '0',
  2466. x:'center',
  2467. textStyle:{
  2468. color:'#ccf5f9',
  2469. },
  2470. },
  2471. xAxis :{
  2472. type : 'category',
  2473. data : ['06.12', '06.13', '06.14','06.15','06.16','06.17','06.18'],
  2474. axisTick: {
  2475. alignWithLabel: true
  2476. },
  2477. axisLine: {
  2478. show: true,
  2479. lineStyle: {
  2480. type: 'solid',
  2481. color: '#4865e3',//左边线的颜色
  2482. width:'1'//坐标线的宽度
  2483. }
  2484. },
  2485. axisLabel: {
  2486. textStyle: {
  2487. color: '#ccf5f9',
  2488. },
  2489. }
  2490. },
  2491. yAxis :[{
  2492. type : 'value',
  2493. scale: true,
  2494. axisLine: {
  2495. show: true,
  2496. lineStyle: {
  2497. type: 'solid',
  2498. color: '#4865e3',//左边线的颜色
  2499. width:'1'//坐标线的宽度
  2500. }
  2501. },
  2502. splitLine:{
  2503. lineStyle: {
  2504. type: 'solid',
  2505. color: 'rgba(72,101,227,0.7)',
  2506. width:'1'
  2507. }
  2508. },
  2509. axisLabel: {
  2510. textStyle: {
  2511. color: '#ccf5f9',
  2512. },
  2513. }
  2514. },{
  2515. type : 'value',
  2516. scale: true,
  2517. axisLine: {
  2518. show: true,
  2519. lineStyle: {
  2520. type: 'solid',
  2521. color: '#4865e3',//左边线的颜色
  2522. width:'1'//坐标线的宽度
  2523. }
  2524. },
  2525. splitLine:{
  2526. show:false,
  2527. lineStyle: {
  2528. type: 'solid',
  2529. color: 'rgba(72,101,227,0.7)',
  2530. width:'1'
  2531. }
  2532. },
  2533. axisLabel: {
  2534. textStyle: {
  2535. color: '#ccf5f9',
  2536. },
  2537. }
  2538. }],
  2539. series : [
  2540. {
  2541. type:'bar',
  2542. barWidth: '30%',
  2543. name:'电量(度)',
  2544. yAxisIndex:0,
  2545. data:[45,56, 66,34,23,67,34],
  2546. },
  2547. {
  2548. type:'bar',
  2549. barWidth: '30%',
  2550. name:'水量(吨)',
  2551. yAxisIndex:1,
  2552. data:[56, 79, 93,36,46,28,57],
  2553. }
  2554. ]
  2555. };
  2556. if (option_chart_pzjgfb2 && typeof option_chart_pzjgfb2 === "object") {
  2557. myChart_chart_pzjgfb2.setOption(option_chart_pzjgfb2, true);
  2558. }
  2559. if (option_chart_fmzzfb2 && typeof option_chart_fmzzfb2 === "object") {
  2560. myChart_chart_fmzzfb2.setOption(option_chart_fmzzfb2, true);
  2561. }
  2562. if (option_chart_twjc && typeof option_chart_twjc === "object") {
  2563. myChart_chart_twjc.setOption(option_chart_twjc, true);
  2564. }
  2565. if (option_chart_ttfb2 && typeof option_chart_ttfb2 === "object") {
  2566. myChart_chart_ttfb2.setOption(option_chart_ttfb2, true);
  2567. }
  2568. if (option_chart_yffb2 && typeof option_chart_yffb2 === "object") {
  2569. myChart_chart_yffb2.setOption(option_chart_yffb2, true);
  2570. }
  2571. if (option_chart_swtj && typeof option_chart_swtj === "object") {
  2572. myChart_chart_swtj.setOption(option_chart_swtj, true);
  2573. }
  2574. if (option_chart_ebtw && typeof option_chart_ebtw === "object") {
  2575. myChart_chart_ebtw.setOption(option_chart_ebtw, true);
  2576. }
  2577. if (option_chart_ebsc && typeof option_chart_ebsc === "object") {
  2578. myChart_chart_ebsc.setOption(option_chart_ebsc, true);
  2579. }
  2580. if (option_chart_fwclssjc && typeof option_chart_fwclssjc === "object") {
  2581. myChart_chart_fwclssjc.setOption(option_chart_fwclssjc, true);
  2582. }
  2583. if (option_chart_wdsdaq2 && typeof option_chart_wdsdaq2 === "object") {
  2584. myChart_chart_wdsdaq2.setOption(option_chart_wdsdaq2, true);
  2585. }
  2586. if (option_chart_sy && typeof option_chart_sy === "object") {
  2587. myChart_chart_sy.setOption(option_chart_sy, true);
  2588. }
  2589. if (option_chart_nh2 && typeof option_chart_nh2 === "object") {
  2590. myChart_chart_nh2.setOption(option_chart_nh2, true);
  2591. }
  2592. if (option_ys && typeof option_ys === "object") {
  2593. myChart_ys.setOption(option_ys, true);
  2594. }
  2595. //监听体温监测表的点击事件
  2596. myChart_chart_twjc.on('click', 'series.bar', function (params) {
  2597. $('#temp-outwindow').hide();
  2598. var wdz = params.name;
  2599. var lqid = $(".single li.active").attr("data-lqid");
  2600. jQuery.ajax({
  2601. type : "get",
  2602. url : "getTwxq.htm",
  2603. data : {
  2604. "lqid" : lqid,
  2605. "wdz" : wdz
  2606. },
  2607. dataType : "json",
  2608. async : true,
  2609. success : function(data) {
  2610. if (data.returnCode > 0) {
  2611. var s = data.result;
  2612. var h = "";
  2613. for(var i = 0; i < s.length; i++){
  2614. if (i == 0) {
  2615. h += '<div class="temp-data-tiem checkEb"';
  2616. } else {
  2617. h += '<div class="temp-data-tiem"';
  2618. }
  2619. h += ' onclick="showEbtjt(this)"><div class="temp-data-name">'+s[i].mac+'</div><div class="temp-data-value">'+s[i].dqwd+'℃</div></div>';
  2620. }
  2621. $('.temp-window-body').html(h);
  2622. reEbtw(s[0].mac);
  2623. reEbsc(s[0].mac);
  2624. }
  2625. }
  2626. });
  2627. console.log("show");
  2628. $('#temp-outwindow').show();
  2629. });
  2630. $(".right-warning-box").slimScroll({
  2631. size : 0,
  2632. width : $(".right-warning-box").width(),
  2633. height : $(".right-warning-box").height()
  2634. });
  2635. $(".right-msg-box").slimScroll({
  2636. size : 0,
  2637. width : $(".right-msg-box").width(),
  2638. height : $(".right-msg-box").height()
  2639. });
  2640. $(".foodLine-container").slimScroll({ size:2,width: "960px",height:"800px"});
  2641. $(".light-container").slimScroll({ size:2,width: "960px",height: "800px"});
  2642. /* $("#lxrunning-msg").slimScroll({
  2643. size : 0,
  2644. width : $("#lxrunning-msg").width(),
  2645. height : $("#lxrunning-msg").height()
  2646. }); */
  2647. $(".temp-window-body").slimScroll({
  2648. size : 0,
  2649. width : $(".temp-window-body").width(),
  2650. height : $(".temp-window-body").height()
  2651. });
  2652. var playerElement5 = document.getElementById("player5");
  2653. var player5 = new Clappr.Player({
  2654. source: '$!spjk1',
  2655. //poster: 'http://clappr.io/poster.png',
  2656. mute: true
  2657. });
  2658. player5.attachTo(playerElement5);
  2659. player5.play();
  2660. getSsqxSj('767', "snsy");
  2661. getSsqxSj('480', "snwd");
  2662. getSsqxSj('14', "sldl");
  2663. getSsqxSj('482', "snph");
  2664. getSsqxSj('480', "snsd");
  2665. getSsqxSj('480', "snaq");
  2666. reZzwd('767');
  2667. }, 1000);
  2668. //切換選中
  2669. var mctimer2;
  2670. var mctimer3;
  2671. var timer2;
  2672. window.clearInterval(timer2);
  2673. window.clearInterval(mctimer2);
  2674. window.clearInterval(mctimer3);
  2675. // 统计图刷新
  2676. function getSsqxSj(lqid, type) {
  2677. switch (type) {
  2678. case "snwd":
  2679. jqAjax("getHaifmvSnwdTjt.htm", lqid, type);
  2680. break;
  2681. case "snsd":
  2682. jqAjax("getHaifmvSnsdTjt.htm", lqid, type);
  2683. break;
  2684. case "snaq":
  2685. jqAjax("getHaifmvSnaqTjt.htm", lqid, type);
  2686. break;
  2687. case "sldl":
  2688. jqAjax("getHkClientNhsjTjt.htm", lqid, type);
  2689. break;
  2690. case "snsy":
  2691. jqAjax("getHaifmvSnsyTjt.htm", lqid, type);
  2692. break;
  2693. }
  2694. }
  2695. function reZzwd(lqid) {
  2696. //刷新种猪温度
  2697. jQuery.ajax({
  2698. type : "get",
  2699. url : "getEbtw.htm",
  2700. data : {
  2701. "lqid" : lqid
  2702. },
  2703. dataType : "json",
  2704. async : true,
  2705. success : function(data) {
  2706. var wdxx = eval(data);
  2707. var wdArr = [];
  2708. var i = 0;
  2709. var xArea = [];
  2710. for(var obj in wdxx){
  2711. xArea[i] = obj +'℃';
  2712. wdArr[i] = {value : wdxx[obj] ,name : obj +'℃'};
  2713. i++;
  2714. }
  2715. var option_chart_twjc = myChart_chart_twjc.getOption();
  2716. option_chart_twjc.series[0].data = wdArr;
  2717. option_chart_twjc.xAxis[0].data = xArea;
  2718. myChart_chart_twjc.setOption(option_chart_twjc, true);
  2719. }
  2720. });
  2721. }
  2722. /* function reSy(lqid) {
  2723. //刷新水压
  2724. jQuery.ajax({
  2725. type : "get",
  2726. url : "getSy.htm",
  2727. data : {
  2728. "lqid" : lqid
  2729. },
  2730. dataType : "json",
  2731. async : true,
  2732. success : function(data) {
  2733. var wdxx = data.result;
  2734. var wdArr = [];
  2735. 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'} ];
  2736. var option_chart_sy = myChart_chart_sy.getOption();
  2737. option_chart_sy.series[0].data = wdArr;
  2738. myChart_chart_sy.setOption(option_chart_sy, true);
  2739. }
  2740. });
  2741. } */
  2742. function reEbtw(mac) {
  2743. //刷新耳标体温
  2744. jQuery.ajax({
  2745. type : "get",
  2746. url : "getEwtwTjt.htm",
  2747. data : {
  2748. "mac" : mac
  2749. },
  2750. dataType : "json",
  2751. async : true,
  2752. success : function(data) {
  2753. var series = [];
  2754. var yAxis = [];
  2755. for (var i = 0; i < data.result.length; i++) {
  2756. series[i] = {
  2757. name : "℃",
  2758. value : data.result[i].dqwd
  2759. };
  2760. yAxis[i] = formatDate(data.result[i].scsjTime);
  2761. }
  2762. var option_chart_ebtw = myChart_chart_ebtw.getOption();
  2763. option_chart_ebtw.series[0].data = series;
  2764. option_chart_ebtw.xAxis[0].data = yAxis;
  2765. myChart_chart_ebtw.setOption(option_chart_ebtw, true);
  2766. }
  2767. });
  2768. }
  2769. function reEbsc(mac) {
  2770. //刷新耳标时长
  2771. jQuery.ajax({
  2772. type : "get",
  2773. url : "getEwscTjt.htm",
  2774. data : {
  2775. "mac" : mac
  2776. },
  2777. dataType : "json",
  2778. async : true,
  2779. success : function(data) {
  2780. var series = [];
  2781. var yAxis = [];
  2782. for (var i = 0; i < data.result.length; i++) {
  2783. series[i] = {
  2784. name : "s",
  2785. value : data.result[i].dqms
  2786. };
  2787. yAxis[i] = data.result[i].xs;
  2788. }
  2789. var option_chart_ebsc = myChart_chart_ebsc.getOption();
  2790. option_chart_ebsc.series[0].data = series;
  2791. option_chart_ebsc.xAxis[0].data = yAxis;
  2792. myChart_chart_ebsc.setOption(option_chart_ebsc, true);
  2793. }
  2794. });
  2795. }
  2796. function showEbtjt(obj) {
  2797. $(".temp-data-tiem").removeClass("checkEb");
  2798. $(obj).addClass("checkEb");
  2799. var mac = $(obj).find(".temp-data-name").html();
  2800. reEbtw(mac);
  2801. reEbsc(mac);
  2802. }
  2803. //请求图表
  2804. //ztType = snwd snsd snaq
  2805. function jqAjax(url, lqid, ztType) {
  2806. var option_chart_nh2,option_chart_wdsdaq2;
  2807. if (ztType == "snwd" || ztType == "snsd" || ztType == "snaq") {
  2808. }
  2809. jQuery.ajax({
  2810. type : "get",
  2811. url : url,
  2812. data : {
  2813. "lqid" : lqid,
  2814. "type" : ztType,
  2815. "jsms" : "1", // 曲线为日均曲线
  2816. "qyid" : lqid
  2817. },
  2818. dataType : "json",
  2819. async : true,
  2820. success : function(data) {
  2821. //option_chart_ph
  2822. var series = [];
  2823. var series2 = [];
  2824. var yAxis = [];
  2825. if (ztType == "sldl") {
  2826. if (data.h) {
  2827. series = [];
  2828. series2 = [];
  2829. yAxis = [];
  2830. for (var i = 0; i < data.h.length; i++) {
  2831. series[i] = data.dl[i];
  2832. series2[i] = data.sl[i];
  2833. yAxis[i] = data.h[i];
  2834. }
  2835. }
  2836. if (data.dl[data.h.length - 1] > 0) {
  2837. var option_chart_nh2 = myChart_chart_nh2.getOption();
  2838. option_chart_nh2.series[0].data = series;
  2839. option_chart_nh2.series[1].data = series2;
  2840. option_chart_nh2.xAxis[0].data = yAxis;
  2841. myChart_chart_nh2.setOption(option_chart_nh2, true);
  2842. }
  2843. } else {
  2844. var flag = 0;
  2845. if (data.values[0]) {
  2846. series = [];
  2847. yAxis = [];
  2848. for (var i = 0; i < data.values[0].length; i++) {
  2849. series[i] = {
  2850. name : data.ydw,
  2851. value : data.values[0][i].y
  2852. };
  2853. yAxis[i] = formatDate(data.values[0][i].x);
  2854. }
  2855. if (data.values[0][data.values[0].length - 1].y > 0) {
  2856. flag = 0;
  2857. } else {
  2858. flag = 0;
  2859. }
  2860. }
  2861. if (ztType == "snwd" && flag == 0) {
  2862. option_chart_wdsdaq2 = myChart_chart_wdsdaq2.getOption();
  2863. myChart_chart_wdsdaq2.clear();
  2864. myChart_chart_wdsdaq2.resize();
  2865. //var option_chart_wdsdaq2 = myChart_chart_wdsdaq2.getOption();
  2866. option_chart_wdsdaq2.series[0].data = series;
  2867. option_chart_wdsdaq2.xAxis[0].data = yAxis;
  2868. myChart_chart_wdsdaq2.setOption(option_chart_wdsdaq2, true);
  2869. }
  2870. if (ztType == "snsd" && flag == 0) {
  2871. option_chart_wdsdaq2 = myChart_chart_wdsdaq2.getOption();
  2872. myChart_chart_wdsdaq2.clear();
  2873. myChart_chart_wdsdaq2.resize();
  2874. //var option_chart_wdsdaq2 = myChart_chart_wdsdaq2.getOption();
  2875. option_chart_wdsdaq2.series[1].data = series;
  2876. option_chart_wdsdaq2.xAxis[0].data = yAxis;
  2877. myChart_chart_wdsdaq2.setOption(option_chart_wdsdaq2, true);
  2878. }
  2879. if (ztType == "snaq" && flag == 0) {
  2880. option_chart_wdsdaq2 = myChart_chart_wdsdaq2.getOption();
  2881. myChart_chart_wdsdaq2.clear();
  2882. myChart_chart_wdsdaq2.resize();
  2883. //var option_chart_wdsdaq2 = myChart_chart_wdsdaq2.getOption();
  2884. option_chart_wdsdaq2.series[2].data = series;
  2885. option_chart_wdsdaq2.xAxis[0].data = yAxis;
  2886. myChart_chart_wdsdaq2.setOption(option_chart_wdsdaq2, true);
  2887. }
  2888. if (ztType == "snsy" && flag == 0) {
  2889. //var option_chart_wdsdaq2 = myChart_chart_wdsdaq2.getOption();
  2890. option_chart_sy.series[0].data = series;
  2891. option_chart_sy.xAxis.data = yAxis;
  2892. myChart_chart_sy.setOption(option_chart_sy, true);
  2893. }
  2894. }
  2895. }
  2896. });
  2897. }
  2898. </script>
  2899. </body>
  2900. </html>