123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>mcsy</title>
- <style>
- .sectionBtm .iscroll .refinsh{
- margin-top: 1.8rem;
- position: absolute;
- left: 50%;
- transform: translateX(-50%);
- -webkit-transform: translateX(-50%);
- -o-transform: translateX(-50%);
- -moz-transform: translateX(-50%);
- }
- .sectionBtm .iscroll .refinsh img{
- width: 0.8rem;
- }
- #wrap .syheader{
- background: rgba(0,0,0,0.1);
- }
- #wrap .sysection{
- height: 107.86%;
- top: -0.7rem;
- }
- #wrap .sysection .sectionTop{
- padding: 0;
- height: 36%;
- }
- #wrap .sysection .sectionBtm{
- height: 61%;
- }
- #sy,#sjlr,#mc{
- display:flex;
- flex: 1;
- -webkit-flex: 1;
- flex-direction: column;
- -webkit-flex-direction: column;
- }
- .btn-group.open .dropdown-toggle{
- box-shadow: inset 0 3px 5px transparent !important;
- }
- .tab>li>a {
- margin-bottom: 0 !important;
- padding:0 !important;
- color: #000;
- font-size: 0.28rem;
- }
- .swiper-slide img{
- width: 100%;
- height: 100%;
- }
- .sectionBtm>ul{
- display: -webkit-box;
- }
- .sectionBtm ul li{
- -webkit-box-flex: 1;
- padding: 0.2rem 0;
- }
- .sectionBtm ul li a{
- font-size: 0.24rem !important;
- }
- .liborderBottom{
- border-bottom: 2px solid #4D778F;
- }
- .liborderBottomColor{
- color: #4D778F !important;
- }
- .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
- background: none;
- color: #4d778f;
- }
- .list-group-item.active>.badge, .nav-pills>.active>a>.badge{
- background: red;
- color: #fff;
- }
- .badge{
- right: 0rem;
- top: -0.25rem;
- margin: 0 !important;
- background: #E61F18;
- position: absolute;
- }
- .sectionBtm .iscroll{
- position: absolute;
- overflow: hidden;
- left: 0;
- top: 0.785rem;
- bottom: 0;
- z-index: 1;
- width: 100%;
- }
- .sectionBtm .iscroll li{
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .yjul li>span,.scglul li>span{
- font-size: 0.24rem;
- color: #E61F18;
- }
- .sectionBtm .iscroll>div>.list-group li:nth-child(odd){
- background: #bbcde1;
- font-size: 0.22rem;
- }
- .sectionBtm .iscroll>div>.list-group li:nth-child(even){
- background: #d7dfea;
- font-size: 0.22rem;
- }
- .dropdown-menu li{
- margin: 0.1rem 0;
- }
- .sysection .btn-group{
- width: 80%;margin: 0 10%;z-index: 9999;position: absolute;top: 33.6%;
- }
- .sysection .btn-group button{
- width: 100%;background: #fff;padding:0.1rem 0.32rem;font-size:0.26rem;border-radius: 24px;
- }
- .dropdown-backdrop{
- z-index: -1;
- }
- #sy, #sjlr, #mc,#scxx,#cbkz,#wscl{
- display: flex;
- flex: 1;
- -webkit-flex: 1;
- flex-direction: column;
- -webkit-flex-direction: column;
- }
- </style>
- <script type="text/javascript" src="views/haifmv/mcsy.js"></script>
- <script type="text/javascript">
- $(function () {
- $("#sy").show();
- $("#mc").hide();
- $("#sjlr").hide();
- $("#scxx").hide();
- $("#wscl").hide();
- $("#cbkz").hide();
- $("#mcid").val($("#symcid").val());
- $("#selectUl div").bind("tap", function () {
- var thisHtml = $(this).html();
- $(".mcName").html(thisHtml + "<span class='caret'></span>");
- $("#symcid").val($(this).attr("name"));
- $("#mcid").val($("#symcid").val());
- loadSy(1);
- });
- if ($("#toList").val() == 1) {
- hideMenu();
- loadMc(1);
- }else if ($("#toList").val() == 2) {
- hideMenu();
- loadSjlr(2); //从数据录入中返回,下面亮起数据录入的灯
- }else if ($("#toList").val() == 3) {
- hideMenu();
- pig(4);
- loadScxx(); //从生产信息返回
- }
-
-
- var yhid = $("#yhid").val();
- if(yhid == "17") {
- $(".szmcshow").show();
- $(".scglshow").hide();
- }else {
- $(".scglshow").show();
- $(".szmcshow").hide();
- }
- //localstorage.clear();
- document.cookie = "name=0" ;
- //全控。 暂时不修改
- $('#QkSetOptions').on('click', '.option', function () {
- var mcid = $("#mcid").val();
- $('.modal-backdrop').remove();
- $('body').removeClass('modal-open');
- haifm.loadMobilePage("haifm", "haifmQk" + $(this).data('skip') + ".htm?mcid=" + mcid);
- $("#type").val("2");
- $("#addWrapper").addClass("hidden");
- });
- });
- //updateWdCount();
- function loadSy(flag) {
- if (flag == 1) {
- $("#sy").html("");
- haifm.loadMobilePage("haifm", "haifmvMain.htm?uuid=" + $("#uuid").val() + "&mcid=" + $("#mcid").val() + "&qyid=" + $("#qyid").val());
- }
- $("#sy").show();
- /* 移除数据录入竖屏代码 */
- var portrait = $("link[id='portrait']");
- if(portrait.length >= 1){
- $("link[id='portrait']").remove();
- }
- /* 移除数据录入横屏代码 */
- var landscape = $("link[id='landscape']");
- if(landscape.length >= 1){
- $("link[id='landscape']").remove();
- }
- clearZsListLocalStorage();
- }
- function loadSjlr(type) {
- $("#sy").html("");
- $("#mc").html("");
- $("#sjlr").show();
- haifm.loadMobilePage("sjlr", "hpSjlrIndex.htm?mcid=" + $("#mcid").val() + "&devType=" + $("#devType").val());
- //haifm.loadMobilePage("sjlr", "hpSyIndex.htm?mcid=" + $("#mcid").val() + "&devType=" + $("#devType").val());
- if (type == 2) {
- $(".mcsy").css("background-image","url(views/haifmv/img/bai.png)");
- $(".mcsy").next().removeClass("textColor");
- $(".sjlr").css("background-image","url(views/haifmv/img/ding.png)");
- $(".sjlr").next().addClass("textColor");
- }
- clearZsListLocalStorage();
- }
- function loadWscl(type) {
- $("#sy").html("");
- $("#mc").html("");
- $("#wscl").show();
- haifm.loadMobilePage("wscl", "hpWsclIndex.htm?mcid=" + $("#mcid").val());
- if (type == 2) {
- $(".mcsy").css("background-image","url(views/haifmv/img/bai.png)");
- $(".mcsy").next().removeClass("textColor");
- $(".sjlr").css("background-image","url(views/haifmv/img/ding.png)");
- $(".sjlr").next().addClass("textColor");
- }
- clearZsListLocalStorage();
- $("footer").hide();
- }
- function loadMc(type) {
- $("#sy").html("");
- $("#scxx").html("");
- $("#cbkz").html("");
- $("#mc").show();
- haifm.loadMobilePage("mc", "mcHaifmvIndex.htm?from=sy");
- if (type == 1) {
- $(".mcsy").css("background-image","url(views/haifmv/img/bai.png)");
- $(".mcsy").next().removeClass("textColor");
- $(".jrmc").css("background-image","url(views/haifmv/img/ding.png)");
- $(".jrmc").next().addClass("textColor");
- }
- /* 移除数据录入竖屏代码 */
- var portrait = $("link[id='portrait']");
- if(portrait.length >= 1){
- $("link[id='portrait']").remove();
- }
- /* 移除数据录入横屏代码 */
- var landscape = $("link[id='landscape']");
- if(landscape.length >= 1){
- $("link[id='landscape']").remove();
- }
- }
- function hideMenu() {
- $("#sy").hide();
- $("#mc").hide();
- $("#sjlr").hide();
- $("#scxx").hide();
- $("#cbkz").hide();
- $("#wscl").hide();
- }
- function clearZsListLocalStorage() {
- localStorage.removeItem("zsList");
- localStorage.removeItem("scrollEndY");
- localStorage.removeItem("zsListPage");
- }
- function loadScxx(){
- $("#sy").html("");
- $("#mc").html("");
- $("#scxx").show();
- $("#cbkz").html("");
- $(".mcsy").css("background-image","url(views/haifmv/img/bai.png)");
- $(".sjlr").css("background-image","url(views/haifmv/img/bai.png)");
- $(".jrmc").css("background-image","url(views/haifmv/img/bai.png)");
- $(".scxx").next().addClass("textColor");
- haifm.loadMobilePage("scxx", "hpScxxIndex.htm?mcid=" + $("#mcid").val() + "&yhid=" + $("#yhid").val());
- }
- function loadCbkz(){
- $("#sy").html("");
- $("#mc").html("");
- $("#cbkz").html("");
- $("#cbkz").show();
- $(".mcsy").css("background-image","url(views/haifmv/img/bai.png)");
- $(".sjlr").css("background-image","url(views/haifmv/img/bai.png)");
- $(".jrmc").css("background-image","url(views/haifmv/img/bai.png)");
- $(".cbkz").next().addClass("textColor");
- haifm.loadMobilePage("cbkz", "hpCbkzIndex.htm?mcid=" + $("#mcid").val() + "&yhid=" + $("#yhid").val());
- }
- </script>
- </head>
- <body>
- <input type="hidden" id="symcid" value="$!mcid" />
- <input type="hidden" id="size" value="$!size" />
- <input type="hidden" id="toList" value="$!toList" />
- <input type="hidden" id="qyzt2" value="$!qyzt"/>
- <div id="wrap">
- <div id = "sy">
- <header class="syheader">
- <span class="glyphicon" aria-hidden="true" style="width: 18px;height: 18px;"></span>
- <p>牧场首页</p>
- <span class="glyphicon" aria-hidden="true" style="width: 18px;height: 18px;"></span>
- </header>
- <div class="middle">
- <section class="sysection">
- <div class="sectionTop">
- <div class="swiper-container" style="height: 100%;padding-bottom:0;">
- <div class="swiper-wrapper">
- <div class="swiper-slide"><img src="views/haifmv/img/sy_img/sy_1.png"/></div>
- <div class="swiper-slide"><img src="views/haifmv/img/sy_img/sy_2.jpg"/></div>
- <div class="swiper-slide"><img src="views/haifmv/img/sy_img/sy_3.jpg"/></div>
- <div class="swiper-slide"><img src="views/haifmv/img/sy_img/sy_4.jpg"/></div>
- <div class="swiper-slide"><img src="views/haifmv/img/sy_img/sy_5.jpg"/></div>
- </div>
- <div class="swiper-pagination"></div>
- <div class="swiper-button-prev swiper-button-white"></div>
- <div class="swiper-button-next swiper-button-white"></div>
- </div>
- </div>
- <!-- 牧场选择 -->
- <div class="btn-group">
- <button class="btn btn-default btn-lg dropdown-toggle mcName" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- <input type="hidden" id="selectMc" value="$!obj.id"/>
- #if ("$!gh" == "h000") ****** #else $!mcmc #end
- #if ($!size != 1)
- <span class="caret"></span>
- #end
- </button>
- #if ($!size != 1)
- <div class="mcIscroll dropdown-menu" style="height: 5rem;position: absolute;overflow: hidden;left: 0;bottom: 0;z-index: 1;width: 100%;">
- <div value = "$!size" id = "selectUl">
- #foreach ($!obj in $mcdaList)
- <div name="$!obj.id" style="padding: 0.1rem;text-align: center;">#if ("$!gh" == "h000") ****** #else $!obj.mcmc #end</div>
- #end
- </div>
- </div>
- #end
- </div>
- <div class="sectionBtm">
- <ul class="nav nav-pills tab" role="tablist">
- <li role="presentation" >
- <a href="#" class="gk" >牧场概况 <span class="badge" id = "countMcgk"></span></a>
- </li>
- <li role="presentation" class="liborderBottom">
- <a href="#" class="yj liborderBottomColor">预警提示<span class="badge" id = "countYjts"></span></a>
- </li>
- <li role="presentation">
- <a href="#" class="sc">生产管理<span class="badge" id = "countScgl"></span></a>
- </li>
- </ul>
- <div class="iscroll">
- <div>
- <div class="refinsh">
- <img src="views/haifmv/img/pullUp.gif" />
- </div>
- <ul class="list-group gkul" style="display: none;"></ul>
- <ul class="list-group yjul"></ul>
- <ul class="list-group scglul" style="display: none;"></ul>
- <!-- <div id="pullUp" class="">
- <div class="pullUpLabel">上拉加载更多</div>
- </div> -->
- </div>
- </div>
- </div>
- </section>
- </div>
- </div>
- <div id="sjlr"></div>
- <div id="mc"></div>
- <div id="scxx"></div>
- <div id="wscl"></div>
- <div id="cbkz" style="height: 10.5rem !important;"></div>
- <footer class="row syfo">
- <ul class="nav nav-pills navbar-fixed-bottom nav-justified" id = "#menu">
- <li onclick="hideMenu(),loadSy(1),pig(0)"><span class="mcsy"></span><a href="#" class="textColor">牧场首页</a></li>
- <li class="scglshow" onclick="hideMenu(),loadSjlr(),pig(1)"><span class="sjlr"></span><a href="#">生产管理</a></li>
- <li class="szmcshow" onclick="hideMenu(),loadScxx(),pig(4)"><span class="scxx"></span><a href="#">生产信息</a></li>
- <li class="szmcshow" onclick="hideMenu(),loadCbkz(),pig(3)"><span class="cbkz"></span><a href="#">成本控制</a></li>
- #if("$!yhid" == "78")
- <li onclick="hideMenu(),loadWscl(2),pig(5)"><span class="sjlr"></span><a href="#">污水处理</a></li>
- #end
- <li onclick="hideMenu(),loadMc(),pig(2)"><span class="jrmc"></span><a href="#">进入牧场</a></li>
- </ul>
- </footer>
- </div>
- </body>
- </html>
|