1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003 |
- <!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;color: #50a2ea;}
- .tit-2:after{content: '';position: absolute;left: 0;top: 50%;height: 6px;width: 6px;border-radius: 6px;margin-top: -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 .red{display: inline-block; padding: 2px; background: red;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;padding: 15px 8px;}
- .table-bg td{padding: 15px 8px;}
- .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%; }
- .txt-red{color:red}
- .thString {font-weight: normal;}
- .clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1}
- .tabBar {display: inline-block; border-bottom: 2px solid #cfd9e4;position: relative}
- .tabBar span {background-color: #fff;cursor: pointer;display: inline-block;float: left;font-weight: bold;height: 30px;line-height: 30px;padding: 0 15px}
- .tabBar span.current{background-color: #fff;color: #50a2ea;position: relative;}
- .tabBar span.current:after{content: ''; position: absolute;left: 50%;bottom: 0;width: 30px;height: 2px;background: #50a2ea;margin-left: -15px;}
- .tabCon {display: none}
- </style>
- <title>客诉基本信息</title>
- </head>
- <body>
- <nav class="breadcrumb"><i class="Hui-iconfont"></i>
- <a class="btn radius r"
- href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont"></i></a>
- <a class="btn radius r"
- href="javascript:history.back(-1);" title="后退"><i class="Hui-iconfont"></i></a>
- </nav>
- <article class="cl pd-20">
- <form action="" method="post" class="form form-horizontal" id="form-article-add">
- <div class="row cl">
- <label class="form-label col-3">
- <div class="tit-2">客诉基本信息</div>
- </label>
- <div class="formControls col-9">
- </div>
- </div>
- <table class="table table-border table-bg table-bordered" style="margin-top: 10px;">
- <thead>
- <tr>
- <th width="10">跟进客服:</th>
- <td width="10" style="font-weight: normal;"><span id="adminName"></span></td>
- <th width="10">处理类型:</th>
- <td width="10" style="font-weight: normal;"><span id="procMethodName"></span></td>
- </tr>
- <tr>
- <th width="10">咨询类型:</th>
- <td width="10" style="font-weight: normal;"><span id="customerCounselType"></span></td>
- <th width="10">产品类别:</th>
- <td width="10" style="font-weight: normal;"><span id="typeName"></span></td>
- </tr>
- <tr>
- <th width="10">销售公司:</th>
- <td width="10" style="font-weight: normal;"><span id="companyName"></span></td>
- <th width="10">店铺:</th>
- <td width="10" style="font-weight: normal;"><span id="storeName"></span></td>
- </tr>
- <tr>
- <th width="10">来源入口:</th>
- <td width="10" style="font-weight: normal;"><span id="customerSourceType"></span></td>
- <th width="10">来源描述:</th>
- <td width="10" style="font-weight: normal;"><span id="customerSource"></span></td>
- </tr>
- </thead>
- </table>
- <div class="row cl">
- <label class="form-label col-3">
- <div class="tit-2">客户信息</div>
- </label>
- <div class="formControls col-9">
- </div>
- </div>
- <table class="table table-border table-bg table-bordered" style="margin-top: 10px;">
- <thead>
- <tr>
- <th width="10">微信昵称:</th>
- <td width="10" style="font-weight: normal;"><span id="customerWechatName"></span></td>
- <th width="10">用户姓名:</th>
- <td width="10" style="font-weight: normal;"><span id="customerName"></span></td>
- </tr>
- <tr>
- <th width="10">用户电话:</th>
- <td width="10" style="font-weight: normal;"><span id="customerTel"></span></td>
- <th width="10"></th>
- <td width="10" style="font-weight: normal;"><span></span></td>
- </tr>
- </thead>
- </table>
- <div class="row cl">
- <label class="form-label col-3">
- <div class="tit-2">客诉问题</div>
- </label>
- <div class="formControls col-9">
- </div>
- </div>
- <table class="table table-border table-bg table-bordered" style="margin-top: 10px;">
- <thead>
- <tr>
- <th width="10">开箱损:</th>
- <td width="10" style="font-weight: normal;"><span id="customerOutDamaged"></span></td>
- <th width="10">二次售后:</th>
- <td width="10" style="font-weight: normal;"><span id="customerSecondaryCustomer"></span></td>
- </tr>
- <tr>
- <th width="10">客诉问题:</th>
- <td width="10" style="font-weight: normal;"><span id="describeTitle"></span></td>
- <th width="10">问题描述:</th>
- <td width="10" style="font-weight: normal;"><span id="questionProfile"></span></td>
- </tr>
- <tr>
- <th width="10">问题回复:</th>
- <td width="10" style="font-weight: normal;"><span id="describeContent"></span></td>
- <th width="10">备注信息:</th>
- <td width="10" style="font-weight: normal;"><span id="customerDesc"></span></td>
- </tr>
- </thead>
- </table>
- <div class="row cl">
- <label class="form-label col-3">
- <div class="tit-2">TDS收集</div>
- </label>
- <div class="formControls col-9">
- </div>
- </div>
- <table class="table table-border table-bg table-bordered" style="margin-top: 10px;">
- <thead>
- <tr>
- <th width="10">所在省份:</th>
- <td width="10" style="font-weight: normal;"><span id="customerProvinceName"></span></td>
- <th width="10">城市区域:</th>
- <td width="10" style="font-weight: normal;"><span id="customerCityName"></span></td>
- </tr>
- <tr>
- <th width="10">进水TDS:</th>
- <td width="10" style="font-weight: normal;"><span id="customerInTDS"></span></td>
- <th width="10">出水TDS:</th>
- <td width="10" style="font-weight: normal;"><span id="customerOutTDS"></span></td>
- </tr>
- </thead>
- </table>
- <div class="row cl">
- <label class="form-label col-3">
- <div class="tit-2">订单信息</div>
- </label>
- <div class="formControls col-9">
- </div>
- </div>
- <table class="table table-border table-bg table-bordered" id="tableHtml" style="margin-top: 15px;">
- <thead>
- <tr>
- <th>销售</th>
- <th>订单号</th>
- <th>姓名</th>
- <th>电话</th>
- <th>订单金额</th>
- <th>购买产品</th>
- <th>购买日期</th>
- <th>地址</th>
- </tr>
- </thead>
- <tbody id="salesOrderHtml">
- <tr>
- <td id="companyName"></td>
- <td id="salesOrderId"></td>
- <td id="salesAddressName"></td>
- <td id="salesAddressTel"></td>
- <td id="salesPayMoney"></td>
- <td id="salesItem"></td>
- <td id="salesPayTime"></td>
- <td id=""></td>
- </tr>
- </tbody>
- </table>
- <div class="row cl">
- <label class="form-label col-3">
- <div class="tit-2">处理结果:<span id="customerIsSolve" style="color: red"></span></div>
- </label>
- <div class="formControls col-9">
- </div>
- </div>
- <#--<table class="table table-border table-bg table-bordered" style="margin-top: 10px;">
- <thead>
- <tr>
- <th width="10">寄回产品:</th>
- <td width="10" style="font-weight: normal;"><span id="closeprodcue"></span></td>
- <td width="10"></td>
- <th width="10">寄送产品:</th>
- <td width="10" style="font-weight: normal;"><span id="sendprodcue"></span></td>
- </tr>
- </thead>
- </table>-->
- <div id="tab_demo" class="HuiTab" style="margin-top: 20px;">
- <div class="tabBar clearfix">
- <#if procMethod.procMethodIsBack == 1>
- <span>寄回信息</span>
- <span>邮费信息</span>
- </#if>
- <#if procMethod.procMethodIsSend == 1>
- <span>寄送信息</span>
- </#if>
- <#--<#if procMethod.procMethodIsBack == 1>
- <span>工厂检查信息</span>
- <span>工厂返修进度</span>
- </#if>-->
- </div>
- <div <#if procMethod.procMethodIsBack == 1>class="tabCon"</#if> style="display: none;">
- <table class="table table-border table-bg table-bordered" style="margin-top: 10px;">
- <thead>
- <tr>
- <th width="10">寄回人姓名:</th>
- <td width="10" style="font-weight: normal;"><span id="relationBackName"></span></td>
- <th width="10">寄回人电话:</th>
- <td width="10" style="font-weight: normal;"><span id="relationBackTel"></span></td>
- </tr>
- <tr>
- <th width="10">寄回地址信息:</th>
- <td width="10" style="font-weight: normal;"><span id="relationSendAddress"></span></td>
- <th width="10"></th>
- <td width="10" style="font-weight: normal;"><span id=""></span></td>
- </tr>
- </thead>
- </table>
- <div class="row cl">
- <div class="formControls col-10 col-sm-10">
- <table class="table table-border table-bg table-bordered" >
- <thead>
- <tr>
- <th>物流公司</th>
- <th>物流单号</th>
- <th>寄回人信息</th>
- <th>状态</th>
- <th>产品</th>
- </tr>
- </thead>
- <tbody id="SendbackbodyId">
- <#if listSendbackInfo?? && (listSendbackInfo?size > 0) >
- <#list listSendbackInfo as sendbackInfo>
- <tr id="deleteSendbackId${(sendbackInfo.sendbackId)!''}">
- <td>${(sendbackInfo.sendbackLogisticsName)!''}</td>
- <td>${(sendbackInfo.sendbackLogisticsNo)!''}</td>
- <td>${(sendbackInfo.sendbackName)!''}<br>${(sendbackInfo.sendbackTel)!''}</td>
- <td>
- <#if sendbackInfo.sendbackStatus == 1>未配送</#if>
- <#if sendbackInfo.sendbackStatus == 2>配送中</#if>
- <#if sendbackInfo.sendbackStatus == 3>已签收</#if>
- </td>
- <td>
- <#if sendbackInfo.listSendbackItem?? && (sendbackInfo.listSendbackItem?size > 0) >
- <#list sendbackInfo.listSendbackItem as sendbackItem>
- ${sendbackItem.sendbackProductName}(${sendbackItem.sendbackColorName})* ${sendbackItem.sendbackProdcueNumber}<br>
- </#list>
- </#if>
- </td>
- </tr>
- </#list>
- <#else>
- <tr id="colspanSendbackId"><td colspan="7" class="td-manage text-c" >暂时没有寄回信息,请添加!</td></tr>
- </#if>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- <div <#if procMethod.procMethodIsBack == 1>class="tabCon"</#if> style="display: none;">
- <span id="postage" style="color: red"></span>
- <div class="row cl" id="postageInformation">
- <div class="formControls col-10 col-sm-10">
- <table class="table table-border table-bg table-bordered" >
- <thead>
- <tr>
- <th>邮费id</th>
- <th>邮费金额</th>
- <th>支付宝姓名</th>
- <th>支付宝账号</th>
- <th>状态</th>
- <th>备注</th>
- </tr>
- </thead>
- <tbody id="trbodyId">
- <#if listPostageInfo?? && (listPostageInfo?size > 0) >
- <#list listPostageInfo as postageInfo>
- <tr id="deleteId${(postageInfo.postageId)!''}">
- <td>${(postageInfo.postageId)!''}</td>
- <td>${(postageInfo.postageAmount)!''}</td>
- <td>${(postageInfo.postageAlipayName)!''}</td>
- <td>${(postageInfo.postageAlipay)!''}</td>
- <#if postageInfo.postageStatus??>
- <#if postageInfo.postageStatus == 0><td>未申请</td></#if>
- <#if postageInfo.postageStatus == 1><td>未申请</td></#if>
- <#if postageInfo.postageStatus == 2><td>已申请(待转账)</td></#if>
- <#if postageInfo.postageStatus == 3><td>已转账</td></#if>
- <#if postageInfo.postageStatus == 4><td>未知</td></#if>
- <#else>
- <td></td>
- </#if>
- <td>${postageInfo.postageDesc!''}</td>
- </tr>
- </#list>
- <#else>
- <tr id="colspanId"><td colspan="7" class="td-manage text-c" >暂时没有邮费信息!</td></tr>
- </#if>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- <div <#if procMethod.procMethodIsSend == 1>class="tabCon"</#if>style="display: none;">
- <table class="table table-border table-bg table-bordered" style="margin-top: 10px;">
- <thead>
- <tr>
- <th width="20">订单编号</th>
- <th width="20">订单状态</th>
- <th width="20">发货状态</th>
- <th width="20">产品</th>
- <th width="20">物流信息</th>
- </tr>
- </thead>
- <tbody>
- <#if salesOrderList?? && (salesOrderList?size > 0) >
- <#list salesOrderList as salesOrder>
- <tr>
- <td>${salesOrder.salesDealCode!''}</td>
- <td>
- <#if salesOrder.salesStatus==0 >
- 未确认
- <#elseif salesOrder.salesStatus==1 >
- 已确认
- <#elseif salesOrder.salesStatus==3 >
- 作废
- </#if>
- </td>
- <td>
- <#if salesOrder.salesShippingStatus==0 >
- 未发货
- <#elseif salesOrder.salesShippingStatus==1 >
- 已发货
- <#elseif salesOrder.salesShippingStatus==11 >
- 通知配货
- </#if>
- </td>
- <td>
- <#if salesOrder.salesOrderItemList?? && (salesOrder.salesOrderItemList?size > 0) >
- <#list salesOrder.salesOrderItemList as salesOrderItem>
- ${salesOrderItem.itemProductName!''}(${salesOrderItem.itemProductColor!''})*${salesOrderItem.itemNum!''}<br>
- </#list>
- </#if>
- </td>
- <td>
- ${salesOrder.salesPostFirm!''}<br>
- ${salesOrder.salesPostNum!''}
- </td>
- </tr>
- </#list>
- </#if>
- </tbody>
- </table>
- <div class="row cl">
- <div class="formControls col-2 col-sm-2">
- </div>
- </div>
- </div>
- <#--<#if procMethod.procMethodIsBack == 1>
- <div class="tabCon">
- <div class="row cl" style="margin-left: -70px;">
- <div class="formControls col-2 col-sm-2 text-r">
- <strong>QC进度</strong>
- </div>
- <div class="formControls col-10 col-sm-10">
- <table class="table table-border table-bg table-bordered">
- <tbody class="text-c" id="detect_table"><tr>
- <th>工厂检测现象</th><th>故障分类</th><th>故障原因</th><th>判定结果</th><th>故障指向</th><th>原因分析</th><th>生产维修</th>
- </tr>
- </tbody></table>
- </div>
- </div>
- </div>
- <div class="tabCon">
- <div class="row cl" style="margin-left: -70px;">
- <div class="formControls col-2 col-sm-2 text-r">
- <strong>返修进度</strong>
- </div>
- <div class="formControls col-10 col-sm-10">
- <table class="table table-border table-bg table-bordered">
- <tbody class="text-c" id="maintenance_table"><tr>
- <th>是否可返修</th><th>返修内容</th><th>返修日期</th>
- </tr>
- </tbody></table>
- </div>
- </div>
- </div>
- </#if>-->
- </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/suggest.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(){
- $.Huitab("#tab_demo .tabBar span","#tab_demo .tabCon","current","click","0")});
- $(function(){
- get_cmRelation_info();
- $('.skin-minimal input').iCheck({
- checkboxClass: 'icheckbox-blue',
- radioClass: 'iradio-blue',
- increaseArea: '20%'
- });
- $("#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"})
- getCustomerInfo();
- });
- var sendprodcue = '';
- var sendprodcueshow = false; //寄送产品
- var closeprodcue = '';
- var closeprodcueshow = false; //寄回产品
- /**
- * 查询客诉基本信息
- */
- function getCustomerInfo() {
- $.ajax({
- cache: true,
- type: "POST",
- data: {"customerId":${customerId!''}},
- url: "${path}/admin/customer/get_customer_info",
- async: false,
- success: function(data){
- if (data.returnCode == 200) {
- console.log(data.returnMsg);
- var customer = data.returnMsg.customer;
- var customerCommon = data.returnMsg.customerCommon;
- var salesOrder = data.returnMsg.salesOrder;
- var orderList = data.returnMsg.orderList;
- var cmRelation = data.returnMsg.cmRelation;
- var procMethod = data.returnMsg.procMethod;
- var postage = '';
- var postageMoney = 0;
- if (customerCommon.relationBackPostage != null) {
- postageMoney = customerCommon.relationBackPostage;
- }
- switch (customerCommon.relationIsTransfer) {
- case 0:
- postage = '不需要转账。';
- break;
- case 1:
- postage = '已转账邮费'+postageMoney/100+'元。';
- break;
- case 2:
- postage = '待转账邮费'+postageMoney/100+'元。';
- break;
- }
- $('#postage').html(postage);
- $('#adminName').html(customer.adminName);
- var customerSource = '';
- switch (customer.customerSourceType) {
- case 1:customerSource = '400电话';break;
- case 2:customerSource = '微信公众号';break;
- case 3:customerSource = '其他';break;
- case 4:customerSource = "QQ群";break;
- case 5:customerSource = "微信群";break;
- case 6:customerSource = "个人微信";break;
- case 7:customerSource = "有赞";break;
- }
- $('#customerSourceType').html(customerSource);
- $('#customerSource').html(customer.customerSource);
- var customerCounsel = '';
- switch (customer.customerCounselType) {
- case 1:customerCounsel = '售前咨询';break;
- case 2:customerCounsel = '售后咨询';break;
- case 3:customerCounsel = '其他';break;
- }
- var customerOutDamagedHtml = '';
- if(customer.customerOutDamaged == 1){
- customerOutDamagedHtml = '是';
- }else{
- customerOutDamagedHtml = '否';
- }
- $("#customerOutDamaged").html(customerOutDamagedHtml);
- var customerSecondaryCustomerHtml = '';
- if(customer.customerSecondaryCustomer == 1){
- customerSecondaryCustomerHtml = '是';
- }else{
- customerSecondaryCustomerHtml = '否';
- }
- $("#customerSecondaryCustomer").html(customerSecondaryCustomerHtml);
- $("#procMethodName").html(cmRelation.procTypeName + "(" + cmRelation.procMethodName +")");
- $('#customerCounselType').html(customerCounsel);
- $('#typeName').html(customer.typeName);
- $('#describeTitle').html(customer.describeTitle);
- $('#questionProfile').html(customer.describeHandleDesc);
- $('#describeContent').html(customer.describeContent);
- $('#customerDesc').html(customer.customerDesc);
- $('#customerName').html(customer.customerName);
- $('#customerTel').html(customer.customerTel);
- $('#companyName').html(customer.companyName);
- $('#storeName').html(customer.storeName);
- $('#customerName').html(customer.customerName);
- $('#customerTel').html(customer.customerTel);
- $('#customerWechatName').html(customer.customerWechatName);
- var txtcustomerIsSolve = procMethod.procMethodName;
- $('#customerIsSolve').html(txtcustomerIsSolve);
- $('#customerProvinceName').html(customer.customerProvinceName);
- $('#customerCityName').html(customer.customerCityName + customer.customerDistrictName);
- $('#customerInTDS').html(customer.customerInTDS);
- $('#customerOutTDS').html(customer.customerOutTDS);
- if(orderList != null && typeof(orderList)!="" && orderList.length > 0 ){
- var salesOrderHtml = "";
- $.each(orderList,function(index,item){
- var itemHtml = "";
- $.each(this.salesOrderItemList,function(index,item){
- itemHtml = this.itemProductName + '*' + this.itemNum
- })
- salesOrderHtml += '<tr>'
- + '<td id="">'+ convertUndefinedToEmpty(customer.companyName)+"-"+convertUndefinedToEmpty(customer.storeName) +'</td>'
- + '<td id="">'+ this.salesOrderId +'</td>'
- + '<td id="">'+ this.salesAddressName +'</td>'
- + '<td id="">'+ this.salesAddressTel +'</td>'
- + '<td id="">'+ this.salesPayMoney/100 +'</td>'
- + '<td id="">'+ itemHtml +'</td>'
- + '<td id="">'+ this.salesPayTime +'</td>'
- + '<td id="">'+ this.salesAddressInfo +'</td>'
- + '</tr>';
- })
- $("#salesOrderHtml").html(salesOrderHtml);
- }else{
- $("#tableHtml").hide();
- }
- $("#relationBackName").html(cmRelation.relationBackName);
- $("#relationBackTel").html(cmRelation.relationBackTel);
- $("#relationSendAddress").html(cmRelation.relationSendMergeAddress + " " +cmRelation.relationSendAddress);
- // $('#salesOrderId').html(salesOrder.salesOrderId);
- // $('#salesAddressName').html(salesOrder.salesAddressName);
- // $('#salesAddressTel').html(salesOrder.salesAddressTel);
- // $('#salesPayMoney').html('¥'+salesOrder.salesPayMoney/100);
- // var salesItem = '';
- // $.each(salesOrder.salesOrderItemList,function(index,item){
- // salesItem = this.itemProductName + '*' + this.itemNum
- // })
- // $('#salesItem').html(salesItem);
- // $('#salesPayTime').html(salesOrder.salesPayTime);
- // $('#relationSendMergeAddress').html( convertUndefinedToEmpty(cmRelation.relationSendMergeAddress)+"-"+convertUndefinedToEmpty(cmRelation.relationSendAddress));
- // if (customerCommon.sendProdcues != null && customerCommon.sendProdcues.length > 0) {
- // $.each(customerCommon.sendProdcues,function(index,item){
- // sendprodcue += '<span style="margin-bottom: 10px;display: inline-block;float: left;">' + this.sendProduceName + '*' + this.sendProdcueNumber + '</span>';
- // })
- // }
- // if (customerCommon.sendFittings != null && customerCommon.sendFittings.length > 0) {
- // $.each(customerCommon.sendFittings,function(index,item){
- // sendprodcue += '<span style="margin-bottom: 10px;display: inline-block;float: left;">' + this.sendFittingsName + '*' + this.sendFittingNumber + '</span>';
- // })
- // }
- // if (customerCommon.closedProdcues != null && customerCommon.closedProdcues.length > 0) {
- // $.each(customerCommon.closedProdcues,function(index,item){
- // closeprodcue += '<span style="margin-bottom: 10px;display: inline-block;float: left;">' + this.closedProductName + '*' + this.closedProdcueNumber + '</span>';
- // })
- // }
- // if (customerCommon.closedFittings != null && customerCommon.closedFittings.length > 0) {
- // $.each(customerCommon.closedFittings,function(index,item){
- // closeprodcue += '<span style="margin-bottom: 10px;display: inline-block;float: left;">' + this.closedFittingsName + '*' + this.closedFittingNumber + '</span>';
- // })
- // }
- // $('#sendprodcue').html(sendprodcue+"<br/>");
- // $('#closeprodcue').html(closeprodcue+"<br/>");
- if (sendprodcueshow) {
- $('#divSendProdcue').show();
- } else {
- $('#divSendProdcue').hide();
- }
- if (closeprodcueshow) {
- $('#divCloseProdcue').show();
- } else {
- $('#divCloseProdcue').hide();
- }
- var customerArea = "";
- if(customer.customerArea != null && customer.customerArea != ""){
- customerArea = convertUndefinedToEmpty(customer.customerArea)+",";
- }
- if (customer.customerIsVisit == 2) {
- var visitTime = '';
- switch (customer.visitTimeSelect) {
- case 1:visitTime = '9:00-12:00';break;
- case 2:visitTime = '12:00-14:00';break;
- case 3:visitTime = '14:00-18:00';break;
- }
- /*var visitText = "";
- if(customer.visitStatus == 1 || customer.visitStatus == 2){
- visitText += '(<span class="txt-red">'+convertUndefinedToEmpty(customer.visitDesignatedAdminName)+'</span>) '+
- '需要在 <span class="txt-red">'+convertUndefinedToEmpty(customer.visitDate)+
- ' '+convertUndefinedToEmpty(visitTime)+'</span>对 <span class="txt-red">'+
- convertUndefinedToEmpty(customer.visitName)+' '+
- convertUndefinedToEmpty(customer.visitTel)+'</span> 进行回访<br>';
- }
- if(customer.visitStatus == 2){
- visitText += '(<span class="txt-red">'+convertUndefinedToEmpty(customer.visitDesignatedAdminName)+'</span>) '+
- '在 <span class="txt-red">'+convertUndefinedToEmpty(customer.visitCompleteDate)+
- ' </span>对 <span class="txt-red">'+
- convertUndefinedToEmpty(customer.visitCompleteName)+' '+
- convertUndefinedToEmpty(customer.visitCompleteTel)+'</span> 完成回访';
- }
- $('#txtVisit').html(visitText);*/
- }
- }
- },
- error: function(XmlHttpRequest, textStatus, errorThrown){
- }
- });
- }
- /*处理结果的执行状态*/
- var isSolve = {
- solved : [],
- noSolved : [],
- renewed : ["录入客诉","督促用户寄回","录入快递单号","仓库收货","换新发货","发货通知用户","收货后回访"],
- maintain : ["录入客诉","督促用户寄回","录入快递单号","仓库收货","品质检测","产线维修","换新发货","发货通知用户","收货后回访"],
- reissue : ["录入客诉","生成E订单","督促仓库发货","仓库发货","发货通知用户","收货后回访"],
- backGoods : ["录入客诉","督促用户寄回","录入快递单号","仓库收货","品质检测","退款","退货完成"],
- noReasonBack : ["录入客诉","督促用户寄回","录入快递单号","仓库收货","品质检测","退款","退货完成"]
- }
- /*
- * 按条件展示步骤的对应颜色
- * backStatus:寄回状态
- * sendStatus:寄送状态
- */
- function resultshow(customerIsSolve, backStatus, sendStatus, maintenanceIsRepair, detectState) {
- var statusHtml = '<li id="div_li"><span class="arrow"></span><div id="div_number" class="number">status_index</div><div id="div_txt">status_html</div></li>';
- var result = [];
- var resultHtml = '';
- switch (customerIsSolve) {
- case 1:result = isSolve.solved;break;
- case 2:result = isSolve.noSolved;break;
- case 3:
- result = isSolve.renewed;
- $('#div_costomer').show();
- sendprodcueshow = true;
- closeprodcueshow = true;
- break;
- case 4:
- result = isSolve.maintain;
- $('#div_costomer').show();
- sendprodcueshow = true;
- closeprodcueshow = true;
- break;
- case 5:
- result = isSolve.reissue;
- $('#div_costomer').show();
- sendprodcueshow = true;
- break;
- case 6:
- result = isSolve.backGoods;
- $('#div_costomer').show();
- closeprodcueshow = true;
- break;
- case 7:
- result = isSolve.noReasonBack;
- $('#div_costomer').show();
- closeprodcueshow = true;
- break;
- }
- for(var i = 0;i < result.length;i++){
- var html = statusHtml.replace("status_index",i+1);
- html = html.replace("div_li","li-"+(i+1));
- html = html.replace("div_number","number-"+(i+1));
- html = html.replace("div_txt","txt-"+(i+1));
- html = html.replace("status_html",result[i]);
- resultHtml += html;
- }
- $(".time-line-list").html(resultHtml);
- $('#number-1').attr('class','red');
- $('#txt-1').attr('class','txt-red');
- if (customerIsSolve == 3) {
- switch (backStatus) {
- case 1:
- $('#number-2').attr('class','red');
- $('#txt-2').attr('class','txt-red');
- break;
- case 2:
- $('#number-2').attr('class','red');
- $('#number-3').attr('class','red');
- $('#txt-2').attr('class','txt-red');
- $('#txt-3').attr('class','txt-red');
- break;
- case 3:
- $('#number-2').attr('class','red');
- $('#number-3').attr('class','red');
- $('#number-4').attr('class','red');
- $('#txt-2').attr('class','txt-red');
- $('#txt-3').attr('class','txt-red');
- $('#txt-4').attr('class','txt-red');
- break;
- }
- switch (sendStatus) {
- case 1:
- $('#number-5').attr('class','red');
- $('#txt-5').attr('class','txt-red');
- break;
- case 2:
- $('#number-5').attr('class','red');
- $('#number-6').attr('class','red');
- $('#txt-5').attr('class','txt-red');
- $('#txt-6').attr('class','txt-red');
- break;
- case 3:
- $('#number-5').attr('class','red');
- $('#number-6').attr('class','red');
- $('#number-7').attr('class','red');
- $('#txt-5').attr('class','txt-red');
- $('#txt-6').attr('class','txt-red');
- $('#txt-7').attr('class','txt-red');
- break;
- }
- } else if (customerIsSolve == 4) {
- switch (backStatus) {
- case 1:
- $('#number-2').attr('class','red');
- $('#txt-2').attr('class','txt-red');
- break;
- case 2:
- $('#number-2').attr('class','red');
- $('#number-3').attr('class','red');
- $('#txt-2').attr('class','txt-red');
- $('#txt-3').attr('class','txt-red');
- break;
- case 3:
- $('#number-2').attr('class','red');
- $('#number-3').attr('class','red');
- $('#number-4').attr('class','red');
- $('#txt-2').attr('class','txt-red');
- $('#txt-3').attr('class','txt-red');
- $('#txt-4').attr('class','txt-red');
- break;
- }
- switch (sendStatus) {
- case 1:
- $('#number-7').attr('class','red');
- $('#txt-7').attr('class','txt-red');
- break;
- case 2:
- $('#number-7').attr('class','red');
- $('#number-8').attr('class','red');
- $('#txt-7').attr('class','txt-red');
- $('#txt-8').attr('class','txt-red');
- break;
- case 3:
- $('#number-7').attr('class','red');
- $('#number-8').attr('class','red');
- $('#number-9').attr('class','red');
- $('#txt-7').attr('class','txt-red');
- $('#txt-8').attr('class','txt-red');
- $('#txt-9').attr('class','txt-red');
- break;
- }
- if (detectState == 2 || detectState == 3 || detectState == 4) {
- $('#number-5').attr('class','red');
- $('#txt-5').attr('class','txt-red');
- }
- if (maintenanceIsRepair != null && maintenanceIsRepair != '') {
- $('#number-6').attr('class','red');
- $('#txt-6').attr('class','txt-red');
- }
- } else if (customerIsSolve == 5) {
- $('#number-2').attr('class','red');
- $('#txt-2').attr('class','txt-red');
- switch (sendStatus) {
- case 1:
- $('#number-3').attr('class','red');
- $('#txt-3').attr('class','txt-red');
- break;
- case 2:
- $('#number-3').attr('class','red');
- $('#number-4').attr('class','red');
- $('#number-5').attr('class','red');
- $('#txt-3').attr('class','txt-red');
- $('#txt-4').attr('class','txt-red');
- $('#txt-5').attr('class','txt-red');
- break;
- case 3:
- $('#number-3').attr('class','red');
- $('#number-4').attr('class','red');
- $('#number-5').attr('class','red');
- $('#number-6').attr('class','red');
- $('#txt-3').attr('class','txt-red');
- $('#txt-4').attr('class','txt-red');
- $('#txt-5').attr('class','txt-red');
- $('#txt-6').attr('class','txt-red');
- break;
- }
- } else if (customerIsSolve == 6 || customerIsSolve == 7) {
- switch (backStatus) {
- case 1:
- $('#number-2').attr('class', 'red');
- $('#txt-2').attr('class', 'txt-red');
- break;
- case 2:
- $('#number-2').attr('class', 'red');
- $('#number-3').attr('class', 'red');
- $('#txt-2').attr('class', 'txt-red');
- $('#txt-3').attr('class', 'txt-red');
- break;
- case 3:
- $('#number-2').attr('class', 'red');
- $('#number-3').attr('class', 'red');
- $('#number-4').attr('class', 'red');
- $('#txt-2').attr('class', 'txt-red');
- $('#txt-3').attr('class', 'txt-red');
- $('#txt-4').attr('class', 'txt-red');
- break;
- }
- if (detectState == 2 || detectState == 3 || detectState == 4) {
- $('#number-5').attr('class', 'red');
- $('#txt-5').attr('class', 'txt-red');
- }
- }
- }
- /*获取换新信息*/
- function get_cmRelation_info() {
- $.ajax({
- cache: true,
- type: "POST",
- data: {"customerId":${customerId}},
- url: "${path}/admin/customer/get_cmRelation_info",
- async: false,
- success: function(data){
- if (data.returnCode == 200) {
- var relation = data.returnMsg.cmRelation;
- console.log(relation);
- // getProvince('provinceNumber');
- // getCity('cityNumber',relation.provinceNumber);
- // getDistrict('areaNumber',relation.cityNumber);
- // $("#relationSendLogisticsCompany option[value='" + relation.relationSendLogisticsCompany + "']").attr("selected","true");
- // $("#provinceNumber option[value='" + relation.provinceNumber + "']").attr("selected","true");
- // $("#cityNumber option[value='" + relation.cityNumber + "']").attr("selected","true");
- // $("#areaNumber option[value='" + relation.areaNumber + "']").attr("selected","true");
- // $('input[name="relationSendStatus"]').each(function(){
- // if (this.value == relation.relationSendStatus) {
- // $(this).iCheck('check');
- // }
- // });
- // $('#relationBackEfastOrderId').html(relation.relationBackEfastOrderId);
- // $('#relationSendName').html(relation.relationSendName);
- // $('#relationSendTel').html(relation.relationSendTel);
- // $('#relationSendAddress').html(relation.relationSendAddress);
- // $('#relationSendLogisticsNo').html(relation.relationSendLogisticsNo);
- // $('#relationDesc').html(relation.relationDesc);
- }
- },
- error: function(XmlHttpRequest, textStatus, errorThrown){
- }
- })
- }
- /**
- * 获取省
- */
- function getProvince(provinceNum) {
- var province = listProvince();
- if(province!=null){
- var provinceHtml = '';
- for(var i=0;i<province.length;i++){
- provinceHtml += '<option value="'+ province[i].provinceId +'">'+ province[i].province +'</option>';
- }
- $('#'+provinceNum).append(provinceHtml);
- }
- }
- /**
- * 获取市
- */
- function getCity(cityNum,provineceId) {
- var city = listCity(provineceId,'');
- if(city!=null){
- var cityHtml = '';
- for(var i=0;i<city.length;i++){
- cityHtml += '<option value="'+ city[i].cityId +'">'+ city[i].city +'</option>';
- }
- $('#'+cityNum).append(cityHtml);
- }
- }
- /**
- * 获取区
- */
- function getDistrict(districtNum,cityId) {
- var district = listDistrict(cityId,'');
- if(district!=null){
- var districtHtml = '';
- for(var i=0;i<district.length;i++){
- districtHtml += '<option value="'+ district[i].districtId +'">'+ district[i].district +'</option>';
- }
- $('#'+districtNum).append(districtHtml);
- }
- }
- /*监听市选择事件*/
- $(document).on('change', '#cityNumber', function() {
- var city = $("#cityNumber").val();
- $('#areaNumber option').remove();
- getDistrict('areaNumber',city);
- });
- /*监听省选择事件*/
- $(document).on('change', '#provinceNumber', function() {
- var proId = $("#provinceNumber").val();
- $('#cityNumber option').remove();
- getCity('cityNumber',proId);
- var cityId = $("#cityNumber").val();
- $('#areaNumber option').remove();
- getDistrict('areaNumber',cityId);
- });
- </script>
- </body>
- </html>
|