#

vincent

2020-05-29 0cbcebcfc77bbdffd8055b878060a459c2e286e5

 src/main/webapp/views/console.html

@@ -10,68 +10,8 @@
    <link rel="stylesheet" type="text/css" href="../static/css/common.css">
    <link rel="stylesheet" type="text/css" href="../static/css/console.css">
    <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>
        /* 站点 */
        .site {
            color: #333;
            height: 20px;
            border: 1px solid #fff;
            cursor: pointer;
            width: 50px;
            text-align: center;
            background-color: #21ff3a;
            font-size: 13px;
        }
        /* 无效站点（必须在site下面） */
        .site-none {
            border: none;
            background-color: transparent;
        }

        /* --------- 货架总成 --------- */
        .main-part {
            position: absolute;
            top: 250px;
            left: 400px;
        }

        /* --------- 输送线总成 --------- */
        .site-row {
            position: absolute;
            top: 122px;
        }
        /* 输送线第一列 */
        .site-row-1 {
            left: 200px;
        }
        .site-row-1 .site {
            width: 100px;
        }
        /* 输送线第二列 */
        .site-row-2 {
            left: 300px;
        }
        .site-row-2 .site {
            width: 100px;
        }
        /* 输送线第三列 */
        .site-row-3 {
            left: 400px;
            width: 100px;
        }
        .site-row-3 .site {
            float: left;
            width: 100px;
        }
        /* 输送线第四列 */
        .site-row-4 {
            left: 500px;
            width: 100px;
        }
        .site-row-4 .site {
            float: right;
            width: 100px;
        }

    </style>
</head>
@@ -378,6 +318,14 @@
    <input id="val" type="text">
    <button id="animate">animate</button>
</main>


<!-- 弹出层 -->
<form id="msg" style="display: none">
    <input name="name" type="text">
    <input name="password" type="password">
    <button>确定</button>
</form>
</body>
<script>
    var crn1Position = 0;
@@ -402,5 +350,13 @@
        }
    }

    $('.item').on('click', function () {
        layer.open({
            type: 1,
            shadeClose: true, //点击遮罩关闭层
            content: $("#msg")
        });
    })

</script>
</html>