viewPtslxh.htm 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  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/slxh/viewPtslxh.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: 15px 5px;
  21. z-index:-1;
  22. }
  23. .card ul{
  24. margin: 0;
  25. padding: 0;
  26. list-style: none;
  27. position: relative;
  28. float: left;
  29. }
  30. .card li{
  31. line-height: 30px;
  32. height: 30px;
  33. font-size: 14px;
  34. }
  35. .stitle{
  36. height: 40px;
  37. font-size: 16px;
  38. text-align: center;
  39. font-weight: bolder;
  40. background-color: #eeeeee;
  41. line-height: 40px;
  42. border-bottom: 1px solid #e1e1e1;
  43. }
  44. .stitle+ul li{
  45. letter-spacing: 1px;
  46. font-weight: bold;
  47. }
  48. .card span{
  49. font-size: 14px;
  50. }
  51. .cardname6 li{
  52. text-align: right;
  53. width: 90px;
  54. font-size: 14px;
  55. font-weight: bolder;
  56. }
  57. .a {
  58. font-size: 18px;
  59. color: green;
  60. cursor: pointer;
  61. }
  62. #bubble_tooltip{
  63. width:450px;
  64. position:absolute;
  65. display:none;
  66. z-index:9999;
  67. }
  68. #bubble_tooltip .bubble_top{
  69. background-image: url('images/map/bubble/bubble_top1.gif');
  70. background-repeat:no-repeat;
  71. height:16px;
  72. }
  73. #bubble_tooltip .bubble_middle{
  74. background-image: url('images/map/bubble/bubble_middle1.gif');
  75. background-repeat:repeat-y;
  76. background-position:bottom left;
  77. padding-left:7px;
  78. padding-right:7px;
  79. }
  80. #bubble_tooltip .bubble_middle span{
  81. position:relative;
  82. top:-8px;
  83. font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
  84. font-size:11px;
  85. font-weight: bolder;
  86. }
  87. #bubble_tooltip .bubble_bottom{
  88. background-image: url('images/map/bubble/bubble_bottom1.gif');
  89. background-repeat:no-repeat;
  90. background-repeat:no-repeat;
  91. height:44px;
  92. position:relative;
  93. top:-6px;
  94. }
  95. </style>
  96. </head>
  97. <body>
  98. <!-- 加载浮动气泡 -->
  99. <div id="bubble_tooltip" onmouseout="javascript:hideLqxx()">
  100. <div class="bubble_top"></div>
  101. <div class="bubble_middle"><span id="bubble_tooltip_content"></span></div>
  102. <div class="bubble_bottom"></div>
  103. </div>
  104. <input type="hidden" id="gh" value="$!gh" />
  105. <table width="800" height="450" cellspacing="0" cellpadding="0"><tr><td valign="top">
  106. #foreach ($!obj in $!list)
  107. <div class="card" onclick="javascript:hideLqxx()">
  108. <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>
  109. <ul class="cardname6">
  110. <li>栏期名称:</li>
  111. <li>入栏天数:</li>
  112. <li>总体上料:</li>
  113. <li></li>
  114. <li>每天上料:</li>
  115. </ul>
  116. <ul class="cardcont1">
  117. <li>$!obj.lqmc&nbsp;<img src="images/xxqp.png" height="20px" style="CURSOR:pointer;" width="20px" onmouseover="javascript:viewLqxx(event,'$!obj.lqid','$!obj.rlts','$!obj.tsum')" /></li>
  118. <li>$!obj.rlts 天</li>
  119. <li>$!obj.tsum Kg</li>
  120. <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;昨天&nbsp;/ 今天</li>
  121. <li>
  122. #if("$!obj.y2rzcsl" == "1")
  123. <font color="red" style="font-size: 14px;">$!obj.yrzcsl↑</font>
  124. #elseif("$!obj.y2rzcsl" == "0")
  125. <font color="green" style="font-size: 14px;">$!obj.yrzcsl↓</font>
  126. #else
  127. <font style="font-size: 16px;">$!obj.yrzcsl</font>
  128. #end
  129. &nbsp;/
  130. #if("$!obj.y1rzcsl" == "1")
  131. <font color="red" style="font-size: 14px;">$!obj.rzcsl↑</font>
  132. #elseif("$!obj.y1rzcsl" == "0")
  133. <font color="green" style="font-size: 14px;">$!obj.rzcsl↓</font>
  134. #else
  135. <font style="font-size: 14px;">$!obj.rzcsl</font>
  136. #end
  137. Kg</li>
  138. </ul>
  139. </div>
  140. #end
  141. </td></tr></table>
  142. <div align="center">
  143. <table cellspacing="0" cellpadding="0" border="0">
  144. <tr>
  145. #foreach($!obj in $!pageList)
  146. <td>
  147. #if ($!page == $!obj.page)
  148. <a href="#" style="font-size:16px;color:black;text-decoration:none;">$!obj.page</a>
  149. #else
  150. <a href="#" style="font-size:16px" onclick="javascrpt:pageClick('$!obj.mcid','$!obj.page')">$!obj.page</a>
  151. #end
  152. </td>
  153. <td>&nbsp;</td>
  154. #end
  155. </tr>
  156. </table>
  157. </div>
  158. <br/>
  159. </body>
  160. </html>