| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <title>总体概况查看</title>
- <link rel="StyleSheet" href="css/huimv.css" type="text/css" />
- <script type="text/javascript" src="views/ptsj/mcsj/hjkz/viewPthjkz.js"></script>
- <style type="text/css">
- *{
- }
- .card {
- margin: 0;
- padding: 0;
- font-family: "微软雅黑";
- box-shadow: 1px 1px 3px #bbb;
- float: left;
- height: 194px;
- width: 250px;
- background: #fff;
- margin: 10px 5px;
- }
- .card ul{
- margin: 0;
- padding: 0;
- list-style: none;
- position: relative;
- float: left;
- }
- .card li{
- line-height: 30px;
- height: 30px;
- font-size: 14px;
- }
- .stitle{
- height: 40px;
- font-size: 16px;
- text-align: center;
- font-weight: bolder;
- background-color: #eeeeee;
- line-height: 40px;
- border-bottom: 1px solid #e1e1e1;
- }
- .stitle+ul li{
- letter-spacing: 1px;
- font-weight: bold;
- }
- .card span{
- font-size: 14px;
- }
- .cardname6 li{
- text-align: right;
- width: 90px;
- font-size: 14px;
- font-weight: bolder;
- }
- .a {
- font-size: 18px;
- color: green;
- cursor: pointer;
- }
- </style>
- </head>
- <body>
- <table width="800" height="450" cellspacing="0" cellpadding="0"><tr><td valign="top">
- #foreach ($!obj in $!list)
- <div class="card">
- <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>
- <ul class="cardname6">
- <li>栏期名称:</li>
- <li>入栏天数:</li>
- <li>当天温度:</li>
- <li>当天湿度:</li>
- <li>氨气浓度:</li>
- </ul>
- <ul class="cardcont1">
- <li>$!obj.lqmc</li>
- <li>$!obj.rlts 天</li>
- <li>
- $!obj.mindqwd - $!obj.maxdqwd ℃
- #if("$!obj.bjjb.wdFlag" == "1")
- <img src="images/greenBj.gif" height="16px" width="16px" title="温度报警一级"/>
- #elseif("$!obj.bjjb.wdFlag" == "2")
- <img src="images/yellowBj.gif" height="16px" width="16px" title="温度报警二级"/>
- #elseif("$!obj.bjjb.wdFlag" == "3")
- <img src="images/redBj.gif" height="16px" width="16px" title="温度报警三级"/>
- #end
- </li>
- <li>
- $!obj.mindqsd - $!obj.maxdqsd rh
- #if("$!obj.bjjb.sdFlag" == "1")
- <img src="images/greenBj.gif" height="16px" width="16px" title="湿度报警一级"/>
- #elseif("$!obj.bjjb.sdFlag" == "2")
- <img src="images/yellowBj.gif" height="16px" width="16px" title="湿度报警二级"/>
- #elseif("$!obj.bjjb.sdFlag" == "3")
- <img src="images/redBj.gif" height="16px" width="16px" title="湿度报警三级"/>
- #end
- </li>
- <li>$!obj.minaqnd - $!obj.maxaqnd ppm</li>
- </ul>
- </div>
- #end
- </td></tr></table>
- <div align="center">
- <table cellspacing="0" cellpadding="0" border="0">
- <tr>
- #foreach($!obj in $!pageList)
- <td>
- #if ($!page == $!obj.page)
- <a href="#" style="font-size:16px;color:black;text-decoration:none;">$!obj.page</a>
- #else
- <a href="#" style="font-size:16px" onclick="javascrpt:pageClick('$!obj.mcid','$!obj.page')">$!obj.page</a>
- #end
- </td>
- <td> </td>
- #end
- </tr>
- </table>
- </div>
- <br/>
- </body>
- </html>
|