viewPthjkz.htm 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  5. <title>总体概况查看</title>
  6. <link rel="StyleSheet" href="css/huimv.css" type="text/css" />
  7. <script type="text/javascript" src="views/ptsj/mcsj/hjkz/viewPthjkz.js"></script>
  8. <style type="text/css">
  9. *{
  10. }
  11. .card {
  12. margin: 0;
  13. padding: 0;
  14. font-family: "微软雅黑";
  15. box-shadow: 1px 1px 3px #bbb;
  16. float: left;
  17. height: 194px;
  18. width: 250px;
  19. background: #fff;
  20. margin: 10px 5px;
  21. }
  22. .card ul{
  23. margin: 0;
  24. padding: 0;
  25. list-style: none;
  26. position: relative;
  27. float: left;
  28. }
  29. .card li{
  30. line-height: 30px;
  31. height: 30px;
  32. font-size: 14px;
  33. }
  34. .stitle{
  35. height: 40px;
  36. font-size: 16px;
  37. text-align: center;
  38. font-weight: bolder;
  39. background-color: #eeeeee;
  40. line-height: 40px;
  41. border-bottom: 1px solid #e1e1e1;
  42. }
  43. .stitle+ul li{
  44. letter-spacing: 1px;
  45. font-weight: bold;
  46. }
  47. .card span{
  48. font-size: 14px;
  49. }
  50. .cardname6 li{
  51. text-align: right;
  52. width: 90px;
  53. font-size: 14px;
  54. font-weight: bolder;
  55. }
  56. .a {
  57. font-size: 18px;
  58. color: green;
  59. cursor: pointer;
  60. }
  61. </style>
  62. </head>
  63. <body>
  64. <table width="800" height="450" cellspacing="0" cellpadding="0"><tr><td valign="top">
  65. #foreach ($!obj in $!list)
  66. <div class="card">
  67. <div class="stitle" id="title$!obj.lqid" onmouseover='$("#title$!obj.lqid").addClass("a")' onmouseout='$("#title$!obj.lqid").removeClass("a")' onclick='viewSlxhtjj("$!obj.mcid","$!obj.zsid","$!obj.lqid","$!obj.lqmc")'>$!obj.zsmc</div>
  68. <ul class="cardname6">
  69. <li>栏期名称:</li>
  70. <li>入栏天数:</li>
  71. <li>当天温度:</li>
  72. <li>当天湿度:</li>
  73. <li>氨气浓度:</li>
  74. </ul>
  75. <ul class="cardcont1">
  76. <li>$!obj.lqmc</li>
  77. <li>$!obj.rlts 天</li>
  78. <li>
  79. $!obj.mindqwd - $!obj.maxdqwd ℃
  80. #if("$!obj.bjjb.wdFlag" == "1")
  81. &nbsp;<img src="images/greenBj.gif" height="16px" width="16px" title="温度报警一级"/>
  82. #elseif("$!obj.bjjb.wdFlag" == "2")
  83. &nbsp;<img src="images/yellowBj.gif" height="16px" width="16px" title="温度报警二级"/>
  84. #elseif("$!obj.bjjb.wdFlag" == "3")
  85. &nbsp;<img src="images/redBj.gif" height="16px" width="16px" title="温度报警三级"/>
  86. #end
  87. </li>
  88. <li>
  89. $!obj.mindqsd - $!obj.maxdqsd rh
  90. #if("$!obj.bjjb.sdFlag" == "1")
  91. &nbsp;<img src="images/greenBj.gif" height="16px" width="16px" title="湿度报警一级"/>
  92. #elseif("$!obj.bjjb.sdFlag" == "2")
  93. &nbsp;<img src="images/yellowBj.gif" height="16px" width="16px" title="湿度报警二级"/>
  94. #elseif("$!obj.bjjb.sdFlag" == "3")
  95. &nbsp;<img src="images/redBj.gif" height="16px" width="16px" title="湿度报警三级"/>
  96. #end
  97. </li>
  98. <li>$!obj.minaqnd - $!obj.maxaqnd ppm</li>
  99. </ul>
  100. </div>
  101. #end
  102. </td></tr></table>
  103. <div align="center">
  104. <table cellspacing="0" cellpadding="0" border="0">
  105. <tr>
  106. #foreach($!obj in $!pageList)
  107. <td>
  108. #if ($!page == $!obj.page)
  109. <a href="#" style="font-size:16px;color:black;text-decoration:none;">$!obj.page</a>
  110. #else
  111. <a href="#" style="font-size:16px" onclick="javascrpt:pageClick('$!obj.mcid','$!obj.page')">$!obj.page</a>
  112. #end
  113. </td>
  114. <td>&nbsp;</td>
  115. #end
  116. </tr>
  117. </table>
  118. </div>
  119. <br/>
  120. </body>
  121. </html>