liujiankang
/
iamberry-common-parent
ter-fork dari hexiugang/iamberry-common-parent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457
							<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <#assign path="${request.contextPath}">
    <link href="${path}/common/static/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css" />
    <link href="${path}/common/lib/mui/css/mui.min.css" rel="stylesheet" type="text/css" />
    <link href="${path}/common/lib/mui/css/mui.picker.min.css" rel="stylesheet" type="text/css" />
    <link href="${path}/common/lib/mui/css/mui.poppicker.css" rel="stylesheet" type="text/css" />
    <link href="${path}/common/css/input_order/input_order1.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="//css.iamberry.com/wateroPF/new/css/iconfont.css?v=2017072401" />
    <style>
        .mui-segmented-control{border:1px solid #58d1eb;}
        .mui-segmented-control .mui-control-item{background-color:#fff;line-height: 48px;color:#58d1eb;border-color:#58d1eb;border-left: 1px solid #58d1eb;}
        .mui-segmented-control .mui-control-item.mui-active{background-color:#58d1eb;}
        .chuku-saoma{position: absolute;right: 25px;top:0;color: #fff;background-color: #58d1eb;padding: 9px 10px;}
        .bg-select{background: url(${path}/common/images/pts/select-down.png) 96% center no-repeat;background-size:20px;}
        .cl-blue{color:#58d1eb;}
        .my-pull-list>li{position: relative;height: 100px;padding-left: 15px;}
        .my-pull-list>li:after{content: '';position: absolute;left: 0px;right: 0px;height: 1px;bottom: 0; background-color:#f0f0f0;}
        .my-pull-list>li:before{content: '';position: absolute;left: 0;top:40%;height: 20%;width:3px;background-color: #58d1eb;}
        .my-pull-list>li>div{padding: 10px 0;height: 35px;margin:5px 0;}
        .btn-cancel{float: right;padding: 5px 12px;background-color: #fff;color: #58d1eb;border:1px solid #58d1eb;}
        .my-pull-right{float: right;color: #999;}
        .sp-status{margin-top: 5px;float: left;}
        .sp-font{ font-size: 15px;}
    </style>
    <title>RST - 产品出库</title>
</head>
<body>
    <div class="mui-content" style="background-color: #fff;">
        <div style="padding: 10px 10px 0 10px;">
            <div id="segmentedControl" class="mui-segmented-control">
                <a class="mui-control-item mui-active" href="#item1" id="chuku" >出库</a>
                <a class="mui-control-item" href="#item2" id="yichuku">已出库</a>
            </div>
        </div>

        <div id="item1" class="mui-control-content mui-active chukuDiv">
                <article class="cl pd-10">
                    <ul class="my_input_list" id="basic_input_list">
                        <li>销售公司&nbsp;&nbsp;
                            <input type="text" class="input-text w-75 bg-select" id="machineSalesCompanyId" placeholder="请选择销售公司" readonly="readonly">
                        </li>
                        <li>出库日期&nbsp;&nbsp;
                            <input type="text" id="machineSalesDate" class="input-text w-75 bg-select"  placeholder="请选择日期" readonly="readonly">
                        </li>
                        <li style="position: relative;">条&nbsp;&nbsp;形&nbsp;&nbsp;码&nbsp;&nbsp;<span id="xy_number"></span>
                            <input type="text" class="input-text w-75" id="machineBarcode" placeholder="请输入产品条形码／扫描">
                            <span class="iconfont icon-saoma chuku-saoma scan-code-machine"></span>
                        </li>
                    </ul>
                </article>
                <div class="row loginbox_btn">
                    <div class="formControls col-8 col-offset-2">
                        <a class="btn btn-block btn-water radius size-L" href="javascript:void(0);" onclick="addMachineDelivery()">提交</a>
                    </div>
                </div>
            <div style="padding-top: 100px;text-align: center;" id="deliveryNumber">
            </div>
        </div>
        <div id="item2" class="mui-control-content yichukuDiv">
            <article class="cl pd-10">
                <ul class="my_input_list">
                    <li style="position: relative;">条&nbsp;&nbsp;形&nbsp;&nbsp;码&nbsp;&nbsp;
                        <input type="text" class="input-text w-75" id="secahMachineBarcode" placeholder="请输入产品条形码／扫描进行搜索">
                        <span class="iconfont icon-saoma chuku-saoma secah-scan-code-machine"></span>
                    </li>
                </ul>
                <ul class="my-pull-list">

                 <#--   <li>
                        <div>232435u6yi1i2 爱贝源</div>
                        <div><span class="sp-status">已出库</span><span class="btn-cancel">取消出库</span></div>
                    </li>
                    <li>
                        <div>232435u6yi1i2 爱贝源<span class="my-pull-right">2017-10-20</span></div>
                        <div><span class="sp-status">已出库</span><span class="btn-cancel">取消出库</span></div>
                    </li>-->
                </ul>
            </article>
        </div>
    </div>
<script type="text/javascript" src="${path}/common/lib/mui/js/mui.min.js"></script>
<script type="text/javascript" src="${path}/common/lib/mui/js/mui.view.js"></script>
<script type="text/javascript" src="${path}/common/lib/mui/js/mui.picker.min.js"></script>
<script type="text/javascript" src="${path}/common/lib/mui/js/city.data-3.js"></script>
<script type="text/javascript" src="${path}/common/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="${path}/common/js/order/order_common.js"></script>

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="//s.iamberry.com/wateroPF/js/shop/wechat-utils-1.0.js"></script>
<script>
    var validate_flag=false;

    document.getElementById('chuku').addEventListener('tap',function(){
        $(".mui-control-item").removeClass("mui-active");
        $(".mui-control-content").removeClass("mui-active");
        $("#chuku").addClass("mui-active");
        $(".chukuDiv").addClass("mui-active");
        initializeMachines();
    });
    document.getElementById('yichuku').addEventListener('tap',function(){
        $(".mui-control-item").removeClass("mui-active");
        $(".mui-control-content").removeClass("mui-active");
        $("#yichuku").addClass("mui-active");
        $(".yichukuDiv").addClass("mui-active");
        initializeDelivery("");
    });

    mui.ready(function() {

        mui.ajax('${path}/admin/machine/list_delivery', {
            data: {
            },
            type: 'post',
            timeout: 15000,
            success: function(dt) {
                if(dt.isRedirect) {
                    location.href = dt.redirectURL;
                }else{
                    if(dt.resultCode=="200") {
                        var result = dt.returnMsg.ptsSalesCompanyList;
                        var id = result[0].salesCompanyId;
                        var name = result[0].salesCompanyName;
                        $("#machineSalesCompanyId").val(name);
                        $("#machineSalesCompanyId").attr("name",id);
                    }else{
                        mui.alert(dt.resultMsg);
                    }
                }
            },
            error: function(xhr, type, errorThrown) {
                mui.alert("加载失败！请检查网络或稍后重试！");
            }
        });

        ///初始化时间
        var YY = new Date().getFullYear(),
                MM = new Date().getMonth()+1,
                DD = new Date().getDate();
        var machineSalesDate = YY + "-" +  MM + "-" + DD;
        $("#machineSalesDate").val(machineSalesDate);

        //初始化机器台数
        initializeMachines();
    });

    //初始化机器台数
    function initializeMachines() {
        var html = "";
        mui.ajax('${path}/admin/machine/delivery_desc', {
            data: {
            },
            type: 'post',
            timeout: 15000,
            success: function(dt) {
                if(dt.isRedirect) {
                    location.href = dt.redirectURL;
                }else{
                    if(dt.resultCode=="200") {
                        var result = dt.returnMsg.machineNumber;
                        var flag = 0;
                        for(var i=0;i<result.length;i++){
                            if(result[i].number != 0){
                                html += '<span>'+ result[i].name +':&nbsp;&nbsp;今日出库<span class="cl-blue">&nbsp;&nbsp;'+  result[i].number +'</span></span><br/>';
                            }
                            flag += result[i].number
                        }
                        if(flag != 0){
                            $("#deliveryNumber").html(html);
                        }else{
                            $("#deliveryNumber").html("今天暂时没有出库任何机器哦~");
                        }
                    }else{
                        mui.alert(dt.resultMsg);
                    }
                }
            },
            error: function(xhr, type, errorThrown) {
                mui.alert("加载失败！请检查网络或稍后重试！");
            }
        });
    }

    //初始化已出库
    function initializeDelivery(machineBarcode) {
        var html = "";
        mui.ajax('${path}/admin/machine/to_list_delivery', {
            data: {
                machineBarcode : machineBarcode,
                data : new Date().getTime()
            },
            type: 'post',
            timeout: 15000,
            success: function(dt) {
                if(dt.isRedirect) {
                    location.href = dt.redirectURL;
                }else{
                    if(dt.resultCode=="200") {
                        var result = dt.returnMsg.listPtsMachine;
                        for(var i=0;i<result.length;i++){
                            var machineBarcode = result[i].machineBarcode;
                            var machineSalesCompanyName = result[i].machineSalesCompanyName;
                            var machineSalesDate = result[i].machineSalesDate;
                            html += '<li>' +
                                    '<div class="sp-font">'+ machineBarcode +'&nbsp;&nbsp; '+ machineSalesCompanyName +'</div>' +
                                    '<div><span class="sp-status sp-font">已出库 &nbsp;&nbsp;&nbsp;&nbsp; '+ machineSalesDate +'</span><span class="btn-cancel sp-font" id="cancelTheLibrary" name="'+ machineBarcode +'">取消出库</span></div>' +
                                    '</li>';
                        }
                        $(".my-pull-list").html(html);
                    }else{
                        mui.alert(dt.resultMsg);
                    }
                }
            },
            error: function(xhr, type, errorThrown) {
                mui.alert("加载失败！请检查网络或稍后重试！");
            }
        });
    }

    /*时间选择-- */
    mui('body').on('tap', '#machineSalesDate', function() {
        var th=this;
        var userPicker = new mui.PopPicker();
        var dtpicker = new mui.DtPicker({
            "type": "date",
            "customData": {}
        })
        var iTems;
        dtpicker.show(function (machineSalesDate) {
            //onsole.log(selectItems.m);//{text: "05",value: "05"}
            iTems=machineSalesDate.y.value + "-" + machineSalesDate.m.value + "-" + machineSalesDate.d.value;
            $('#machineSalesDate').val(iTems);
        })
    });

    /*取消出库*/
    mui('body').on('tap', '#cancelTheLibrary', function() {
        var machineBarcode = $(this).attr("name");
        var btnArray = ['否', '是'];
        mui.confirm('是否取消该机器出库？', '取消出库', btnArray, function(e) {
            if (e.index == 1) {
                mui.ajax('${path}/admin/machine/cancel_warehouse', {
                    data: {
                        machineBarcode : machineBarcode,
                        data : new Date().getTime()
                    },
                    type: 'post',
                    timeout: 15000,
                    success: function(dt) {
                        if(dt.isRedirect) {
                            location.href = dt.redirectURL;
                        }else{
                            if(dt.resultCode=="200") {
                                mui.alert(dt.resultMsg);
                                initializeDelivery("");   //初始化出库列表
                            }else{
                                mui.alert(dt.resultMsg);
                            }
                        }
                    },
                    error: function(xhr, type, errorThrown) {
                        mui.alert("加载失败！请检查网络或稍后重试！");
                    }
                });
            } else {
            }
        })

    });

    /*出库扫码*/
    mui('body').on('tap', '.scan-code-machine', function() {
        wx.scanQRCode({
            needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
            scanType: ["barCode"], // 可以指定扫二维码还是一维码，默认二者都有
            success: function (res) {
                var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
                if (result.indexOf("weixin.qq.com") > 0) {
                    mui.alert("请扫描条形码!");
                } else {
                    var code = result;
                    var brCode = code.split(",");
                    $('#machineBarcode').val(brCode[1]);

                    var btnArray = ['否', '是'];
                    mui.confirm('条形码：'+brCode[1], '是否出库？', btnArray, function(e) {
                        if (e.index == 1) {
                            addMachineDelivery();  //调用提交
                        } else {
                        }
                    })
                }
            }
        });
    });

    /*搜索的扫码*/
    mui('body').on('tap', '.secah-scan-code-machine', function() {
        wx.scanQRCode({
            needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
            scanType: ["barCode"], // 可以指定扫二维码还是一维码，默认二者都有
            success: function (res) {
                var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
                if (result.indexOf("weixin.qq.com") > 0) {
                    mui.alert("请扫描条形码!");
                } else {
                    var code = result;
                    var brCode = code.split(",");
                    $('#secahMachineBarcode').val(brCode[1]);
                    initializeDelivery(brCode[1]);
                }
            }
        });
    });

    /*销售公司选择*/
    mui('body').on('tap', '#machineSalesCompanyId', function() {
        var th=this;
        var userPicker = new mui.PopPicker();
        mui.ajax('${path}/admin/machine/list_delivery', {
            data: {
                sourceAddress:''
            },
            type: 'post',
            timeout: 15000,
            success: function(dt) {
                if(dt.isRedirect) {
                    location.href = dt.redirectURL;
                }else{
                    if(dt.resultCode=="200") {
                        var mydata=[];
                        mui(dt.returnMsg.ptsSalesCompanyList).each(function(index) {
                            var a={text:this.salesCompanyName,value:this.salesCompanyId,number:this.salesCompanyId};
                            mydata.push(a);
                        });
                        userPicker.setData(mydata);
                    }else{
                        mui.alert(dt.resultMsg);
                    }
                }
            },
            error: function(xhr, type, errorThrown) {
                mui.alert("加载失败！请检查网络或稍后重试！");
            }
        });
        userPicker.show(function(items) {
//            th.value = items[0].text;
            th.setAttribute("name",items[0].value);
            $('#machineSalesCompanyId').val(items[0].text);
        });
    });

    mui('body').on('tap', '#mydate', function() {
        var YY = new Date().getFullYear() + 1,
                MM = new Date().getMonth(),
                DD = new Date().getDate() + 1;
        var th = this;
        var picker = new mui.DtPicker({
            type: "date",                   //设置日历初始视图模式
            beginDate: new Date(),          //设置开始日期
            endDate: new Date(YY, MM, DD)   //设置结束日期
        });
        picker.show(function(rs) {
            th.value = rs.text;
            picker.dispose();
        });
    });

    /*提交*/
    function addMachineDelivery(){
            mui("#basic_input_list .input-text").each(function() {
            switch(this.getAttribute("id")) {
                case "machineSalesCompanyId":
                    if (this.value != "") {
                        validate_flag = true;
                    } else {
                        alert_msg = "请选择销售公司";
                        validate_flag = false;
                        return false;
                    }
                    break;
                case "machineBarcode":
                    var en_name = /^[a-zA-Z0-9]+$/;
                    if (this.value == "") {
                        alert_msg = "请输入条形码";
                        validate_flag = false;
                        return false;
                    }else if(this.value.length != 13){
                        alert_msg = "条形码格式不正确";
                        validate_flag = false;
                        return false;
                    }else if(!(en_name.test(this.value))){
                        alert_msg = "条形码格式不正确";
                        validate_flag = false;
                        return false;
                    }else{
                        validate_flag = true;
                    }
                    break;
                case "machineSalesDate":
                    if (this.value != "") {
                        validate_flag = true;
                    } else {
                        alert_msg = "请选择销售日期";
                        validate_flag = false;
                        return false;
                    }
                    break;
                default:
                    break;
            }
    });
        if(!validate_flag){
            mui.alert(alert_msg);
            return false
        }

        var param = {
            "machineSalesCompanyId":$("#machineSalesCompanyId").attr("name"),
            "machineBarcode": $("#machineBarcode").val(),
            "machineSalesDate": $("#machineSalesDate").val()
        };

        $.ajax({
            type: 'post',
            url: '${path}/admin/machine/machine_delivery?dates=' + new Date().getTime(),
            data: param,
            dataType: 'json',
            timeout: 15000,
            success: function(dt) {
                if(dt.isRedirect) {
                    location.href = dt.redirectURL;
                }else{
                    if(dt.resultCode=='200' && dt.returnCode=='200') {
                        mui.alert('录入出库信息成功');
                    }else if(dt.returnCode == 500){
                        mui.alert('录入出库信息失败');
                    } else {
                        mui.alert(dt.resultMsg);
                    }
                }
            },
            error: function(xhr, type, errorThrown) {
                //异常处理；
                mui.alert("提交失败！请检查网络或稍后重试！");
            }
        });
    }
</script>
</body>
</html>