hexiugang
/
iamberry-common-parent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441
							<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
<#include "/base/add_base.ftl">
    <link href="${path}/common/static/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css" />
    <link href="${path}/common/static/h-ui.admin/css/H-ui.admin.css" rel="stylesheet" type="text/css" />
    <link href="${path}/common/lib/icheck/icheck.css" rel="stylesheet" type="text/css" />
    <link href="${path}/common/lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" type="text/css" />
    <style>
        .btn-primary{background-color: #32a3d8;}
        #province select{margin-right:10px; width:100px;height: 31px;-webkit-appearance:none !important;appearance:none;background: url(images/select-1.png) right center no-repeat;background-size: auto 100%;padding-left:3px;padding-right: 25px;}
        .select-box{background: url(${path}/common/images/pts/select-1.png) right center no-repeat;background-size: auto 100%;}
        .select-box select{-webkit-appearance:none !important;background-color: transparent; appearance:none;padding-right: 25px;}
        .table-bg th{background-color: #e2f6ff;}
        .update-parts>span{margin-right: 10px;padding: 3px 4px;background-color: #effaff;border: 1px solid #32a3d8;}

        .clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1}
        .tabBar {border-bottom: 2px solid #222}
        .tabBar span {background-color: #e8e8e8;cursor: pointer;display: inline-block;float: left;font-weight: bold;height: 30px;line-height: 30px;padding: 0 15px}
        .tabBar span.current{background-color: #222;color: #fff}
        .tabCon {display: none}
    </style>
    <title></title>
</head>
<body>
<article class="cl pd-20">
    <form action="" method="post" class="form form-horizontal" id="form-update-reissue" name="form-update-reissue">
        <div class="row cl">
            <div class="formControls col-2 col-sm-2 text-r">
                <strong>当前进度</strong>
            </div>
            <div class="formControls col-10 col-sm-10">
                <input type="hidden" id="reissueId" name="reissueId" />
                <span id="reissueSchedule" class="c-red"></span>
            </div>
        </div>
        <input type="hidden" id="customerId" name="customerId" value="${customerId!''}">

        <div class="tabBar clearfix"><span>寄回信息</span><span>补发信息</span><span>工厂检查信息</span><span>工厂返修进度</span></div>

        <div class="tabCon">

        <div class="row cl">
            <div class="formControls col-2 col-sm-2 text-r">
                <strong>产品寄回</strong>
            </div>
            <div class="formControls col-10 col-sm-10 skin-minimal">
                <div class="radio-box">
                    <input type="radio" id="tel-3" name="reissueSendStatus" value="1">
                    <label for="tel-3">未寄送</label>
                </div>
                <div class="radio-box">
                    <input type="radio" id="tel-4" name="reissueSendStatus" value="2">
                    <label for="tel-4">已寄送</label>
                </div>
                <div class="radio-box">
                    <input type="radio" id="tel-5" name="reissueSendStatus" value="3">
                    <label for="tel-5">已收货</label>
                </div>
                Efast订单号<input style="width: 231px;margin-left: 20px;" type="text" class="input-text" value="" placeholder="Efast订单号" id="reissueBackEfastOrderId" name="reissueBackEfastOrderId">
            </div>
        </div>

        </div>

        <div class="tabCon">

        <div class="row cl" id="sendUserInfo" style="display: none;">
            <div class="formControls col-2 col-sm-2 text-r">
                <strong>用户信息</strong>
            </div>
            <div class="formControls col-5 col-sm-5">
                <input type="text" class="input-text" value="" placeholder="填写收件人姓名" id="reissueSendName" name="reissueSendName">
            </div>
            <div class="formControls col-5 col-sm-5">
                <input type="text" class="input-text" value="" placeholder="填写收件人手机号" id="reissueSendTel" name="reissueSendTel">
            </div>
        </div>

        <div class="row cl" id="sendAddressInfo" style="display: none">
            <label class="form-label col-2 col-sm-2 text-r"></label>
            <div class="formControls col-10 col-sm-10">
                <div style="width: 188px;display: inline-block;margin-right: 20px;">
                    <span class="select-box">
                        <select name="reissueProvinceNumber" id="reissueProvinceNumber" class="select"></select>
                    </span>
                </div>
                <div style="width: 188px;display: inline-block;margin-right: 20px;">
                    <span class="select-box">
                        <select name="reissueCityNumber" id="reissueCityNumber" class="select"></select>
                    </span>
                </div>
                <div style="width: 189px;display: inline-block;">
                    <span class="select-box">
                        <select name="reissueAreaNumber" id="reissueAreaNumber" class="select"></select>
                        <input type="hidden" name="merge_address" id="merge_address">
                    </span>
                </div>
            </div>
        </div>

        <div class="row cl" id="sendaddressDescInfo" style="display: none">
            <label class="form-label col-2 col-sm-2 text-r"></label>
            <div class="formControls col-10 col-sm-10">
                <input type="text" class="input-text" value="" placeholder="请填写详细地址" id="reissueSendAddress" name="reissueSendAddress">
            </div>
        </div>

        <div class="row cl" id="sendLogisticsInfo" style="display: none">
            <div class="formControls col-2 col-sm-2 text-r">
                <strong>寄回信息</strong>
            </div>
            <div class="formControls col-10 col-sm-10">
                <div style="width: 300px;display: inline-block;margin-right: 10px;">
			<span class="select-box">
				<select name="reissueSendLogisticsCompany" id="reissueSendLogisticsCompany" class="select">
					<option value="">物流公司</option>
                    <option value="sto">申通快递</option>
                    <option value="yto">圆通快递</option>
                    <option value="sf">顺丰快递</option>
                    <option value="ems">邮政EMS</option>
                    <option value="zto">中通快递</option>
                    <option value="zjs">宅急送</option>
                    <option value="yunda">韵达快递</option>
                    <option value="cces">cces快递</option>
                    <option value="pick">上门提货</option>
                    <option value="htky">汇通快递</option>
                    <option value="ttkdex">天天快递</option>
                    <option value="stars">星晨急便</option>
                    <option value="jd">京东快递</option>
                    <option value="01">其他</option>
                    <option value="02">上门送货</option>
				</select>
			</span>
                </div>
                <input style="width: 300px;" type="text" class="input-text" value="" placeholder="请输入快递单号" id="reissueSendLogisticsNo" name="reissueSendLogisticsNo">
            </div>
        </div>

        <div class="row cl" id="sendDescInfo" style="display: none">
            <div class="formControls col-2 col-sm-2 text-r">
                <strong>备注信息</strong>
            </div>
            <div class="formControls col-10 col-sm-10">
                <textarea name="reissueDesc" id="reissueDesc" cols="" rows="2" class="textarea" placeholder="说点什么..."></textarea>
            </div>
        </div>

        <div class="row cl">
            <div class="formControls col-2 col-sm-2 text-r">
                <strong>补寄产品</strong>
            </div>
            <div class="formControls col-10 col-sm-10">
                <div id="sendProduct" class="update-parts"></div>
            </div>
        </div>

        <div class="row cl">
            <div class="formControls col-2 col-sm-2 text-r">
            </div>
            <div class="formControls col-10 col-sm-10">
                寄送产品将自动推送Efast，系统自动获取物流信息，并更新。如果在Efast作废订单等操作后，无法获取物流信息，请手动填写物流信息。
            </div>
        </div>
        <div class="row cl">
            <div class="formControls col-2 col-sm-2">
            </div>
            <div class="formControls col-8 col-sm-8 text-c">
                <button onClick="update_reissue_info();" class="btn btn-primary" type="button">确认修改</button>
            </div>
        </div>

        </div>
    </form>
    </div>
</article>
<script type="text/javascript" src="${path}/common/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="${path}/common/lib/icheck/jquery.icheck.min.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/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="${path}/common/static/h-ui/js/H-ui.js"></script>
<script type="text/javascript" src="${path}/common/static/h-ui.admin/js/H-ui.admin.js"></script>-->
<script type="text/javascript">

    $(function(){
        $.Huitab("#tab_demo .tabBar span","#tab_demo .tabCon","current","click","0")});
    // #tab_demo 父级id
    // #tab_demo .tabBar span 控制条
    // #tab_demo .tabCon 内容区
    // click 事件 点击切换，可以换成mousemove 移动鼠标切换
    // 1	默认第2个tab为当前状态（从0开始）

    var mobile= /^1(3|4|5|7|8)\d{9}$/; //手机号码
    var uname = /^[\u4e00-\u9fa5a-zA-Z]{1,12}$/; //中文英文
    var money = /^(0{1}|([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/;//金额

    $(function(){
        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        });
        get_reissue_info();

        /* 监听寄回状态按钮 */
        $("input[name='reissueSendStatus']").change(function (){
            initBackInfo($(this).val());
        })

    });

    /*初始化寄出信息*/
    function initSendInfo(statusCode){
        if(statusCode == 1){
            $("#sendUserInfo").hide();
            $("#sendAddressInfo").hide();
            $("#sendaddressDescInfo").hide();
            $("#sendLogisticsInfo").hide();
            $("#sendDescInfo").hide();
        }else{
            $("#sendUserInfo").show();
            $("#sendAddressInfo").show();
            $("#sendaddressDescInfo").show();
            $("#sendLogisticsInfo").show();
            $("#sendDescInfo").show();
        }
    }

    /*获取售后补发信息*/
    function get_reissue_info() {
        $.ajax({
            cache: true,
            type: "POST",
            data: {"customerId":${customerId}},
            url: "${path}/admin/customer/get_reissue_info",
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    var reissue = data.returnMsg.reissue;
                    console.log(reissue);
                    $('#reissueId').val(reissue.reissueId);
                    $('#reissueBackEfastOrderId').val(reissue.reissueBackEfastOrderId);
                    $('#reissueSendName').val(reissue.reissueSendName);
                    $('#reissueSendTel').val(reissue.reissueSendTel);
                    $('#reissueSendLogisticsCompany').val(reissue.reissueSendLogisticsCompany);
                    $('#reissueSendLogisticsNo').val(reissue.reissueSendLogisticsNo);
                    $('#reissueDesc').val(reissue.reissueDesc);
                    var reissueSchedule = '';
                    switch (reissue.reissueSendStatus) {
                        case 1:reissueSchedule += '未寄送';break;
                        case 2:reissueSchedule += '已寄送';break;
                        case 3:reissueSchedule += '已收货';break;
                    }
                    $('#reissueSchedule').html(reissueSchedule);
                    $('input[name="reissueSendStatus"]').each(function(){
                        if (this.value == reissue.reissueSendStatus) {
                            $(this).iCheck('check');
                        }
                    });

                    /*初始化寄出信息*/
                    initSendInfo(reissue.reissueSendStatus);

                    var sendProduct = '';
                    if (reissue.sendProdcues != null && reissue.sendProdcues.length > 0) {
                        $.each(reissue.sendProdcues,function(index,element){
                            sendProduct += '<span style="margin-bottom: 10px;display: inline-block;float: left;">'+ this.sendProduceName + '*' + this.sendProdcueNumber + '台</span>';
                        })
                    }
                    if (reissue.sendFittings != null && reissue.sendFittings.length > 0) {
                        $.each(reissue.sendFittings,function(index,element){
                            sendProduct += '<span style="margin-bottom: 10px;display: inline-block;float: left;">'+ this.sendFittingsName + '*' + this.sendFittingNumber  + '件</span>';
                        })
                    }
                    $('#sendProduct').html(sendProduct);

                    getProvince('reissueProvinceNumber');
                    getCity('reissueCityNumber',reissue.provinceNumber);
                    getDistrict('reissueAreaNumber',reissue.cityNumber);
                    $("#reissueProvinceNumber option[value='" + reissue.provinceNumber + "']").attr("selected","true");
                    $("#reissueCityNumber option[value='" + reissue.cityNumber + "']").attr("selected","true");
                    $("#reissueAreaNumber option[value='" + reissue.areaNumber + "']").attr("selected","true");
                    $('#reissueSendAddress').val(reissue.reissueSendAddress);
                }
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){
            }
        })
    }

    /*修改售后补寄信息*/
    function update_reissue_info() {
        var reissue_flag = checkReissue();
        var reissueProvinceNumber = $("#reissueProvinceNumber").find("option:selected").text();
        var reissueCityNumber = $("#reissueCityNumber").find("option:selected").text();
        var reissueAreaNumber = $("#reissueAreaNumber").find("option:selected").text();
        $('#merge_address').val(reissueProvinceNumber+'-'+reissueCityNumber+'-'+reissueAreaNumber);

        if (reissue_flag) {
            $.ajax({
                cache: true,
                type: "POST",
                data: $('#form-update-reissue').serialize(),
                url: "${path}/admin/customer/update_reissue_info",
                async: false,
                success: function(data){
                    if (data.returnCode == 200) {
                        window.parent.custome_result(data.resultMsg,1);
                        parent.location.reload();
                        var index = parent.layer.getFrameIndex(window.name);
                        parent.layer.close(index);
                    } else {
                        window.parent.custome_result(data.resultMsg,5);
                    }
                },
                error: function(XmlHttpRequest, textStatus, errorThrown){
                    window.parent.admin_result("修改失败!",5);
                    var index = parent.layer.getFrameIndex(window.name);
                    parent.layer.close(index);
                }
            })
        }
    }

    /**
     * 获取省
     */
    function getProvince(provinceNum) {
        var province = listProvince();
        if(province!=null){
            var provinceHtml = '';
            for(var i=0;i<province.length;i++){
                provinceHtml += '<option value="'+ province[i].provinceId +'">'+ province[i].province +'</option>';
            }
            $('#'+provinceNum).append(provinceHtml);
        }
    }

    /**
     * 获取市
     */
    function getCity(cityNum,provineceId) {
        var city = listCity(provineceId,'');
        if(city!=null){
            var cityHtml = '';
            for(var i=0;i<city.length;i++){
                cityHtml += '<option value="'+ city[i].cityId +'">'+ city[i].city +'</option>';
            }
            $('#'+cityNum).append(cityHtml);
        }
    }

    /**
     * 获取区
     */
    function getDistrict(districtNum,cityId) {
        var district = listDistrict(cityId,'');
        if(district!=null){
            var districtHtml = '';
            for(var i=0;i<district.length;i++){
                districtHtml += '<option value="'+ district[i].districtId +'">'+ district[i].district +'</option>';
            }
            $('#'+districtNum).append(districtHtml);
        }
    }

    /*校验售后补寄填写信息*/
    function checkReissue() {
        var reissue_flag = true;
        var reissueSendName = $('#reissueSendName').val();
        if (!uname.test(reissueSendName)) {
            layer.msg("寄回人信息格式不正确，请重新输入!",{icon: 5,time:1000});
            reissue_flag = false;
            return reissue_flag;
        }
        var reissueSendTel = $('#reissueSendTel').val();
        if (!mobile.test(reissueSendTel)) {
            layer.msg("寄回人电话号码格式不正确，请重新输入!",{icon: 5,time:1000});
            reissue_flag = false;
            return reissue_flag;
        }
        var reissueSendAddress = $('#reissueSendAddress').val();
        if (reissueSendAddress == null || reissueSendAddress == '') {
            layer.msg("寄出地址不能为空!",{icon: 5,time:1000});
            reissue_flag = false;
            return reissue_flag;
        }
        var reissueSendStatus = $('input[name="reissueSendStatus"]:checked').val();//寄回状态
        var reissueSendLogisticsCompany = $('#reissueSendLogisticsCompany').val();//寄出物流公司
        var reissueSendLogisticsNo = $('#reissueSendLogisticsNo').val();//寄出物流单号
        if (reissueSendLogisticsCompany == 1) {
//            if (reissueSendLogisticsCompany != null && reissueSendLogisticsCompany != '') {
//                layer.msg("产品未寄送，不能选择物流公司!",{icon: 5,time:1000});
//                reissue_flag = false;
//                return reissue_flag;
//            }
//            if (reissueSendLogisticsNo != null && reissueSendLogisticsNo != '') {
//                layer.msg("产品未寄送，不能填写物流单号!",{icon: 5,time:1000});
//                reissue_flag = false;
//                return reissue_flag;
//            }
        } else if (reissueSendLogisticsCompany == 2 || reissueSendLogisticsCompany == 3) {
            if (reissueSendLogisticsCompany == null || reissueSendLogisticsCompany == '') {
                layer.msg("请选择寄回物流公司!",{icon: 5,time:1000});
                reissue_flag = false;
                return reissue_flag;
            }
            if (reissueSendLogisticsNo == null || reissueSendLogisticsNo == '') {
                layer.msg("请填写物流单号!",{icon: 5,time:1000});
                reissue_flag = false;
                return reissue_flag;
            }
        }
        return reissue_flag;
    }

    /*监听省选择事件*/
    $(document).on('change', '#reissueProvinceNumber', function() {
        var proId = $("#reissueProvinceNumber").val();
        $('#reissueCityNumber option').remove();
        getCity('reissueCityNumber',proId);
        var cityId = $("#reissueCityNumber").val();
        $('#reissueAreaNumber option').remove();
        getDistrict('reissueAreaNumber',cityId);
    });

    /*监听市选择事件*/
    $(document).on('change', '#reissueCityNumber', function() {
        var city = $("#reissueCityNumber").val();
        $('#reissueAreaNumber option').remove();
        getDistrict('reissueAreaNumber',city);
    });

</script>
</body>
</html>