ptsMainMobileBody.htm 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>mainBody</title>
  5. <style type="text/css">
  6. li.ptsLi{
  7. width:23%;
  8. line-height: 25px;
  9. float:left;
  10. font-size:95%;
  11. padding:3px 0px 5px 5px;
  12. }
  13. .pts{
  14. background:#F2F2F2;
  15. }
  16. .pts > div {
  17. wdith:100%;
  18. float:left;
  19. }
  20. #backUp {
  21. width: 100%;
  22. text-algin: right;
  23. }
  24. ul#backUpSpan {
  25. width: 100%;
  26. margin-left: 86%;
  27. }
  28. div#qhTjt {
  29. width: 100%;
  30. text-align: center;
  31. }
  32. #qhTjt > ul {
  33. margin: 0% auto;
  34. text-align: center;
  35. }
  36. .checkedTest{
  37. color: rgb(210,80,21);
  38. border-bottom: 3px solid rgb(210,80,21);
  39. }
  40. .secoundList{
  41. height: 26px;
  42. border-bottom: 1px solid #888888;
  43. }
  44. </style>
  45. <script type="text/javascript">
  46. $(function() {
  47. var type = "$!type";
  48. loadPtsMain(type);
  49. });
  50. /**
  51. * 加载智能舍页面
  52. */
  53. function loadPtsMain(type) {
  54. var param = [ {
  55. name: "mcid",
  56. value: $("#mcid").val()
  57. }, {
  58. name: "type",
  59. value: type
  60. } ];
  61. $("a:[class='checkedTest']").removeClass("checkedTest");
  62. $("#" + type).addClass("checkedTest");
  63. $("#backUp").css("display", "none");
  64. $("#qhTjt").css("display", "none");
  65. $("#ptsTitle").show();
  66. $("#ptsLine").show();
  67. //加载内容页
  68. huimvMobile.loadMobilePage("ptsMainBody", type + "MobileBody.htm", param);
  69. }
  70. /**
  71. * 加载普通舍统计图
  72. */
  73. function loadPtsTjt(mcid, zsid, lqid, type) {
  74. var param = [ {
  75. name : "mcid",
  76. value : mcid
  77. }, {
  78. name : "zsid",
  79. value : zsid
  80. }, {
  81. name : "lqid",
  82. value : lqid
  83. }, {
  84. name : "type",
  85. value : type
  86. } ];
  87. // 隐藏导航栏
  88. $("#ptsTitle").hide();
  89. var backUpSpan = "";
  90. var qhTjt_wsa = "";
  91. if(type == "qcxh") {
  92. backUpSpan = "<li class='ptsLi'><a href='#' onclick=javascript:loadPtsMain('ptslxh');>返回</a></li>";
  93. } else if(type == "snwd" || type == "snsd" || type == "qtzb" || type=="snwdr" || type=="snsdr" || type=="qtzbr") {
  94. qhTjt_wsa = '<li class="ptsLi"><a href="#" id="snwd" onclick="javascript:loadPtsTjt(' + mcid + ',' + zsid + ',' + lqid + ', \'snwd\');">温度</a></li>' +
  95. '<li class="ptsLi"><a href="#" id="snsd" onclick="javascript:loadPtsTjt(' + mcid + ',' + zsid + ',' + lqid + ', \'snsd\');">湿度</a></li>' +
  96. '<li class="ptsLi"><a href="#" id="qtzb" onclick="javascript:loadPtsTjt(' + mcid + ',' + zsid + ',' + lqid + ', \'qtzb\');">氨气</a></li>';
  97. // 显示统计图按钮
  98. $("#qhTjt").css("display", "");
  99. backUpSpan = "<li class='ptsLi'><a href='#' onclick=javascript:loadPtsMain('ptsnhj');>返回</a></li>";
  100. document.getElementById("qhTjt_wsa").innerHTML = qhTjt_wsa;
  101. }
  102. document.getElementById("backUpSpan").innerHTML = backUpSpan;
  103. // 显示返回按钮
  104. $("#backUp").css("display", "");
  105. // 聚焦功能
  106. $("a:[class='ptsLi']").removeClass("checkedTest");
  107. var str = type;
  108. $("#" + str.substring(0, 4)).addClass("checkedTest");
  109. //加载内容页
  110. huimvMobile.loadMobilePage("ptsMainBody", type + "MobileBody.htm", param);
  111. }
  112. </script>
  113. </head>
  114. <body>
  115. <input type="hidden" value="$!mcid" id="mcid"/>
  116. <div class="pts">
  117. <div id="ptsTitle" style="width:100%">
  118. <ul class="secoundList">
  119. <li class="ptsLi"><a href="#" onclick="javascript:loadPtsMain('ptslxh');" id="ptslxh">饲料消耗</a></li>
  120. <li class="ptsLi"><a href="#" onclick="javascript:loadPtsMain('ptsnhj');" id="ptsnhj">舍内环境</a></li>
  121. </ul>
  122. </div>
  123. <div id="backUp" style="display:none;">
  124. <ul id="backUpSpan"></ul>
  125. </div>
  126. <div id="qhTjt" style="display:none;">
  127. <ul id="qhTjt_wsa"></ul>
  128. </div>
  129. <div id="ptsMainBody" style="width:100%"></div>
  130. </div>
  131. </body>
  132. </html>