自动化立体仓库 - WMS系统
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
lty
8 天以前 539a56279625242c497b4b4093f2defbb9d80334 
 src/main/webapp/views/pakStore/matQuery.html


@@ -22,31 +22,36 @@


</head>


<body>


<div style="padding: 25px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">


    <span style="font-size: large; font-weight: bold">选择商品</span>


    <span style="font-size: large; font-weight: bold" data-i18n="select_item">选择商品</span>


</div>


<div class="layui-card" style="padding: 0 20px; overflow: scroll;">


    <fieldset class="layui-elem-field site-demo-button" style="margin: 20px;">


        <legend>搜索栏</legend>


        <legend data-i18n="search_bar">搜索栏</legend>


        <div id="search-box" class="layui-form layui-card-header">


            <div class="layui-inline">


                <div class="layui-input-inline">


                    <input class="layui-input" type="text" name="mat_no" placeholder="商品编号" autocomplete="off">


                    <input class="layui-input" type="text" name="matnr" data-i18n-placeholder="product_code" placeholder="商品编号" autocomplete="off">


                </div>


            </div>


            <div class="layui-inline">


                <div class="layui-input-inline">


                    <input class="layui-input" type="text" name="maktx" data-i18n-placeholder="product_name" 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">


                    <input class="layui-input layui-laydate-range" id = "modi_time" name="modi_time" type="text" data-i18n-placeholder="start_end_time" placeholder="起始时间 - 终止时间" autocomplete="off" style="width: 300px">


                </div>


            </div>


            <div class="layui-inline">


                <div class="layui-input-inline">


                    <input class="layui-input" type="text" name="condition" placeholder="请输入" autocomplete="off">


                    <input class="layui-input" type="text" name="condition" data-i18n-placeholder="please_input" placeholder="请输入" autocomplete="off">


                </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>


                <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search" data-i18n="search">搜索</button>


            </div>


        </div>


    </fieldset>


@@ -58,11 +63,12 @@




<script type="text/html" id="toolbar">


    <div class="layui-btn-container">


        <button class="layui-btn" id="btn-confirm" lay-event="confirm" style="">提取</button>


        <button class="layui-btn" id="btn-confirm" lay-event="confirm" style="" data-i18n="extract">提取</button>


    </div>


</script>




<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>


<script type="text/javascript" src="../../static/js/i18n/i18n-helper.js"></script>


<script type="text/javascript" src="../../static/layui/layui.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>


@@ -74,10 +80,14 @@


        let cols = [


            {type: 'checkbox', fixed: 'left'}


        ];


        cols.push.apply(cols, matCols);


        if (typeof getMatCols === 'function') {


            cols.push.apply(cols, getMatCols());


        } else {


            cols.push.apply(cols, matCols);


        }


        cols.push(


            {field: 'modiUser$', align: 'center',title: '修改人员', hide: true},


            {field: 'modiTime$', align: 'center',title: '修改时间'}


            {field: 'modiUser$', align: 'center',title: typeof I18n !== 'undefined' ? I18n.t('modifier') : '修改人员', hide: true},


            {field: 'modiTime$', align: 'center',title: typeof I18n !== 'undefined' ? I18n.t('modify_time') : '修改时间'}


        )


        return cols;


    }


@@ -91,40 +101,65 @@


        var layDate = layui.laydate;


        var form = layui.form;


        var admin = layui.admin;


        


        var dateIns = layDate.render({


            elem: '#modi_time'


            ,type: 'datetime'


            ,range: true


            ,lang: typeof I18n !== 'undefined' && I18n.getLanguage().toLowerCase() === 'zh-cn' ? 'cn' : 'en'


        });




        // 物料查询数据表


        matQueryTable = table.render({


            elem: '#mat',


            headers: {token: localStorage.getItem('token')},


            url: baseUrl + '/mat/list/auth',


            page: true,


            limit: 7,


            limits: [7, 10, 30,50,100],


            even: true,


            cellMinWidth: 50,


            toolbar: '#toolbar',


            cols: [getCol()],


            request: {


                pageName: 'curr',


                pageSize: 'limit'


            },


            parseData: function (res) {


                return {


                    'code': res.code,


                    'msg': res.msg,


                    'count': res.data.total,


                    'data': res.data.records


        function initTable() {


            matQueryTable = table.render({


                elem: '#mat',


                headers: {token: localStorage.getItem('token')},


                url: baseUrl + '/mat/list/auth',


                page: true,


                limit: 7,


                limits: [7, 10, 30,50,100],


                even: true,


                cellMinWidth: 50,


                toolbar: '#toolbar',


                cols: [getCol()],


                text: {


                    none: typeof I18n !== 'undefined' ? I18n.t('no_data') : '暂无相关数据'


                },


                request: {


                    pageName: 'curr',


                    pageSize: 'limit'


                },


                parseData: function (res) {


                    return {


                        'code': res.code,


                        'msg': res.msg,


                        'count': res.data.total,


                        'data': res.data.records


                    }


                },


                response: {


                    statusCode: 200


                },


                done: function (res, curr, count) {


                    if (res.code === 403) {


                        top.location.href = baseUrl + "/";


                    }


                    if (typeof I18n !== 'undefined') {


                        I18n.updatePage();


                        I18n.updateLayuiPagination();


                    }


                }


            },


            response: {


                statusCode: 200


            },


            done: function (res, curr, count) {


                if (res.code === 403) {


                    top.location.href = baseUrl + "/";


                }


            }


        });


            });


        }




        // Initialize table when I18n is ready


        if (typeof I18n !== 'undefined' && I18n.isReady()) {


            initTable();


        } else {


            $(document).on('i18n:ready', function() {


                initTable();


            });


        }




        // 监听头工具栏事件


        table.on('toolbar(mat)', function (obj) {


@@ -133,7 +168,7 @@


            switch(obj.event) {


                case 'confirm':


                    if (data.length === 0){


                        layer.msg("请选择数据", {icon: 2});


                        layer.msg(typeof I18n !== 'undefined' ? I18n.t('please_select_data') : "请选择数据", {icon: 2});


                        return;


                    }


                    parent.addTableData(data);


@@ -146,14 +181,41 @@


            tableReload();


        });




        layDate.render({


            elem: '.layui-laydate-range'


            ,type: 'datetime'


            ,range: true


        $(document).on('i18n:languageChanged', function() {


             if (matQueryTable) {


                 matQueryTable.reload({


                     cols: [getCol()]


                 });


             } else {


                 initTable();


             }


             // Update placeholder


             $('[data-i18n-placeholder]').each(function() {


                 var key = $(this).attr('data-i18n-placeholder');


                 $(this).attr('placeholder', I18n.t(key));


             });


             // Reload date component


            if (typeof dateIns !== 'undefined') {


                // Completely remove and recreate the input element to force laydate reset


                var $input = $('#modi_time');


                var parent = $input.parent();


                var inputHtml = $input.prop("outerHTML");


                $input.remove();


                parent.append(inputHtml);


                $('#modi_time').removeAttr('lay-key'); // Ensure no key remains


                


                dateIns = layDate.render({


                    elem: '#modi_time'


                    ,type: 'datetime'


                    ,range: true


                    ,lang: I18n.getLanguage().toLowerCase() === 'zh-cn' ? 'cn' : 'en'


                });


            }


        });


    })




    function tableReload() {


        if (!matQueryTable) return;


        var searchData = {};


        $.each($('#search-box [name]').serializeArray(), function() {


            searchData[this.name] = this.value;


@@ -164,5 +226,6 @@


    }




</script>




</html>