| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>ptsnhjBody</title>
- <style type="text/css">
- .aDiv {
- margin: 10px 0px 10px 0px;
- width: 100%;
- color: #333;
- text-align: center;
- line-height: 2;
- background: #FCF9F9;
- }
- .aDiv .sheInfo {
- height: 11.5em;
- width: 48%;
- border: 1px solid rgb(205, 197, 197);
- border-radius: 5px;
- margin: 3px 2.5px;
- padding: 0px 0px 0px 0px;
- float: left;
- }
- .aDiv .sheInfo .sheTitle {
- font-size: 1em;
- font-weight: bold;
- background-color: rgb(205, 197, 197);
- }
- .aDiv .sheInfo .leftUl {
- width: 40%;
- float: left;
- text-align: left;
- font-size: 0.75em;
- }
- .aDiv .sheInfo .rightUl {
- width: 60%;
- float: left;
- text-align: left;
- font-size: 0.75em;
- }
- .page {
- margin: 10px 0px 0px 0px;
- text-align: center;
- font-size: 0.8em;
- }
- .white_content {
- display: none;
- position: absolute;
- top: 20%;
- left: 4%;
- width: 90%;
- height: 35%;
- border: 5px solid #D6E9F1;
- background-color: white;
- z-index: 1002;
- overflow: auto;
- }
- .black_overlay {
- display: none;
- position: absolute;
- top: 0%;
- left: 0%;
- width: 100%;
- height: 100%;
- background-color: #8B8B8B;
- z-index: 1001;
- -moz-opacity: 0.8;
- opacity: .80;
- filter: alpha(opacity = 80);
- }
- .close {
- float: right;
- clear: both;
- width: 100%;
- text-align: right;
- margin: 5px 5px 5px 0;
- }
- .close a {
- color: #5411F7;
- text-decoration: none;
- font-size: 16px;
- font-weight: 700
- }
- .info_table {
- text-align: left;
- width: 100%;
- height: 100%;
- font-size: 15px;
- }
- div#content {
- width: 100%;
- text-align: center;
- }
- .clearfix:after /*一个元素可以同时应用多个class样式*/ {
- content: " ";
- visibility: hidden;
- display: block;
- height: 0;
- clear: both;
- }
- </style>
- <script type="text/javascript">
- function pageClick(mcid, page) {
- jQuery("#ptsMainBody").load("ptslxhMobileBody.htm?page="+ page);
- }
- </script>
- </head>
- <body>
- <input type="hidden" value="$!type" id="type">
- <input type="hidden" value="$!mcid" id="mcid">
- <div id="ptsMainInfo" style="width:100%;">
- <div class="aDiv clearfix">
- #foreach ($!obj in $!list)
- <div class="sheInfo">
- <ul>
- <li>
- <h4 class="sheTitle">
- <a href="#" onclick="javascript:loadPtsTjt('$!obj.mcid', '$!obj.zsid', '$!obj.lqid', 'snwd');">$!obj.zsmc </a>
- </h4>
- </li>
- </ul>
- <ul class="leftUl">
- <li>栏期名称:</li>
- <li>入栏天数:</li>
- <li>当天温度:</li>
- <li>当天湿度:</li>
- <li>氨气浓度:</li>
- </ul>
- <ul class="rightUl">
- <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
- </div>
- </div>
- <div class="page">
- #foreach($!obj in $!pageList)
- <span>第
- #if ($!page == $!obj.page)
- <a href="#" style="font-size:0.9em;color:black;text-decoration:none;">$!obj.page</a>
- #else
- <a href="#" style="font-size:0.9em" onclick="javascrpt:pageClick('$!obj.mcid','$!obj.page')">$!obj.page</a>
- #end
- 页
- </span>
- #end
- </div>
- </body>
- </html>
|