自动化立体仓库 - WMS系统
#
luxiaotao1123
2020-06-11 39b22a93673a65872b7f63f8d5ff1c2b95ef0bbd
src/main/webapp/views/pakStore/pakStore.html
@@ -24,10 +24,10 @@
        .function-area {
            padding: 20px 50px;
        }
        .mat-query {
            font-size: 15px;
        .function-btn {
            font-size: 16px;
            padding: 1px 1px 1px 1px;
            width: 130px;
            width: 100px;
            height: 50px;
            border-color: #2b425b;
            border-radius: 4px;
@@ -36,28 +36,44 @@
            border-style: solid;
            transition: 0.4s;
            cursor: pointer;
            letter-spacing: 3px;
        }
        .mat-query:hover {
        .function-btn:hover {
            background-color: #2b425b;
            color: #fff;
        }
        .layui-layer-page .layui-layer-content {
            position: relative;
            overflow: visible !important;
        }
    </style>
</head>
<body>
<!-- 功能区 -->
<div class="function-area">
    <button class="mat-query" onclick="getMat()">提取货物</button>
    <button id="mat-query" class="function-btn" onclick="getMat()">新增</button>
</div>
<hr>
<!-- 表格 -->
<div style="height: 500px">
<div style="padding-bottom: 5px; margin-bottom: 45px">
    <!-- 头部 -->
    <script type="text/html" id="toolbar">
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-normal" id="btn-comb" lay-event="comb" style="">入库</button>
        </div>
    </script>
    <!-- 行 -->
    <script type="text/html" id="operate">
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="remove">移除</a>
    </script>
    <table class="layui-table" id="chooseData" lay-filter="chooseData"></table>
</div>
<iframe id="detail-iframe" scrolling="auto" style="display:none;"></iframe>
<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
@@ -65,6 +81,50 @@
<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
<script type="text/javascript" src="../../static/js/pakStore/pakStore.js" charset="utf-8"></script>
<div id="combDiv" style="display: none; padding: 20px">
    <div class="layui-form">
        <div class="layui-form-item">
            <label class="layui-form-label" style="padding: 9px 0">入库站点:</label>
            <div class="layui-input-block" style="margin-left: 90px;">
                <select id="putSiteSelect" lay-verify="required" lay-search="">
                    <option value="">请选择站点</option>
                </select>
            </div>
        </div>
        <div style="text-align: center; margin-top: 20px">
            <button class="layui-btn layui-btn-radius layui-btn-normal" id="combDo" lay-submit lay-filter="combDo">启动入库</button>
        </div>
    </div>
</div>
<script type="text/template" id="putSiteSelectTemplate">
    {{#each data}}
        <option value="{{this}}">{{this}}</option>
    {{/each}}
</script>
<script>
    $(function(){
        $.ajax({
            url: baseUrl+"/available/put/site",
            headers: {'token': localStorage.getItem('token')},
            method: 'POST',
            success: function (res) {
                if (res.code === 200){
                    var tpl = $("#putSiteSelectTemplate").html();
                    var template = Handlebars.compile(tpl);
                    var html = template(res);
                    $('#putSiteSelect').append(html);
                } else if (res.code === 403){
                    top.location.href = baseUrl+"/";
                }else {
                    layer.msg(res.msg)
                }
            }
        })
    })
</script>
</body>
</html>