znsMainMobileBody.htm 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>mainBody</title>
  5. <style type="text/css">
  6. li.znsLi {
  7. width: 23%;
  8. float: left;
  9. line-height: 25px;
  10. font-size: 95%;
  11. padding: 3px 0px 5px 5px;
  12. }
  13. .zns {
  14. background: #F2F2F2;
  15. }
  16. .zns>div {
  17. wdith: 100%;
  18. float: left;
  19. }
  20. .checkedTest{
  21. color: rgb(210,80,21);
  22. border-bottom: 3px solid rgb(210,80,21);
  23. }
  24. .secoundList{
  25. height: 26px;
  26. border-bottom: 1px solid #888888;
  27. }
  28. </style>
  29. <script>
  30. $(function() {
  31. var type = "$!type";
  32. loadZnsMain(type);
  33. });
  34. /**
  35. * 加载智能舍页面
  36. */
  37. function loadZnsMain(type) {
  38. var param = [ {
  39. name : 'lqid',
  40. value : $("#mobileZsid").val()
  41. }, {
  42. name : 'type',
  43. value : type
  44. } ];
  45. //隐藏导航栏
  46. $("#yzgk").hide();
  47. $("#qtsz").hide();
  48. $("#slxh").hide();
  49. $("#snhj").hide();
  50. $("a:[class='checkedTest']").removeClass("checkedTest");
  51. var str = type;
  52. if (str == "snwdr" || str =="snsdr" || str == "qtzbr") {
  53. $("#" + str.substring(0, 4)).addClass("checkedTest");
  54. } else if (str == "rzzr") {
  55. $("#" + str.substring(0, 3)).addClass("checkedTest");
  56. } else {
  57. $("#" + type).addClass("checkedTest");
  58. }
  59. //显示导航栏
  60. switch (type) {
  61. case "ztgk":
  62. case "lrb":
  63. case "clyc":
  64. case "ssjk":
  65. case "columnDemo":
  66. $("#yzgk").show();
  67. break;
  68. case "tzfb":
  69. case "pjtz":
  70. case "rzz":
  71. case "rzzr":
  72. case "rcscs":
  73. case "scscs":
  74. $("#qtsz").show();
  75. break;
  76. case "mtxh":
  77. case "qcxh":
  78. $("#slxh").show();
  79. break;
  80. case "snwd":
  81. case "snwdr":
  82. case "snsd":
  83. case "snsdr":
  84. case "qtzb":
  85. $("#snhj").show();
  86. case "qtzbr":
  87. $("#snhj").show();
  88. break;
  89. }
  90. //加载内容页
  91. huimvMobile.loadMobilePage("znsMainBody", type + "MobileBody.htm", param);
  92. }
  93. </script>
  94. </head>
  95. <body>
  96. <div class="zns">
  97. <div style="width:100%">
  98. <ul id="yzgk" style="display:none" class="secoundList">
  99. #if("$!mcsj_yzgk_ztgk" == "true")
  100. <li class="znsLi"><a href="#" onclick="javascript:loadZnsMain('ztgk');" id="ztgk">总体概况</a></li>
  101. #end
  102. #if("$!mcsj_yzgk_lrb" == "true")
  103. <li class="znsLi"><a href="#" onclick="javascript:loadZnsMain('lrb');" id="lrb">料&nbsp;肉&nbsp;比</a></li>
  104. #end
  105. #if("$!mcsj_yzgk_clyc" == "true")
  106. <li class="znsLi"><a href="#" onclick="javascript:loadZnsMain('clyc');" id="clyc">出栏预测</a></li>
  107. #end
  108. #if("$!mcsj_yzgk_ssjk" == "true")
  109. <li class="znsLi"><a href="#" onclick="javascript:loadZnsMain('ssjk');" id="ssjk">实时监控</a></li>
  110. #end
  111. </ul>
  112. <ul id="qtsz" style="display:none" class="secoundList">
  113. #if("$!mcsj_qtsz_tzfb" == "true")
  114. <li class="znsLi" style="width: 20%;"><a href="#" onclick="javascript:loadZnsMain('tzfb');" id="tzfb">体重分布</a></li>
  115. #end
  116. #if("$!mcsj_qtsz_pjtz" == "true")
  117. <li class="znsLi" style="width: 20%;"><a href="#" onclick="javascript:loadZnsMain('pjtz');" id="pjtz">平均体重</a></li>
  118. #end
  119. #if("$!mcsj_qtsz_tzzz" == "true")
  120. <li class="znsLi" style="width: 16.5%;"><a href="#" onclick="javascript:loadZnsMain('rzz');" id="rzz">日增长</a></li>
  121. #end
  122. #if("$!mcsj_qtsz_rcscs" == "true")
  123. <li class="znsLi" style="width: 16.5%;"><a href="#" onclick="javascript:loadZnsMain('rcscs');" id="rcscs">日采食</a></li>
  124. #end
  125. #if("$!mcsj_qtsz_xscscs" == "true")
  126. <li class="znsLi" style="width: 16.5%;"><a href="#" onclick="javascript:loadZnsMain('scscs');" id="scscs">时采食</a></li>
  127. #end
  128. </ul>
  129. <ul id="slxh" style="display:none" class="secoundList">
  130. #if("$!mcsj_slxh_mtxh" == "true")
  131. <li class="znsLi"><a href="#" onclick="javascript:loadZnsMain('mtxh');" id="mtxh">每天消耗</a></li>
  132. #end
  133. #if("$!mcsj_slxh_qcxh" == "true")
  134. <li class="znsLi"><a href="#" onclick="javascript:loadZnsMain('qcxh');" id="qcxh">全程消耗</a></li>
  135. #end
  136. </ul>
  137. <ul id="snhj" style="display:none" class="secoundList">
  138. #if("$!mcsj_snhj_snwd" == "true")
  139. <li class="znsLi"><a href="#" onclick="javascript:loadZnsMain('snwd');" id="snwd">舍内温度</a></li>
  140. #end
  141. #if("$!mcsj_snhj_snsd" == "true")
  142. <li class="znsLi"><a href="#" onclick="javascript:loadZnsMain('snsd');" id="snsd">舍内湿度</a></li>
  143. #end
  144. #if("$!mcsj_snhj_qtzb" == "true")
  145. <li class="znsLi"><a href="#" onclick="javascript:loadZnsMain('qtzb');" id="qtzb">气体指标</a></li>
  146. #end
  147. </ul>
  148. </div>
  149. <div id="znsMainBody" style="width:100%"></div>
  150. </div>
  151. </body>
  152. </html>