View

View 생성

- Views폴더 – 프로그램코드폴더내 생성 : Controllers.프로그램코드.XxxController.cs ex) Controllers.MM.PurInBoundController.cs

@{
    ViewData["Title"] = "구매입고";
}

<h3 id="purInboundTitle">구매입고</h3>
<input id="inputBarcode" class="form-control" type="text" placeholder="Scan test" onkeydown="scanTest(event)"
       value='{ "barcodeType":"Inbound","barcodeNo":"PIH20191105-00000101" }' />

<div id="purInboundHeaderTitle" class="card-header">구매입고정보</div>
<div>
    <div class="row">
        <div id="inboundNo" class="col-4 align-self-center" >납품증번호</div>
        <div class="col-8"><input id="doNo" class="form-control" type="text" /></div>
    </div>
    <div class="row">
        <div id="bp" class="col-4 align-self-center">거래처</div>
        <div class="col-8"><input id="bpNo" class="form-control" type="text" /></div>
    </div>
</div>

<hr />
<p id="huListTitle" class="card-header">식별표 목록</p>
<div>
    <table class="table">
        <tbody id="huList">
        </tbody>
    </table>
</div>

<div>
    <button id="bpInButton" class="btn btn-info" onclick="bpPurInBound()">입고처리</button>
</div>


@section Scripts{

    <script>
        var purInBoundParamsModel = {DoNo: "", PurInBoundHuParamsModels: [] };
        var isScanningHu = false;
        var langWordVari = [];

        $(document).ready(function () {
            applyLanguage();
        });
        //다국어 적용
        function applyLanguage() {
            var langWordPurInbound = @Html.Raw(Json.Serialize(ViewBag.LangWordPurInbound));
            langWordPurInbound.map((a) => {
                $('#' + a.WORD_CODE).html(a.WORD_NAME);
                //console.log(a.WORD_CODE);
                if (a.WORD_CODE.indexOf("vari_") == 0) { //없으면 -1
                    //console.log(a);
                    langWordVari.push(a);
                }
            });
        }

        function scanTest(event) {
            if (event.keyCode == 13 && barcode != "") {
                try {
                    var barcodeString = $('#inputBarcode').val();
                    //console.log(barcodeString);
                    var barcode = JSON.parse(barcodeString);
                    //console.log(barcode);
                } catch (e) {
                    alert('비정상 바코드 입니다.');
                    return;
                }

                if (barcode.barcodeType == "Inbound") {
                    console.log(barcode.barcodeType);
                    console.log(barcode.barcodeNo);
                    selectDeliOrderHuModelsByDoNo(barcode.barcodeNo); //납품증일때
                } else if (barcode.barcodeType == "Hu") {
                    addHu(barcode.barcodeNo); //식별표 일때
                } else {

                }
            }
        }

        function selectDeliOrderHuModelsByDoNo(doNo) {
            purInBoundParamsModel.DoNo = doNo;
            $('#doNo').val(doNo);
            $.ajax({
                url: '@Url.Content("~/PurInBound/SelectDeliOrderHuModelsByDoNo")',
                method: 'GET',
                data: { doNo: doNo },
                success: function (result) {
                    purInBoundParamsModel.PurInBoundHuParamsModels = result;
                    var variItem = langWordVari.find(a => a.WORD_CODE == "vari_item").WORD_NAME;
                    var variQty = langWordVari.find(a => a.WORD_CODE == "vari_qty").WORD_NAME;
                    var variUnit = langWordVari.find(a => a.WORD_CODE == "vari_unit").WORD_NAME;
                    var variHu = langWordVari.find(a => a.WORD_CODE == "vari_hu").WORD_NAME;
                    var variDt = langWordVari.find(a => { return a.WORD_CODE == "vari_workdt" }).WORD_NAME;
                    var htmlHuList;
                    for (i in result) {
                        htmlHuList += '<tr><td>';
                        htmlHuList += '<div>' + variItem + " : " + result[i].ITEM_CD;
                        htmlHuList += ' ' + variQty + " : " + result[i].DLO_QTY;
                        htmlHuList += ' ' + variUnit + " : " + result[i].UNIT + '</div>';
                        htmlHuList += '<div>' + variHu + " : " + result[i].DLO_BARCODE + '</div>';
                        htmlHuList += '<div>' + variDt + " : " + result[i].WORK_DT + '</div>';
                        htmlHuList += '</td></tr>';
                    }
                    $('#huList').append(htmlHuList);
                }
            });
        }

        function addHu(huBarcodeNo) {
            if (checkHu(huBarcodeNo)) {
                purInBoundParamsModel.PurInBoundHuParamsModels.push({ DLO_BARCODE: huBarcodeNo });
                var htmlHu;
                htmlHu = '<tr><td>' + huBarcodeNo + '</td></tr>';
                $('#huList').prepend(htmlHu);
            }
        }

        function checkHu(huBarcodeNo) {

            return true;
        }

        function bpPurInBound() {
            if (purInBoundParamsModel == null) {
                alert('');
                return;
            }
            if (confirm('입고처리 합니다.')) {
                $.ajax({
                    url: '@Url.Content("~/PurInbound/bpPurInBound")',
                    method: 'POST',
                    data: JSON.stringify(purInBoundParamsModel),
                    contentType: "application/json",
                    success: function (result) {
                        alert('ok...');
                    },
                    error: function (xhr, status, error) {
                            alert("code:" + xhr.status + "\n" + "message:" + xhr.responseText + "\n" + "error:" + error);
                    }
                });
            }
        }

    </script>

}

Scan barcode

Barcode Format

//JSON
{ "barcodeType":"Inbound","barcodeNo":"PIH20191105-00000101" }

Add BarcodeNo Sample

function scanTest(event) {
    if (event.keyCode == 13 && barcode != "") {
        try {
            var barcodeString = $('#inputBarcode').val();
            console.log(barcodeString);
            var barcode = JSON.parse(barcodeString);
            console.log(barcode);
        } catch (e) {
            alert('비정상 바코드 입니다.');
            return;
        }
        
        if (barcode.barcodeKind == "Inbound") {
            console.log(barcode.barcodeKind);
            console.log(barcode.barcodeNo);
            getHuListByDoNo(barcode); //납품증일때
        } else if (barcode.barcodeKind == "Hu") {
            addHu(barcode); //식별표 일때
        } else {

        }
    }
}

Ajax Sample (jQuery)

Get

function selectDeliOrderModelsByDoNo(doNo) {
    purInBoundInsertModel.DoNo = doNo;
    $('#doNo').val(doNo);
    $.ajax({
        url: '@Url.Content("~/PurInBound/SelectDeliOrderHuListByDoNo")',
        method: 'GET',
        data: { doNo: doNo },
        success: function (result) {
            purInBoundInsertModel.PurInBoundHuInsertModels = result;
            var htmlHuList;
            for (i in result) {
                htmlHuList += '<tr><td>';
                htmlHuList += '<div>품번 : ' + result[i].ITEM_CD;
                htmlHuList += ' 수량 : ' + result[i].DLO_QTY;
                htmlHuList += ' 단위 : ' + result[i].UNIT + '</div>';
                htmlHuList += '<div>식별표 : ' + result[i].DLO_BARCODE + '</div>';
                htmlHuList += '<div>작업일 : ' + result[i].WORK_DT + '</div>';
                htmlHuList += '</td></tr>';
            }
            $('#huList').append(htmlHuList);
        }
    });
}

Post

function InsertPurInBoundModel() {
    if (purInBoundInsertModel == null) {
        alert('');
        return;
    }
    if (confirm('입고처리 합니다.')) {
        $.ajax({
            url: '@Url.Content("~/PurInbound/InsertPurInBoundModel")',
            method: 'POST',
            data: JSON.stringify(purInBoundInsertModel),
            contentType: "application/json",
            success: function (result) {
                alert('ok...');
            },
            error: function (xhr, status, error) {
                    alert("code:" + xhr.status + "\n" + "message:" + xhr.responseText + "\n" + "error:" + error);
            }
        });
    }
}