chengwenliang
/
erp


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376
							{Template header}

<body>
<style>
a{color:#333;text-decoration:none;}

a:hover{color:#3366cc;text-decoration:underline;}

/* demo */

.demo{margin:40px auto;position:relative;}

.demo h2{font-size:16px;height:44px;color:#3366cc;margin-top:20px;}

.demo dl dt{font-size:14px;color:#ff6600;margin-top:30px;font-weight:800;}

.demo dl dt,.demo dl dd{line-height:22px;}

/* tabbtn */

.tabbtn{height:30px;background:url(images/tabbg.gif) repeat-x;border-left:solid 1px #ddd;border-right:solid 1px #ddd;}

.tabbtn li{float:left;position:relative;margin:0 0 0 -1px;}

.tabbtn li a{display:block;float:left;height:30px;line-height:30px;overflow:hidden;width:108px;text-align:center;font-size:16px;cursor:pointer;}

.tabbtn li.current{border-left:solid 1px #d5d5d5;border-right:solid 1px #d5d5d5;border-top:solid 1px #c5c5c5;}

.tabbtn li.current a{border-top:solid 2px #ff6600;height:27px;line-height:27px;background:#fff;color:#3366cc;font-weight:800;}

/* tabcon */

.tabcon{border-width:0 1px 1px 1px;border-color:#ddd;border-style:solid;position:relative;/*必要元素*/height:auto;overflow:hidden;margin:10px}

.tabcon .subbox{position:absolute;/*必要元素*/left:0;top:0;}

.tabcon .sublist{padding:5px 10px;height:170px;}

/* leftcon */

#leftcon .subbox{width:9999em;}

#leftcon .subbox .sublist{float:left;width:664px;}

/* sublist */

.sublist{padding:10px;}

.sublist li{height:28px;line-height:28px;font-size:12px;}

.sublist li span{margin:0 5px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd;}  
.btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        margin-left: 5px;
    }
    .btn-success {
        color: #fff !important;
        background-color: #5cb85c !important;
        border-color: #4cae4c;
    }
    .btn-danger {
        color: #fff !important;
        background-color: #dd4b39;
        border-color: #d73925;
    }
    .btn-primary{
        color: #fff !important;
        background-color: #3c8dbc;
        border-color: #367fa9;
    }
    .btn-info{
        background-color: #f4f4f4;
        color: #444;
        border-color: #ddd;
    }
    .btn-warning {
        color: #fff !important;
        background-color: #f0ad4e;
        border-color: #eea236;
    }
   
    .scimg_lv{

    }
    .setting li em {
        width: 115px;
        height: 24px;
        line-height: 24px;
        float: left;
        display: inline-block;
        font-size:16px;
    }
</style>
<div class="warp">
<div class="title winnone">售后登记 - 录入</div>

<div class="demo">	
    
    <ul class="tabbtn" id="normaltab">

		<li class="current"><a href="javascript:void(0);">解决</a></li>

		<li><a href="javascript:void(0);">挂起</a></li>

		<li><a href="javascript:void(0);">售后处理</a></li>

	</ul><!--tabbtn end-->

	<div class="tabcon" id="normalcon">

		<div class="sublist">
            <div style="font-size:18px;color:#777">
                如果已和客户沟通完毕、客户问题已解决，不需做其他进一步处理，请点击“确认解决”按钮。
            </div>
			<div style="padding-top: 30px;">
                <span  class="btn btn-success" onclick="addData({$id},1)">确认解决</span>
            </div>

		</div><!--tabcon end-->

		<div class="sublist">

            <div style="font-size:18px;color:#777">
               如果在和客户沟通问题过程中客户失联了，连续联系超过三次无回复，可选择使用“暂时挂起”按钮。<br/>
               如果多联系方式、多次尝试联系客户，一直联系不上，可选择使用“永久挂起”按钮。<br/>
               每次联系客户后可以点击“已联系”按钮。<br/>
            </div>
			<div style="padding-top: 30px;">
                <span  onclick="addData({$id},2)" class="btn btn-success">暂时挂起</span>
                <span  onclick="addData({$id},3)" class="btn btn-primary">已联系</span>
                <span  onclick="addData({$id},4)" class="btn btn-danger">永久挂起</span>
            </div>


		</div><!--tabcon end-->

		<div class="sublist">

            <div style="font-size:18px;color:#777">
                和客户沟通协商后需进行退换货/退款等具体售后处理的情况下使用。<br>
                另：如果不涉及退款，请不要选择退款类型。
                
            </div>
			<div style="padding-top: 30px;">
                <div>
                <form>
                    <ul class="setting">
                        <li class="">
                            <em>售后方式：</em>
                            <select name="back_type" class="select class" onchange="changeAfterSale(this)">
                                <option value="">请选择</option>
                                {loop $back_type_list as $key=>$val}
                                    <option value="{$key}">{$val}</option>
                                {/loop}
                            </select>
                        </li>
                        <li class=" is_tuikaun">
                            <em>退款原因类型：</em>
                            <select name="back_money_type" class="select class cate_two">
                                <option value="">请选择</option>
                                {loop $back_money_type_list as $key=>$val}
                                    <option value="{$key}">{$val}</option>
                                {/loop}
                            </select>
                        </li>
                        <li class="length  is_tuikaun">
                            <em>退款单位：</em>
                            <div class="checkbox">
                                <span class="ckrows">
                                    <label>
                                        <input  name="is_caiwu" type="radio" value="2"><span style="color:#000;font-size:16px">店铺</span>
                                    </label>
                                </span>
                                <span class="ckrows">
                                    <label>
                                        <input  name="is_caiwu" type="radio" value="1"><span  style="color:#000;font-size:16px">财务</span>
                                    </label>
                                </span>
                              
                            </div>
                        </li>
                        
                        <li class="is_tuikaun length">
                            <em>退款金额：</em>
                            <input  name="back_money" value=""   type="text" > 
                            <!-- <span style="font-size:16px;font-weight:700;color:#000">USD</span>   -->
                            
                        </li>
                        <input name="currency" type="hidden" value="2" />
                        <li class="is_tuikaun length">
                            <em>退款备注：</em>
                            <input  name="return_remarks" value=""   type="text" >
                        </li>
                        <li class="is_tuikaun length">
                            <em>退款留言：</em>
                            <input  name="refund_message" value=""   type="text" >
                        </li>
                      
                        <li class="length " style="height: 35px !important;">
                            <em>上传凭证：</em>
                            <div>
                                <span class="btn btn-warning scimg_lv">点击上传沟通凭证</span>
                                <span style="color:#777">可上传多图；点击已上传图片可对其删除片</span>
                            </div>
                           
                           
                        </li>
                        <li style="height: auto;width:88.2%;border:1px solid #ccc;border-radius: 3px;display: flex;flex-direction: row;flex-wrap:wrap;margin-left: 1%"  class="upimg">

                        </li>
                        <li style="margin-top:10px;margin-bottom:20px">
                            <span onclick="addData({$id},5)" style="font-size:18px;border-radius: 3px !important;padding:2px 12px"  class="btn btn-success">去售后</span>
                        </li>
                    </ul>
                </form>
                </div>
               
            </div>

           
		</div><!--tabcon end-->

       
</div>


<div class="button">
    <!-- <font class="datasave">提 交</font>  -->
    <font class="fh">关 闭</font>
</div>
</div>
<script src="{$theme}js/jquery-3.2.1.min.js"></script>
<script src="{$theme}js/xuanxiangka/xxk.js"></script>
<script>
$("#normaltab").tabso({

    cntSelect:"#normalcon",

    tabEvent:"mouseover",

    tabStyle:"normal"

});


function tianjia(){
   $("#append_box").append($("#base-div").html()) 
}
function changeAfterSale(that){
    let  back_type = $(that).val();
    if((back_type == 1)||(back_type == 2)){
        $(".is_tuikaun").show();
    }else{
        $(".is_tuikaun").hide();
    }
    
}
$(document).ready(function() {
    var button = $(".scimg_lv"), interval;
    var fileType = "pic", fileNum = "one";
    new AjaxUpload(button, {
        action: "/img/",
        name: "userfile",
        onSubmit: function(file, ext) {
            if (fileType == "pic") {
                if (ext && /^(jpg|png|jpeg|gif)$/.test(ext)) {
                    this.setData({
                        info: "文件类型为图片"
                    });
                }
				else {
                    alert("提示：您上传的是非图片！");
                    return false;
                }
            }
            $(".scimg_lv").hide();
            $(".loadimg").show();
			layx.load('loadId','上传中');
            if (fileNum == "one") {
                this.disable();
            }
        },
        onComplete: function(file, response) {
            eval("var obj=" + response);
            if (obj.ok) {
				layx.destroy('loadId');
                 let str = '<div style="margin-bottom:3px;margin-right:3px" onclick="removeFile(this)"><input type="hidden" name="img[]" value="' + obj.filename + '">';
				 if (/^(.jpg|.png|.jpeg|.gif)$/.test(obj.lx)) {
                    str += '<img width="100px" src="' + obj.filename + '" title="点击图片删除">';
                    // $(".upimg").append('<img src="' + obj.filename + '" title="点击图片删除">');
                }
                str +="</div>";
                $(".upimg").append(str);
            } else {
				layx.destroy('loadId');
                $(".ts p").html("上传失败，请重试");
                $(".ts").fadeIn();
                setTimeout('$(".ts").fadeOut()', 800);
            }
            $(".loadimg").hide();
            $(".scimg_lv").show();
            window.clearInterval(interval);
            this.enable();
        }
    });
});

// $(document).on("click", ".upimg img", function() {
//     $(this).remove();
// });
// $(document).on("click", ".upimg video", function() {
//     $(this).remove();
// });
function removeFile(that) {

    $(that).remove();
}

function addData(id,type){
    console.log(id);
    console.log(type);
    let obj = {}
    if(type==5){
        obj = $("form").serialize();
    }
    $(".ts p").html("<i class='fa fa-2x fa-cog fa-spin'></i> &nbsp; 正在处理...");
	$(".ts").show();
    $.post("/returngoods/do_first_phase/"+id+"/"+type, obj, function(a) {
        if (a && a.success) {
            $(".ts").hide();
            $(".express p:eq(0)").html(a.msg+"是否关闭？");
            $(".express p:eq(1)").html(
                "<font class='fh'>确 定</font><font class='esc'>取 消</font>"
                );
            $(".express").show();
        } else {
            $(".ts").hide();
            $(".ts p").html(a.msg);
            $(".ts").fadeIn();
            setTimeout('$(".ts").fadeOut()', 800);
        }
    },'json')

}
</script>
<script>var addedit="/returngoods/add/";</script>
<script type="text/javascript" src="{$theme}js/ajaxupload.3.5.js"></script>
{Template footer}