小太阳
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
王佳豪
2021-03-25 960d4eff85f99f138eda0ac360d2870882156a47 
 src/main/webapp/views/pda/locNormalOut.html


@@ -18,11 +18,13 @@


        display: inline-block;


        width: 120px;


    }




    .number-tool:after {


        clear: both;


        content: "";


        display: table;


    }




    .number-tool button {


        background-color: #fff;


        margin-top: 3px;


@@ -32,6 +34,7 @@


        width: 25px;


        border: 1px solid #777777;


    }




    .number-tool input {


        text-align: center;


        height: 30px;


@@ -43,20 +46,20 @@


</style>


<body>




<header>


    <div>


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


            <label class="layui-form-label" style="margin-left: 32px">库区</label>


            <input class="layui-input" id="uuid" onkeyup="findCode(this, 'uuid')" placeholder="扫码 / 输入"


                   autocomplete="off">


        </div>


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


            <label class="layui-form-label">物料编码</label>


            <input class="layui-input" id="matnr" onkeyup="findCode(this, 'matnr')" placeholder="扫码 / 输入" style="width: 65%"


                   autocomplete="off">


<header class="layui-form">


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


        <label class="layui-form-label">物料编码</label>


        <input class="layui-input" id="matnr" onkeyup="findCode(this, 'matnr')" placeholder="扫码 / 输入" style="width: 65%"


               autocomplete="off">


    </div>


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


        <label class="layui-form-label" style="margin-left: 28px">库区</label>


        <div class="layui-input-inline" style="margin-left: 5px;width: 180px">


            <select id="uuid" lay-filter="uuid">


                <option value="">请选择</option>


            </select>


        </div>


    </div>




</header>




<main>


@@ -84,13 +87,15 @@


    </div>


    <div class="form-item">


        <span>名称</span>


        <input id="maktx2" type="text" disabled="disabled" style="width: 70%">


        <textarea rows="2" style="width: 70%; resize: none" id="maktx2" type="text" disabled="disabled" readonly="readonly"></textarea>


    </div>


    <input id="index" type="text" disabled="disabled" style="display: none;">


    <div class="form-item" style="margin-top: 5px; margin-bottom: 8px">


        <span style="vertical-align: middle">数量</span>


        <div class="number-tool" style="vertical-align: middle">


            <button onclick="reduce()">-</button><input id="anfme2" type="number" onchange="fix(this)"><button onclick="add()">+</button>


            <button onclick="reduce()">-</button>


            <input id="anfme2" type="number" onchange="fix(this)">


            <button onclick="add()">+</button>


        </div>


    </div>


    <button id="remove" onclick="remove()">移除</button>


@@ -105,7 +110,7 @@


    // 表格数据


    var normalOutList = [];


    window.onload = function () {


        document.getElementById("uuid").focus();


        document.getElementById("matnr").focus();


    }




    /**


@@ -114,7 +119,7 @@


     * @param warn true：红色字体


     */


    function tips(msg, warn) {


        layer.msg(msg, {icon: warn?2:1})


        layer.msg(msg, {icon: warn ? 2 : 1})


    }




    function back() {


@@ -122,7 +127,7 @@


    }




    var tableIns;


    layui.use(['table','laydate', 'form'], function() {


    layui.use(['table', 'laydate', 'form'], function () {


        var table = layui.table;


        var $ = layui.jquery;


        var layer = layui.layer;


@@ -135,11 +140,20 @@


            limit: 500,


            cellMinWidth: 50,


            cols: [[


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


                {field: 'anfmeOut', align: 'center', title: '数量', event: 'detail', style:'color: blue', event: 'modify', style:'cursor: pointer;color: blue', width:50},


                {field: 'matnr', align: 'center', title: '编码', event: 'detail', width:80},


                {field: 'matnr', align: 'center', title: '编码', event: 'detail', width: 80},


                {field: 'maktx', align: 'center', title: '名称', event: 'detail'},


                {field: 'warehouse', align: 'center', title: '库区', event: 'detail', width:50}


                {field: 'warehouse', align: 'center', title: '库区', event: 'detail', width: 50},


                {


                    field: 'anfmeOut',


                    align: 'center',


                    title: '数量',


                    event: 'detail',


                    style: 'color: blue',


                    event: 'modify',


                    style: 'cursor: pointer;color: blue',


                    width: 50


                },


                {type: 'checkbox', fixed: 'right', width: 30},


            ]],


            done: function (res, curr, count) {


            }


@@ -147,7 +161,7 @@






        // 监听行工具事件


        table.on('tool(locNormalOut)', function(obj) {


        table.on('tool(locNormalOut)', function (obj) {


            var data = obj.data;


            switch (obj.event) {


                case 'modify':


@@ -169,19 +183,50 @@


                    break;


            }


        });




        form.on('select(uuid)', function (data) {


            var val = data.value;


            findCode(this, 'uuid');


        });




        var areaType = getQueryVariable('areaType');


        // 获取仓库下拉


        $.ajax({


            url: baseUrl + "/locArea/queryAll/auth?areaType=" + (areaType ? areaType : ""),


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


            method: 'POST',


            success: function (res) {


                if (res.code === 200) {


                    var html = "";


                    if (res.data && res.data.length > 0) {


                        html += res.data.map(function (item) {


                            return "<Option value=" + item.uuid + ">" + item.name + "</Option>";


                        });


                    }


                    $('#uuid').append(html);


                    layui.form.render('select');


                } else if (res.code === 403) {


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


                } else {


                    layer.msg(res.msg)


                }


            }


        });


    });




    var warehouseBar;


    var matnrBar;




    /* 扫码、输入库区和物料编码 */


    function findCode(el, type) {


        warehouseBar = $('#uuid').val();


        ;


        switch (type) {


            case 'uuid':


                warehouseBar = el.value;


                exist('uuid', 'locArea');


//                exist('uuid', 'locArea');


                break;


            case 'matnr':


                matnrBar =  el.value;


                matnrBar = el.value;


                break;


            default:


                break;


@@ -193,7 +238,7 @@


        }




        $.ajax({


            url: baseUrl + "/locNormal/pda/out/query?matnr="+matnrBar+"&warehouse="+warehouseBar,


            url: baseUrl + "/locNormal/pda/out/query?matnr=" + matnrBar + "&warehouse=" + warehouseBar,


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


//            contentType: 'application/json;charset=UTF-8',


            method: 'GET',


@@ -203,7 +248,7 @@


                    if (res.data && res.data.length > 0) {


                        res.data.map(function (item) {


                            // 默认赋值0开始


                           item.anfmeOut = 0;


                            item.anfmeOut = 0;


                        });


                    }


                    tableIns.reload({


@@ -221,27 +266,31 @@




    /* 修改数量 */


    var countDom = $('#anfme2');




    function add() {


        if (countDom.val() >= maxCount) {


            return;


        }


        countDom.val(Number(countDom.val()) + 1);


    }




    function reduce() {


        if (countDom.val() <= 0) {


            return;


        }


        countDom.val(Number(countDom.val()) - 1);


    }




    function fix(e) {


        if (Number(e.value) > maxCount) {


            countDom.val(maxCount);


        }


    }




    function remove() {


        var matnr = $('#matnr2').val();


        var index = $('#index').val();


        for (var j=0;j<normalOutList.length;j++){


        for (var j = 0; j < normalOutList.length; j++) {


            if (matnr === normalOutList[j].matnr && index == normalOutList[j].id) {


                normalOutList.splice(j, 1);


            }


@@ -250,12 +299,13 @@


        layer.close(countLayer);


        tips("移除成功");


    }




    // 修改数量


    function confirm(){


    function confirm() {


        var matnr = $('#matnr2').val();


        var count = $('#anfme2').val();


        var index = $('#index').val();


        for (var j=0;j<normalOutList.length;j++){


        for (var j = 0; j < normalOutList.length; j++) {


            if (matnr === normalOutList[j].matnr && index == normalOutList[j].id) {


                if (count > maxCount || count < 0) {


                    tips("数量不能超过范围", true);


@@ -282,7 +332,7 @@


        // 库区赋值


        var warehouse = $('#uuid').val();


        data.map(function (item) {


           item.warehouse =  warehouse;


            item.warehouse = warehouse;


        });


        // 出库接口


        $.ajax({


@@ -298,7 +348,7 @@


                if (res.code === 200) {


                    layer.msg("出库成功");


                    $("#matnr").val(null);


                    $("#uuid").val(null);


//                    $("#uuid").val(null);


                    warehouseBar = null;


                    matnrBar = null;


                    normalOutList = [];