自动化立体仓库 - WCS系统
#
vincent
2020-06-01 9dbb646772c7f9ad5800333c82d2a2367a00f739
#
2个文件已修改
121 ■■■■■ 已修改文件
src/main/webapp/static/css/crn.css 54 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/main/webapp/views/crn.html 67 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/main/webapp/static/css/crn.css
@@ -114,6 +114,60 @@
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}
/* 任务设备选择框 */
.task-select {
    height: 50%;
    overflow: hidden;
    border-bottom: 1px solid #d1d1d1;
    padding: 20px 0px 10px 30px;
}
.operator-item {
    display: inline-block;
    height: 100%;
    text-align: center;
    position: relative;
    vertical-align: middle;
    padding: 0 20px;
}
.operator-item .select-title {
    display: inline-block;
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #fff;
    color: #2e95d3;
    font-size: 12px;
    border: 1px solid #8d8d8d;
    border-radius: 5px;
    padding: 5px;
    z-index: 999;
}
.operator-item .select-container {
    padding: 30px;
    height: 100%;
    border: 1px solid #8d8d8d;
    border-radius: 5px;
}
#crn-select .select-container label {
    display: inline-block;
    padding: 0 20px;
    vertical-align: middle; margin-top:-2px; margin-bottom:1px;
}
.select-container input {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle; margin-top:-2px; margin-bottom:1px;
}
.select-container-item {
    display: inline-block;
    padding: 0 10px;
}
.select-container-item input {
    width: 80px;
}
/* 第四模块 */
.crn-output-board {
    margin-top: 10px;
src/main/webapp/views/crn.html
@@ -12,6 +12,12 @@
    <script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script>
    <style>
        /* 任务作业选择框 */
        .task-operator {
            height: 50%;
            overflow: hidden;
        }
    </style>
</head>
<body>
@@ -80,9 +86,66 @@
<!-- 手动操作 -->
<div class="crn-operation">
    <div class=""></div>
    <!-- 设备任务选择 -->
    <div class="task-select">
        <!-- 堆垛机选择 -->
        <div id="crn-select" class="operator-item">
            <span class="select-title">堆垛机号</span>
            <div class="select-container">
                <label><input type="radio" name="crn" value="1" checked>&nbsp;1号堆垛机</label>
                <label><input type="radio" name="crn" value="2">&nbsp;2号堆垛机</label>
            </div>
        </div>
        <!-- 源站/源库位 选择 -->
        <div id="source-select" class="operator-item">
            <span class="select-title">源站/源库位</span>
            <div class="select-container">
                <div class="select-container-item">
                    <span>站</span>
                    <label><input type="number" name="points" min="0" /></label>
                </div>
                <div class="select-container-item">
                    <span>排</span>
                    <label><input type="number" name="points" min="0" /></label>
                </div>
                <div class="select-container-item">
                    <span>列</span>
                    <label><input type="number" name="points" min="0" /></label>
                </div>
                <div class="select-container-item">
                    <span>层</span>
                    <label><input type="number" name="points" min="0" /></label>
                </div>
            </div>
        </div>
        <!-- 目标站/目标库位 选择 -->
        <div id="target-select" class="operator-item">
            <span class="select-title">目标站/目标库位</span>
            <div class="select-container">
                <div class="select-container-item">
                    <span>站</span>
                    <label><input type="number" name="points" min="0" /></label>
                </div>
                <div class="select-container-item">
                    <span>排</span>
                    <label><input type="number" name="points" min="0" /></label>
                </div>
                <div class="select-container-item">
                    <span>列</span>
                    <label><input type="number" name="points" min="0" /></label>
                </div>
                <div class="select-container-item">
                    <span>层</span>
                    <label><input type="number" name="points" min="0" /></label>
                </div>
            </div>
        </div>
    </div>
    <div class=""></div>
    <!-- 设备任务操作 -->
    <div class="task-operator">
    </div>
</div>
<!-- 堆垛机日志输出 -->