# 出库作业，和库存明细管理 排序

whycq

2023-07-24 b7e08df5a07b3fa832a46ecc31983e16f2bccc8c

 src/main/webapp/views/pakStore/locDetlQuery.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;
        }
@@ -44,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">
@@ -51,7 +61,7 @@
        </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">
@@ -59,7 +69,17 @@
                <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>
        <!-- 日期范围 -->
        <div class="layui-inline" style="width: 300px">
            <div class="layui-input-inline">
                <input class="layui-input layui-laydate-range" name="modi_time" type="text" placeholder="起始时间 - 终止时间" autocomplete="off" style="width: 300px">
            </div>
        </div>
        <!-- 待添加 -->
        <div id="data-search-btn" class="layui-btn-container layui-form-item" style="display: inline-block">
            <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">搜索</button>
@@ -74,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>

@@ -88,10 +108,42 @@
<script>

    var pageCurr;
    function getCol() {
        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: '类别'}
        ];
        // cols.push.apply(cols, detlCols);
        
        cols.push({field: 'modiUser$', align: 'center',title: '修改人员', hide: true}
            ,{field: 'modiTime$', align: 'center',title: '修改时间', width: 180})
        return cols;
    }

    layui.use(['table','laydate', 'form'], function() {
        var table = layui.table;
        var $ = layui.jquery;
        var layer = layui.layer;
        var layDate = layui.laydate;
        var form = layui.form;
        // 数据渲染
        locDetlTableIns = table.render({
@@ -100,26 +152,11 @@
            url: baseUrl+'/stock/out/list/auth',
            page: true,
            limit: 10,
            limits: [10, 30, 50, 100, 200, 500],
            even: true,
            toolbar: '#toolbar',
            cellMinWidth: 50,
            cols: [[
                {type: 'checkbox'}
                ,{field: 'locNo$', align: 'center',title: '库位号'}
                ,{field: 'matnr', align: 'center',title: '物料'}
                // ,{field: 'lgnum', align: 'center',title: '仓库号', width:80}
                // ,{field: 'tbnum', align: 'center',title: '转储请求编号'}
                // ,{field: 'tbpos', align: 'center',title: '行项目'}
                // ,{field: 'zmatid', align: 'center',title: '物料标签ID', width:200}
                ,{field: 'maktx', align: 'center',title: '物料描述'}
                // ,{field: 'werks', align: 'center',title: '工厂'}
                ,{field: 'anfme', align: 'center',title: '数量'}
                ,{field: 'altme', align: 'center',title: '单位'}
                ,{field: 'zpallet', align: 'center',title: '托盘条码'}
                // ,{field: 'bname', align: 'center',title: '用户ID'}
                // ,{field: 'memo', align: 'center',title: '备注'}

            ]],
            cellMinWidth: 100,
            cols: [getCol()],
            request: {
                pageName: 'curr',
                pageSize: 'limit'
@@ -178,6 +215,12 @@
            clearFormVal($('#search-box'));
            tableReload();
        });

        layDate.render({
            elem: '.layui-laydate-range'
            ,type: 'datetime'
            ,range: true
        });
    })

    function tableReload(child) {