hexiugang
/
iamberry-common-parent


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
							<!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">
    <title>关联客诉</title>
    <style>
        .my-title{font-weight: 500;padding-left: 15px;position: relative;}
        .my-title:after{content: '';position: absolute;left: 0;top:12%;width: 3px;height: 80%;background: #32a3d8;}
        .my-input{padding: 8px 5px;width: 80%;border:1px solid rgba(0,0,0,.1);}
        .my-input-date{padding: 8px 10px;border:1px solid rgba(0,0,0,.1);width: 80%;background: url(http://s.iamberry.com/images/rili-1.png) 98.5% center no-repeat; background-size:auto 50%;}
        .input-box{margin: 18px 0;}
        .input-dic{float: left;margin:5px 10px 0 0;font-size: 12px;}
        .add-list{list-style-type: none;padding: 10px;background-color: #f5f5f5;width: 60%;float: left;margin: 0;}
        .add-list>li{margin: 10px 0;}
        .my-textarea{padding: 5px 10px;width: 80%;border:1px solid rgba(0,0,0,.1);}
        .my-btn-reset{padding: 10px 20px;width: 150px; background-color: #fff;color: #32a3d8;border: 1px solid #32a3d8;cursor:pointer;margin: 10px 10px 0 10px;}
        .my-btn-submit{padding: 10px 20px;width: 150px; background-color: #32a3d8;color: #fff;border: 1px solid #32a3d8;cursor:pointer;margin: 10px 10px 0 10px;}
        .my-select{border: 1px solid rgba(0,0,0,.1);padding:6px 50px 6px 15px;width: 60%; height: 34px;margin: 0 10px; -webkit-appearance:none;appearance:none;background: url(http://s.iamberry.com/images/select-1.png) right center no-repeat #fff;background-size:auto 100%;}
        input[type=radio]{-webkit-appearance:none;appearance:none;background: url(/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(/common/images/pts/radio-2.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
    </style>
    <meta name="keywords" content="${path}">
    <meta name="description" content="H-ui.admin v3.0，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
</head>
<body>
<article class="page-container">
    <form class="form form-horizontal" id="form-admin-add">
        <div class="input-box"  >
            <span class="input-dic spanhidth" style="margin-top: 12px;">客诉编号：</span>
            <input type="text" style="width: 400px;" class="input-text" placeholder="客诉编号" id="signclosedCustomerId" name="signclosedCustomerId">
            <button type="button" class="my-btn-submit" style="margin-top: 4px;" onclick="select();">查询</button>
        </div>
        <div id="noCustomerDiv" style="display: none; text-align:center;">
            <h3><strong style="color: #93da67">?没有搜索到客诉哦</strong></h3>
        </div>
        <div id="customerDiv" style="display: none;text-align: -moz-center;text-align: -webkit-center;">
            <#--<div class="row cl">
                <div class="formControls col-2 col-sm-2 text-r">
                    <strong>客诉时间：</strong>
                </div>
                <div class="formControls col-8 col-sm-8" id="customerCreateTime">

                </div>
            </div>-->
                <table class="table table-border table-bg table-bordered" style="margin-top: 10px;width: 500px;">
                    <thead>
                    <tr>
                        <th width="5" style="text-align: center">客诉标题</th>
                        <td width="50" style="font-weight: normal;"><span id="txtDescribeTitle"></span></td>
                    </tr>
                    <tr>
                        <th width="5" style="text-align: center">客诉回复</th>
                        <td width="50" style="font-weight: normal;"><span id="txtDescribeContent"></span></td>
                    </tr>
                    <tr>
                        <th width="5" style="text-align: center">客诉人姓名</th>
                        <td width="50" style="font-weight: normal;"><span id="customerName"></span></td>
                    </tr>
                    <tr>
                        <th width="5" style="text-align: center">客诉人手机号</th>
                        <td width="50" style="font-weight: normal;"><span id="customerTel"></span></td>
                    </tr>
                    <tr>
                        <th width="5" style="text-align: center">客诉时间</th>
                        <td width="50" style="font-weight: normal;"><span id="customerCreateTime"></span></td>
                    </tr>
                    </thead>
                </table>
        </div>
        <div style="text-align:center;display: none" id="associatedId">
        <#if signclosedId??>
            <input type="hidden" value="${signclosedId!''}" id="signclosedId" name="signclosedId">
        </#if>
            <button type="button" class="my-btn-submit" onclick="update();">确认关联</button>
        </div>
    </form>
</article>
<script type="text/javascript" src="${path}/common/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript">

    function select() {
        var signclosedCustomerId = $("#signclosedCustomerId").val();
        $.ajax({
            cache: true,
            type: "POST",
            data: {"customerId":signclosedCustomerId},
            url: "${path}/admin/customer/get_describe_info",
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    var describe = data.returnMsg.describe;
                    var customer = data.returnMsg.customerInfo;
                    $('#customerCreateTime').html(formatDate(describe.customerCreateTime,"yyyy年MM月dd日"));
                    $('#txtDescribeTitle').html(describe.describeTitle);
                    $('#txtDescribeContent').html(describe.describeContent);
                    $('#customerName').html(customer.customerName);
                    $('#customerTel').html(customer.customerTel);
                    $("#noCustomerDiv").hide();
                    $("#customerDiv").show();
                    $("#associatedId").show();
                }else {
                    $("#customerDiv").hide();
                    $("#associatedId").hide();
                    $("#noCustomerDiv").show();

                }
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){
            }
        })
    }


    function  update() {
        var signclosedCustomerId = $("#signclosedCustomerId").val();
        if( signclosedCustomerId != null){
            if( signclosedCustomerId.length > 10 ){
                layer.msg('编号长度不得大于10个字符',{icon: 5,time:1000});
                return;
            }
        }

        $.ajax({
            cache: true,
            type: "POST",
            url: "${path}/admin/signclosed/associated_customer",
            data:$('#form-admin-add').serialize(),// 你的formid
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    layer.msg('关联成功',{icon: 1,time:1000},function () {
                        window.parent.location.reload();
                        var index = parent.layer.getFrameIndex(window.name);
                        parent.layer.close(index)
                    });
                } else {
                    layer.msg('关联失败',{icon: 5,time:1000});
                }
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){
                layer.msg('系统错误',{icon: 5,time:1000});
            }
        });
    }
</script>
</body>
</html>