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


@@ -14,7 +14,23 @@


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


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


    <style>




        /* layer 深蓝色按钮修改 */


        /*.layui-layer-lan .layui-layer-btn {*/


            /*border-top: none;*/


        /*}*/


        .layui-layer-lan .layui-layer-btn a {


            background: #4476A7;


            border-color: #4476A7;


            color: #fff;


        }


        .layui-layer-lan .layui-layer-btn .layui-layer-btn1 {


            background: #fff;


            color: #333;


            border-color: #E9E7E7;


        }


        .layui-layer-lan .layui-layer-btn .layui-layer-btn1:hover {


            background-color: #f7f7f7;


        }


    </style>


</head>


<body>


@@ -57,9 +73,6 @@


            </div>


        </div>


    </div>




    <!--分割线-->


    <!--<hr class="header-hr">-->


</header>


<main>




@@ -400,6 +413,210 @@


        </div>


    </div>


</main>




<!-- 弹窗 -->


<!-- 输送设备弹窗 -->


<div id="siteWindow" style="display: none">


    <form>


        <!-- 第一行 -->


        <div class="form-item" style="width: 25%">


            <div class="form-item-label">


                <span>设备号</span>


            </div>


            <div class="form-item-input">


                <input type="text" name="devpNo" value="12" disabled="disabled" style="width: 4rem">


            </div>


        </div>


        <div class="form-item" style="width: 25%">


            <div class="form-item-label">


                <span>工作号</span>


            </div>


            <div class="form-item-input">


                <input type="text" name="workNo" value="9998" disabled="disabled" style="width: 4rem">


            </div>


        </div>


        <div class="form-item" style="width: 45%">


            <div class="form-item-label">


                <span>工作状态</span>


            </div>


            <div class="form-item-input">


                <input type="text" name="workStatus" value="2.设备上移动" disabled="disabled" style="width: 10rem">


            </div>


        </div>




        <!-- 第二行 -->


        <div class="form-item" style="width: 20%">


            <div class="form-item-label">


                <span>自动</span>


            </div>


            <div class="form-item-input">


                <input type="checkbox" name="auto" disabled="disabled" style="width: 1rem" checked>


            </div>


        </div>


        <div class="form-item" style="width: 20%">


            <div class="form-item-label">


                <span>有物</span>


            </div>


            <div class="form-item-input">


                <input type="checkbox" name="loading" disabled="disabled" style="width: 1rem" checked>


            </div>


        </div>


         <div class="form-item" style="width: 20%">


             <div class="form-item-label">


                 <span>能入</span>


             </div>


             <div class="form-item-input">


                 <input type="checkbox" name="canining" disabled="disabled" style="width: 1rem" checked>


             </div>


         </div>


         <div class="form-item" style="width: 20%">


             <div class="form-item-label">


                 <span>能出</span>


             </div>


             <div class="form-item-input">


                 <input type="checkbox" name="canouting" disabled="disabled" style="width: 1rem" checked>


             </div>


        </div>




        <!-- 第三行 -->


        <div class="form-item" style="width: 40%">


            <div class="form-item-label">


                <span>出入类型</span>


            </div>


            <div class="form-item-input">


                <input type="text" name="ioType" value="1.入库" disabled="disabled" style="width: 8rem">


            </div>


        </div>


        <div class="form-item" style="width: 25%">


            <div class="form-item-label">


                <span>源站</span>


            </div>


            <div class="form-item-input">


                <input type="text" name="sourceStaNo" value="2303" disabled="disabled" style="width: 4rem">


            </div>


        </div>


        <div class="form-item" style="width: 25%">


            <div class="form-item-label">


                <span>目标站</span>


            </div>


            <div class="form-item-input">


                <input type="text" name="staNo" value="2410" disabled="disabled" style="width: 4rem">


            </div>


        </div>




        <!-- 第四行 -->


        <div class="form-item" style="width: 40%">


            <div class="form-item-label">


                <span>源库位</span>


            </div>


            <div class="form-item-input">


                <input type="text" name="sourceStock" value="" disabled="disabled" style="width: 8rem">


            </div>


        </div>


        <div class="form-item" style="width: 40%">


            <div class="form-item-label">


                <span>目标库位</span>


            </div>


            <div class="form-item-input">


                <input type="text" name="stock" value="" style="width: 8rem">


            </div>


        </div>


    </form>


</div>




<!-- 堆垛机弹窗 -->


<div id="crnWindow" style="display: none">


    <form>


        <!-- 第一行 -->


        <div class="form-item" style="width: 23%">


            <div class="form-item-label"  style="width: 87px">


                <span>堆垛机号</span>


            </div>


            <div class="form-item-input">


                <input type="text" name="crnNo" value="12" disabled="disabled" style="width: 3rem">


            </div>


        </div>


        <div class="form-item" style="width: 25%">


            <div class="form-item-label">


                <span>工作号</span>


            </div>


            <div class="form-item-input">


                <input type="text" name="workNo" value="9998" disabled="disabled" style="width: 5rem">


            </div>


        </div>


        <div class="form-item" style="width: 23%">


            <div class="form-item-label">


                <span>源站</span>


            </div>


            <div class="form-item-input">


                <input type="text" name="sourceStaNo" value="2303" disabled="disabled" style="width: 4rem">


            </div>


        </div>


        <div class="form-item" style="width: 25%">


            <div class="form-item-label">


                <span>目标站</span>


            </div>


            <div class="form-item-input">


                <input type="text" name="staNo" value="2410" disabled="disabled" style="width: 4rem">


            </div>


        </div>




        <!-- 第二行 -->


        <div class="form-item" style="width: 45%">


            <div class="form-item-label" style="width: 87px">


                <span>工作状态</span>


            </div>


            <div class="form-item-input">


                <input type="text" name="workStatus" value="2.设备上移动" disabled="disabled" style="width: 10rem">


            </div>


        </div>


        <div class="form-item" style="width: 45%">


            <div class="form-item-label">


                <span>出入类型</span>


            </div>


            <div class="form-item-input">


                <input type="text" name="ioType" value="1.入库" disabled="disabled" style="width: 10rem">


            </div>


        </div>




        <!-- 第三行 -->


        <div class="form-item" style="width: 45%">


            <div class="form-item-label" style="width: 87px">


                <span>源库位</span>


            </div>


            <div class="form-item-input">


                <input type="text" name="sourceStock" value="" disabled="disabled" style="width: 10rem">


            </div>


        </div>


        <div class="form-item" style="width: 45%">


            <div class="form-item-label">


                <span>目标库位</span>


            </div>


            <div class="form-item-input">


                <input type="text" name="stock" value="" disabled="disabled" style="width: 10rem">


            </div>


        </div>




        <!-- 第四行 -->


        <div class="form-item" style="width: 95%">


            <div class="form-item-label">


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


            </div>


            <div class="form-item-input">


                <input type="text" name="crnStatus" disabled="disabled" style="width: 25rem">


            </div>


        </div>


        <div class="form-item" style="width: 95%">


            <div class="form-item-label" style="width: 87px">


                <span>异常</span>


            </div>


            <div class="form-item-input">


                <input type="text" name="error" disabled="disabled" style="width: 25rem">


            </div>


        </div>


    </form>


</div>




</body>


<script>


    var systemRunning = true;


@@ -419,7 +636,7 @@


    // 系统运行开关


    function systemSwitch() {


        if (systemRunning){


            layer.prompt({title: '请输入口令，并停止 WCS 系统', formType: 1}, function(pass, idx){


            layer.prompt({title: '请输入口令，并停止 WCS 系统', formType: 1,   shadeClose: true}, function(pass, idx){


                layer.close(idx);


                if ("123"!==pass){


                    alert("口令错误");


@@ -539,12 +756,35 @@


        }


    }




    // 货架点击事件


    $('.item').on('click', function () {


    // 页面点击事件监听 ---------------------------------------------------------




    // 输送设备点击事件


    $('.site').on('click', function () {


        layer.open({


            title: "1204站点信息",


            closeBtn: 0,


            skin: 'layui-layer-lan',


            offset: '180px',


            type: 1,


            shadeClose: true, //点击遮罩关闭层


            content: 'text'


            shadeClose: true,


            content: $('#siteWindow'),


            area: ['35rem', '18rem'],


            btn: ['确定', '关闭']


        });


    });




    // 堆垛机点击事件


    $('.machine').on('click', function () {


        layer.open({


            title: "1号堆垛机",


            skin: 'layui-layer-lan',


            closeBtn: 0,


            type: 1,


            offset: '150px',


            shadeClose: true,


            content: $("#crnWindow"),


            area: ['40rem', '20rem'],


            btn: ['确定', '关闭']


        });


    });