hpSjlrMzxx.htm 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
  6. <title></title>
  7. <script src="views/haifmp/sjlr/da/hpSjlrMzxx.js"></script>
  8. </head>
  9. <body>
  10. <input type="hidden" id="dweb" value="$!sjlrMzda.dweb" />
  11. <input type="hidden" id="eph" value="$!sjlrMzda.eph" />
  12. <input type="hidden" value="$!ztsl" id="ztsl" />
  13. <input type="hidden" value="$!from" id="fromtt" />
  14. <div class="container" style="padding:0 !important;flex: 1;height: 100%;display: flex;flex-direction: column;">
  15. <div class="fenmian_header topBg" style="justify-content: space-between;">
  16. <div class="btn-group" role="group" style="position: relative;">
  17. <button type="button" class="btn btn-default fenmian_btn" onclick="backUrl();">&lt;</button>
  18. </div>
  19. <div class="btn-group" role="group" style="position: absolute;transform: translate(-50%,-50%);
  20. top: 50%;left: 50%;">
  21. <p>$!sjlrMzda.eph</p>
  22. </div>
  23. #if("$!from" != "zztt")
  24. <button type="button" class="btn btn-default" aria-label="Left Align" style="margin-right: 0.18rem;background: #2285e2;color: #fff;font-size: 0.25rem;border: 0;outline: none;" onclick="edit();">
  25. <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
  26. </button>
  27. #end
  28. </div>
  29. <div class="">
  30. <div class="gZXXhiddenMsg">
  31. <div class="row">
  32. <div class="col-md-6">出生日期:<span>$!dateTool.format('yyyy-MM-dd', $!sjlrMzda.csrq)</span></div>
  33. <div class="col-md-6 dayleft">品&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;种:<span>$!sjlrMzda.pzStr</span></div>
  34. </div>
  35. <div class="row">
  36. <div class="col-md-6">舍&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;栏:<span>$!sjlrMzda.slStr</span></div>
  37. <div class="col-md-6">当前状态:<span>$!sjlrMzda.dqztStr</span></div>
  38. </div>
  39. <div class="row">
  40. <div class="col-md-6">已产胎次:<span>$!sjlrMzda.yctc胎</span></div>
  41. <div class="col-md-6 dayleft">窝均活仔:<span>$!sjlrMzda.wjhz头</span></div>
  42. </div>
  43. <div class="row">
  44. <div class="col-md-6">窝均断奶:<span>$!sjlrMzda.wjdn头</span></div>
  45. <div class="col-md-6 dayleft">日龄:<span>$!sjlrMzda.rl天</span></div>
  46. </div>
  47. </div>
  48. </div>
  49. <div class="middle">
  50. <section class="gZdangan_iscroll">
  51. <div class="gZcontainer">
  52. <div class="row rowll">
  53. <div class="col-md-4" style="width:40%">最近24小时体温数据</div>
  54. <div class="col-md-4 " style="width:30%">&nbsp;</div>
  55. <div class="col-md-2 " style="width:12%">&nbsp;</div>
  56. <div class="col-md-2 dropdownBtn" style="width:18%;display: flex;justify-content: center;align-items: center;">
  57. <div class="btn-group dropup">
  58. <button type="button" class="btn btn-bg btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  59. <span class="caret"></span>
  60. </button>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="gZXXhiddenMsgBox" style="display:none">
  65. <div class="gZXXhiddenMsg" style="text-align:center;">
  66. <div id="chartA"></div>
  67. </div>
  68. </div>
  69. #foreach($obj in $mzxxList)
  70. <div class="row rowll">
  71. <div class="col-md-4" style="width:40%">第$!obj.hh胎</div>
  72. <div class="col-md-4 " style="width:30%">&nbsp;</div>
  73. <div class="col-md-2 " style="width:12%">&nbsp;</div>
  74. <div class="col-md-2 dropdownBtn" style="width:18%;display: flex;justify-content: center;align-items: center;">
  75. <div class="btn-group dropup">
  76. <button type="button" class="btn btn-bg btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  77. <span class="caret"></span>
  78. </button>
  79. </div>
  80. </div>
  81. </div>
  82. <div class="gZXXhiddenMsgBox iscrollgZXX" style="display:none;">
  83. <div class="gZXXhiddenMsg" style="text-align:center;border-bottom: none;padding: 0;">
  84. <div class="mzCentent">
  85. #if ("$!obj.sjlrDnjl" != "")
  86. <div class="row group_rowll group_row ">
  87. <div class="col-md-1 hbgzsbgg"><span class="span1" ></span></div>
  88. <div class="col-md-1 hbgzsbgg"><span class="span2" style="background: #ffb5c9;"></span><span class="span3" style="background: #f46487;"></span></div>
  89. <div class="col-md-2" style="color: #f46487;padding: 0;">【断奶】</div>
  90. <div class="col-md-1 hbgzsbgg" style="color: #2285e2;">$!dateTool.format('yyyy-MM-dd', $!obj.sjlrDnjl.dnsj)</div>
  91. <div class="col-md-1 hbgzsbgg"></div>
  92. <div class="col-md-1 hbgzsbgg"></div>
  93. <div class="col-md-1 hbgzsbgg"></div>
  94. <div class="col-md-1 hbgzsbgg"></div>
  95. <div class="col-md-1 hbgzsbgg"></div>
  96. <div class="col-md-1 hbgzsbgg"></div>
  97. <div class="col-md-1 hbgzsbgg"></div>
  98. </div>
  99. <div class="row group_rowll group_row ">
  100. <div class="col-md-1 hbgzsbgg"><span class="span1"></span></div>
  101. <div class="col-md-1 hbgzsbgg"></div>
  102. <div class="col-md-1 hbgzsbgg"></div>
  103. <div class="col-md-1 hbgzsbgg"></div>
  104. <div class="col-md-1 hbgzsbgg"></div>
  105. <div class="col-md-2" style="padding: 0;">&nbsp;&nbsp;&nbsp;</div>
  106. <div class="col-md-1 hbgzsbgg">断奶头数:<span>$!obj.sjlrDnjl.dnsl</span>头</div>
  107. <div class="col-md-1 hbgzsbgg"></div>
  108. <div class="col-md-1 hbgzsbgg">断奶窝重:<span>$!obj.sjlrDnjl.dnwz</span>kg</div>
  109. <div class="col-md-1 hbgzsbgg"></div>
  110. <div class="col-md-1 hbgzsbgg"></div>
  111. </div>
  112. <div class="kongbai"><span></span></div>
  113. #end
  114. #if("$!obj.sjlrFmjl" != "")
  115. <div class="row group_rowll group_row ">
  116. <div class="col-md-1 hbgzsbgg"><span class="span1"></span></div>
  117. <div class="col-md-1 hbgzsbgg"><span class="span2" style="background:#fdd8bd;"></span><span class="span3" style="background:#f89a43;"></span></div>
  118. <div class="col-md-2" style="color: #f89a43;padding: 0;">【分娩】</div>
  119. <div class="col-md-1 hbgzsbgg" style="color: #2285e2;">$!dateTool.format('yyyy-MM-dd', $!obj.sjlrFmjl.fmsj)</div>
  120. <div class="col-md-1 hbgzsbgg"></div>
  121. <div class="col-md-1 hbgzsbgg"></div>
  122. <div class="col-md-1 hbgzsbgg"></div>
  123. <div class="col-md-1 hbgzsbgg" style="color: #2285e2;"><span class="span5">总仔:$!obj.sjlrFmjl.szgs</span></div>
  124. <div class="col-md-1 hbgzsbgg"></div>
  125. <div class="col-md-1 hbgzsbgg"></div>
  126. <div class="col-md-1 hbgzsbgg"></div>
  127. </div>
  128. <div class="row group_rowll group_row ">
  129. <div class="col-md-1 hbgzsbgg"><span class="span1"></span></div>
  130. <div class="col-md-1 hbgzsbgg"></div>
  131. <div class="col-md-1 hbgzsbgg"></div>
  132. <div class="col-md-1 hbgzsbgg"></div>
  133. <div class="col-md-2" style="padding: 0;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
  134. <div class="col-md-1 hbgzsbgg">健:<span>$!obj.sjlrFmjl.jzgs</span></div>
  135. <div class="col-md-1 hbgzsbgg">弱:<span>$!obj.sjlrFmjl.rzgs</span></div>
  136. <div class="col-md-1 hbgzsbgg">畸:<span>$!obj.sjlrFmjl.jxgs</span></div>
  137. <div class="col-md-1 hbgzsbgg">活仔:<span>$!obj.sjlrFmjl.hzgs</span></div>
  138. <div class="col-md-1 hbgzsbgg"></div>
  139. <div class="col-md-1 hbgzsbgg"></div>
  140. </div>
  141. <div class="row group_rowll group_row ">
  142. <div class="col-md-1 hbgzsbgg"><span class="span1"></span></div>
  143. <div class="col-md-1 hbgzsbgg"></div>
  144. <div class="col-md-1 hbgzsbgg"></div>
  145. <div class="col-md-1 hbgzsbgg"></div>
  146. <div class="col-md-2" style="padding: 0;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
  147. <div class="col-md-1 hbgzsbgg">木:<span>$!obj.sjlrFmjl.mnygs</span></div>
  148. <div class="col-md-1 hbgzsbgg">死:<span>$!obj.sjlrFmjl.stgs</span></div>
  149. <div class="col-md-1 hbgzsbgg">公:<span>$!obj.sjlrFmjl.gzgs</span></div>
  150. <div class="col-md-1 hbgzsbgg">母:<span>$!obj.sjlrFmjl.mzgs</span></div>
  151. <div class="col-md-1 hbgzsbgg"></div>
  152. <div class="col-md-1 hbgzsbgg"></div>
  153. </div>
  154. <div class="kongbai"><span></span></div>
  155. #end
  156. <div class="row group_rowll group_row ">
  157. <div class="col-md-1 hbgzsbgg"><span class="span1"></span></div>
  158. <div class="col-md-1 hbgzsbgg"><span class="span2" style="background:#EDBBF5;"></span><span class="span3" style="background:#DB78EC;"></span></div>
  159. <div class="col-md-2" style="color: #DB78EC;padding: 0;">【妊检】</div>
  160. <div class="col-md-1 hbgzsbgg" style="color: #2285e2;">$!dateTool.format('yyyy-MM-dd', $!obj.sjlrRsjl.rssj)</div>
  161. <div class="col-md-1 hbgzsbgg"></div>
  162. <div class="col-md-1 hbgzsbgg"></div>
  163. <div class="col-md-1 hbgzsbgg"></div>
  164. <div class="col-md-1 hbgzsbgg" style="color: #2285e2;"><span class="span5">$!obj.sjlrRsjl.rsjgStr</span></div>
  165. <div class="col-md-1 hbgzsbgg"></div>
  166. <div class="col-md-1 hbgzsbgg"></div>
  167. <div class="col-md-1 hbgzsbgg"></div>
  168. </div>
  169. <div class="kongbai"><span></span></div>
  170. #if("$!obj.sjlrPzjl" != "")
  171. <div class="row group_rowll group_row ">
  172. <div class="col-md-1 hbgzsbgg"><span class="span1"></span></div>
  173. <div class="col-md-1 hbgzsbgg"><span class="span2" style="background:#dbf493;"></span><span class="span3" style="background:#b5de40;"></span></div>
  174. <div class="col-md-2" style="color: #b5de40;padding: 0;">【配种】</div>
  175. <div class="col-md-1 hbgzsbgg" style="color: #2285e2;">$!dateTool.format('yyyy-MM-dd', $!obj.sjlrPzjl.pzsj)</div>
  176. <div class="col-md-1 hbgzsbgg"></div>
  177. <div class="col-md-1 hbgzsbgg"></div>
  178. <div class="col-md-1 hbgzsbgg"></div>
  179. <div class="col-md-1 hbgzsbgg" style="color: #2285e2;"><span class="span5">$!obj.sjlrPzjl.pzsmStr</span></div>
  180. <div class="col-md-1 hbgzsbgg"></div>
  181. <div class="col-md-1 hbgzsbgg"></div>
  182. <div class="col-md-1 hbgzsbgg"></div>
  183. </div>
  184. <div class="row group_rowll group_row ">
  185. <div class="col-md-1 hbgzsbgg"><span class="span1"></span></div>
  186. <div class="col-md-1 hbgzsbgg"></div>
  187. <div class="col-md-1 hbgzsbgg"></div>
  188. <div class="col-md-1 hbgzsbgg"></div>
  189. <div class="col-md-1 hbgzsbgg"></div>
  190. <div class="col-md-2" style="padding: 0;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
  191. <div class="col-md-1 hbgzsbgg">配种公猪:<span>$!obj.sjlrPzjl.ypgzeb</span></div>
  192. <div class="col-md-1 hbgzsbgg"></div>
  193. <div class="col-md-1 hbgzsbgg">评分:<span>$!obj.sjlrPzjl.yppf</span></div>
  194. <div class="col-md-1 hbgzsbgg"></div>
  195. <div class="col-md-1 hbgzsbgg"></div>
  196. </div>
  197. <div class="row group_rowll group_row ">
  198. <div class="col-md-1 hbgzsbgg"><span class="span1"></span></div>
  199. <div class="col-md-1 hbgzsbgg"></div>
  200. <div class="col-md-1 hbgzsbgg"></div>
  201. <div class="col-md-1 hbgzsbgg"></div>
  202. <div class="col-md-1 hbgzsbgg"></div>
  203. <div class="col-md-2" style="padding: 0;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
  204. <div class="col-md-1 hbgzsbgg">预产日期:<span>$!dateTool.format('yyyy-MM-dd', $!obj.sjlrPzjl.ycrq)</span></div>
  205. <div class="col-md-1 hbgzsbgg"></div>
  206. <div class="col-md-1 hbgzsbgg">发情间隔:<span>$!obj.sjlrPzjl.fqjg</span></div>
  207. <div class="col-md-1 hbgzsbgg"></div>
  208. <div class="col-md-1 hbgzsbgg"></div>
  209. </div>
  210. <div class="kongbai"><span></span></div>
  211. #end
  212. </div>
  213. </div>
  214. </div>
  215. #end
  216. </div>
  217. </section>
  218. </div>
  219. </div>
  220. </body>
  221. <script type="text/javascript">
  222. (function (doc,win) {
  223. var docEl = doc.documentElement;
  224. var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
  225. var recalc = function () {
  226. var clientWidth = docEl.clientWidth;
  227. if (!clientWidth) return;
  228. if(clientWidth>=640){
  229. docEl.style.fontSize = '100px';
  230. }else{
  231. docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
  232. }
  233. };
  234. if (!doc.addEventListener) return;
  235. win.addEventListener(resizeEvt, recalc, false);
  236. doc.addEventListener('DOMContentLoaded', recalc, false);
  237. })(document, window);
  238. </script>
  239. </html>