#

vincent

2020-05-30 c85dd597e1484ccc131bfe4147cc766194b6873b

#

 src/main/webapp/static/css/console.css

@@ -72,6 +72,14 @@
    border: none;
    background-color: transparent;
}
/* 自动 */
.site-auto {
    background-color: rgb(42,253,47);
}
/* 非自动/收到 */
.site-unauto {
    background-color: #aaaaaa;
}

/* ------------------ 货架总成 ------------------ */
.main-part {

 src/main/webapp/views/console.html

@@ -18,6 +18,14 @@
            opacity: 0.8;
            position: relative;
        }
        /* 分割线 */
        .header-hr {
            border-radius: 5px;
            border: 1px solid #777;
            width: 80%;
            position: absolute;
            bottom: 0;
        }
        /* 系统运行状态 */
        .system-state {
            float: left;
@@ -38,6 +46,7 @@

        /* 状态显示 */
        .data-window {
            float: left;
            width: 70%;
            text-align: center;
        }
@@ -47,16 +56,18 @@
            letter-spacing: 1px;
            font-weight: inherit;
        }
        .crn-label, .site-label {
            display: inline-block;
            width: 15%;
            text-align: right;
            margin-bottom: 5px;
            font-size: 13px;
        }

        /* 堆垛机状态 */
        .crn-state-group {
            text-align: left;
            font-size: 12px;
        }
        .crn-label {
            float: left;
            width: 20%;
            text-align: right;
            margin-bottom: 5px;
            font-size: 13px;
        }
        .crn-state {
            display: inline-block;
@@ -64,25 +75,22 @@
            text-align: center;
        }
        /* 站点状态 */
        .site-label {
            width: 20%;
            text-align: right;
            margin-bottom: 5px;
            font-size: 13px;
        }
        .site-state-group {
            display: inline-block;
            text-align: left;
        }
        .site-state {
            display: inline-block;
            width: 50px;
            text-align: center;
        }




        /* 分割线 */
        .header-hr {
            border-radius: 5px;
            border: 1px solid #777;
            width: 80%;
            position: absolute;
            bottom: 0;
        .site-state-group .site {
            float: left;
            height: 22px;
            width: auto;
            padding: 0 10px;
            border: none;
        }

    </style>
@@ -97,17 +105,24 @@

    <!-- 信息展示 -->
    <div class="data-window">
        <h1>自动仓库 WCS 监控图</h1>
        <!--&lt;!&ndash;<div class="crn-state-group">&ndash;&gt;-->
            <!--&lt;!&ndash;<label class="crn-label">堆垛机状态颜色:</label>&ndash;&gt;-->
            <!--&lt;!&ndash;<span class="crn-state" style="background-color: #21ff3a">自动</span>&ndash;&gt;-->
            <!--&lt;!&ndash;<span class="crn-state" style="background-color: red">异常</span>&ndash;&gt;-->
        <!--&lt;!&ndash;</div>&ndash;&gt;-->
        <!--&lt;!&ndash;<div class="site-state-group">&ndash;&gt;-->
            <!--&lt;!&ndash;<label class="site-label">输送设备状态颜色:</label>&ndash;&gt;-->
            <!--&lt;!&ndash;<span class="site-state" style="background-color: #21ff3a;">自动</span>&ndash;&gt;-->
            <!--&lt;!&ndash;<span class="site-state" style="background-color: red;">异常</span>&ndash;&gt;-->
        <!--&lt;!&ndash;</div>&ndash;&gt;-->
        <h1>自动仓库&nbsp;WCS&nbsp;监控图</h1>

        <div>
            <label class="crn-label">堆垛机状态颜色:</label>
            <div class="crn-state-group">
                <span class="crn-state" style="background-color: #21ff3a">自动</span>
                <span class="crn-state" style="background-color: red">异常</span>
            </div>
        </div>

        <div>
            <label class="site-label">输送设备状态颜色:</label>
            <div class="site-state-group">
                <div class="site site-auto">自动</div>
                <div class="site site-unauto">非自动/手动</div>
            </div>
        </div>

    </div>

    <!--分割线-->