hexiugang
/
iamberry-common-parent


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512
							<!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/lib/jquery.ui/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <link href="${path}/common/lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css"/>
    <link href="${path}/common/lib/icheck/icheck.css" rel="stylesheet" type="text/css"/>
    <style>
        .tit{position: relative;text-align: left;font-size: 16px;padding-left: 10px;}
        .tit:after{content: '';position: absolute;left: 0;top: 20%;height: 60%;width: 3px;background-color: #32a3d8;}
        .tit-2{position: relative;text-align: left;font-size: 16px;padding-left: 10px;}
        .tit-2:after{content: '';position: absolute;left: 0;top: 20%;height: 60%;width: 3px;background-color: #32a3d8;}
        #province select{margin-right:10px; width:100px;height: 31px;-webkit-appearance:none !important;appearance:none;background: url(${path}/common/images/cm/select-1.png) right center no-repeat;background-size: auto 100%;padding-left:3px;padding-right: 25px;}

        #suggest, #suggest2 {width:200px}
        .gray {color:gray}
        .ac_results {background:#fff;border:1px solid #7f9db9;position: absolute;z-index: 10000;display: none}
        .ac_results li a {white-space: nowrap;text-decoration:none;display:block;color:#05a;padding:1px 3px}
        .ac_results li {border:1px solid #fff}
        .ac_over, .ac_results li a:hover {background:#c8e3fc}
        .ac_results li a span {float:right}
        .ac_result_tip {border-bottom:1px dashed #666;padding:3px}

        .select-box{background: url(${path}/common/images/cm/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;}
        .dalog-ask{position: absolute;left:60%;top:0;-webkit-transform: translateY(-30%);transform: translateY(-30%);display: none;background-color: #fff;z-index: 10;}
        .tag{ width:300px; min-height:300px; border:1px solid #32a3d8; position:relative;background-color: #fff;line-height: 1.5;padding: 10px 12px;}
        .tag em{display:block; border-width:15px; position:absolute; top:30%; left:-30px;border-style:solid dashed dashed; border-color:transparent  #32a3d8 transparent transparent;font-size:0; line-height:0;}
        .dalog-ask .ask{color: #000;margin: 10px 0 5px 0;}
        .dalog-ask .answer{color: #666;margin-bottom: 10px;}
        .dalog-ask .answer:hover{color: #32a3d8;cursor: pointer;}
        .time-line-list{list-style: none;width: 100%;margin-left: -20px;}
        .time-line-list>li{position: relative;float: left; text-align: center;width: 100px;overflow: hidden;white-space: nowrap;word-break: break-all;padding: 2px 0;}
        .time-line-list .number{display: inline-block; padding: 2px; background: #32a3d8;border: 2px solid #fff;box-shadow:0 0 0 1px #32a3d8;width: 20px;height: 20px;color: #fff;line-height: 20px;border-radius: 50%;}
        .time-line-list>li:before{content:'';position: absolute;height: 1px;width: 30%;right:0;top: 15px; background-color: #32a3d8;}
        .time-line-list>li:after{content: '';position: absolute;height: 1px;width: 30%;left: 0;top: 15px;background:#32a3d8;}
        .time-line-list>li:first-child:after,.time-line-list>li:last-child:before{display: none;}
        .time-line-list .arrow{border-width:7px; position:absolute; left:25%; top:9px;border-style:solid dashed dashed; border-color:transparent  transparent  transparent #32a3d8;font-size:0; line-height:0;}
        .time-line-list>li:first-child .arrow{display: none;}
        .table-bg th{background-color: #e2f6ff;}
        .update-parts>span{margin-right: 10px;padding: 3px 4px;background-color: #effaff;border: 1px solid #32a3d8;}
        .my-search-input{padding-left: 30px;background: url(${path}/common/images/cm/search.png) 6px center no-repeat;background-size: auto 60%; }
        input[type=radio]{-webkit-appearance:none;appearance:none;background: url(${path}/common/images/pts/radio-1.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
        input[type=radio]:checked{-webkit-appearance:none;appearance:none;background: url(${path}/common/images/pts/radio-2.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
    </style>
    <title>完成签收 - 客诉管理 - RST</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
    <span class="c-gray en">/</span> 客诉管理
    <span class="c-gray en">/</span> 完成签收
    <a class="btn radius r" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>
<article class="page-container" style="padding: 10px;">
    <div class="pd-20 cl">
        <form action="" method="post" class="form form-horizontal" id="form-signclosed-add">
            <div class="row cl">
                <label class="form-label col-3 col-sm-3"><span class="c-red">*</span>快递信息：</label>
                <div class="formControls col-2 col-sm-2 skin-minimal">
                    <span class="select-box">
                    <select id="signclosedLogistics" name="signclosedLogistics" class="select">
                    <#if logisticsInfoList?? &&  (logisticsInfoList?size > 0) >
                        <#list logisticsInfoList as logisticsInfo>
                            <option value="${logisticsInfo.logisticsRstCode!''}" <#if complaintSignclosedInfo.signclosedLogistics == logisticsInfo.logisticsRstCode>selected</#if>>${logisticsInfo.logisticsName!''}(${logisticsInfo.logisticsRstCode!''})</option>
                        </#list>
                    </#if>
                    </select>
                    </span>
                </div>
                <div class="formControls col-2 col-sm-2">
                    <input type="text" style="" value="${complaintSignclosedInfo.signclosedLogisticsNumber!''}" class="input-text" placeholder="填写物流单号或条码枪扫描" id="signclosedLogisticsNumber" name="signclosedLogisticsNumber">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-3 col-sm-3"><span class="c-red">*</span>签收日期：</label>
                <div class="formControls col-2 col-sm-2">
                    <input type="text" style="" value="${(complaintSignclosedInfo.signclosedDate?string("yyyy-MM-dd"))!''}"  class="input-text my-input-date Wdate" placeholder="签收日期" onClick="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})" id="signclosed_date" name="signclosed_date" readonly="readonly"/>
                    <#--<input type="text" style="" value="${complaintSignclosedInfo.signclosedDate?string("yyyy-MM-dd")!''}"  class="input-text my-input-date Wdate" placeholder="签收日期" onClick="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})" id="signclosed_date" name="signclosed_date" readonly="readonly"/>-->
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-3 col-sm-3"><span class="c-red">*</span>签收产品：</label>
                <div class="formControls col-8 col-sm-8">
                    <input type="button" class="btn btn-primary add-order-button" onclick="add_product()" value="添加产品" >
                    <table class="table table-border table-bg table-bordered" style="margin-top: 10px;" id="all_add_product">
                        <thead>
                        <tr class="text-c" id="table1">
                            <th style="text-align: center;" width="30" >产品名称</th>
                            <th style="text-align: center;" width="25" >产品颜色</th>
                            <th style="text-align: center;" width="10">售价</th>
                            <th style="text-align: center;" width="10">数量</th>
                            <th style="text-align: center;" width="10">操作</th>
                        </tr>
                        </thead>
                        <tbody id="add_product">
                            <#if complaintSignclosedInfo.signclosedProductInfoList??>
                                <#if (complaintSignclosedInfo.signclosedProductInfoList?size > 0)>
                                    <#list complaintSignclosedInfo.signclosedProductInfoList as info>
                                    <tr class="text-c">
                                        <input type="hidden" class="color_id" id="" value="${info.signclosedProductColor!''}" >
                                         <td>${info.productName!''}</td>
                                         <td>${info.colorName!''}</td>
                                         <td>${info.colorPrice!''}</td>
                                         <td><input type="text" class="input-text input-number item-num"  style="width: 100%;border: none;text-align: center;" name="" id="" placeholder="产品数量" value="${info.productNum!''}" onkeyup="keyFun($(this),999,1)" onpaste="keyFun($(this),999,1)"></td>
                                         <td><a href="javascript:void(0)" class="del_product all_down" onclick="delProduct($(this))" >删除</a></td>
                                         </tr>
                                    </#list>
                                </#if>
                            </#if>
                        </tbody>
                    </table>

                    <input type="hidden" id="orderItemString" name="orderItemString" value="" >

                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-3 col-sm-3"><span class="c-red">*</span>寄件人信息：</label>
                <div class="formControls col-2 col-sm-2">
                    <input type="text" value="${complaintSignclosedInfo.signclosedSendName!''}" class="input-text" placeholder="寄件方姓名/公司名称" id="signclosedSendName" name="signclosedSendName">
                </div>
                <div class="formControls col-2 col-sm-2">
                    <input type="text" value="${complaintSignclosedInfo.signclosedSendTel!''}" class="input-text" placeholder="寄件方联系电话" id="signclosedSendTel" name="signclosedSendTel">
                </div>
            </div>

            <div class="row cl address_info" style="position: relative;">
                <label class="form-label col-3 col-sm-3"></label>
                <div class="formControls col-2 col-sm-2" style="">
                    <span class="select-box">
                        <select class="select init_province" id="provinces">

                        </select>
				    </span>
                </div>
                <div class="formControls col-2 col-sm-2">
                    <span class="select-box">
                        <select  class="select init_city" id="city" >
                        </select>
                    </span>
                </div>
                <div class="formControls col-2 col-sm-2" style="position: relative;">
                    <span class="select-box">
                        <select  class="select init_country" id="area" >
                        </select>
				    </span>
                </div>
                <input type="hidden" name="signclosedAddrProvinces" id="signclosedAddrProvinces" >
                <input type="hidden" name="signclosedAddrCity" id="signclosedAddrCity" >
                <input type="hidden" name="signclosedAddrArea" id="signclosedAddrArea" >
            </div>

            <div class="row cl">
                <label class="form-label col-xs-3 col-sm-3">签收图片：</label>
                <div class="formControls col-xs-2 col-sm-2" id="fileDiv" style="width: 17%;width: 100px;height: 100px;">
                    <input type="file" name="file" id="fileid" style="opacity: 0; position: absolute; width: 90px;height: 80px;">
                    <img alt="介绍图" src="${path}/common/images/pts/addparts.jpg" id="partsImg" width="90px;" height="80px;">
                </div>
                <div id="imgDiv">
                <#if complaintSignclosedInfo.signclosedImgInfoList??>
                    <#if (complaintSignclosedInfo.signclosedImgInfoList?size > 0)>
                        <#list complaintSignclosedInfo.signclosedImgInfoList as info>
                            <div class="col-xs-8 col-sm-8" onclick="deleteImg(this);" style="width: 17%;width: 100px;height: 100px;">
                                <img  src="${info.imgUrl!''}"  width="90" height="80">
                                <input type="hidden"  name="componentsImg" value="${info.imgUrl!''}"/>
                            </div>
                        </#list>
                    </#if>
                </#if>
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-3 col-sm-3">备注：</label>
                <div class="formControls col-5 col-sm-5">
                    <textarea name="signclosedDesc" id="signclosedDesc" cols="" rows="2" class="textarea" placeholder="请填写备注">${complaintSignclosedInfo.signclosedDesc!''}</textarea>
                </div>
            </div>
            <div class="row cl">
                <div class="col-2 col-sm-2 col-offset-3">
                    <input type="hidden" id="signclosedId" name="signclosedId" value="<#if complaintSignclosedInfo?? >${complaintSignclosedInfo.signclosedId!''}</#if>">
                    <button onClick="add();" class="btn btn-block btn-primary size-XL" type="button">确认签收</button>
                </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/webuploader/0.1.5/webuploader.min.js"></script>
<script type="text/javascript" src="${path}/common/lib/icheck/jquery.icheck.min.js"></script>
<script type="text/javascript" src="${path}/common/lib/cm.lib/jquery.provincesCity.js"></script>
<script type="text/javascript" src="${path}/common/lib/cm.lib/provincesData.js"></script>
<script type="text/javascript" src="${path}/common/lib/cm.lib/airCity.js"></script>
<#--<script type="text/javascript" src="${path}/common/lib/cm.lib/dimensions.js"></script>-->
<script type="text/javascript" src="${path}/common/lib/cm.lib/suggest.js"></script>
<script type="text/javascript" src="${path}/common/js/common/address.js"></script>
<script type="text/javascript" src="${path}/common/lib/jquery/1.9.1/ajaxfileupload.js"></script>
<script type="text/javascript">

    /*初始化单选框样式*/
    $(function(){
        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        });
    });

    /***
     * 删除图片
     */
    function deleteImg(obj){
        layer.confirm("确认要删除该图片吗", { title: "确认" }, function (index) {
            layer.close(index);
            obj.remove();
        });
    }

    $('#fileid').change(function() {
        fileUpload();
    });

    function fileUpload() {
        $.ajaxFileUpload({
            url:"${path}/admin/machineParts/fileUpload",
            secureuri:false,
            fileElementId:"fileid",//文件选择框的id属性
            dataType: 'json',   //json
            success: function (data) {
                if(data.returnCode == 200){
                    /*<input type="file" name="file" id="fileid" style="opacity: 0; position: absolute; width: 90px;height: 80px;">*/
                    $("#imgDiv").append('<div class="col-xs-8 col-sm-8" onclick="deleteImg(this);" style="width: 17%;width: 100px;height: 100px;">'
                            +'<img  src="'+root_path+data.returnMsg.imgUrl+'"  width="90" height="80">'
                            +'<input type="hidden"  name="componentsImg" value="'+data.returnMsg.imgUrl+'"/>'
                            +'</div>');

                }else{
                    layer.msg('上传失败，请重试!',{icon: 5,time:2000});
                }
            }
        });
        $('#fileid').change(function() {
            fileUpload();
        });
    }
    /*初始化省市区*/
    /*$(".address_info").initAddress();*/
    /*var ulc = initAddress($(".address_info"));
    var sc = initSalesChannel($(".sales_channel"));*/
    var provicesId = setAddressPro();
    var cityId = setAddressCity('${complaintSignclosedInfo.signclosedAddrProvinces!''}');
    setAddressDis('${complaintSignclosedInfo.signclosedAddrCity!''}');
   /*alert('${complaintSignclosedInfo.signclosedAddrProvinces!''}'+'${complaintSignclosedInfo.signclosedAddrCity!''}');*/
    /*设置省*/
    function setAddressPro(){
        var provinceHtml = "";
        var provices = listProvince();
        for(var i=0;i<provices.length;i++){
            provinceHtml += '<option value="'+ provices[i].provinceId +'">'+ provices[i].province +'</option>';
        }
        $("#provinces").html(provinceHtml);
        $("#provinces").val('${complaintSignclosedInfo.signclosedAddrProvinces!''}');
        return provices[0].provinceId;
    }

    /*设置市*/
    function setAddressCity(proId){
        var cityHtml = ''
        var city = listCity( proId,"");
        for(var i=0;i<city.length;i++){
            cityHtml += '<option value="'+ city[i].cityId +'">'+ city[i].city +'</option>';
        }
        $("#city").html(cityHtml);
        $("#city").val('${complaintSignclosedInfo.signclosedAddrCity!''}');
        return  city[0].cityId;
    }
    /*设置区*/
    function setAddressDis(cityId){
        var districtHtml = ''
        var district = listDistrict(cityId ,"");
        for(var i=0;i<district.length;i++){
            districtHtml += '<option value="'+ district[i].districtId +'">'+ district[i].district +'</option>';
        }
        $("#area").html(districtHtml);
        $("#area").val('${complaintSignclosedInfo.signclosedAddrArea!''}');
    }


    $(function(){
        /*var province = listProvince(null,null);
        var provinceHtml = '';
        for(var i=0;i<province.length;i++){
            provinceHtml += '<option value="'+ province[i].provinceId +'">'+ province[i].province +'</option>';
        }
        $("#provinces").html(provinceHtml);

        var city = listCity(null,null);
        var cityHtml = '';
        for(var i=0;i<city.length;i++){
            cityHtml += '<option value="'+ city[i].cityId +'">'+ city[i].city +'</option>';
        }
        $("#city").html(cityHtml);*/


        /*监听省选择事件*/
        $(document).on('change', '#provinces', function() {
            var proId = $("#provinces").val();
            var city = listCity(proId,null);
            var cityHtml = '';
            for(var i=0;i<city.length;i++){
                cityHtml += '<option value="'+ city[i].cityId +'">'+ city[i].city +'</option>';
            }
            $("#city").html(cityHtml);
        });
        /*监听市选择事件*/
        $(document).on('change', '#city', function() {
            var city = $("#city").val();
            setAddressDis(city);
        });
    });


    function  add() {
        var typeCompany = parseInt($("input:radio[name='companyId']:checked").val());
        if(typeCompany === null || typeCompany === ""){
            layer.msg('请选择所属公司',{icon: 5,time:1000});
            return;
        }else{
            $("#signclosedCompanyId").val(typeCompany);
        }

        var signclosedLogistics = $("#signclosedLogistics").val();
        if( signclosedLogistics == null || signclosedLogistics == "" ){
            layer.msg('请选择物流公司',{icon: 5,time:1000});
            return;
        }
        var signclosedLogisticsNumber = $("#signclosedLogisticsNumber").val();
        if( signclosedLogisticsNumber == null || signclosedLogisticsNumber == "" ){
            layer.msg('物流单号不能为空',{icon: 5,time:1000});
            return;
        }
        if( signclosedLogisticsNumber.length > 300 ){
            layer.msg('物流单号长度不得大于20个字符',{icon: 5,time:1000});
            return;
        }
        var signclosedSendName = $("#signclosedSendName").val();
        if( signclosedSendName == null || signclosedSendName == "" ){
            layer.msg('寄件人姓名不能为空',{icon: 5,time:1000});
            return;
        }
        if( signclosedSendName.length > 10 ){
            layer.msg('寄件人姓名长度不得大于10个字符',{icon: 5,time:1000});
            return;
        }
        var signclosedSendTel = $("#signclosedSendTel").val();
        if( signclosedSendTel == null || signclosedSendTel == "" ){
            layer.msg('请输入寄件人电话',{icon: 5,time:1000});
            return;
        }
        if( signclosedSendTel.length > 11 ){
            layer.msg('寄件人电话长度不得大于11个字符',{icon: 5,time:1000});
            return;
        }
        /*var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
        if(!myreg.test(signclosedSendTel)){
            layer.msg('寄件人电话格式不正确',{icon: 5,time:1000});
            return;
        }*/
        var signclosed_date = $("#signclosed_date").val();
        if( signclosed_date == null || signclosed_date == "" ){
            layer.msg('请选择签收日期',{icon: 5,time:1000});
            return;
        }

        var signclosedDesc = $("#signclosedDesc").val();
        if( signclosedDesc != null || signclosedDesc == "" ){
            if( signclosedDesc.length > 300 ){
                layer.msg('备注长度不得大于150个字符',{icon: 5,time:1000});
                return;
            }
        }
        //设置省市县
        var provinces = $("#provinces").find("option:selected").val();
        var city = $("#city").find("option:selected").val();
        var area = $("#area").find("option:selected").val();
        $("#signclosedAddrProvinces").val(provinces);
        $("#signclosedAddrCity").val(city);
        $("#signclosedAddrArea").val(area);

        //选择产品
        var flag = false;
        /*封装订单项*/
        var orderItemArray = new Array();
        $("#add_product").find("tr").each(function(){
            var orderItem = new Object();
            orderItem.itemColorId = $(this).find(".color_id").val();
            orderItem.itemNum = $(this).find(".item-num").val();
            orderItemArray.push(orderItem);
            flag = true;
        })
        if(!flag){
            vailErrorMsg($(".add-order-button"),"必须要有一个产品");
            return false;
        }

        $("#orderItemString").val(JSON.stringify(orderItemArray));

        $.ajax({
            cache: true,
            type: "POST",
            url: "${path}/admin/signclosed/complete_signclosed",
            data:$('#form-signclosed-add').serialize(),// 你的formid
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    layer.msg('签收成功',{icon: 1,time:1000},function () {
                        location.replace(location.href);
                        window.location.href= "${path}/admin/signclosed/select_signclosed_list";
                    });
                } else if(data.returnCode == 502) {
                    layer.msg('请至少选择一件已签收的产品',{icon: 5,time:1000});
                } else if(data.returnCode == 503) {
                    layer.msg('有产品数量未填写，如本次签收没有此产品，请删除',{icon: 5,time:1000});
                }else{
                    layer.msg('添加失败',{icon: 5,time:1000});
                }
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){
                layer.msg('添加错误',{icon: 5,time:1000});
            }
        });
    }
    /**
     *  删除商品
     */
    function delProduct($this){
        $this.parents("tr").remove();
    }

    /**
     * 添加产品
     */
    function add_product() {
        layer_show("商品列表", "${path}/admin/salesOrder/to_add_product","1000","500");
    }

    /**
     * 选择商品回调
     * @param colorIds
     */
    function setSelectProduct(colorIds){
        var index = layer.load(1, {
            shade: [0.5,'#fff'] //0.1透明度的白色背景
        });

        $("#all_add_product").show();

        var colorIdArray = colorIds.split("_");
        for(var i=0;i<colorIdArray.length;i++){
            var colorId = colorIdArray[i];
            if(colorId == ""){
                break;
            }

            var flag = true;
            $("#add_product").find("tr").each(function (){
                var colId = $(this).find(".color_id").eq(0).val();
                if(colId == colorId){
                    flag  = false;
                }
            })
            if(!flag){
                continue;
            }
            $.ajax({
                type: "POST",
                data: { colorId : colorId},
                url: "${path}/admin/product/get_product",
                success: function(data){
                    var html = "";
                    if (data.returnCode == 200 && data.returnMsg.productColorList.length > 0 ) {
                        for(var i=0;i<data.returnMsg.productColorList.length;i++){
                            var productColor = data.returnMsg.productColorList[i];
                            html += '<tr class="text-c">' +
                                    '<input type="hidden" class="color_id" id="" value="'+ productColor.colorId +'" >' +
                                    ' <td>'+ cufte(productColor.productName) +'</td>' +
                                    ' <td>'+ cufte(productColor.colorName) +'</td>' +
                                    ' <td>'+ cufte(productColor.colorPrice)/100 +'</td>' +
                                    ' <td><input type="text" class="input-text input-number item-num"  style="width: 100%;border: none;text-align: center;" name="" id="" placeholder="产品数量" value="1" onkeyup="keyFun($(this),999,1)" onpaste="keyFun($(this),999,1)"></td>' +
                                    ' <td><a href="javascript:void(0)" class="del_product all_down" onclick="delProduct($(this))" >删除</a></td>' +
                                    ' </tr>';
                        }
                    }else{
                        html = '<tr class="text-c"><td colspan="12">没有搜索到商品，请重试!</td></tr>';
                    }
                    $("#add_product").append(html);
                    /*计算价格*/
                    calculatePrice();
                }
            });
        }
        layer.close(index);
    }
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>