自动化立体仓库 - WMS系统
whycq
2023-07-24 b7e08df5a07b3fa832a46ecc31983e16f2bccc8c
src/main/webapp/views/pakStore/locDetlCheckQuery.html
@@ -10,6 +10,9 @@
    <link rel="stylesheet" href="../../static/css/cool.css" media="all">
    <link rel="stylesheet" href="../../static/css/common.css" media="all">
    <style>
        .layui-table-body.layui-table-main {
            overflow: scroll;
        }
        body {
            padding: 0 20px;
        }
@@ -35,7 +38,6 @@
        #data-search-btn.layui-btn-container .layui-btn {
            margin-right: 20px;
        }
    </style>
</head>
<body>
@@ -45,6 +47,13 @@
    <legend>搜索栏</legend>
    <!-- 搜索栏 -->
    <div id="search-box" class="layui-form layui-card-header">
        <div class="layui-input-inline" style="margin-top: -10px">
            <select id="crnNo" name="crnNo">
                <option value="" style="display: none">请选择巷道</option>
                <option value="1">1号</option>
                <option value="2">2号</option>
            </select>
        </div>
        <div class="layui-inline">
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="loc_no" placeholder="库位号" autocomplete="off">
@@ -52,12 +61,17 @@
        </div>
        <div class="layui-inline">
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="matnr" placeholder="物料号"  autocomplete="off">
                <input class="layui-input" type="text" name="mat_no" placeholder="物料号"  autocomplete="off">
            </div>
        </div>
        <div class="layui-inline">
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="maktx" placeholder="物料描述" autocomplete="off">
                <input class="layui-input" type="text" name="mat_name" placeholder="物料描述" autocomplete="off">
            </div>
        </div>
        <div class="layui-inline">
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="memo" placeholder="请输入" autocomplete="off">
            </div>
        </div>
        <!-- 日期范围 -->
@@ -80,7 +94,7 @@
    </div>
</script>
<div class="layui-form">
<div class="layui-form" style="width: 100%">
    <table class="layui-hide" id="stockOut" lay-filter="stockOut"></table>
</div>
@@ -98,10 +112,35 @@
        var cols = [
            {type: 'checkbox'}
            ,{field: 'locNo$', align: 'center',title: '库位号'}
            ,{field: 'matNo', align: 'center',title: '产品编码'}
            ,{field: 'matName', align: 'center',title: '产品名称', width: 180}
            ,{field: 'specs', align: 'center',title: '规格'}
            ,{field: 'qty', align: 'center',title: '数量'}
            ,{field: 'source', title: '来源', align: 'center'}
            ,{field: 'vendor', title: '供应商', align: 'center'}
            ,{field: 'qtyBox', align: 'center', title: '每箱数量(PCS)', width: 130}
            ,{field: 'allQty', title: '总数量(PCS)', align: 'center', width: 120}
            ,{field: 'weight', align: 'center', title: '每箱重量(KG)', width: 130}
            ,{field: 'allWeight', title: '总重量(KG)', align: 'center', width: 120}
            ,{field: 'unit', align: 'center',title: '单位', width:80, hide: true}
            ,{field: 'supplier', align: 'center',title: '批号'}
            ,{field: 'color', align: 'center',title: '颜色'}
            ,{field: 'zpallet', align: 'center',title: '托盘条码'}
            // ,{field: 'bname', align: 'center',title: '库位名称'}
            ,{field: 'memo', align: 'center',title: '生产日期'}
            ,{field: 'str3', align: 'center',title: '客户名称'}
            ,{field: 'str4', align: 'center',title: '项目信息'}
            ,{field: 'str5$', align: 'center',title: '类别'}
            // {type: 'checkbox'}
            // ,{field: 'locNo$', align: 'center',title: '库位号'}
        ];
        cols.push.apply(cols, detlCols);
        cols.push({field: 'modiUser$', align: 'center',title: '修改人员', hide: true}
            ,{field: 'modiTime$', align: 'center',title: '修改时间'})
        // cols.push.apply(cols, detlCols);
        cols.push(
            // {field: 'str3', align: 'center',title: '客户名称'}
            // ,{field: 'str4', align: 'center',title: '项目信息'}
            // ,{field: 'str5$', align: 'center',title: '类别'}
            {field: 'modiUser$', align: 'center',title: '修改人员', hide: true}
            ,{field: 'modiTime$', align: 'center',title: '修改时间', width: 180})
        return cols;
    }
@@ -117,11 +156,11 @@
            headers: {token: localStorage.getItem('token')},
            url: baseUrl+'/stock/out/list/auth',
            page: true,
            limit: 20,
            limits: [20, 50, 100, 200, 500],
            limit: 10,
            limits: [10, 30, 50, 100, 200, 500],
            even: true,
            toolbar: '#toolbar',
            cellMinWidth: 50,
            cellMinWidth: 100,
            cols: [getCol()],
            request: {
                pageName: 'curr',
@@ -143,8 +182,14 @@
                    top.location.href = baseUrl+"/";
                }
                pageCurr=curr;
                $('.layui-form-checkbox').css("pointer-events", "none");
                $('td[data-field="0').css("cursor", "pointer")
                form.on('checkbox(tableCheckbox)', function (data) {
                    var _index = $(data.elem).attr('table-index')||0;
                    if(data.elem.checked){
                        res.data[_index][data.value] = 'Y';
                    }else{
                        res.data[_index][data.value] = 'N';
                    }
                });
            }
        });
@@ -158,26 +203,6 @@
                        layer.msg("请选择数据");
                        return;
                    }
                    var locNos = [];
                    data.forEach(function(elem) {
                        locNos.push(elem.locNo);
                    });
                    $.ajax({
                        url: baseUrl+"/locDetl/auth",
                        headers: {'token': localStorage.getItem('token')},
                        data: {locNos:locNos},
                        method: 'POST',
                        async: false,
                        success: function (res) {
                            if (res.code === 200) {
                                data = res.data;
                            } else if (res.code === 403) {
                                top.location.href = baseUrl + "/";
                            } else {
                                layer.msg(res.msg)
                            }
                        }
                    })
                    parent.addTableData(data);
                    break;
            }
@@ -203,20 +228,6 @@
        });
    })
    var b = true;
    $(function(){
        $(document.body).on('click','td[data-field="0"]',function(){
            var locNo = $(this).next().children("div").html();
            if (b) {
                b = false;
                $("tr td[data-field=locNo\\$] div:contains("+ locNo +")").parent().prev().children().children("div").click();
                setTimeout(function () {
                    b = true;
                }, 200)
            }
        });
    })
    function tableReload(child) {
        var searchData = {};
        $.each($('#search-box [name]').serializeArray(), function() {
@@ -232,12 +243,25 @@
                    top.location.href = baseUrl+"/";
                }
                pageCurr=curr;
                $('.layui-form-checkbox').css("pointer-events", "none");
                $('td[data-field="0').css("cursor", "pointer")
                if (res.data.length === 0 && count !== 0) {
                    locDetlTableIns.reload({
                        where: searchData,
                        page: {
                            curr: pageCurr-1
                        }
                    });
                    pageCurr -= 1;
                }
            }
        });
    }
    function clearFormVal(el) {
        $(':input', el)
            .val('')
            .removeAttr('checked')
            .removeAttr('selected');
    }
</script>
</html>