hexiugang
/
iamberry-common-parent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331
							<!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-produce{height: 25px;line-height: 25px}
        .color-div{height: 30px;}

        .table-td-color{}
        .msg-phone{height: 35px;line-height: 35px;}

        /*用于邮寄信息的css*/
        .youxi_xinxi{width: 980px}
    </style>
    <title>添加客诉 - 客诉管理 - RST</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
    <span class="c-gray en">&gt;</span> 客户信息管理
    <span class="c-gray en">&gt;</span> 新增客户信息
    <a class="btn radius r"
       style="line-height:1.6em;margin-top:3px;background: #32a3d8;color: #fff;border:1px solid #32a3d8;"
       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="${path}/admin/customer/save_customer_info" method="post" class="form form-horizontal" id="form-customerInfoAdmin-add"  onkeydown="if(event.keyCode==13)return false;">

            <input type="hidden" id="isNeedSelectOrder" name="isNeedSelectOrder" value="">
            <#--客户基本信息-->
            <div class="row cl">
                <label class="form-label col-3">
                    <div class="tit-2">客户基本信息</div>
                </label>
                <div class="formControls col-9">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>客户类型：</label>
                <div class="formControls col-1 col-sm-1">
                    <span class="select-box" style=" width: 625px;">
                        <select name="adminId" id="adminId" class="select">
                        </select>
				    </span>
                </div>
                <label class="form-label col-1 col-sm-2"><span class="c-red">*</span>合作进度：</label>
                <div class="formControls col-1 col-sm-1">
                    <span class="select-box" style=" width: 625px;">
                        <select name="adminId" id="adminId" class="select">
                        </select>
				    </span>
                </div>
                <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>客户名称：</label>
                <div class="formControls col-2 col-sm-2 skin-minimal">
                    <input type="text" class="input-text trim_input" placeholder="公司/客户 全称" id="customerWechatName" name="customerWechatName" value="">
                </div>
                <label class="form-label col-1 col-sm-2">客户行业：</label>
                <div class="formControls col-2 col-sm-2 skin-minimal">
                    <input type="text" class="input-text trim_input" placeholder="请输入行业名称" id="customerName" name="customerName" value="">
                </div>
                <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>客户地址：</label>
                <div class="formControls col-2 col-sm-2 skin-minimal">
                    <#--省份-->
                    <span class="select-box" style=" width: 625px;">
                        <select name="adminId" id="adminId" class="select">
                        </select>
				    </span>
                    <#--城市-->
                    <span class="select-box" style=" width: 625px;">
                        <select name="adminId" id="adminId" class="select">
                        </select>
				    </span>
                    <#--详细地址-->
                    <input type="text" class="input-text trim_input" placeholder="请输入客户的详细地址" id="customerWechatName" name="customerWechatName" value="">
                </div>
            </div>
            <#--对接联系人信息-->
            <div class="row cl">
                <label class="form-label col-3">
                    <div class="tit-2">对接联系人信息<span style="font-family:'Arial Normal', 'Arial';font-weight:400;font-size:14px;">(请确保真实性，公司将不定期抽验回访)</span></div>
                </label>
                <div class="formControls col-9">
                </div>
            </div>
            <div class="row cl">
                <div class="formControls col-9">
                    <input type="text" class="my-input"  style="width:90px;margin-right: 0px; margin-bottom: 10px;" value="${customerInfo.customerId!}" placeholder="联系人姓名" id="customerId" name="customerId">
                    <input type="text" class="my-input"  style="width:90px;margin-right: 0px;margin-bottom: 10px;" value="${customerInfo.sendLogisticsNo!}" placeholder="联系人电话" id="sendLogisticsNo" name="sendLogisticsNo">
                    <input type="text" class="my-input"  style="width:90px;margin-right: 0px;margin-bottom: 10px;" value="${customerInfo.customerName!}" placeholder="职位或身份" id="customerName" name="customerName">
                    <input type="text" class="my-input"  style="width:90px;margin-right: 0px;margin-bottom: 10px;" value="${customerInfo.customerTel!}" placeholder="邮箱" id="customerTel" name="customerTel">
                    <button type="button" style="cursor:pointer; float: left;height: 35px;margin-right: 30px;margin-bottom: 10px;" class="my-btn-search" onclick="toAddCustomerInfo();">保存</button>
                </div>
                <div class="mt-20" style="margin: 20px;">
                    <table class="table table-border table-bordered table-bg table-hover table-sort">
                        <thead>
                        <tr class="text-c">
                            <th width="100">联系人姓名</th>
                            <th width="100">联系电话</th>
                            <th width="100">职位/身份</th>
                            <th width="100">联系邮箱</th>
                            <th width="100">操作</th>
                        </tr>
                        </thead>
                        <tbody id="listid">
                        </tbody>
                    </table>
                </div>
            </div>
            <#--客户销售渠道信息备案-->
            <div class="row cl">
                <label class="form-label col-3">
                    <div class="tit-2">客户销售渠道信息备案</div>
                </label>
                <div class="formControls col-9">
                </div>
            </div>
            <div class="row cl">
                <div class="formControls col-9">
                    <input type="text" class="my-input"  style="width:90px;margin-right: 0px; margin-bottom: 10px;" value="${customerInfo.customerId!}" placeholder="客诉编号" id="customerId" name="customerId">
                    <input type="text" class="my-input"  style="width:90px;margin-right: 0px;margin-bottom: 10px;" value="${customerInfo.sendLogisticsNo!}" placeholder="物流编号" id="sendLogisticsNo" name="sendLogisticsNo">
                    <input type="text" class="my-input"  style="width:90px;margin-right: 0px;margin-bottom: 10px;" value="${customerInfo.customerName!}" placeholder="请输入姓名" id="customerName" name="customerName">
                    <input type="text" class="my-input"  style="width:90px;margin-right: 0px;margin-bottom: 10px;" value="${customerInfo.customerTel!}" placeholder="请输入电话号码" id="customerTel" name="customerTel">
                    <select class="my-select" name="adminId" style="height: 36px;width: 120px;margin: 0px;padding: 12px 10px 6px 15px;margin-bottom: 10px;">
                        <option value ="">渠道类别</option>
                        <#if adminList?? &&  (adminList?size > 0) >
                            <#list adminList as admin>
                                <option value ="${admin.adminId!}" <#if customerInfo.adminId??><#if customerInfo.adminId ==admin.adminId >selected="selected"</#if></#if>>${admin.adminName!}</option>
                            </#list>
                        </#if>
                    </select>
                    <select class="my-select" name="adminId" style="height: 36px;width: 120px;margin: 0px;padding: 12px 10px 6px 15px;margin-bottom: 10px;">
                        <option value ="">渠道类型</option>
                        <#if adminList?? &&  (adminList?size > 0) >
                            <#list adminList as admin>
                                <option value ="${admin.adminId!}" <#if customerInfo.adminId??><#if customerInfo.adminId ==admin.adminId >selected="selected"</#if></#if>>${admin.adminName!}</option>
                            </#list>
                        </#if>
                    </select>
                    <span>渠道名称<input type="text" class="my-input"  style="width:90px;margin-right: 0px;margin-bottom: 10px;" value="${customerInfo.customerTel!}" placeholder="填写具体店名" id="customerTel" name="customerTel"></span>
                    <select class="my-select" name="adminId" style="height: 36px;width: 120px;margin: 0px;padding: 12px 10px 6px 15px;margin-bottom: 10px;">
                        <option value ="">销售产品</option>
                        <#if adminList?? &&  (adminList?size > 0) >
                            <#list adminList as admin>
                                <option value ="${admin.adminId!}" <#if customerInfo.adminId??><#if customerInfo.adminId ==admin.adminId >selected="selected"</#if></#if>>${admin.adminName!}</option>
                            </#list>
                        </#if>
                    </select>
                    <input type="text" class="my-input"  style="width:90px;margin-right: 0px; margin-bottom: 10px;" value="${customerInfo.customerId!}" placeholder="供货价格" id="customerId" name="customerId">
                    <select class="my-select" name="adminId" style="height: 36px;width: 120px;margin: 0px;padding: 12px 10px 6px 15px;margin-bottom: 10px;">
                        <option value ="">供货价格</option>
                        <#if adminList?? &&  (adminList?size > 0) >
                            <#list adminList as admin>
                                <option value ="${admin.adminId!}" <#if customerInfo.adminId??><#if customerInfo.adminId ==admin.adminId >selected="selected"</#if></#if>>${admin.adminName!}</option>
                            </#list>
                        </#if>
                    </select>
                    <select class="my-select" name="adminId" style="height: 36px;width: 120px;margin: 0px;padding: 12px 10px 6px 15px;margin-bottom: 10px;">
                        <option value ="">账期</option>
                        <option value="1" <#if customerInfo.customerSourceType??><#if customerInfo.customerSourceType == 1 >selected="selected"</#if></#if>>先款</option>
                        <option value="2" <#if customerInfo.customerSourceType??><#if customerInfo.customerSourceType == 2 >selected="selected"</#if></#if>>月结</option>
                        <option value="3" <#if customerInfo.customerSourceType??><#if customerInfo.customerSourceType == 3 >selected="selected"</#if></#if>>两个月</option>
                    </select>
                    <button type="button" style="cursor:pointer; float: left;height: 35px;margin-right: 30px;margin-bottom: 10px;" class="my-btn-search" onclick="toAddCustomerInfo();">保存</button>
                </div>
            </div>
            <#--付款/退款信息-->
            <div class="row cl">
                <label class="form-label col-3">
                    <div class="tit-2">付款/退款信息<span style="font-family:'Arial Normal', 'Arial';font-weight:400;font-size:14px;">(请真实有效，用于财务收款确认或退款业务)</span></div>
                </label>
                <div class="formControls col-9">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>开户支行：</label>
                <div class="formControls col-1 col-sm-1">
                    <input type="text" class="input-text trim_input" placeholder="开户支行" id="customerName" name="customerName" value="">
                </div>
                <label class="form-label col-1 col-sm-2"><span class="c-red">*</span>账户名称：</label>
                <div class="formControls col-2 col-sm-2 skin-minimal">
                    <input type="text" class="input-text trim_input" placeholder="账户名称" id="customerName" name="customerName" value="">
                </div>
                <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>账号：</label>
                <div class="formControls col-2 col-sm-2 skin-minimal">
                    <input type="text" class="input-text trim_input" placeholder="填写账号" id="customerWechatName" name="customerWechatName" value="">
                </div>
                <label class="form-label col-1 col-sm-2"><span class="c-red">*</span>收款人姓名：</label>
                <div class="formControls col-2 col-sm-2 skin-minimal">
                    <input type="text" class="input-text trim_input" placeholder="收款人姓名" id="customerName" name="customerName" value="">
                </div>
                <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>收款人手机：</label>
                <div class="formControls col-2 col-sm-2 skin-minimal">
                    <input type="text" class="input-text trim_input" placeholder="收款人手机" id="customerWechatName" name="customerWechatName" value="">
                </div>
            </div>
            <#--开票信息-->
            <div class="row cl">
                <label class="form-label col-3">
                    <div class="tit-2">开票信息</div>
                </label>
                <div class="formControls col-9">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>发票类型：</label>
                <div class="formControls col-1 col-sm-1">
                        <span class="select-box" style=" width: 625px;">
                            <select name="adminId" id="adminId" class="select">
                            </select>
                        </span>
                </div>
                <label class="form-label col-1 col-sm-2"><span class="c-red">*</span>开户支行：</label>
                <div class="formControls col-2 col-sm-2 skin-minimal">
                    <input type="text" class="input-text trim_input" placeholder="开户支行名称" id="customerName" name="customerName" value="">
                </div>
                <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>开票账户：</label>
                <div class="formControls col-2 col-sm-2 skin-minimal">
                    <input type="text" class="input-text trim_input" placeholder="开票账户" id="customerWechatName" name="customerWechatName" value="">
                </div>
                <label class="form-label col-1 col-sm-2">企业名称：</label>
                <div class="formControls col-2 col-sm-2 skin-minimal">
                    <input type="text" class="input-text trim_input" placeholder="企业名称" id="customerName" name="customerName" value="">
                </div>
                <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>纳税人识别号：</label>
                <div class="formControls col-2 col-sm-2 skin-minimal">
                    <input type="text" class="input-text trim_input" placeholder="纳税人识别号" id="customerWechatName" name="customerWechatName" value="">
                </div>
                <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>开票电话：</label>
                <div class="formControls col-2 col-sm-2 skin-minimal">
                    <input type="text" class="input-text trim_input" placeholder="开票电话" id="customerWechatName" name="customerWechatName" value="">
                </div>
                <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>企业地址：</label>
                <div class="formControls col-2 col-sm-2 skin-minimal">
                    <input type="text" class="input-text trim_input" placeholder="企业地址" id="customerWechatName" name="customerWechatName" value="">
                </div>
            </div>
            <#--客户备注-->
            <div class="row cl">
                <label class="form-label col-3">
                    <div class="tit-2">客户备注</div>
                </label>
                <div class="formControls col-9">
                    <textarea id="customer_remarks"></textarea>
                </div>
            </div>
            <div class="row cl">
        </form>
    </div>
</article>

<script type="text/javascript">
    var url_path = "${path}";
</script>

<#--时间控件-->
<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>

<#--业务js-->
<script type="text/javascript" src="${path}/common/js/customerSaveAdmin/save_customer_info.js"></script>
<script>
    //定义变量

    /*初始化页面参数*/
    $(function () {
        /* 初始化单选框样式 */
        //initCheck();

        /*初始化省份（大类）*/
        initProvince();

        /*初始化渠道类别（大类）*/
        initChannelCategory();

        /*监听省份*/
        $("input[name='customerProvince']").change(function (){
            initCity($(this).val());
        })

        /*监听渠道类别*/
        $("input[name='customerChannelCategory']").change(function (){
            initChannelType($(this).val());
        })

</script>

</body>
</html>