dnIn.jsp 15.1 KB
<%@ page import="com.myproject.util.StorageConstants" %>
<%@ include file="/common/taglibs.jsp" %>
<%@ page language="java" pageEncoding="UTF-8" %>

<style type="text/css">
    .box{
        margin-top: 10px;
    }
    .alert{
        padding:8px;
    }

    .partnumber-box{
        height: 100px;text-align: center;
        padding-top:35px;
        margin-bottom:10px;
        font-size: 16px;
        vertical-align: middle;
        word-wrap:break-word ;
        cursor: pointer;
    }

    .table-scrollable{
        overflow-y: auto;
    }

</style>

<link href="${ctx}/scripts/lobibox/css/lobibox.min.css?id=2" rel="stylesheet" type="text/css"/>


<div class="row">
    <div class="col-md-12 col-sm-12">
        <div class="alert alert-success" id="msg">&nbsp;
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="portlet box blue">
            <div class="portlet-title">
                <div class="caption">

                    <div>
                        <span id="currentOp"> </span>
                        <%--当前料架:<span id="vmiRFID"></span>--%>
                    </div>
                </div>
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#portlet_tab_1" data-toggle="tab" id="dnTab">
                            DN单收料</a>
                    </li>
                    <li class="">
                        <a href="#portlet_tab_2" data-toggle="tab" id="facilityTab">
                            Facility收料</a>
                    </li>
                    <%--<li class="">--%>
                        <%--<a href="#portlet_tab_3" data-toggle="tab" id="inTab">--%>
                            <%--纯入库</a>--%>
                    <%--</li>--%>
                </ul>
            </div>
            <div class="portlet-body">
                <div class="tab-content">
                    <div class="tab-pane active" id="portlet_tab_1">
                        <div class="row">

                            <div class="col-md-5 col-sm-5">
                                <div class="form-group form-inline">
                                    <div class="input-group margin-top-10">
                                        <span class="input-group-addon"><fmt:message key="DN单"/></span>
                                        <input type="text" class="form-control input-xlarge" id="scan-dn" value=""/>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-3">
                                <div class="form-group form-inline">
                                    <div class="input-group margin-top-10">
                                        <span class="input-group-addon"><fmt:message key="料架"/></span>
                                        <input type="text" class="form-control input-small" id="dnRfid"/>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-4 col-sm-4">
                                <button type="button" class="btn green margin-top-10 " onclick="bindDn('DN')"><i class="fa fa-sign-in"></i><fmt:message key="绑定"/></button>
                            </div>
                        </div>
                    </div>

                    <div class="tab-pane" id="portlet_tab_2">
                        <div class="row">
                            <div class="col-md-5 col-sm-5">
                                <div class="form-group form-inline">
                                    <div class="input-group margin-top-10">
                                        <span class="input-group-addon"><fmt:message key="Facility"/></span>
                                        <select class="form-control input-xlarge" data-placeholder="Select..." id="facility">
                                            <option value=""></option>
                                            <option value="S5-BACHS">S5-BACHS</option>
                                            <option value="S9-BACHS">S9-BACHS</option>
                                            <option value="SC-BACHS">SC-BACHS</option>
                                            <option value="SI-BACHS">SI-BACHS</option>
                                            <option value="SL-BACHS">SL-BACHS</option>
                                            <option value="SP-BACHS">SP-BACHS</option>
                                            <option value="SS-BACHS">SS-BACHS</option>
                                            <option value="ST-BACHS">ST-BACHS</option>
                                            <option value="S4-BACHOS">S4-BACHOS</option>
                                            <option value="S7-BACHOS">S7-BACHOS</option>
                                            <option value="S9-BACHOS">S9-BACHOS</option>
                                            <option value="SB-BACHOS">SB-BACHOS</option>
                                            <option value="SE-BACHOS">SE-BACHOS</option>
                                            <option value="SJ-BACHOS">SJ-BACHOS</option>
                                            <option value="SN-BACHOS">SN-BACHOS</option>
                                            <option value="SU-BACHOS">SU-BACHOS</option>
                                            <option value="SW-BACHOS">SW-BACHOS</option>
                                            <option value="SZ-BACHOS">SZ-BACHOS</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-3">
                                <div class="form-group form-inline">
                                    <div class="input-group margin-top-10">
                                        <span class="input-group-addon"><fmt:message key="料架"/></span>
                                        <input type="text" class="form-control input-small" id="facilityRfid"/>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-4 col-sm-4">
                                <button type="button" class="btn green margin-top-10" onclick="bindDn('Facility')"><i class="fa fa-sign-in"></i><fmt:message key="绑定"/></button>
                            </div>

                        </div>
                    </div>

                    <div class="tab-pane" id="portlet_tab_3">
                    </div>

                    <div class="">
                        <div class="table-scrollable" style="height:400px;">
                            <table class="table table-striped table-hover table-bordered no-footer" role="grid" aria-describedby="sample_editable_1_info">
                                <thead class="dataTableHeader">
                                <tr role="row">
                                    <%--<th><fmt:message key="DN单号"/></th>--%>
                                    <%--<th><fmt:message key="Facility"/></th>--%>
                                    <%--<th><fmt:message key="Company"/></th>--%>
                                    <%--<th><fmt:message key="料号"/></th>--%>
                                    <%--<th><fmt:message key="已收/DN单数量"/></th>--%>
                                    <%--<th><fmt:message key="差异"/></th>--%>
                                    <%--<th><fmt:message key="DN单日期"/></th>--%>
                                    <%--<th><fmt:message key="首盘日期"/></th>--%>
                                </tr>
                                </thead>
                                <tbody class="dataTableBody">
                                <%--<td></td>--%>
                                <%--<td></td>--%>
                                <%--<td></td>--%>
                                <%--<td></td>--%>
                                <%--<td></td>--%>
                                <%--<td></td>--%>
                                <%--<td></td>--%>
                                <%--<td></td>--%>
                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>



<c:set var="scripts" scope="request">
    <script type="text/javascript">
        function showMsg(msg){
            if(msg == ""){
                $("#msg").attr("class","");
                $("#msg").text("");
            }else{

                var error = true;
                if(msg.indexOf("OK") == 0){
                    error = false;
                    msg = msg.substr(2);
                }
                if(msg.indexOf("0") == 0){
                    error = false;
                    msg = msg.substr(1);
                }
                if(msg.indexOf("x") == 0){
                    msg = msg.substr(1);
                }
                if(error){
                    $("#msg").attr("class","alert alert-danger");
                }else{
                    $("#msg").attr("class","alert alert-success");
                }
                $("#msg").text(msg);
            }
        }

        flushVmiRfid = function(){
            $.post("${ctx}/service/store/qisda/getVmiRfid", {}, function (rfid) {
                $("#vmiRFID").html(rfid);
            });
        }

        flushDnItems = function(){
            $.post("${ctx}/service/store/qisda/dnInfo", {}, function (dnInfo) {
                $(".dataTableBody").html("");
                if(dnInfo){
                    var currentOp = "当前操作: "+ dnInfo.showStr;

                    if(currentOp != $("#currentOp").text()){
                        $("#currentOp").text(currentOp);
                    }
                    var data = dnInfo.items;
                    var thread = "";
                    if(dnInfo.cisIn){
                        //纯入料
                    }else if(dnInfo.facility){
                        //facility入料
                        thread = " <tr> " +
                                "<th>Facility</th>"+
                                "<th>Company</th>"+
                                "<th>料号</th>"+
                                "<th>已收数量</th>"+
                                "</tr>";
                    }else{
                        //DN单入料

                        thread = " <tr> " +
                                "<th>DN单号</th>"+
                                "<th>Facility</th>"+
                                "<th>Company</th>"+
                                "<th>料号</th>"+
                                "<th>已收/DN单数量</th>"+
                                "<th>差异</th>"+
                                "<th>DN单日期</th>"+
                                "<th>首盘日期</th>" +
                                "</tr>";
                    }

                    $(".dataTableHeader").html(thread);

                    for(var item in data){
                        var dnNo = data[item].dnNo;
                        var fac = data[item].facility;
                        var company = data[item].company;
                        var pn = data[item].pn;
                        var dnQty = data[item].dnQty;
                        var inQty = data[item].inQty;
                        var diff = inQty - dnQty;
                        var diffColor = "";
                        if(diff < 0){
                            diffColor = "bg-red";
                        }else if(diff > 0){
                            diffColor = "bg-yellow";
                        }
                        var inNum = data[item].inNum;
                        var dnDateStr = data[item].dnDateStr;
                        var firstReelDateStr = data[item].firstReelDateStr;

                        var tdStr = "";
                        if(dnInfo.cisIn){
                            //纯入料

                        }else if(dnInfo.facility){
                            tdStr =
                                    "<td>"+fac+"</td>"+
                                    "<td>"+company+"</td>"+
                                    "<td>"+pn+"</td>"+
                                    "<td>"+inQty+ "</td>";
                        }else{
                            tdStr =
                                    "<td>"+dnNo+"</td>"+
                                    "<td>"+fac+"</td>"+
                                    "<td>"+company+"</td>"+
                                    "<td>"+pn+"</td>"+
                                    "<td>"+inQty+"/" + dnQty +"</td>"+
                                    "<td class='"+diffColor+"'>"+ diff +"</td>"+
                                        //"<td>"+inNum+"</td>"+
                                    "<td>"+dnDateStr+"</td>"+
                                    "<td>"+firstReelDateStr+"</td>";
                        }
                        var trStr = "<tr>" + tdStr+ "</tr>";
                        $(".dataTableBody").append(trStr);
                    }
                }

            });
        }

        bindDn = function(type){
            var params = {};
            var useRFID = "";
            if(type == 'DN'){
                var dnNo = $("#scan-dn").val().trim();
                if(dnNo == ''){
                    showMsg("DN单不能为空");
                    return;
                }else{
                    params["dnNo"] = dnNo;
                    var dnRfid = $("#dnRfid").val();
                    params["rfid"]=dnRfid;
                    $("#dnRfid").val("");
                    $("#scan-dn").val("");
                }
            }else if(type == 'Facility'){
                var facility = $("#facility").val();
                params["facility"] = facility;
                var facilityRfid = $("#facilityRfid").val();
                params["rfid"]=facilityRfid;
                $("#facilityRfid").val("");
                $("#facility").val("");
            }else{

            }


            params["stopCurrent"]=true;

            $.post("${ctx}/service/store/qisda/bindDn", params, function (data) {
                if(data.indexOf("c") == 0){
                    data = data.substr(1);
                    return stopConfirm(params,data);
                }else{
                    showMsg(data);
                    return true;
                }
            });
        }

        stopConfirm = function(params, msg){
            params["stopCurrent"]=true;
            Lobibox.confirm({
                //title: "${msg_title}",
                msg: msg,
                callback: function ($this, type, ev) {
                    if(type == 'yes'){
                        $.post("${ctx}/service/store/qisda/bindDn", params, function (data) {
                            showMsg(data);
                            return true;
                        });
                    }
                    return false;
                }
            });
        }

        setInterval(function(){
            //flushVmiRfid();
            flushDnItems();
        }, 1000);

    </script>
</c:set>