mcZsHaifmvView.htm 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>mcZsView</title>
  5. <style>
  6. #hkmenu1 ul.nav-pills, #menu1 ul.nav-pills{
  7. height:auto;
  8. }
  9. #chooseHjkzSet .modal-dialog{
  10. width: 5rem;
  11. }
  12. #chooseHjkzSet .modal-dialog div.option{
  13. height: auto;
  14. line-height: normal;
  15. padding: 0.2rem;
  16. font-size: 0.24rem;
  17. }
  18. #chooseHjkzSet .modal-dialog div.option:last-child {
  19. border-bottom: none;
  20. }
  21. .footer_qtsz + a:focus, .footer_qtsz + a:hover, .footer_gtsz + a:focus, .footer_gtsz + a:hover, .footer_slxh + a:focus, .footer_slxh + a:hover {
  22. color: #fff;
  23. }
  24. </style>
  25. <script type="text/javascript">
  26. $(function () {
  27. if ($("#destination").val() != "") {
  28. $("#zsbz").val("2");
  29. }
  30. if ($("#zsbz").val() == 2) {
  31. $(".footer_snhj").css("background","url('views/haifmv/img/mc_img/mc_footer2.png') no-repeat -3.65rem 0.03rem");
  32. $(".footer_snhj+a").addClass("textColor");
  33. $(".footer_yzzk").css("background","url('views/haifmv/img/mc_img/mc_footer1.png') no-repeat -0.2rem 0.03rem");
  34. $(".footer_yzzk+a").removeClass("textColor");
  35. loadMenu("snhj");
  36. }else {
  37. loadMenu("yzgk");
  38. }
  39. //显示隐藏分栏站
  40. if ($("#zsbz").val() == 1) {
  41. $("#flz").show();
  42. }else {
  43. $("#flz").hide();
  44. }
  45. /**
  46. *右上角警报按钮的方法
  47. **/
  48. $("#flzPanel").on("tap", function() {
  49. if ($(this).data("target") == "bell"){
  50. var zsid = $("#zsid").val();
  51. haifm.loadMobilePage("zsmain", "bjtjxxHaifmvMain.htm?zsid=" + zsid);
  52. }
  53. })
  54. $("#HjkzSetOptions").on("tap", ".option", function () {
  55. var zsid = $("#zsid").val();
  56. $('.modal-backdrop').remove();
  57. $('body').removeClass('modal-open');
  58. haifm.loadMobilePage("haifm", "haifmvHjkz" + $(this).data('skip') + ".htm?zsid=" + zsid);
  59. });
  60. });
  61. /**
  62. * 后退
  63. */
  64. function backUrl(from) {
  65. var type = $("#type").val();
  66. if (type != undefined && type != "ztgk" && type != "") {
  67. if ($("#zsbz").val() == 2) {
  68. $("#flzPanel").attr("class", "glyphicon glyphicon-bell")
  69. .attr('data-target', '')
  70. .attr('data-toggle', '')
  71. .data('target','bell');
  72. }else {
  73. $("#flzPanel").attr("class", "glyphicon");
  74. }
  75. //haifm.loadMobilePage("zsmain", "ztgkHaifmvMain.htm?zsid=" + $("#zsid").val());
  76. haifm.loadMobilePage("haifm", "haifmvMain.htm?uuid=" + $("#uuid").val() + "&mcid=" + $("#mcid").val() + "&qyid=" + $("#qyid").val() +"&toList=1" + "&from=" + from);
  77. $(".footer_snhj").css("background-image","url(views/haifmv/img/mc_img/mc_footer1.png)");
  78. $(".footer_snhj").next().removeClass("textColor");
  79. $(".footer_qtsz").css("background-image","url(views/haifmv/img/mc_img/mc_footer1.png)");
  80. $(".footer_qtsz").next().removeClass("textColor");
  81. $(".footer_slxh").css("background-image","url(views/haifmv/img/mc_img/mc_footer1.png)");
  82. $(".footer_slxh").next().removeClass("textColor");
  83. $(".footer_yzzk").css("background-image","url(views/haifmv/img/mc_img/mc_footer2.png)");
  84. $(".footer_yzzk").next().addClass("textColor");
  85. } else {
  86. haifm.loadMobilePage("haifm", "haifmvMain.htm?uuid=" + $("#uuid").val() + "&mcid=" + $("#mcid").val() + "&qyid=" + $("#qyid").val() +"&toList=1" + "&from=" + from);
  87. }
  88. }
  89. /**
  90. * 加载一级菜单
  91. */
  92. function loadMenu(key) {
  93. var flzPanel = $("#flzPanel");
  94. switch (key) {
  95. case "snhj":
  96. flzPanel.attr("class", "glyphicon glyphicon-wrench")
  97. .attr('data-target', '#chooseHjkzSet')
  98. .attr('data-toggle', 'modal')
  99. .data('target','#chooseHjkzSet')
  100. .attr("style", "width: auto;height: auto;");
  101. $("#2key").val("snwd");
  102. if ($("#destination").val() != "") {
  103. $("#2key").val($("#destination").val());
  104. }
  105. break;
  106. case "yzgk":
  107. if ($("#zsbz").val() == "2") {
  108. flzPanel.attr("class", "glyphicon glyphicon-bell")
  109. .attr('data-target', '')
  110. .attr('data-toggle', '')
  111. .data('target','bell');
  112. }else {
  113. flzPanel.attr("class", "glyphicon")
  114. .attr('data-target', '')
  115. .attr('data-toggle', '')
  116. .data('target','');
  117. flzPanel.css({"width":"18px","height":"18px"});
  118. }
  119. $("#2key").val("ztgk");
  120. break;
  121. case "qtsz" :
  122. flzPanel.attr("class", "glyphicon")
  123. .attr('data-target', '')
  124. .attr('data-toggle', '')
  125. .data('target','');
  126. $("#2key").val("tzfb");
  127. break;
  128. case "slxh" :
  129. flzPanel.attr("class", "glyphicon")
  130. .attr('data-target', '')
  131. .attr('data-toggle', '')
  132. .data('target','');
  133. $("#2key").val("mtxh");
  134. break;
  135. default :
  136. flzPanel.attr("class", "glyphicon")
  137. .attr('data-target', '')
  138. .attr('data-toggle', '')
  139. .data('target','');
  140. break;
  141. }
  142. haifm.loadMobilePage("searchMenu", "searchHaifmvMain.htm?key2=" + $("#2key").val() + "&zsid=" + $("#zsid").val() + "&yweb=" + $("#yweb").val());
  143. if(key=='snhj'){
  144. $(".glyphicon-wrench").on("click",function(){
  145. setTimeout(function(){
  146. $(".modal-backdrop").on("tap",function(){
  147. $(this).remove();
  148. $("#chooseHjkzSet").removeClass("in").hide();
  149. $("body").removeClass("modal-open");
  150. });
  151. }, 100);
  152. });
  153. }
  154. }
  155. /**
  156. * footer图标
  157. * */
  158. function pig(e) {
  159. $('#menu1 .nav li').eq(0).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
  160. $('#menu1 .nav li').eq(1).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
  161. $('#menu1 .nav li').eq(2).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
  162. $('#menu1 .nav li').eq(3).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
  163. // $('#menu1 .nav li').eq(4).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
  164. $('#menu1 .nav li a').eq(0).removeClass('textColor');
  165. $('#menu1 .nav li a').eq(1).removeClass('textColor');
  166. $('#menu1 .nav li a').eq(2).removeClass('textColor');
  167. $('#menu1 .nav li a').eq(3).removeClass('textColor');
  168. // $('#menu1 .nav li a').eq(4).removeClass('textColor');
  169. switch(e) {
  170. case 0:
  171. $('#menu1 .nav li').eq(0).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
  172. $('#menu1 .nav li a').eq(0).addClass('textColor');
  173. break;
  174. case 1:
  175. $('#menu1 .nav li').eq(1).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
  176. $('#menu1 .nav li a').eq(1).addClass('textColor');
  177. break;
  178. case 2:
  179. $('#menu1 .nav li').eq(2).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
  180. $('#menu1 .nav li a').eq(2).addClass('textColor');
  181. break;
  182. case 3:
  183. $('#menu1 .nav li').eq(3).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
  184. $('#menu1 .nav li a').eq(3).addClass('textColor');
  185. break;
  186. // case 4:
  187. // $('#menu1 .nav li').eq(1).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
  188. // $('#menu1 .nav li a').eq(1).addClass('textColor');
  189. // break;
  190. }
  191. }
  192. function pig1(e) {
  193. $('#menu1 .nav li').eq(0).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
  194. $('#menu1 .nav li').eq(1).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
  195. $('#menu1 .nav li').eq(2).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
  196. // $('#menu1 .nav li').eq(3).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
  197. // $('#menu1 .nav li').eq(4).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer1.png)'});
  198. $('#menu1 .nav li a').eq(0).removeClass('textColor');
  199. $('#menu1 .nav li a').eq(1).removeClass('textColor');
  200. $('#menu1 .nav li a').eq(2).removeClass('textColor');
  201. // $('#menu1 .nav li a').eq(3).removeClass('textColor');
  202. // $('#menu1 .nav li a').eq(4).removeClass('textColor');
  203. switch(e) {
  204. case 0:
  205. $('#menu1 .nav li').eq(0).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
  206. $('#menu1 .nav li a').eq(0).addClass('textColor');
  207. break;
  208. case 1:
  209. $('#menu1 .nav li').eq(1).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
  210. $('#menu1 .nav li a').eq(1).addClass('textColor');
  211. break;
  212. case 2:
  213. $('#menu1 .nav li').eq(2).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
  214. $('#menu1 .nav li a').eq(2).addClass('textColor');
  215. break;
  216. // case 3:
  217. // $('#menu1 .nav li').eq(3).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
  218. // $('#menu1 .nav li a').eq(3).addClass('textColor');
  219. // break;
  220. // case 4:
  221. // $('#menu1 .nav li').eq(1).find('span').css({'background-image':'url(views/haifmv/img/mc_img/mc_footer2.png)'});
  222. // $('#menu1 .nav li a').eq(1).addClass('textColor');
  223. // break;
  224. }
  225. }
  226. </script>
  227. </head>
  228. <body>
  229. <input type="hidden" id="zsid" value="$!daZsda.id"/>
  230. <input type="hidden" id="mcid" value="$!daZsda.mcid"/>
  231. <input type="hidden" id="zsbz" value="$!daZsda.zsbz"/>
  232. <input type="hidden" id="ksjs" value="$!ksjs"/>
  233. <input type="hidden" id="yweb" value="$!yweb"/>
  234. <input type="hidden" id="2key" value=""/>
  235. <input type="hidden" id="destination" value="$!destination"/>
  236. <div style="height: 100%;display: flex;flex-direction: column;">
  237. <div id="wrap">
  238. <header>
  239. <span class="glyphicon glyphicon-chevron-left" aria-hidden="true" onclick="javascript:backUrl('$!from')"></span>
  240. <p>$!daZsda.zsmc </p>
  241. <span class="glyphicon" aria-hidden="true" id="flzPanel"></span>
  242. </header>
  243. <!-- <div id="meniu2"></div> -->
  244. <div id="zsmain" style="display: flex;flex-direction: column;flex: 1;"></div>
  245. #if ("$!daZsda.zsbz" == 1)
  246. <footer class="row mc_footer" id="menu1">
  247. <ul class="nav nav-pills navbar-fixed-bottom nav-justified" style="background-color: #f6f6f6;">
  248. <li onclick="pig(0);loadMenu('yzgk');"><span class="footer_yzzk"></span><a href="#" class="textColor">养殖状况</a></li>
  249. <li onclick="pig(1);loadMenu('qtsz');"><span class="footer_qtsz"></span><a href="#" class="">群体生长</a></li>
  250. <!-- <li><span class="footer_gtsz"></span><a href="#" class="">个体生长</a></li> -->
  251. <li onclick="pig(2);loadMenu('slxh');"><span class="footer_slxh"></span><a href="#" class="">饲料消耗</a></li>
  252. <li onclick="pig(3);loadMenu('snhj');"><span class="footer_snhj"></span><a href="#" class="">舍内环境</a></li>
  253. </ul>
  254. </footer>
  255. #else
  256. <footer class="row mc_footer" id="menu1">
  257. <ul class="nav nav-pills navbar-fixed-bottom nav-justified" style="background-color: #f6f6f6;">
  258. <li onclick="pig1(0);loadMenu('yzgk');"><span class="footer_yzzk"></span><a href="#" class="textColor">养殖状况</a></li>
  259. <li onclick="pig1(1);loadMenu('slxh');"><span class="footer_slxh"></span><a href="#" class="">饲料消耗</a></li>
  260. <li onclick="pig1(2);loadMenu('snhj');"><span class="footer_snhj"></span><a href="#" class="">舍内环境</a></li>
  261. </ul>
  262. </footer>
  263. #end
  264. </div>
  265. </div>
  266. <div class="modal" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="searchModalLabel" aria-hidden="true">
  267. <div class="modal-dialog" style="width: 100%;position: absolute;margin: 0;padding: 10px;top: 50%;margin-top: -290px;">
  268. <div class="modal-content">
  269. <div class="modal-header">
  270. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  271. <h4 class="modal-title" id="searchModalLabel">搜索条件</h4>
  272. </div>
  273. <div class="modal-body" id="searchMenu" style="padding-top: 0;"></div>
  274. <div class="modal-footer">
  275. <button class="btn btn-default" type="button" id="selectMenu">搜索</button>
  276. <button type="button" class="btn btn-default" data-dismiss="modal" id="closeMenu">关闭</button>
  277. </div>
  278. </div>
  279. </div>
  280. </div>
  281. <!-- 选择环境控制入口 -->
  282. <div class="modal" id="chooseHjkzSet" style="border-radius: 6px;top:30%;left:50%;right: inherit;bottom: inherit;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);">
  283. <div class="modal-dialog" style="margin-top:0;">
  284. <div class="modal-content" id="HjkzSetOptions" style="border: none;">
  285. #if ("$!hk_bys_ya" == "false")
  286. #if ("$!xt_hjkz_yxcs" == "true")
  287. <div class="option" data-dismiss="modal" data-skip="yxcs">档位设置</div>
  288. #end
  289. #end
  290. #if ("$!daZsda.hkbz" == "1" && "$!xt_hjkz_bjcs" == "true")
  291. <div class="option" data-dismiss="modal" data-skip="bjcs">报警设置</div>
  292. #end
  293. #if ("$!xt_flz_bjcs" == "true")
  294. <div class="option" data-dismiss="modal" data-skip="flzbjcs" id="flz">分栏站报警设置</div>
  295. #end
  296. <!-- 保育舍预案 -->
  297. #if ("$!hk_bys_ya" == "true")
  298. <div class="option" data-dismiss="modal" data-skip="bysya">保育舍预案设置</div>
  299. #end
  300. #if ("$!xt_hjkz_yxcs" == "true")
  301. <div class="option" data-dismiss="modal" data-skip="csjl">采食计量配置</div>
  302. #end
  303. #if ("$!xt_hk_qtsb" == "true")
  304. <div class="option" data-dismiss="modal" data-skip="gjpz">高级配置</div>
  305. #end
  306. </div>
  307. </div>
  308. </div>
  309. </body>
  310. </html>