#
vincent
2020-05-29 3ef47d09ac33ef103c3d12488654a02f4c955d99
#
2个文件已修改
86 ■■■■ 已修改文件
src/main/webapp/static/css/console.css 14 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/main/webapp/views/console.html 72 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/main/webapp/static/css/console.css
@@ -25,15 +25,19 @@
    border-top: 1px solid #333!important;
    border-bottom: 1px solid #333!important;
    border-left: 1px solid #333!important;
    border-right: 1px solid #333!important;
    border-right: none;
}
.stock-group .item:last-child {
    border-right: 1px solid #333!important;
    /*border-right: 1px solid #333!important;*/
}
.stock-group::after, .stock-group::before {
    content: "";
    display: table;
    clear: both;
}
.stock-group .site {
    float: left;
}
button.item {
    font-size: 13px;
@@ -72,4 +76,10 @@
    width: 100%;
    margin-top: 10px;
    z-index: -1;
}
}
/* 输送线相关 */
.site:hover {
    opacity: 0.7;
}
src/main/webapp/views/console.html
@@ -2,7 +2,7 @@
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <title>WCS控制中心</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
@@ -10,30 +10,42 @@
    <link rel="stylesheet" type="text/css" href="../static/css/common.css">
    <link rel="stylesheet" type="text/css" href="../static/css/console.css">
    <style>
        .main-part {
            position: absolute;
            top: 100px;
            left: 400px;
            /*transform: translate(-50%, 0);*/
        }
        /* 站点 */
        .site {
            border: 1px transparent;
            border-radius: 3px;
            cursor: pointer;
            width: 50px;
            text-align: center;
            background-color: #21ff3a;
            font-size: 13px;
            float: left;
        }
        .site:hover {
            opacity: 0.7;
        }
        /* 无效站点 */
        /* 无效站点(必须在site下面) */
        .site-none {
            border: none;
            background-color: transparent;
        }
        .main-part {
            position: absolute;
            top: 200px;
            left: 400px;
            /*transform: translate(-50%, 0);*/
        }
        /* 输送线第一列 */
        .site-row-1 {
        }
        /* 输送线第二列 */
        .site-row-2 {
            position: absolute;
            left: 300px;
            top: 220px;
        }
        .site-row-2 .site {
            width: 100px;
        }
    </style>
</head>
@@ -44,15 +56,25 @@
<main>
    <!-- 左输送线 -->
    <div class="line-left">
        <!-- 第一列 -->
        <div class="row-1">
    <!-- 第一列 -->
    <div class="site-row-1">
        </div>
        <!-- 第二列 -->
        <div class="row-2">
        </div>
    </div>
    <!-- 第二列 -->
    <div class="site-row-2">
        <div id="site-32" class="site">32</div>
        <div id="site-31" class="site">31</div>
        <div id="site-30" class="site">30</div>
        <div id="site-23" class="site">23</div>
        <div id="site-22" class="site">22</div>
        <div id="site-20" class="site">20</div>
        <div id="site-19" class="site">19</div>
        <div id="site-17" class="site">17</div>
        <div id="site-16" class="site">16</div>
        <div id="site-15" class="site">15</div>
        <div id="site-13" class="site">13</div>
        <div id="site-12" class="site">12</div>
        <div id="site-10" class="site">10</div>
    </div>
@@ -87,6 +109,7 @@
            <button class="item">22</button>
            <button class="item">23</button>
            <button class="item">24</button>
            <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
        </div>
        <div class="stock-group">
            <div id="site-21" class="site">21</div>
@@ -114,6 +137,7 @@
            <button class="item">22</button>
            <button class="item">23</button>
            <button class="item">24</button>
            <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
        </div>
        <!-- 堆垛机 -->
        <div class="crn">
@@ -147,6 +171,7 @@
            <button class="item">22</button>
            <button class="item">23</button>
            <button class="item">24</button>
            <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
        </div>
        <div class="stock-group">
            <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
@@ -174,6 +199,7 @@
            <button class="item">22</button>
            <button class="item">23</button>
            <button class="item">24</button>
            <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
        </div>
        <br>
@@ -206,6 +232,7 @@
            <button class="item">22</button>
            <button class="item">23</button>
            <button class="item">24</button>
            <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
        </div>
        <div class="stock-group">
            <div id="site-14" class="site">14</div>
@@ -233,6 +260,7 @@
            <button class="item">22</button>
            <button class="item">23</button>
            <button class="item">24</button>
            <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
        </div>
        <!-- 堆垛机 -->
        <div class="crn">
@@ -266,6 +294,7 @@
            <button class="item">22</button>
            <button class="item">23</button>
            <button class="item">24</button>
            <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
        </div>
        <div class="stock-group">
            <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
@@ -293,6 +322,7 @@
            <button class="item">22</button>
            <button class="item">23</button>
            <button class="item">24</button>
            <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
        </div>
    </div>