#

luxiaotao1123

2022-03-30 f63064b50164522377c5881f97b0e630217e030c

#

 src/main/webapp/static/css/common.css

@@ -98,9 +98,9 @@
.layui-table-box{
    padding-bottom: 10px;
}
.layui-table-body.layui-table-main{
    overflow: hidden;
}
/*.layui-table-body.layui-table-main{*/
/*    overflow: hidden;*/
/*}*/
.layui-table-page{
    border-width: 0;
}

 src/main/webapp/static/js/pakStore/pakStore.js

@@ -3,7 +3,7 @@
var matCodeData = [];
function getCol() {
    var cols = [
        {fixed: 'left', field: 'count', title: '数量（必填）', align: 'center', edit:'text', width: 120,  style:'color: blue;font-weight: bold'},
        {fixed: 'left', field: 'anfme', title: '数量（必填）', align: 'center', edit:'text', width: 120,  style:'color: blue;font-weight: bold'},
        {field: 'batch', title: '批号（选填）', align: 'center', edit:'text', width: 200,  style:'color: blue;font-weight: bold'}
    ];
    cols.push.apply(cols, matCols);
@@ -17,7 +17,6 @@
    var table = layui.table;
    var $ = layui.jquery;
    var layer = layui.layer;
    var layDate = layui.laydate;
    var form = layui.form;
    admin = layui.admin;

@@ -30,7 +29,7 @@
        toolbar: '#toolbar',
        cols: [getCol()],
        done: function (res, curr, count) {
            $('td[data-field=count] div').html(initCountVal);
            $('td[data-field=anfme] div').html(initCountVal);
            setMatCodeData(res.data);
            limit();
            getInBound();
@@ -41,22 +40,23 @@
    table.on('edit(chooseData)', function (obj) {
        let index = obj.tr.attr("data-index");
        let data = matCodeData[index];
        let modify = true;
        if (obj.field === 'anfme'){
            let vle = Number(obj.value);
            if (isNaN(vle)) {
                layer.msg("请输入数字", {icon: 2});
                return false;
                modify = false;
            } else {
                if (vle <= 0) {
                    layer.msg("数量必须大于零", {icon: 2});
                    return false;
                    modify = false;
                }
            }
        }
        if (modify) {
        data[obj.field] = obj.value;
        }
        tableIns.reload({data: matCodeData});

        updateMatCodeData(obj.data.matNo, Number(obj.value));
    });

    // 监听头工具栏事件
@@ -72,11 +72,11 @@
                }
                // 判断物料数量是否存在异常
                for (var i=0;i<matCodeData.length;i++){
                    if (isNaN(matCodeData[i].count)) {
                    if (isNaN(matCodeData[i].anfme)) {
                        layer.msg("请输入数字");
                        return;
                    }
                    if (matCodeData[i].count === 0){
                    if (matCodeData[i].anfme === 0){
                        layer.msg("数量不能为零");
                        return;
                    }
@@ -115,14 +115,11 @@
        switch (obj.event) {
            case 'remove':
                for (let i = matCodeData.length - 1; i >= 0; i--) {
                    if (matCodeData[i].matNo === data.matNo) {
                    if (matCodeData[i].matNo === data.matNo && matCodeData[i].batch === data.batch) {
                        matCodeData.splice(i, 1);
                    }
                }
                tableIns.reload({data: matCodeData,done:function (res) {
                        limit();
                        getInBound();
                    }});
                tableIns.reload({data: matCodeData});
                break;
        }
    });
@@ -130,29 +127,8 @@
    function setMatCodeData(data) {
        matCodeData = data;
        for (var i=0;i<matCodeData.length;i++){
            matCodeData[i]["count"] = initCountVal;
            matCodeData[i]["anfme"] = initCountVal;
        }
    }

    function updateMatCodeData(matNo, count) {
        if (isNaN(count)) {
            layer.msg("请输入数字");
        } else {
            if (count > 0) {
                for (var i=0;i<matCodeData.length;i++){
                    if (matCodeData[i]["matNo"] === matNo){
                        matCodeData[i]["count"] = count;
                    }
                }
            } else {
                layer.msg("数量必须大于零");
            }
        }

        tableIns.reload({data: matCodeData,done:function (res) {
                limit();
                getInBound();
            }});
    }

    // 获取可用入库站点
@@ -185,9 +161,10 @@
function getMat() {
    matCodeLayerIdx = admin.open({
        type: 2,
        title: '提取物料',
        maxmin: true,
        area: [top.detailWidth, top.detailHeight],
        title: false,
        closeBtn: false,
        maxmin: false,
        area: ['90%', '85%'],
        shadeClose: true,
        content: 'matQuery.html',
        success: function(layero, index){

 src/main/webapp/views/order/out.html

 src/main/webapp/views/pakStore/matQuery.html

@@ -12,7 +12,7 @@
    <link rel="stylesheet" href="../../static/css/common.css" media="all">
    <style>
        body {
            padding: 0 20px;
            /*overflow: hidden;*/
        }
        .layui-table-box {
            border-right: 1px solid #9F9F9F;
@@ -21,8 +21,10 @@
    </style>
</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>
</div>
<div class="layui-card" style="padding: 0 20px; overflow: scroll;">
<fieldset class="layui-elem-field site-demo-button" style="margin: 20px;">
    <legend>搜索栏</legend>
    <div id="search-box" class="layui-form layui-card-header">
@@ -50,15 +52,16 @@
    </div>
</fieldset>

    <div class="layui-form">
        <table class="layui-hide" id="matCode" lay-filter="matCode"></table>
    </div>
</div>

<script type="text/html" id="toolbar">
    <div class="layui-btn-container">
        <button class="layui-btn" id="btn-confirm" lay-event="confirm" style="">提取</button>
    </div>
</script>

<div class="layui-form">
    <table class="layui-hide" id="matCode" lay-filter="matCode"></table>
</div>

<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>
@@ -79,7 +82,7 @@
        )
        return cols;
    }
    var pageCurr;

    layui.config({
        base: baseUrl + "/static/layui/lay/modules/"
    }).use(['table','laydate', 'form', 'admin'], function() {
@@ -126,12 +129,12 @@

        // 监听头工具栏事件
        table.on('toolbar(matCode)', function (obj) {
            var checkStatus = table.checkStatus(obj.config.id);
            var data = checkStatus.data;
            let checkStatus = table.checkStatus(obj.config.id);
            let data = checkStatus.data;
            switch(obj.event) {
                case 'confirm':
                    if (data.length === 0){
                        layer.msg("请选择数据");
                        layer.msg("请选择数据", {icon: 2});
                        return;
                    }
                    parent.addTableData(data);
@@ -141,13 +144,11 @@

        // 搜索栏搜索事件
        form.on('submit(search)', function (data) {
            pageCurr = 1;
            tableReload(false);
            tableReload();
        });

        // 搜索栏重置事件
        form.on('submit(reset)', function (data) {
            pageCurr = 1;
            clearFormVal($('#search-box'));
            tableReload();
        });
@@ -159,31 +160,13 @@
        });
    })

    function tableReload(child) {
    function tableReload() {
        var searchData = {};
        $.each($('#search-box [name]').serializeArray(), function() {
            searchData[this.name] = this.value;
        });
        matQueryTable.reload({
            where: searchData,
            page: {
                curr: pageCurr
            },
            done: function (res, curr, count) {
                if (res.code === 403) {
                    top.location.href = baseUrl+"/";
                }
                pageCurr=curr;
                if (res.data.length === 0 && count !== 0) {
                    tableIns.reload({
                        where: searchData,
                        page: {
                            curr: pageCurr-1
                        }
                    });
                    pageCurr -= 1;
                }
            }
            where: searchData
        });
    }


 src/main/webapp/views/pakStore/pakStore.html

@@ -15,6 +15,7 @@
            height: 100%;
            padding: 10px;
            background-color: #f1f1f1;
            box-sizing: border-box;
        }
        body {
            background-color: #fff;
@@ -27,7 +28,7 @@
        }
        .function-btn {
            font-size: 16px;
            padding: 1px 1px 1px 1px;
            padding: 1px 2px;
            width: 100px;
            height: 50px;
            border-color: #2b425b;
@@ -37,7 +38,7 @@
            border-style: solid;
            transition: 0.4s;
            cursor: pointer;
            letter-spacing: 3px;
            letter-spacing: 1.5px;
        }
        .function-btn:hover {
            background-color: #2b425b;
@@ -84,7 +85,7 @@
<body>
<!-- 功能区 -->
<div class="function-area">
    <button id="mat-query" class="function-btn" onclick="getMat()">新增</button>
    <button id="mat-query" class="function-btn" onclick="getMat()">提取商品</button>
</div>

<hr>