#
luxiaotao1123
2021-04-06 7c06402a2a3f43a8ec2b713d456ef0a91edae931
#
1个文件已添加
2个文件已修改
158 ■■■■■ 已修改文件
src/main/java/zy/cloud/wms/manager/controller/TagController.java 10 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/main/webapp/views/pda/matQuery.html 24 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/main/webapp/views/pda/selectMat.html 124 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/main/java/zy/cloud/wms/manager/controller/TagController.java
@@ -29,6 +29,16 @@
    @Autowired
    private TreeUtils treeUtils;
    @RequestMapping(value = "/tag/list/pda/auth")
    @ManagerAuth
    public R pdaList(@RequestParam(defaultValue = "1")Integer curr,
                  @RequestParam(defaultValue = "10")Integer limit,
                  @RequestParam Map<String, Object> param){
        EntityWrapper<Tag> wrapper = new EntityWrapper<>();
        List<Tag> tags = tagService.selectList(wrapper);
        return R.ok().add(tags);
    }
    @RequestMapping(value = "/tag/{id}/auth")
    @ManagerAuth
    public R get(@PathVariable("id") String id) {
src/main/webapp/views/pda/matQuery.html
@@ -12,7 +12,7 @@
    <script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
    <style>
        .form-box {
            padding: 15px 5px 5px 5px;
            padding: 15px 5px 5px 0px;
            font-size: 16px;
            text-align: center;
        }
@@ -26,6 +26,7 @@
            display: inline-block;
            text-align: right;
            width: 70px;
            vertical-align: middle;
        }
        .form-box input {
            width: 120px;
@@ -36,7 +37,13 @@
            overflow:hidden;
            white-space:nowrap;
            text-overflow:ellipsis;
            vertical-align: middle;
        }
        #selectBtn {
            vertical-align: middle;
            padding: 3px 5px;
        }
        #confirm {
            margin-top: 10px;
            padding: 5px 20px;
@@ -75,9 +82,10 @@
<body>
<div class="form-box">
    <div class="form-item">
    <div class="form-item" style="padding-left: 33px;">
        <span>商品编码</span>
        <input id="matnr" type="text" placeholder="扫码 / 输入" onkeyup="find(this)" autocomplete="off">
        <button id="selectBtn">选</button>
    </div>
    <div class="form-item">
        <span>商品名称</span>
@@ -152,7 +160,17 @@
    }
    window.onload = function(){document.getElementById("matnr").focus();}
    $(document).on('click','#confirm', function () {
    $(document).on('click','#selectBtn', function () {
        var matSelectIdx = parent.layer.open({
            type: 2,
            title: '选择商品',
            area: ['100%', '100%'],
            content: 'selectMat.html',
            success: function(layero, index){
                // $('.layui-layer-title').css('font-size', '16px').css('background-color', '#fff');
            }
        });
        parent.layer.full(matSelectIdx);
    })
    // $('body').keydown(function () {
src/main/webapp/views/pda/selectMat.html
New file
@@ -0,0 +1,124 @@
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
    <title>商品选择</title>
    <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
    <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>
    <script type="text/javascript" src="../../static/layui/layer_mobile/layer.js" charset="utf-8"></script>
    <script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
    <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>
    <style>
        html {
            height: 100%;
        }
        body {
            height: 100%;
            background-color: #f1f1f1;
            padding: 5px;
        }
        /* 头部搜索栏 */
        .search-box {
            height: 36px;
            padding: 3px 15px;
        }
        .search-box input {
            border: none;
            border-radius: 20px;
            height: 30px;
            box-shadow: 0 0 3px rgba(0,0,0,.3);
            width: 75%;
            padding-left: 15px;
            vertical-align: middle;
        }
        .search-box button {
            border: none;
            background-color: white;
            box-shadow: 0 0 3px rgba(0,0,0,.3);
            height: 33px;
            margin-left: 15px;
            border-radius: 20px;
            width: 15%;
            vertical-align: middle;
        }
        .search-box button:hover {
            background-color: #dedede;
        }
        /* 主体卡片 */
        .box-item {
            height: 100px;
            border-bottom: 1px solid #dedede;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 0 3px rgba(0,0,0,.3);
            margin-top: 2px;
        }
        .box-item:hover {
            background-color: #eaeaea;
        }
        .box-item-label {
            font-size: x-large;
            font-weight: bold;
            padding: 10px 0 0 20px;
        }
</style>
</head>
<body>
<header>
    <div class="search-box">
        <input type="text">
        <button>
            <i class="layui-icon">&#xe615;</i>
        </button>
    </div>
</header>
<main>
    <div class="box-item">
        <div class="box-item-label">尼龙头螺丝盒装</div>
    </div>
    <div class="box-item">
        <div class="box-item-label">尼龙头螺丝盒装</div>
    </div>
    <div class="box-item">
        <div class="box-item-label">尼龙头螺丝盒装</div>
    </div>
    <div class="box-item">
        <div class="box-item-label">尼龙头螺丝盒装</div>
    </div>
    <div class="box-item">
        <div class="box-item-label">尼龙头螺丝盒装</div>
    </div>
    <div class="box-item">
        <div class="box-item-label">尼龙头螺丝盒装</div>
    </div>
</main>
</body>
<script>
    $(function () {
    })
    $(document).on('click','.box-item', function () {
    })
</script>
<script type="text/template" id="tagTpl">
    {{#each data}}
    <option value="{{this}}">{{this}}</option>
    {{/each}}
</script>
<script type="text/template" id="matTpl">
    {{#each data}}
    <option value="{{this}}">{{this}}</option>
    {{/each}}
</script>
</html>