hexiugang
/
iamberry-common-parent


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543
							<!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;}
    </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" method="post" class="form form-horizontal" id="form-customer-add"  onkeydown="if(event.keyCode==13)return false;">
            <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-4 col-sm-4"> <span class="select-box">
				<select name="adminId" id="adminId" class="select">

				</select>
				</span>
                </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-10 col-sm-10 skin-minimal">
                    <div class="radio-box">
                        <input type="radio" id="tel-1" name="customerSourceType" value="1" datatype="*"  checked nullmsg="请选择来源入口！">
                        <label for="tel-1">400电话</label>
                    </div>
                    <div class="radio-box">
                        <input type="radio" id="tel-2" name="customerSourceType" value="2">
                        <label for="tel-2">微信公众号</label>
                    </div>
                    <div class="radio-box">
                        <input type="radio" id="tel-3" name="customerSourceType" value="3">
                        <label for="tel-3">其他</label>
                        <input type="text" style="width: 150px;margin-left: 10px;" class="input-text" value="" placeholder="" id="customerSource" name="customerSource">
                    </div>
                </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-10 col-sm-10 skin-minimal">
                    <div class="radio-box">
                        <input type="radio" class="customerCounselType" id="customer-type-1" name="customerCounselType" value="1" checked >
                        <label for="customer-type-1">售前咨询</label>
                    </div>
                    <div class="radio-box">
                        <input type="radio" class="customerCounselType" id="customer-type-2" name="customerCounselType" value="2" >
                        <label for="customer-type-2">售后咨询</label>
                    </div>
                </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-10 col-sm-10 skin-minimal" id="produceTypeHtml">
                    <#--<div class="radio-box">
                        <input type="radio" id="tel-3" name="produceType" datatype="*" nullmsg="请选择产品类型！">
                        <label for="tel-3">净水机</label>
                    </div>
                    <div class="radio-box">
                        <input type="radio" id="tel-3" name="produceType" datatype="*" nullmsg="请选择产品类型！">
                        <label for="tel-4">冲奶机</label>
                    </div>-->
                </div>
            </div>

            <div class="row cl" style="position: relative;">
                <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>客诉问题：</label>
                <div class="formControls col-2 col-sm-2"> <span class="select-box">
				<select name="complaintId" class="select">
					<#--<option value="0">使用操作</option>-->
					<#--<option value="1">使用操作</option>-->
				</select>
				</span>
                </div>
                <div class="formControls col-2 col-sm-2"> <span class="select-box">
				<select name="smallClassId" class="select">
					<#--<option value="0">使用操作制水出水</option>
					<option value="1">使用操作制水出水</option>-->
				</select>
				</span>
                </div>
                <div class="formControls col-2 col-sm-2">
                    <div class="clearfix">
                        <input type="text" placeholder="搜索关键词" class="input-text  ac_input" name="questionId" value="" id="search_text" autocomplete="off" style="width:60%"><button type="button" class="btn btn-primary" id="search_button">搜索</button>
                    </div>
                </div>

                <div class="dalog-ask">
                    <div class="tag">
                        <em></em>
                        <strong>相关QA</strong>
                        <ul id="question">
                            <#--<li class="ask">1、净水机面板操作不灵敏，是怎么回事？</li>
                            <li class="answer">答：<span>4净水机面板操作不灵敏，是怎么回事。1、净水机面板操作不灵敏，是怎么回事？1、净水机面板操作不灵敏，是怎么回事？1、净水机面板操作不灵敏，是怎么回事？</span></li>-->
                        </ul>
                    </div>
                </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-5 col-sm-5">
                    <input type="hidden" name="questionId" id="questionId">
                    <script id="describeContentText" type="text/plain" style="width:650px;height:250px;"></script>
                    <input type="hidden" name="describeContent" id="describeContent">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-1 col-sm-1"></label>
                <div class="formControls col-2 col-sm-2">
                    <input type="text" class="input-text" value="" placeholder="请输入手机号" id="" name="">
                </div>
                <div class="formControls col-2 col-sm-2">
                    <input type="button" class="btn btn-primary" value="发短信給用户">
                </div>
            </div>
            <div class="row cl">

                <label class="form-label col-1 col-sm-1">
                    <div class="tit">处理结果</div>
                </label>
                <div class="formControls col-10 col-sm-10">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-1 col-sm-1">处理类型：</label>
                <div class="formControls col-10 col-sm-10 skin-minimal">
                    <div class="radio-box" id="solved">
                        <input type="radio" id="customer-process-1" value="1" name="customerIsSolve" checked>
                        <label for="customer-process-1">已解决</label>
                    </div>
                    <div class="radio-box" id="noSolved">
                        <input type="radio" id="customer-process-2" value="2" name="customerIsSolve">
                        <label for="customer-process-2">未解决</label>
                    </div>
                    <div class="radio-box" id="renewed">
                        <input type="radio" id="customer-process-3" value="3" name="customerIsSolve">
                        <label for="customer-process-3">换新</label>
                    </div>
                    <div class="radio-box" id="maintain">
                        <input type="radio" id="customer-process-4" value="4" name="customerIsSolve">
                        <label for="customer-process-4">维修</label>
                    </div>
                    <div class="radio-box" id="reissue">
                        <input type="radio" id="customer-process-5" value="5" name="customerIsSolve">
                        <label for="customer-process-5">补发</label>
                    </div>
                    <div class="radio-box" id="backGoods">
                        <input type="radio" id="customer-process-6" value="6" name="customerIsSolve">
                        <label for="customer-process-6">退货</label>
                    </div>
                    <div class="radio-box" id="noReasonBack">
                        <input type="radio" id="customer-process-7" value="7" name="customerIsSolve">
                        <label for="customer-process-7">无理由退货</label>
                    </div>
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-1 col-sm-1"></label>
                <div class="formControls col-10 col-sm-10">
                    <ul class="time-line-list" id="processResultStatus">
                       <#-- <li><span class="arrow"></span><div class="number">1</div><div>录入客诉</div></li>
                        <li><span class="arrow"></span><div class="number">2</div><div>督促用户寄回</div></li>
                        <li><span class="arrow"></span><div class="number">3</div><div>录入快递单号</div></li>
                        <li><span class="arrow"></span><div class="number">4</div><div>仓库收货</div></li>
                        <li><span class="arrow"></span><div class="number">5</div><div>换新发货</div></li>
                        <li><span class="arrow"></span><div class="number">6</div><div>发货通知用户</div></li>
                        <li><span class="arrow"></span><div class="number">7</div><div>收货后回访</div></li>-->
                    </ul>
                </div>
            </div>
            <div class="row cl" id="orderHead" style="display: none;">
                <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>订单信息：</label>
                <div class="formControls col-1 col-sm-1">
                    <button type="button" class="btn btn-primary" id="selectOrder">搜索订单</button>
                </div>
            </div>
            <div class="row cl" id="order" style="display: none;">
                <label class="form-label col-1 col-sm-1"></label>
                <div class="formControls col-9 col-sm-9 text-c">
                    <table class="table table-border table-bg table-bordered">
                        <tr>
                            <th style="text-align: center;">销售</th>
                            <th style="text-align: center;">订单号</th>
                            <th style="text-align: center;">姓名</th>
                            <th style="text-align: center;">电话</th>
                            <th style="text-align: center;">订单金额</th>
                            <th style="text-align: center;">购买产品</th>
                            <th style="text-align: center;">购买日期</th>
                        </tr>
                        <tr id="showOrder">
                          <#--  <td>爱贝源-微信商城</td>
                            <td>1290387806</td>
                            <td>何小小</td>
                            <td>1882222888</td>
                            <td>¥3680</td>
                            <td>Watero净水机</td>
                            <td>2017-06-06</td>-->
                        </tr>
                        <#--<tr id="showOrderAddress">-->
                        <#--</tr>-->
                    </table>
                </div>
            </div>
            <div class="row cl" id="recipientInfo" style="display: none;">
                <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>收件信息：</label>
                <div class="formControls col-2 col-sm-2">
                    <input type="text" class="input-text" value="" placeholder="填写收件人姓名" id="sendName" name="sendName">
                </div>
                <div class="formControls col-2 col-sm-2">
                    <input type="text" class="input-text" value="" placeholder="填写收件人手机号" id="sendTel" name="sendTel">
                </div>
            </div>
            <div class="row cl" id="recipientAddress" style="display: none;">
                <input type="hidden" id="addressInfo">
                <label class="form-label col-1 col-sm-1"></label>
                <div class="formControls col-2 col-sm-2">
                    <span class="select-box">
                         <select id="province" class="select">
                         </select>
                     </span>
                </div>
                <div class="formControls col-2 col-sm-2">
                    <span class="select-box">
                        <select id="city" class="select">
                        </select>
                    </span>
                </div>
                <div class="formControls col-2 col-sm-2">
                    <span class="select-box">
                        <select id="district" class="select">
                        </select>
                    </span>
                </div>

            </div>
            <div class="row cl" id="recipientAddressText" style="display: none;">
                <label class="form-label col-1 col-sm-1"></label>
                <div class="formControls col-5 col-sm-5">
                    <textarea name="" id="sendAddress" cols="" rows="2" class="textarea" placeholder="请填写详细地址"></textarea>
                    <span id="addrssMsg"></span>
                </div>
            </div>
            <div class="row cl" id="renewedProduct" style="display: none;">
                <label class="form-label col-1 col-sm-1"><span class="c-red">*</span><span id="relationProduct">换新产品</span>：</label>
                <div class="formControls col-9 col-sm-9 text-c" id="produceSelect">

                    <table class="table table-border table-bg table-bordered">
                        <thead>
                            <tr class="text-c">
                                <th style="text-align: center;" width="60">产品名称</th>
                                <th style="text-align: center;" width="60">产品颜色</th>
                                <th style="text-align: center;" width="60">产品配件</th>
                            </tr>
                        </thead>
                        <tbody id="addProduct">
                            <tr >
                                <td>冲奶机</td>
                                <td>
                                    <div>
                                        白色
                                        <input type="text" class="input-text" style="width: 40px;text-align: center;" value="1" placeholder="" id="" name="">
                                    </div>
                                    <div>
                                        白色
                                        <input type="text" class="input-text" style="width: 40px;text-align: center;" value="1" placeholder="" id="" name="">
                                    </div>
                                </td>
                                <td>
                                    <div>
                                        水箱
                                        <input type="text" class="input-text" style="width: 40px;text-align: center;" value="1" placeholder="" id="" name="">
                                    </div>
                                    <div>
                                        水箱
                                        <input type="text" class="input-text" style="width: 40px;text-align: center;" value="1" placeholder="" id="" name="">
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>

                </div>
            </div>

            <div class="row cl" id="TDScollect" style="display: none;">
                <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>TDS收集：</label>
                <div class="formControls col-2 col-sm-2" style="position: relative;">
                    <input type="hidden" name="arrcity_3word" id="arrcity_3word" value="" />
                    <input style="width: 140px;" placeholder="" class="input-text my-search-input" type="text" name="arrcity" id="arrcity" />
                    <div id="suggest" class="ac_results"></div>
                </div>
                <div class="formControls col-2 col-sm-2">
				<span class="select-box">
                    <select name="" class="select" id="TDSArea" name="TDSArea">

                    </select>
				</span>
                </div>
                <input type="hidden" name="customerArea" id="customerArea">
                <div class="formControls col-2 col-sm-2">
                    <input type="text" class="input-text" value="" placeholder="进水tds数值" id="customerInTDS" name="customerInTDS">
                </div>
                <div class="formControls col-2 col-sm-2">
                    <input type="text" class="input-text" value="" placeholder="出水tds数值" id="customerOutTDS" name="customerOutTDS">
                </div>
            </div>
            <div class="row cl" id="TDScollectShow" style="display: none;">
                <label class="form-label col-1 col-sm-1"></label>
                <div class="formControls col-6 col-sm-6">
                    tds收集：广东省-深圳市-福田区   进水：100ppm   出水：100ppm
                </div>
            </div>
            <div class="row cl" id="sendAddressInfo">
                <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>寄回信息：</label>
                <div class="formControls col-5 col-sm-5">
                        <textarea name="" cols="" rows="2" class="textarea" placeholder="说点什么...">邮寄地址：东莞清溪三中金龙工业区徐福记对面优尼雅电子科技，杨春有，13592708169邮寄备注：您好，麻烦您那边把机器邮寄前请将水箱、接水台中的水倒掉并擦干，不要留有水渍，避免运输途中水或奶粉
                溅入机器内部造成不必要的损失；用原包装或泡沫等材质包裹好机身。避免运输途中造成机器     磕碰、损坏。
请勿寄顺丰、圆通、EMS以及到付件快递，其他快递物流随意，寄回时，麻烦您在产品里面留下故障原因说明，
提示：寄回后把单号给我们提供下然后提供下您的姓名、地址和电话方便我们修好后给您寄回去。</textarea>

                </div>
            </div>
            <div class="row cl" id="sendAddressByPhone" style="display: none;">
                <label class="form-label col-1 col-sm-1"></label>
                <div class="formControls col-2 col-sm-2">
                    <input type="text" class="input-text" value="" placeholder="请输入手机号" id="" name="">
                </div>
                <div class="formControls col-2 col-sm-2">
                    <input type="button" class="btn btn-primary" value="发短信給用户">
                </div>
            </div>
            <div class="row cl" id="updateProduct" style="display: none;">
                <label class="form-label col-1 col-sm-1">更换产品：</label>
                <div class="formControls col-7 col-sm-7" id="back-product">

                   <#-- <table class="table table-border table-bg table-bordered">
                        <thead>
                        <tr class="text-c">
                            <th style="text-align: center;" width="60">产品名称</th>
                            <th style="text-align: center;" width="60">产品颜色</th>
                            <th style="text-align: center;" width="60">产品配件</th>
                        </tr>
                        </thead>
                        <tbody id="addProduct">
                        <tr >
                            <td>冲奶机</td>
                            <td>
                                <div>
                                    白色
                                    <input type="text" class="input-text" style="width: 40px;text-align: center;" value="1" placeholder="" id="" name="">
                                </div>
                                <div>
                                    白色
                                    <input type="text" class="input-text" style="width: 40px;text-align: center;" value="1" placeholder="" id="" name="">
                                </div>
                            </td>
                            <td>
                                <div>
                                    水箱
                                    <input type="text" class="input-text" style="width: 40px;text-align: center;" value="1" placeholder="" id="" name="">
                                </div>
                                <div>
                                    水箱
                                    <input type="text" class="input-text" style="width: 40px;text-align: center;" value="1" placeholder="" id="" name="">
                                </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>-->
                </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-5 col-sm-5">
                    <script id="describeHandleDescText" type="text/plain" style="width:1024px;height:300px;"></script>
                    <input type="hidden" id="describeHandleDesc" name="describeHandleDesc">
                </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-10 col-sm-10 skin-minimal">
                    <div class="radio-box">
                        <input type="radio" id="customer-visit-1" name="customerIsVisit" value="2" checked>
                        <label for="customer-visit-1">需要回访</label>
                    </div>
                    <div class="radio-box">
                        <input type="radio" id="customer-visit-2" name="customerIsVisit"  value="1">
                        <label for="customer-visit-2">不需要回访</label>
                    </div>
                </div>
            </div>
            <div id="needToVisit">
                <div class="row cl" id="needToVisit">
                    <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>回访人：</label>
                    <div class="formControls col-2 col-sm-2">
                        <input type="text" class="input-text" value="" placeholder="填写回访人姓名" id="" name="visitName">
                    </div>
                    <div class="formControls col-2 col-sm-2">
                        <input type="text" class="input-text" value="" placeholder="填写回访人手机号" id="" name="visitTel">
                    </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-2 col-sm-2">
                        <input type="text" placeholder="请选择回访日期" id="datemin"  name="visitDate" class="input-text Wdate" onclick="WdatePicker({skin:'whyGreen',minDate:'%y-%M-%d'})"  readonly="readonly">
                    </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-10 col-sm-10 skin-minimal">
                        <div class="radio-box">
                            <input type="radio" id="visit-time-1" name="visitTimeSelect">
                            <label for="visit-time-1">09:00-12:00</label>
                        </div>
                        <div class="radio-box">
                            <input type="radio" id="visit-time-2" name="visitTimeSelect">
                            <label for="visit-time-2">12:00-14:00</label>
                        </div>
                        <div class="radio-box">
                            <input type="radio" id="visit-time-3" name="visitTimeSelect">
                            <label for="visit-time-3">14:00-18:00</label>
                        </div>
                    </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-4 col-sm-4"> <span class="select-box">
                    <select name="" class="select" id="visitAdminId" name="adminId">

                    </select>
                    </span>
                    </div>
                </div>
                <div class="cl"  style="display: table;width: 100%;">
                    <label class="form-label col-1 col-sm-1"></label>
                    <div class="formControls col-4 col-sm-4">
                        <span class="c-red" id="visitAdminIdMsg">您将为自己指定一个回访任务</span>
                    </div>
                </div>
            </div>
            <div class="row cl">
                <div class="col-2 col-sm-2 col-offset-3">
                    <button class="btn btn-block btn-primary size-XL" type="submit">确认录入</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/lib/My97DatePicker/4.8/WdatePicker.js"></script>

<#--百度富文本编译器-->
<script type="text/javascript" charset="utf-8" src="${path}/common/lib/ueditor/1.4.3/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="${path}/common/lib/ueditor/1.4.3/ueditor.all.js"></script>
<script type="text/javascript" charset="utf-8" src="${path}/common/lib/ueditor/1.4.3/ueditor.parse.js"></script>
<script type="text/javascript" charset="utf-8" src="${path}/common/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>


<script type="text/javascript">
    $(function(){
        $("#province").ProvinceCity();
        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        });
       $("#arrcity").suggest(citys,{hot_list:commoncitys,dataContainer:'#arrcity_3word',onSelect:function(result){
            console.log($(this)[0].value);
		$("#city2").click()
        },
            attachObject:'#suggest'
        });
        $("#city2").suggest(citys,{hot_list:commoncitys,attachObject:"#suggest2"})
    });

    $(document).on('click', '.dalog-ask .answer', function() {
        var msg = $(this).find("span").text();
        UE.getEditor('describeContentText').setContent(msg,false);

        $("#questionId").val($(this).find(".quesId").val());

        //$("#answer-textarea").text();
        //$(".dalog-ask").hide(); 隐藏qa
    });

    /*实时监听文本框-- 员工编号*/
    document.getElementById("suggest").addEventListener("div", function(){
        alert(1);
    });
</script>

<script>
    /*问题描述*/
    var describeContentText = UE.getEditor('describeContentText');
    /*处理描述*/
    var describeHandleDescText = UE.getEditor('describeHandleDescText');
</script>
<script type="text/javascript">

    /*处理结果的执行状态*/
    var isSolve = {
        solved : [],
        noSolved : [],
        renewed : ["录入客诉","督促用户寄回","录入快递单号","仓库收货","换新发货","发货通知用户","收货后回访"],
        maintain : ["录入客诉","督促用户寄回","录入快递单号","仓库收货","品质检测","产线维修","换新发货","发货通知用户","收货后回访"],
        reissue : ["录入客诉","生成E订单","督促仓库发货","仓库发货","发货通知用户","收货后回访"],
        backGoods : ["录入客诉","督促用户寄回","录入快递单号","仓库收货","品质检测","退款","退货完成"],
        noReasonBack : ["录入客诉","督促用户寄回","录入快递单号","仓库收货","品质检测","退款","退货完成"]
    }

    /*个人id*/
    var adminId = 0;

    /* 咨询类型  1：售前咨询  2：售后咨询  3：其他  */
    var allCustomerInfoType = 1;

    /*全局标识当前状态  type : 1 ：已解决  2：未解决  3：换新  4：维修  5：补发   6：退货  7：无理由退货*/
    var allCustomerType = 1;

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

        /*初始化产品类型 --  客诉头部的产品类型单选 */
        initProduceType();

        /*初始化问题分类*/
        initComplaintTypeInfo();

        /*初始化客服*/
        initSysAdmin();

        /*初始化回访客服*/
        initVisitSysAdmin();

        /*初始化选择处理结果 -- type : 1 ：已解决  2：未解决  3：换新  4：维修  5：补发   6：退货  7：无理由退货 */
        initProcessResult(1);

        /*监听客诉类型选择事件*/
        $("input[name='customerCounselType']").change(function (){
            allCustomerInfoType = parseInt($(this).val());
            initProcessResult(allCustomerType);
        })

        /*监听处理结果选择事件*/
        $("[name='customerIsSolve']").change(function(){
            allCustomerType = parseInt($(this).val());
            initProcessResult(parseInt($(this).val()));
        })

        /*监听问题类型 选择事件*/
        $("[name='complaintId']").change(function(){
            initComplaintSmallClassInfo($(this).val());
        })

        /*监听问题关键字搜索*/
        $(document).on('click', '#search_button', function() {
            initComplaintQuestionInfo();
        });

        /*搜索订单事件*/
        $(document).on('click', '#selectOrder', function() {
            selectOrder();
        });

        /*监听省选择事件*/
        $(document).on('change', '#province', function() {
            var proId = $("#province").val();
            var cityId = setCity("",proId,2)
            setDistrict("",cityId,2)
        });

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

        /*监听回访类型选择事件  是否需要回访  1:不需要回访  2:需要回复  */
        $("input[name='customerIsVisit']").change(function (){
            if($(this).val() == 2){
                $("#needToVisit").show();
            }else{
                $("#needToVisit").hide();
            }
        })


        /*监听回访选择客服的选择事件*/
        $(document).on('change', '#visitAdminId', function() {
            var visitAdminName = $("#visitAdminId").find("option:selected").text();
            var visitAdminId = $("#visitAdminId").val();
            if(convertUndefinedToEmpty(visitAdminId) == adminId){
                showVisitMsg(1);
            }else{
                showVisitMsg(2,visitAdminName);
            }
        });
    })

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

    /*初始化客服*/
    function initSysAdmin() {
        var sysAminList = getSysAdmin();
        var html = "";
        for(var i=0;i<sysAminList.length;i++){
            var adminList = sysAminList[i];
            if(adminId != null && adminId != "" && adminId != 0 && adminId == adminList.adminId ){
                html += '<option value="'+ adminList.adminId +'" selected>'+ adminList.adminName +'</option>';
            }else{
                html += '<option value="'+ adminList.adminId +'">'+ adminList.adminName +'</option>';
            }
        }
        $("#adminId").html(html);
    }

    /*初始化回访客服的选择*/
    function initVisitSysAdmin(){
        var sysAminList = getSysAdmin();
        var html = "";
        var flag = false;
        for(var i=0;i<sysAminList.length;i++){
            var adminList = sysAminList[i];
            if(adminId != null && adminId != "" && adminId != 0 && adminId == adminList.adminId ){
                html += '<option value="'+ adminList.adminId +'" selected>'+ adminList.adminName +'</option>';
                flag = true;
            }else{
                html += '<option value="'+ adminList.adminId +'">'+ adminList.adminName +'</option>';
            }
        }
        $("#visitAdminId").html(html);
        if(flag){
            showVisitMsg(1);
        }
    }

    /**
     * 用于显示回访指派任务提示信息
     * 1 ：自己
     * 2 ：其他人
     */
    function showVisitMsg(type,adminName) {
        if(type == 1){
            $("#visitAdminIdMsg").html("您将为自己指定一个回访任务");
        }else{
            $("#visitAdminIdMsg").html("您将为"+ adminName +"指定一个回访任务");
        }
    }

    /*获取客服*/
    function getSysAdmin(){
        var sysAminList;
        $.ajax({
            type: "POST",
            data: {
            },
            url: "${path}/admin/customer/select_sys_admin",
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    sysAminList = data.returnMsg.adminList;
                    adminId = data.returnMsg.adminId;
                }
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){
            }
        });
        return sysAminList;
    }

    /*初始化产品类型 --  客诉头部的产品类型单选*/
    function initProduceType(){
        var html = "";
        $.ajax({
            type: "POST",
            data: {
            },
            url: "${path}/admin/customer/select_produce_type",
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    var check = "checked";
                    for(var i=0;i<data.returnMsg.productTypeList.length;i++){
                        var produce = data.returnMsg.productTypeList[i];
                        html += ' <div class="radio-box">' +
                                '<input type="radio" id="produce-type-'+ i +'" name="typeId"  datatype="*" value="'+ produce.typeId +'"  '+ check +' nullmsg="请选择产品类型！" >' +
                                ' <label for="produce-type-'+ i +'">'+ produce.typeName +'</label>' +
                                ' </div>';
                        check = "";
                    }
                }else{
                    html = '';
                }
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){
            }
        });
        $("#produceTypeHtml").html(html);
        initCheck();
    }

    /**
     * 选择处理结果-- 默认选择已解决
     * type : 1 ：已解决  2：未解决  3：换新  4：维修  5：补发   6：退货  7：无理由退货
     */
    function initProcessResult(type){

        if(type == null || type == ""){
            type = 1;
        }
        var statusHtml = '<li><span class="arrow"></span><div class="number">status_index</div><div>status_html</div></li>';
        var resultHtml = '';
        var result = {};

        $("#solved").show(); //已解决
        $("#noSolved").show();//未解决
        if(allCustomerInfoType == 1){  //售前
            $("#renewed").hide();
            $("#maintain").hide();
            $("#reissue").hide();
            $("#backGoods").hide();
            $("#noReasonBack").hide();
            switch(type)
            {
                case 1:
                    otherHied();
                    break;
                case 2:
                    otherHied();
                    break;
                default:
                    break;
            }
        }else if(allCustomerInfoType == 2){ //售后
            $("#renewed").show();
            $("#maintain").show();
            $("#reissue").show();
            $("#backGoods").show();
            $("#noReasonBack").show();
            switch(type)
            {
                case 1:
                    otherHied();
                    break;
                case 2:
                    otherHied();
                    break;
                case 3: //换新
                    result = isSolve.renewed;
                    $("#relationProduct").html("换新产品");
                    $("#processResultStatus").show();
                    $("#orderHead").show();
                    $("#order").show();
                    $("#recipientInfo").show();
                    $("#recipientAddress").show();
                    $("#recipientAddressText").show();
                    $("#renewedProduct").show();
                    $("#TDScollect").show();
                    $("#TDScollectShow").show();
                    $("#sendAddressInfo").show();
                    $("#sendAddressByPhone").show();
                    $("#updateProduct").show();
                    break;
                case 4: //维修
                    result = isSolve.maintain;
                    $("#relationProduct").html("维修产品");
                    $("#processResultStatus").show();
                    $("#orderHead").show();
                    $("#order").show();
                    $("#recipientInfo").show();
                    $("#recipientAddress").show();
                    $("#recipientAddressText").show();
                    $("#renewedProduct").show();
                    $("#TDScollect").show();
                    $("#TDScollectShow").show();
                    $("#sendAddressInfo").show();
                    $("#sendAddressByPhone").show();
                    $("#updateProduct").show();
                    break;
                case 5://补发
                    result = isSolve.reissue;
                    $("#relationProduct").html("补发产品");
                    $("#processResultStatus").show();
                    $("#orderHead").show();
                    $("#order").show();
                    $("#recipientInfo").show();
                    $("#recipientAddress").show();
                    $("#recipientAddressText").show();
                    $("#renewedProduct").show();
                    $("#TDScollect").show();
                    $("#TDScollectShow").show();
                    $("#sendAddressInfo").hide();
                    $("#sendAddressByPhone").hide();
                    $("#updateProduct").hide();
                    break;
                case 6: //退货
                    result = isSolve.backGoods;
                    $("#relationProduct").html("退货产品");
                    $("#processResultStatus").show();
                    $("#orderHead").show();
                    $("#order").show();
                    $("#recipientInfo").show();
                    $("#recipientAddress").show();
                    $("#recipientAddressText").show();
                    $("#renewedProduct").show();
                    $("#TDScollect").show();
                    $("#TDScollectShow").show();
                    $("#sendAddressInfo").show();
                    $("#sendAddressByPhone").show();
                    $("#updateProduct").hide();
                    break;
                case 7://无理由退货
                    result = isSolve.noReasonBack;
                    $("#relationProduct").html("退货产品");
                    $("#processResultStatus").show();
                    $("#orderHead").show();
                    $("#order").show();
                    $("#recipientInfo").show();
                    $("#recipientAddress").show();
                    $("#recipientAddressText").show();
                    $("#renewedProduct").show();
                    $("#TDScollect").show();
                    $("#TDScollectShow").show();
                    $("#sendAddressInfo").show();
                    $("#sendAddressByPhone").show();
                    $("#updateProduct").hide();
                    break;
                default:
                    break;
            }
        }
        for(var i=0;i< result.length;i++){
            var html = statusHtml.replace("status_index",i+1);
            html = html.replace("status_html",result[i]);
            resultHtml += html;
        }
        $("#processResultStatus").html(resultHtml);
    }

    /*已解决|未解决 */
    function otherHied(){
        $("#processResultStatus").hide();   //处理结果的执行状态  已解决未解决没有该信息
        $("#orderHead").hide();
        $("#order").hide();
        $("#recipientInfo").hide();
        $("#recipientAddress").hide();
        $("#recipientAddressText").hide();
        $("#renewedProduct").hide();
        $("#TDScollect").hide();
        $("#TDScollectShow").hide();
        $("#sendAddressInfo").hide();
        $("#sendAddressByPhone").hide();
        $("#updateProduct").hide();
    }

    /*初始化问题大类*/
    function initComplaintTypeInfo() {
        //默认为售前咨询
        var customerCounselTypeOverall = allCustomerInfoType;
        var html = "";
        $.ajax({
            type: "POST",
            data: {
                complaintConsultingType : customerCounselTypeOverall
            },
            url: "${path}/admin/complaintQuestion/list_complaintType",
            async: false,
            success: function(data){
                var id;
                if (data.returnCode == 200) {
                    for(var i=0;i<data.returnMsg.complaintTypeInfoList.length;i++){
                        var complaintTypeInfo = data.returnMsg.complaintTypeInfoList[i];
                        if(i == 0 ){
                            id = complaintTypeInfo.complaintId;
                        }
                        html += '<option value="'+ complaintTypeInfo.complaintId +'">'+ complaintTypeInfo.complaintClassName +'</option>';
                    }
                }else{
                    html = '';
                }
                $("[name='complaintId']").html(html);
                initComplaintSmallClassInfo(id)
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){
            }
        });
    }

    /*显示小类*/
    function initComplaintSmallClassInfo(complaintId){
        var html = "";
        $.ajax({
            type: "POST",
            data: {
                complaintId : complaintId
            },
            url: "${path}/admin/complaintQuestion/list_complaintSmallClass",
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    for(var i=0;i<data.returnMsg.complaintSmallClassInfoList.length;i++){
                        var ComplaintSmallClassInfo = data.returnMsg.complaintSmallClassInfoList[i];
                        html += '<option value="'+ ComplaintSmallClassInfo.smallClassId +'">'+ ComplaintSmallClassInfo.smallClassName +'</option>';
                    }
                }else{
                    html = '';
                }
                $("[name='smallClassId']").html(html);
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){
            }
        });
    }


    /**
     * 搜索QA 显示
     */
    function initComplaintQuestionInfo(){
        var complaintId = $("[name='complaintId']").val();
        var smallClassId = $("[name='smallClassId']").val();;
        var questionName = $("[name='questionId']").val();;;
        var html = "";
        $.ajax({
            type: "POST",
            data: {
                complaintId : complaintId,
                smallClassId : smallClassId,
                questionName : questionName
            },
            url: "${path}/admin/complaintQuestion/list_complaintQuestion",
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    for(var i=0;i<data.returnMsg.complaintQuestionInfoList.length;i++){
                        var complaintQuestion= data.returnMsg.complaintQuestionInfoList[i];
                        html += '<li class="ask">'+ complaintQuestion.questionName +'' +
                                '</li>' +
                                '<li class="answer" style="height: 65px;overflow: hidden;">答：<span>'+ complaintQuestion.questionProfile +'</span><input class="quesId" value="'+ complaintQuestion.questionId +'"></li>';
                    }
                }else{
                    html = '';
                }
                $("#question").html(html);
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){
            }
        });
        $(".dalog-ask").show();
    }

    /**
     * 发送短信
     * @param phone  手机号码
     * @param desc   发送内容
     * @param node   返回结果显示节点
     */
    function sendPhone(phone,desc,node){

    }

    /***
     * 打开搜索订单框
     */
    function selectOrder(){
        layer_show("搜索订单","${path}/admin/customer/select_order","1000","500");
    }

    /**
     * 显示选择的订单
     */
    function setSelectOrder(orderId){
        var html = '';
        var address = ''; //地址
        var orderItemList = {};
        $.ajax({
            type: "POST",
            data: {
                salesId : orderId
            },
            url: "${path}/admin/customer/select_salesOrder",
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    for(var i=0;i<data.returnMsg.salesOrderList.length;i++){
                        var salesOrder = data.returnMsg.salesOrderList[i];

                        var productsHtml = '';
                        var salesOrderItem = salesOrder.salesOrderItemList;
                        orderItemList = salesOrder.salesOrderItemList;
                        for(var j=0;j<salesOrderItem.length;j++){
                            var item = salesOrderItem[j].itemProductName + "*" + salesOrderItem[j].itemNum;
                            if(j==0){
                                productsHtml += item
                            }else{
                                productsHtml += '<br>'+ item
                            }
                        }
                        var time = formatDate(new Date(salesOrder.salesCreateTime),"yyyy-MM-dd");
                        html += '' +
                                ' <td>'+ convertUndefinedToEmpty(salesOrder.companyName) +'-'+ convertUndefinedToEmpty(salesOrder.storeName) +'</td>' +
                                ' <td>'+ salesOrder.salesId +'</td>' +
                                ' <td>'+ salesOrder.salesAddressName +'</td>' +
                                ' <td>'+ salesOrder.salesAddressTel +'</td>' +
                                ' <td>'+ salesOrder.salesAmount +'</td>' +
                                ' <td>'+ productsHtml +'</td>' +
                                ' <td>'+ time +'</td>' +
                                '';
                       //address = '<td colspan="1">收货地址</td><td colspan="6" class="td-manage text-c" >'+ salesOrder.salesAddressInfo +'&nbsp;&nbsp;&nbsp;&nbsp;<a style="color: #0a6999;text-decoration: underline;" href="javascript:void(0);" title="编辑" onclick="updateAdress()">修改地址</a></td>' ;
                        address = salesOrder.salesAddressInfo;

                        $("#sendName").val(salesOrder.salesAddressName); //订单名称
                        $("#sendTel").val(salesOrder.salesAddressTel);  //订单电话号码
                    }
                   // $("#showOrderAddress").html(address);
                }else{
                    html = '';
                }
                $("#showOrder").html(html);  //显示订单
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){
            }
        });
        $("#addressInfo").val(address);
        setAdress();  //显示地址
        setProduce(orderItemList); //显示产品
    }

    /**
     * 设置地址
     */
    function setAdress(){
        var addres = $("#addressInfo").val();

        $("#addrssMsg").html("");
        if(addres == null){
            $("#addrssMsg").html("*未能获取到地址，请手动选择地址");
            return;
        }
        var addresList = addres.split("-");
        if(addresList[0] == null || addresList[1]==null || addresList[2]==null || addresList[3]==null){
            $("#addrssMsg").html("*未能获取到地址，请手动选择地址");
            return;
        }
        var proId = setPro(getAddress(addresList[0],0),1);
        var cityId = setCity(getAddress(addresList[1],1),proId,1);
        setDistrict(getAddress(addresList[2],2),cityId,1);
        $("#sendAddress").val(addresList[3]);
    }

    /***
     * 删除 “省”，“市”，“区”关键字
     * type : 0:省   2：市   3：区
     */
    function getAddress(addrss,type) {
        var abbreviation = "";
        if(addrss == ""){
            abbreviation = "";
        }else{
            switch(type)
            {
                case 0:
                    var proReg = new RegExp("省","g");
                    abbreviation = addrss.replace(proReg,"");
                    break;
                case 1:
                    var cityReg = new RegExp("市","g");
                    abbreviation = addrss.replace(cityReg,"");
                    break;
                case 2:
                    var districtReg = new RegExp("市","g");
                    abbreviation = addrss.replace(districtReg,"");
                    break;
                default:
                    break;
            }
        }
        return abbreviation
    }

    /**
     * 设置省
     * type  1:搜索订单赋值   2：只查询全部，默认第一个
     */
    function setPro(provinceName,type) {
        var proId = '';
        var province = listProvince();
        var selectPro = {};
        if(type == 1){
            selectPro = listProvince("",provinceName);
        }else if(type == 2){
            selectPro = null;
        }
        if(province!=null){
            var provinceHtml = ''
            for(var i=0;i<province.length;i++){
                if(selectPro!= null && province[i].provinceId == selectPro[0].provinceId){
                    proId = selectPro[0].provinceId;
                    provinceHtml += '<option value="'+ province[i].provinceId +'" selected>'+ province[i].province +'</option>';
                }else{
                    provinceHtml += '<option value="'+ province[i].provinceId +'">'+ province[i].province +'</option>';
                }
            }
            $("#province").html(provinceHtml);
        }
        return proId;
    }

    /**
     * 设置市
     * type  1:搜索订单赋值   2：只查询全部，默认第一个
     */
    function setCity(cityName,proId,type) {
        var cityId = '';
        var city = listCity(proId,"");
        var selectCity = {};
        if(type == 1){
            selectCity = listCity(proId,cityName);
        }else if(type == 2){
            selectCity = null;
            cityId = city[0].cityId;
        }

        if(city!=null){
            var cityHtml = ''
            for(var i=0;i<city.length;i++){
                if(selectCity != null && city[i].cityId == selectCity[0].cityId){
                    cityId = city[i].cityId;
                    cityHtml += '<option value="'+ city[i].cityId +'" selected>'+ city[i].city +'</option>';
                }else{
                    cityHtml += '<option value="'+ city[i].cityId +'">'+ city[i].city +'</option>';
                }
            }
            $("#city").html(cityHtml);
        }
        return cityId;
    }

    /**
     * 设置区
     * type  1:搜索订单赋值   2：只查询全部，默认第一个
     */
    function setDistrict(districtName,cityId,type) {
        var district = listDistrict(cityId,"");
        var selectDistrict = {};
        if(type == 1){
            selectDistrict = listDistrict(cityId,districtName);
        }else if(type == 2){
            selectDistrict = null;
        }
        if(district!=null){
            var districtHtml = ''
            for(var i=0;i<district.length;i++){
                if(selectDistrict != null && district[i].districtId == selectDistrict[0].districtId){
                    districtHtml += '<option value="'+ district[i].districtId +'" selected>'+ district[i].district +'</option>';
                }else{
                    districtHtml += '<option value="'+ district[i].districtId +'">'+ district[i].district +'</option>';
                }
            }
            $("#district").html(districtHtml);
        }
    }

    /* TDS收集设置区 */
    var TDSCity = '';
    function linkageSetDistrict(){
        var arrcity_3word = $("#arrcity_3word").val();
        var cityName = '北京';
        for(var i = 0;i<citys.length;i++){
            for(var j=0;j<citys[i].length;j++){
                if(j == 0 && arrcity_3word == citys[i][j]){
                    cityName = citys[i][1];
                }
            }
        }
        TDSCity = cityName;
        var selectCity = listCity(null,cityName);
        var cityId = selectCity[0].cityId;
        var selectDistrict = listDistrict(cityId,"");
        var html = '';
        for(var i=0;i<selectDistrict.length;i++){
            html += '<option value="'+ selectDistrict[i].districtId +'">'+ selectDistrict[i].district +'</option>';
        }
        $("#TDSArea").html(html);
        $("#TDSArea").find("option").eq(0).prop("selected",true);
    }

    /**
     * 展示产品
     * @param orderItemList
     */
    function setProduce(orderItemList) {
        var productList = getProduct() ; //所有产品
        var html = "";
        var productTypeNo = 0;

        for(var i=0;i<productList.length;i++) {
            var product = productList[i];
            var produceFittings = getProduceFittings(product.productId);  //获取该产品的所有配件
            var colorList = product.colorList;  //该产品的所有颜色

            var productType = product.productType;

            var colorHtml = '';
            if(colorList != null && colorList.length >0 ){
                for(var k=0;k<orderItemList.length;k++){
                    var item = orderItemList[k];
                    for(var j=0;j<colorList.length;j++){
                        var color = colorList[j];
                        var number = "";
                        if(item.itemColorId == color.colorId){
                            number = item.itemNum;
                        }
                        if(color.colorProductId == product.productId) {
                            colorHtml += '<div class="color-div">' +
                                    '<input type="hidden" value="' + color.colorId + '">' +
                                    '<span>' + color.colorName + '<span>&nbsp;&nbsp;' +
                                    '<input type="text" class="input-text input-produce input-pro-number" style="width: 40px;text-align: center;" value="'+ number +'" placeholder="" id="" name="">' +
                                    '</div>';
                        }
                    }
                }
            }else{
                colorHtml += '<span>暂无该产品的颜色！<span>';
            }

            var produceFittingsHtml = '';
            if(produceFittings != null && produceFittings.length > 0){
                for(var m=0;m<produceFittings.length;m++){
                    var produceFit = produceFittings[m];
                    if(produceFit.productId == product.productId){
                        produceFittingsHtml += '<div class="color-div">' +
                                '<input type="hidden" value="' + produceFit.fittingsId +'">'+
                                '<span>' + produceFit.fittingsName +'<span>&nbsp;&nbsp;'+
                                '<input type="text" class="input-text input-produce input-pro-number" style="width: 40px;text-align: center;" value="" placeholder="" id="" name="">' +
                                '</div>';
                    }
                }
            }else{
                produceFittingsHtml += '<span>暂无产品配件！<span>';
            }

            var produceHtml = '<input type="hidden" value="'+ product.productId +'">' +
                    '<span>'+  product.productName +'</span>';

            html += ' <tr >' +
                    '    <td>'+ produceHtml +'</td>' +
                    '    <td>' +
                    colorHtml +
                    '    </td>' +
                    '    <td>' +
                    produceFittingsHtml +
                    '    </td>' +
                    '</tr>';
        }

        $("#addProduct").html(html);

        initCheck(); //因为需要展示产品，所以再次初始化多选框

        setBackProduct();  //设置寄回产品

        monitorProduct();   //监听产品变化
    }

    /*获取产品*/
    function getProduct(){
        var productList;
        $.ajax({
            type: "POST",
            data: {
            },
            url: "${path}/admin/customer/select_produce",
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    productList = data.returnMsg.productList;
                }
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){
            }
        });
        return productList;
    }

    /*获取产品配件*/
    function getProduceFittings(productId){
        var produceFittings;
        $.ajax({
            type: "get",
            data: {
                productId : productId
            },
            url: "${path}/admin/customer/select_produce_fittings",
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    produceFittings = data.returnMsg.produceFittingsList;
                }
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){
            }
        });
        return produceFittings;
    }

    /*监听产品变化*/
    function monitorProduct(){
        /*产品数量*/
        $(".input-pro-number").blur(function (){
            setBackProduct();
        })
    }

    /*添加产品*/
    function addProduct(){
        var html = '';
        var productList = getProduct();

        var produceHtml = '<select name="" class="select" style="width: 100px;">';
        for(var i=0;i<productList.length;i++){

        }
        html+= '<div class="formControls col-1 col-sm-1">\n' +
                '                    <a><img src="${path}/common/images/cm/add-produce.png" width="21" height="21"></button></a>\n' +
                '                </div>'

        html += '<div class="skin-minimal">' +
                '          <div class="check-box">' +
                '              <input type="checkbox" id="checkbox-1" checked>' +
                '' +
                '              <label for="checkbox-1">净水机</label> -' +
                '' +
                '              <label for="checkbox-1">净水机</label>' +
                '' +
                '              <select name="" class="select" style="width: 100px;">' +
                '                  <option value="0">黑色</option>' +
                '                  <option value="1">白色</option>' +
                '              </select>' +
                '              <input type="text" class="input-text" style="width: 40px;text-align: center;" value="1" placeholder="" id="" name="">' +
                '          </div>' +
                '' +
                '          <div class="check-box">' +
                '              <input type="checkbox" id="checkbox-2" checked>' +
                '              <label for="checkbox-2">水箱</label>' +
                '              <input type="text" class="input-text" style="width: 40px;text-align: center;" value="1" placeholder="" id="" name="">' +
                '          </div>' +
                '          <div class="check-box">' +
                '              <input type="checkbox" id="checkbox-3" checked>' +
                '              <label for="checkbox-2">T1</label>' +
                '              <input type="text" class="input-text" style="width: 40px;text-align: center;" value="1" placeholder="" id="" name="">' +
                '          </div>' +
                '          <div class="check-box">' +
                '              <input type="checkbox" id="checkbox-4" checked>' +
                '              <label for="checkbox-2">T2</label>' +
                '              <input type="text" class="input-text" style="width: 40px;text-align: center;" value="1" placeholder="" id="" name="">' +
                '          </div>' +
                '      </div>'

    }

    /*设置寄回产品*/
    function setBackProduct() {
        var  html = '';

        $("#back-product").html(html);
    }

</script>
<script>
    $(function(){
        $("#form-customer-add").Validform({
            tiptype: function (msg, o, cssctl) {
                if (o.type == 3) {//失败
                    layer.msg(msg, {icon: 5, time: 3000});
                    $(window).scrollTop(o.obj.offset().top - 40);
                }
            },
            datatype: {//自定义验证类型

            },
            ignoreHidden: true,
            tipSweep: true, //若为true，则只在表单提交时验证
            ajaxPost: true, //异步提交
            beforeCheck: function (curform) {  //验证通过之前执行的函数

            },
            beforeSubmit: function (curform) {  //验证通过之后执行的函数
                addCustomerReady();
            },
            callback: function (data) {//异步回调函数
                return ;
                if (data) {
                    var index = layer.alert(data.resultMsg, function () {
                        if (data.resultCode == 200) {
                            //location.href = "${path}/admin/bom/_bom_list";
                        } else {
                            //layer.close(index);
                        }
                        return ;
                    });
                }
            }
        });
    })

    /* 添加客诉的准备 */
    function addCustomerReady(){

        /*----TDS收集模块--start-----*/
        var valicity = $(".ac_result_tip").html();
        if(valicity == null || valicity == "" || typeof(valicity)=="undefined"){
            $("#TDSArea").html("");
        }else if(valicity.indexOf("对不起，找不到") > 0 ){
            $("#TDSArea").html("");
            $("#customerArea").val("");
        }else{
            var TDSArea = $("#TDSArea").find("option:selected").text();
            if(TDSArea != null && TDSArea != ""){
                var area = TDSCity + "-" + TDSArea
                $("#customerArea").val(area);
            }
        }
        /*----TDS收集模块--end-----*/

        /*----问题描述- start --*/
        var describeContentText = UE.getEditor('describeContentText').getContent();
        $("#describeContent").val(describeContentText);
        /*----问题描述--end-----*/

        /*----处理描述- start --*/
        var describeHandleDescText = UE.getEditor('describeHandleDescText').getContent();
        $("#describeHandleDesc").val(describeHandleDescText);
        /*----处理描述--end-----*/


    }

    /* 添加客诉 */
//    function save_submit(){
//        var customerSourceType = $("input[name='customerSourceType']:checked").val();
//        if(customerSourceType == 3){
//            var customerSource = $("#customerSource").val();
//            if(customerSource == null || customerSource ==""){
//                showErrorMsg($("#customerSource"),"请输入来源入口！");
//            }
//        }
//    }

    /*提示错误信息*/
    function showErrorMsg(node,msg){
        node.select();
        layer.msg(msg, {icon: 2, time: 2000});
    }
</script>

<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>