dingcong
/
everlight.eap


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>设备运行详情</title>
    <link rel="stylesheet" href="../css/ofilm/main.css">
    <link rel="stylesheet" href="../css/ofilm/mac-detail.css">
    <link rel="stylesheet" type="text/css" href="../css/ofilm/style2.0.css">
    <link rel="stylesheet" href="../lib/layer/theme/default/layer.css">
    <link rel="stylesheet" href="../css/mac-color.css">
    <link rel="stylesheet" href="../css/ofilm/nav_sytle.css">
    <script src="../js/server-config.js"></script>
    <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
    <script src="../lib/vue.min.js"></script>
    <script src="../lib/highcharts.js"></script>
    <script src="../lib/highcharts-3d.js"></script>
    <script src="../lib/oidc-client.js"></script>
    <script src="../lib/axios.js"></script>

    <script src="../js/nav.js"></script>
    <script>
        $(function () {
            $('.myscroll').myScroll({
                speed: 60, //数值越大，速度越慢
                rowHeight: 38 //li的高度
            });
        })

    </script>
</head>

<body>
    <!--内容-->
    <section id="data_content">
        <div class="data_info">
            <div class="info_1 fl">
                <div class="text_1">
                    <div class="fl">
                        <img class="header_icon" src="../images/baojing.png" alt="">
                        <div class="fl count">
                            <p>当日报警(次)</p>
                            <p class="conuts" id="alarmCount"></p>
                        </div>
                    </div>
                    <div class="fl">
                        <img class="header_icon" src="../images/run2.png" alt="">
                        <div class="fl count">
                            <p>运行时长(分)</p>
                            <p class="conuts" id="runTimes"></p>
                        </div>
                    </div>
                    <div class="fl">
                        <img class="header_icon" src="../images/percent.png" alt="">
                        <div class="fl count">
                            <p>稼动率</p>
                            <p class="conuts" id="runRate"></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="info_2 fl">
                <div class="text_2">
                    <div class="fl">
                        <img class="header_icon" src="../images/info_4.png" alt="">
                        <div class="fl count">
                            <p>当日产量(个)</p>
                            <p class="conuts" id="todayOutput"></p>
                        </div>
                    </div>
                    <div class="fl">
                        <img class="header_icon" src="../images/info_5.png" alt="">
                        <div class="fl count">
                            <p>时均产出</p>
                            <p class="conuts" id="monthOutput"></p>
                        </div>
                    </div>

                </div>
            </div>
            <div class="info_3 fr">
                <div class="text_2">
                    <div class="fl">
                        <img class="header_icon" src="../images/recipe2.png" alt="">
                        <div class="fl count">
                            <p>机种</p>
                            <p class="conuts" id="recipe"></p>
                        </div>
                    </div>
                    <div class="fl">
                        <img class="header_icon" src="../images/status4.png" alt="">
                        <div class="fl count">
                            <p>当前状态</p>
                            <p class="conuts" id="status"></p>
                        </div>
                    </div>

                </div>
            </div>
        </div>
      
        <div class="data_content">
            <!--左边-->
            <div class="data_left fl">
                <div class="left_top">
                    <!--/*左边第一部分*/-->
                    <div class="info public">
                        <div class="min-title">
                            <span>机台状态</span>
                        </div>
                        <div id="macStatusPie" style="width:100%;height: 100%;"></div>
                        <div class="boxfoot"></div>
                    </div>
                    <!--左边第二部分-->
                    <div class="top_bottom public">
                        <div class="min-title">
                            <span>两日产量</span>
                        </div>
                        <div id="twoDaysOutputBar" style="width:100%;height: 100%;"></div>
                        <div class="boxfoot"></div>
                    </div>
                    <!--左边第三部分-->
                    <!-- <div class="left_bottom public">
                    <div class="min-title">
                        <span>车辆状态</span>
                    </div>
                    <div id="chart_2" style="width:100%;height: 100%;"></div>
                    <div class="boxfoot"></div>
                </div> -->
                </div>
            </div>
            <!--中间-->
            <div class="data_c fl">
                <div class="data_c_1">
                    <div id="contPar" class="contPar">
                        <div id="page1" style="z-index:1">
                            <div class="title0">
                                <span id="equipmentID"></span>运行状态详情
                                [<span id="date" style="vertical-align:middle;"></span>]
                            </div>
                            <!-- <div class="title1"><span id="regionName"></span></div> -->
                            <div id="drag-container" style="z-index: 1">
                                <div id="spin-container">
                                    <img alt="" class="infoBtn" src="../images/page1_0.png">
                                    <img alt="" class="" src="../images/page1_1.png">
                                    <img alt="" class="" src="../images/page1_2.png">
                                    <img alt="" class="" src="../images/page1_1.png">
                                    <img alt="" class="" src="../images/page1_2.png">
                                </div>
                                <div id="ground"></div>
                            </div>

                            <img alt="" class="img3 png" src="../images/newdz.png">
                        </div>
                    </div>
                </div>
                <!-- <div class="data_c_2 public">

                <div id="echart4" style="width: 100%;height: 100%;padding-top: 10px;"></div>
                <div class="boxfoot"></div>
            </div> -->
            </div>
            <!--右边-->
            <div class="data_right fr">
                <div class="right_top">
                    <!--/*右边第一部分*/-->
                    <div class="right_info public" id="mac-alarm">
                        <div class="min-title">
                            <span>报警信息</span>
                        </div>
                        <div id="alarmBar" style="width:100%;height: 100%;"></div>
                        <div class="boxfoot"></div>
                    </div>
                    <!--右边第二部分-->
                    <div class="right_content public">
                        <div class="min-title">
                            <span>分时产量</span>
                        </div>
                        <div id="timeOutputBar" style="width:100%;height: 100%;"></div>
                        <div class="boxfoot"></div>
                    </div>

                </div>
            </div>
        </div>
        <div class="widget">
            <img src="../images/right-menu.png" width="100%" height="100%" alt="查询菜单">
        </div>
        <div class="bgDiv"></div>
        <div class="rightNav">
          <iframe src="../pages/machine-detail-right-nav.html" width="100%" height="100%" border="0"></iframe>
        </div>
        
        <div class="content-bottom">
            <div class="runHistory-container public">
                <div class="bottom-title">
                    <span>机台状态推移图</span>
                </div>
                <div id="runHistory" style="width:100%;height: 100%;"></div>
                <div class="boxfoot"></div>
            </div>
        </div>

    </section>

    <script src="../js/macdetail.js"></script>
    <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
    <script src="../lib/echarts.min.js"></script>
    <script src="../lib/echart4.js"></script>
    <script src="../js/echart-themes/walden.js"></script>
    <script src="../js/fontscroll.js"></script>
    <script src="../lib/layer/layer.js"></script>
    <script src="../js/dataHelper.js"></script>
    <script src="../js/macstatus/oauth-client-config.js"></script>
    <script src="../js/macstatus/auth.js"></script>
    <script src="../js/request.js"></script>
    <script src="../js/macstatus-detail.js"></script>
</body>

</html>