自动化立库仓库-WCS系统
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
#
vincent
2020-05-30 622a739b0882df319faacd469c42c5158a867fda 
 src/main/webapp/views/console.html


@@ -13,46 +13,52 @@


    <script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script>


    <script type="text/javascript" src="../static/js/layer/layer.js"></script>


    <style>


        .system-state {


            position: absolute;


            top: 40px;


            right: 20px;


        }




        .system-icon {


            width: 100px;


            height: 100px;


            background-image: url("../static/image/stop48.png");


            background-repeat: no-repeat;


            background-size:100% 100%;


            background-position: top center;


            cursor: pointer;


        }




    </style>


</head>


<body>


<header>


    <h1>自动仓库 WCS 监控图</h1>


    <!-- 状态 -->


    <div class="machine-state">


        <div class="crn-state-group">


            <span>堆垛机状态:</span>


            <span class="crn-state" style="background-color: #21ff3a">自动</span>


            <span class="crn-state" style="background-color: red">异常</span>


        </div>


        <div class="site-state-group">


            <span>站点状态:</span>


            <span class="site-state" style="background-color: #21ff3a;">自动</span>


            <span class="site-state" style="background-color: red;">异常</span>


        </div>


    </div>


    


    <!-- 系统运行 -->


    <!-- 系统运行状态 -->


    <div class="system-state">


        <div class="system-icon"></div>


        <span>系统运行中...</span>


    </div>


    




    <!-- 信息展示 -->


    <div class="data-window">


        <!-- 标题 -->


        <h1>自动仓库&nbsp;WCS&nbsp;监控图</h1>




        <!-- 颜色提示 -->


        <div class="tips">


            <div class="tips-item">


                <label>堆垛机状态颜色:&nbsp;</label>


                <div class="item-group">


                    <span class="machine-put">入库</span>


                    <span class="machine-take">出库</span>


                    <span class="machine-stock-move">库到库</span>


                    <span class="machine-site-move">站到站</span>


                    <span class="machine-p-move">PToP</span>


                    <span class="machine-error">异常</span>


                    <span class="machine-auto">自动</span>


                    <span class="machine-unauto">非自动/手动</span>


                </div>


            </div>


            <div class="tips-item">


                <label>输送设备状态颜色:&nbsp;</label>


                <div class="item-group">


                    <span class="site-auto-run-id">自动+有物+ID</span>


                    <span class="site-auto-run">自动+有物</span>


                    <span class="site-auto-id">自动+ID</span>


                    <span class="site-auto">自动</span>


                    <span class="site-unauto">非自动/手动</span>


                </div>


            </div>


        </div>


    </div>




    <!--分割线-->


    <hr class="header-hr">


</header>


<main>




@@ -73,7 +79,7 @@


    <div class="site-row site-row-2">


        <div id="site-32" class="site" style="width: 80px; height: 50px;line-height: 50px">32</div>


        <div id="site-31" class="site" >31</div>


        <div id="site-30" class="site" style="width: 80px; height: 30px;line-height: 30px">30</div>


        <div id="site-30" class="site" style="width: 80px; height: 30px;line-height: 30px; background-color: red;">30</div>


        <div id="site-23" class="site" >23</div>


        <div id="site-22" class="site" style="width: 80px; height: 50px;line-height: 50px">22</div>


        <div id="site-20" class="site" >20</div>


@@ -382,11 +388,9 @@


    </div>




    <!-- 右输送线 -->


    <input id="val" type="text">


    <button id="animate">animate</button>


    <!--<input id="val" type="text">-->


    <!--<button id="animate">animate</button>-->


</main>






</body>


<script>


    var crn1Position = 0;