custome_detail.ftl 51 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8. <meta http-equiv="Cache-Control" content="no-siteapp" />
  9. <#include "/base/add_base.ftl">
  10. <link href="${path}/common/lib/jquery.ui/jquery-ui.css" rel="stylesheet" type="text/css"/>
  11. <link href="${path}/common/lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css"/>
  12. <link href="${path}/common/lib/icheck/icheck.css" rel="stylesheet" type="text/css"/>
  13. <style>
  14. .tit{position: relative;text-align: left;font-size: 16px;padding-left: 10px;}
  15. .tit:after{content: '';position: absolute;left: 0;top: 20%;height: 60%;width: 3px;background-color: #32a3d8;}
  16. .tit-2{position: relative;text-align: left;font-size: 16px;padding-left: 10px;color: #50a2ea;}
  17. .tit-2:after{content: '';position: absolute;left: 0;top: 50%;height: 6px;width: 6px;border-radius: 6px;margin-top: -3px; background-color: #32a3d8;}
  18. #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;}
  19. #suggest, #suggest2 {width:200px}
  20. .gray {color:gray}
  21. .ac_results {background:#fff;border:1px solid #7f9db9;position: absolute;z-index: 10000;display: none}
  22. .ac_results li a {white-space: nowrap;text-decoration:none;display:block;color:#05a;padding:1px 3px}
  23. .ac_results li {border:1px solid #fff}
  24. .ac_over, .ac_results li a:hover {background:#c8e3fc}
  25. .ac_results li a span {float:right}
  26. .ac_result_tip {border-bottom:1px dashed #666;padding:3px}
  27. .select-box{background: url(${path}/common/images/cm/select-1.png) right center no-repeat;background-size: auto 100%;}
  28. .select-box select{-webkit-appearance:none !important;background-color: transparent; appearance:none;padding-right: 25px;}
  29. .dalog-ask{position: absolute;left:60%;top:0;-webkit-transform: translateY(-30%);transform: translateY(-30%);display: none;background-color: #fff;z-index: 10;}
  30. .tag{ width:300px; min-height:300px; border:1px solid #32a3d8; position:relative;background-color: #fff;line-height: 1.5;padding: 10px 12px;}
  31. .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;}
  32. .dalog-ask .ask{color: #000;margin: 10px 0 5px 0;}
  33. .dalog-ask .answer{color: #666;margin-bottom: 10px;}
  34. .dalog-ask .answer:hover{color: #32a3d8;cursor: pointer;}
  35. .time-line-list{list-style: none;width: 100%;margin-left: -20px;}
  36. .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;}
  37. .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%;}
  38. .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%;}
  39. .time-line-list>li:before{content:'';position: absolute;height: 1px;width: 30%;right:0;top: 15px; background-color: #32a3d8;}
  40. .time-line-list>li:after{content: '';position: absolute;height: 1px;width: 30%;left: 0;top: 15px;background:#32a3d8;}
  41. .time-line-list>li:first-child:after,.time-line-list>li:last-child:before{display: none;}
  42. .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;}
  43. .time-line-list>li:first-child .arrow{display: none;}
  44. .table-bg th{background-color: #e2f6ff;padding: 15px 8px;}
  45. .table-bg td{padding: 15px 8px;}
  46. .update-parts>span{margin-right: 10px;padding: 3px 4px;background-color: #effaff;border: 1px solid #32a3d8;}
  47. .my-search-input{padding-left: 30px;background: url(${path}/common/images/cm/search.png) 6px center no-repeat;background-size: auto 60%; }
  48. .txt-red{color:red}
  49. .thString {font-weight: normal;}
  50. .clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1}
  51. .tabBar {display: inline-block; border-bottom: 2px solid #cfd9e4;position: relative}
  52. .tabBar span {background-color: #fff;cursor: pointer;display: inline-block;float: left;font-weight: bold;height: 30px;line-height: 30px;padding: 0 15px}
  53. .tabBar span.current{background-color: #fff;color: #50a2ea;position: relative;}
  54. .tabBar span.current:after{content: ''; position: absolute;left: 50%;bottom: 0;width: 30px;height: 2px;background: #50a2ea;margin-left: -15px;}
  55. .tabCon {display: none}
  56. </style>
  57. <title>客诉基本信息</title>
  58. </head>
  59. <body>
  60. <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i>
  61. <a class="btn radius r"
  62. href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
  63. <a class="btn radius r"
  64. href="javascript:history.back(-1);" title="后退"><i class="Hui-iconfont">&#xe6d4;</i></a>
  65. </nav>
  66. <article class="cl pd-20">
  67. <form action="" method="post" class="form form-horizontal" id="form-article-add">
  68. <div class="row cl">
  69. <label class="form-label col-3">
  70. <div class="tit-2">客诉基本信息</div>
  71. </label>
  72. <div class="formControls col-9">
  73. </div>
  74. </div>
  75. <table class="table table-border table-bg table-bordered" style="margin-top: 10px;">
  76. <thead>
  77. <tr>
  78. <th width="10">跟进客服:</th>
  79. <td width="10" style="font-weight: normal;"><span id="adminName"></span></td>
  80. <th width="10">处理类型:</th>
  81. <td width="10" style="font-weight: normal;"><span id="procMethodName"></span></td>
  82. </tr>
  83. <tr>
  84. <th width="10">咨询类型:</th>
  85. <td width="10" style="font-weight: normal;"><span id="customerCounselType"></span></td>
  86. <th width="10">产品类别:</th>
  87. <td width="10" style="font-weight: normal;"><span id="typeName"></span></td>
  88. </tr>
  89. <tr>
  90. <th width="10">销售公司:</th>
  91. <td width="10" style="font-weight: normal;"><span id="companyName"></span></td>
  92. <th width="10">店铺:</th>
  93. <td width="10" style="font-weight: normal;"><span id="storeName"></span></td>
  94. </tr>
  95. <tr>
  96. <th width="10">来源入口:</th>
  97. <td width="10" style="font-weight: normal;"><span id="customerSourceType"></span></td>
  98. <th width="10">来源描述:</th>
  99. <td width="10" style="font-weight: normal;"><span id="customerSource"></span></td>
  100. </tr>
  101. </thead>
  102. </table>
  103. <div class="row cl">
  104. <label class="form-label col-3">
  105. <div class="tit-2">客户信息</div>
  106. </label>
  107. <div class="formControls col-9">
  108. </div>
  109. </div>
  110. <table class="table table-border table-bg table-bordered" style="margin-top: 10px;">
  111. <thead>
  112. <tr>
  113. <th width="10">微信昵称:</th>
  114. <td width="10" style="font-weight: normal;"><span id="customerWechatName"></span></td>
  115. <th width="10">用户姓名:</th>
  116. <td width="10" style="font-weight: normal;"><span id="customerName"></span></td>
  117. </tr>
  118. <tr>
  119. <th width="10">用户电话:</th>
  120. <td width="10" style="font-weight: normal;"><span id="customerTel"></span></td>
  121. <th width="10"></th>
  122. <td width="10" style="font-weight: normal;"><span></span></td>
  123. </tr>
  124. </thead>
  125. </table>
  126. <div class="row cl">
  127. <label class="form-label col-3">
  128. <div class="tit-2">客诉问题</div>
  129. </label>
  130. <div class="formControls col-9">
  131. </div>
  132. </div>
  133. <table class="table table-border table-bg table-bordered" style="margin-top: 10px;">
  134. <thead>
  135. <tr>
  136. <th width="10">开箱损:</th>
  137. <td width="10" style="font-weight: normal;"><span id="customerOutDamaged"></span></td>
  138. <th width="10">二次售后:</th>
  139. <td width="10" style="font-weight: normal;"><span id="customerSecondaryCustomer"></span></td>
  140. </tr>
  141. <tr>
  142. <th width="10">客诉问题:</th>
  143. <td width="10" style="font-weight: normal;"><span id="describeTitle"></span></td>
  144. <th width="10">问题描述:</th>
  145. <td width="10" style="font-weight: normal;"><span id="questionProfile"></span></td>
  146. </tr>
  147. <tr>
  148. <th width="10">问题回复:</th>
  149. <td width="10" style="font-weight: normal;"><span id="describeContent"></span></td>
  150. <th width="10">备注信息:</th>
  151. <td width="10" style="font-weight: normal;"><span id="customerDesc"></span></td>
  152. </tr>
  153. </thead>
  154. </table>
  155. <div class="row cl">
  156. <label class="form-label col-3">
  157. <div class="tit-2">TDS收集</div>
  158. </label>
  159. <div class="formControls col-9">
  160. </div>
  161. </div>
  162. <table class="table table-border table-bg table-bordered" style="margin-top: 10px;">
  163. <thead>
  164. <tr>
  165. <th width="10">所在省份:</th>
  166. <td width="10" style="font-weight: normal;"><span id="customerProvinceName"></span></td>
  167. <th width="10">城市区域:</th>
  168. <td width="10" style="font-weight: normal;"><span id="customerCityName"></span></td>
  169. </tr>
  170. <tr>
  171. <th width="10">进水TDS:</th>
  172. <td width="10" style="font-weight: normal;"><span id="customerInTDS"></span></td>
  173. <th width="10">出水TDS:</th>
  174. <td width="10" style="font-weight: normal;"><span id="customerOutTDS"></span></td>
  175. </tr>
  176. </thead>
  177. </table>
  178. <div class="row cl">
  179. <label class="form-label col-3">
  180. <div class="tit-2">订单信息</div>
  181. </label>
  182. <div class="formControls col-9">
  183. </div>
  184. </div>
  185. <table class="table table-border table-bg table-bordered" id="tableHtml" style="margin-top: 15px;">
  186. <thead>
  187. <tr>
  188. <th>销售</th>
  189. <th>订单号</th>
  190. <th>姓名</th>
  191. <th>电话</th>
  192. <th>订单金额</th>
  193. <th>购买产品</th>
  194. <th>购买日期</th>
  195. <th>地址</th>
  196. </tr>
  197. </thead>
  198. <tbody id="salesOrderHtml">
  199. <tr>
  200. <td id="companyName"></td>
  201. <td id="salesOrderId"></td>
  202. <td id="salesAddressName"></td>
  203. <td id="salesAddressTel"></td>
  204. <td id="salesPayMoney"></td>
  205. <td id="salesItem"></td>
  206. <td id="salesPayTime"></td>
  207. <td id=""></td>
  208. </tr>
  209. </tbody>
  210. </table>
  211. <div class="row cl">
  212. <label class="form-label col-3">
  213. <div class="tit-2">处理结果:<span id="customerIsSolve" style="color: red"></span></div>
  214. </label>
  215. <div class="formControls col-9">
  216. </div>
  217. </div>
  218. <#--<table class="table table-border table-bg table-bordered" style="margin-top: 10px;">
  219. <thead>
  220. <tr>
  221. <th width="10">寄回产品:</th>
  222. <td width="10" style="font-weight: normal;"><span id="closeprodcue"></span></td>
  223. <td width="10"></td>
  224. <th width="10">寄送产品:</th>
  225. <td width="10" style="font-weight: normal;"><span id="sendprodcue"></span></td>
  226. </tr>
  227. </thead>
  228. </table>-->
  229. <div id="tab_demo" class="HuiTab" style="margin-top: 20px;">
  230. <div class="tabBar clearfix">
  231. <#if procMethod.procMethodIsBack == 1>
  232. <span>寄回信息</span>
  233. <span>邮费信息</span>
  234. </#if>
  235. <#if procMethod.procMethodIsSend == 1>
  236. <span>寄送信息</span>
  237. </#if>
  238. <#--<#if procMethod.procMethodIsBack == 1>
  239. <span>工厂检查信息</span>
  240. <span>工厂返修进度</span>
  241. </#if>-->
  242. </div>
  243. <div <#if procMethod.procMethodIsBack == 1>class="tabCon"</#if> style="display: none;">
  244. <table class="table table-border table-bg table-bordered" style="margin-top: 10px;">
  245. <thead>
  246. <tr>
  247. <th width="10">寄回人姓名:</th>
  248. <td width="10" style="font-weight: normal;"><span id="relationBackName"></span></td>
  249. <th width="10">寄回人电话:</th>
  250. <td width="10" style="font-weight: normal;"><span id="relationBackTel"></span></td>
  251. </tr>
  252. <tr>
  253. <th width="10">寄回地址信息:</th>
  254. <td width="10" style="font-weight: normal;"><span id="relationSendAddress"></span></td>
  255. <th width="10"></th>
  256. <td width="10" style="font-weight: normal;"><span id=""></span></td>
  257. </tr>
  258. </thead>
  259. </table>
  260. <div class="row cl">
  261. <div class="formControls col-10 col-sm-10">
  262. <table class="table table-border table-bg table-bordered" >
  263. <thead>
  264. <tr>
  265. <th>物流公司</th>
  266. <th>物流单号</th>
  267. <th>寄回人信息</th>
  268. <th>状态</th>
  269. <th>产品</th>
  270. </tr>
  271. </thead>
  272. <tbody id="SendbackbodyId">
  273. <#if listSendbackInfo?? && (listSendbackInfo?size > 0) >
  274. <#list listSendbackInfo as sendbackInfo>
  275. <tr id="deleteSendbackId${(sendbackInfo.sendbackId)!''}">
  276. <td>${(sendbackInfo.sendbackLogisticsName)!''}</td>
  277. <td>${(sendbackInfo.sendbackLogisticsNo)!''}</td>
  278. <td>${(sendbackInfo.sendbackName)!''}<br>${(sendbackInfo.sendbackTel)!''}</td>
  279. <td>
  280. <#if sendbackInfo.sendbackStatus == 1>未配送</#if>
  281. <#if sendbackInfo.sendbackStatus == 2>配送中</#if>
  282. <#if sendbackInfo.sendbackStatus == 3>已签收</#if>
  283. </td>
  284. <td>
  285. <#if sendbackInfo.listSendbackItem?? && (sendbackInfo.listSendbackItem?size > 0) >
  286. <#list sendbackInfo.listSendbackItem as sendbackItem>
  287. ${sendbackItem.sendbackProductName}(${sendbackItem.sendbackColorName})* ${sendbackItem.sendbackProdcueNumber}<br>
  288. </#list>
  289. </#if>
  290. </td>
  291. </tr>
  292. </#list>
  293. <#else>
  294. <tr id="colspanSendbackId"><td colspan="7" class="td-manage text-c" >暂时没有寄回信息,请添加!</td></tr>
  295. </#if>
  296. </tbody>
  297. </table>
  298. </div>
  299. </div>
  300. </div>
  301. <div <#if procMethod.procMethodIsBack == 1>class="tabCon"</#if> style="display: none;">
  302. <span id="postage" style="color: red"></span>
  303. <div class="row cl" id="postageInformation">
  304. <div class="formControls col-10 col-sm-10">
  305. <table class="table table-border table-bg table-bordered" >
  306. <thead>
  307. <tr>
  308. <th>邮费id</th>
  309. <th>邮费金额</th>
  310. <th>支付宝姓名</th>
  311. <th>支付宝账号</th>
  312. <th>状态</th>
  313. <th>备注</th>
  314. </tr>
  315. </thead>
  316. <tbody id="trbodyId">
  317. <#if listPostageInfo?? && (listPostageInfo?size > 0) >
  318. <#list listPostageInfo as postageInfo>
  319. <tr id="deleteId${(postageInfo.postageId)!''}">
  320. <td>${(postageInfo.postageId)!''}</td>
  321. <td>${(postageInfo.postageAmount)!''}</td>
  322. <td>${(postageInfo.postageAlipayName)!''}</td>
  323. <td>${(postageInfo.postageAlipay)!''}</td>
  324. <#if postageInfo.postageStatus??>
  325. <#if postageInfo.postageStatus == 0><td>未申请</td></#if>
  326. <#if postageInfo.postageStatus == 1><td>未申请</td></#if>
  327. <#if postageInfo.postageStatus == 2><td>已申请(待转账)</td></#if>
  328. <#if postageInfo.postageStatus == 3><td>已转账</td></#if>
  329. <#if postageInfo.postageStatus == 4><td>未知</td></#if>
  330. <#else>
  331. <td></td>
  332. </#if>
  333. <td>${postageInfo.postageDesc!''}</td>
  334. </tr>
  335. </#list>
  336. <#else>
  337. <tr id="colspanId"><td colspan="7" class="td-manage text-c" >暂时没有邮费信息!</td></tr>
  338. </#if>
  339. </tbody>
  340. </table>
  341. </div>
  342. </div>
  343. </div>
  344. <div <#if procMethod.procMethodIsSend == 1>class="tabCon"</#if>style="display: none;">
  345. <table class="table table-border table-bg table-bordered" style="margin-top: 10px;">
  346. <thead>
  347. <tr>
  348. <th width="20">订单编号</th>
  349. <th width="20">订单状态</th>
  350. <th width="20">发货状态</th>
  351. <th width="20">产品</th>
  352. <th width="20">物流信息</th>
  353. </tr>
  354. </thead>
  355. <tbody>
  356. <#if salesOrderList?? && (salesOrderList?size > 0) >
  357. <#list salesOrderList as salesOrder>
  358. <tr>
  359. <td>${salesOrder.salesDealCode!''}</td>
  360. <td>
  361. <#if salesOrder.salesStatus==0 >
  362. 未确认
  363. <#elseif salesOrder.salesStatus==1 >
  364. 已确认
  365. <#elseif salesOrder.salesStatus==3 >
  366. 作废
  367. </#if>
  368. </td>
  369. <td>
  370. <#if salesOrder.salesShippingStatus==0 >
  371. 未发货
  372. <#elseif salesOrder.salesShippingStatus==1 >
  373. 已发货
  374. <#elseif salesOrder.salesShippingStatus==11 >
  375. 通知配货
  376. </#if>
  377. </td>
  378. <td>
  379. <#if salesOrder.salesOrderItemList?? && (salesOrder.salesOrderItemList?size > 0) >
  380. <#list salesOrder.salesOrderItemList as salesOrderItem>
  381. ${salesOrderItem.itemProductName!''}(${salesOrderItem.itemProductColor!''})*${salesOrderItem.itemNum!''}<br>
  382. </#list>
  383. </#if>
  384. </td>
  385. <td>
  386. ${salesOrder.salesPostFirm!''}<br>
  387. ${salesOrder.salesPostNum!''}
  388. </td>
  389. </tr>
  390. </#list>
  391. </#if>
  392. </tbody>
  393. </table>
  394. <div class="row cl">
  395. <div class="formControls col-2 col-sm-2">
  396. </div>
  397. </div>
  398. </div>
  399. <#--<#if procMethod.procMethodIsBack == 1>
  400. <div class="tabCon">
  401. <div class="row cl" style="margin-left: -70px;">
  402. <div class="formControls col-2 col-sm-2 text-r">
  403. <strong>QC进度</strong>
  404. </div>
  405. <div class="formControls col-10 col-sm-10">
  406. <table class="table table-border table-bg table-bordered">
  407. <tbody class="text-c" id="detect_table"><tr>
  408. <th>工厂检测现象</th><th>故障分类</th><th>故障原因</th><th>判定结果</th><th>故障指向</th><th>原因分析</th><th>生产维修</th>
  409. </tr>
  410. </tbody></table>
  411. </div>
  412. </div>
  413. </div>
  414. <div class="tabCon">
  415. <div class="row cl" style="margin-left: -70px;">
  416. <div class="formControls col-2 col-sm-2 text-r">
  417. <strong>返修进度</strong>
  418. </div>
  419. <div class="formControls col-10 col-sm-10">
  420. <table class="table table-border table-bg table-bordered">
  421. <tbody class="text-c" id="maintenance_table"><tr>
  422. <th>是否可返修</th><th>返修内容</th><th>返修日期</th>
  423. </tr>
  424. </tbody></table>
  425. </div>
  426. </div>
  427. </div>
  428. </#if>-->
  429. </div>
  430. </form>
  431. </div>
  432. </article>
  433. <script type="text/javascript" src="${path}/common/lib/My97DatePicker/4.8/WdatePicker.js"></script>
  434. <script type="text/javascript" src="${path}/common/lib/webuploader/0.1.5/webuploader.min.js"></script>
  435. <script type="text/javascript" src="${path}/common/lib/icheck/jquery.icheck.min.js"></script>
  436. <script type="text/javascript" src="${path}/common/lib/cm.lib/jquery.provincesCity.js"></script>
  437. <script type="text/javascript" src="${path}/common/lib/cm.lib/provincesData.js"></script>
  438. <script type="text/javascript" src="${path}/common/lib/cm.lib/airCity.js"></script>
  439. <script type="text/javascript" src="${path}/common/lib/cm.lib/suggest.js"></script>
  440. <script type="text/javascript" charset="utf-8" src="${path}/common/lib/ueditor/1.4.3/ueditor.config.js"></script>
  441. <script type="text/javascript" charset="utf-8" src="${path}/common/lib/ueditor/1.4.3/ueditor.all.js"></script>
  442. <script type="text/javascript" charset="utf-8" src="${path}/common/lib/ueditor/1.4.3/ueditor.parse.js"></script>
  443. <script type="text/javascript" charset="utf-8" src="${path}/common/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
  444. <script type="text/javascript">
  445. $(function(){
  446. $.Huitab("#tab_demo .tabBar span","#tab_demo .tabCon","current","click","0")});
  447. $(function(){
  448. get_cmRelation_info();
  449. $('.skin-minimal input').iCheck({
  450. checkboxClass: 'icheckbox-blue',
  451. radioClass: 'iradio-blue',
  452. increaseArea: '20%'
  453. });
  454. $("#province").ProvinceCity();
  455. $('.skin-minimal input').iCheck({
  456. checkboxClass: 'icheckbox-blue',
  457. radioClass: 'iradio-blue',
  458. increaseArea: '20%'
  459. });+
  460. $("#arrcity").suggest(citys,{hot_list:commoncitys,dataContainer:'#arrcity_3word',onSelect:function(result){
  461. console.log($(this)[0].value);
  462. // $("#city2").click()
  463. },
  464. attachObject:'#suggest'
  465. });
  466. //$("#city2").suggest(citys,{hot_list:commoncitys,attachObject:"#suggest2"})
  467. getCustomerInfo();
  468. });
  469. var sendprodcue = '';
  470. var sendprodcueshow = false; //寄送产品
  471. var closeprodcue = '';
  472. var closeprodcueshow = false; //寄回产品
  473. /**
  474. * 查询客诉基本信息
  475. */
  476. function getCustomerInfo() {
  477. $.ajax({
  478. cache: true,
  479. type: "POST",
  480. data: {"customerId":${customerId!''}},
  481. url: "${path}/admin/customer/get_customer_info",
  482. async: false,
  483. success: function(data){
  484. if (data.returnCode == 200) {
  485. console.log(data.returnMsg);
  486. var customer = data.returnMsg.customer;
  487. var customerCommon = data.returnMsg.customerCommon;
  488. var salesOrder = data.returnMsg.salesOrder;
  489. var orderList = data.returnMsg.orderList;
  490. var cmRelation = data.returnMsg.cmRelation;
  491. var procMethod = data.returnMsg.procMethod;
  492. var postage = '';
  493. var postageMoney = 0;
  494. if (customerCommon.relationBackPostage != null) {
  495. postageMoney = customerCommon.relationBackPostage;
  496. }
  497. switch (customerCommon.relationIsTransfer) {
  498. case 0:
  499. postage = '不需要转账。';
  500. break;
  501. case 1:
  502. postage = '已转账邮费'+postageMoney/100+'元。';
  503. break;
  504. case 2:
  505. postage = '待转账邮费'+postageMoney/100+'元。';
  506. break;
  507. }
  508. $('#postage').html(postage);
  509. $('#adminName').html(customer.adminName);
  510. var customerSource = '';
  511. switch (customer.customerSourceType) {
  512. case 1:customerSource = '400电话';break;
  513. case 2:customerSource = '微信公众号';break;
  514. case 3:customerSource = '其他';break;
  515. case 4:customerSource = "QQ群";break;
  516. case 5:customerSource = "微信群";break;
  517. case 6:customerSource = "个人微信";break;
  518. case 7:customerSource = "有赞";break;
  519. }
  520. $('#customerSourceType').html(customerSource);
  521. $('#customerSource').html(customer.customerSource);
  522. var customerCounsel = '';
  523. switch (customer.customerCounselType) {
  524. case 1:customerCounsel = '售前咨询';break;
  525. case 2:customerCounsel = '售后咨询';break;
  526. case 3:customerCounsel = '其他';break;
  527. }
  528. var customerOutDamagedHtml = '';
  529. if(customer.customerOutDamaged == 1){
  530. customerOutDamagedHtml = '是';
  531. }else{
  532. customerOutDamagedHtml = '否';
  533. }
  534. $("#customerOutDamaged").html(customerOutDamagedHtml);
  535. var customerSecondaryCustomerHtml = '';
  536. if(customer.customerSecondaryCustomer == 1){
  537. customerSecondaryCustomerHtml = '是';
  538. }else{
  539. customerSecondaryCustomerHtml = '否';
  540. }
  541. $("#customerSecondaryCustomer").html(customerSecondaryCustomerHtml);
  542. $("#procMethodName").html(cmRelation.procTypeName + "(" + cmRelation.procMethodName +")");
  543. $('#customerCounselType').html(customerCounsel);
  544. $('#typeName').html(customer.typeName);
  545. $('#describeTitle').html(customer.describeTitle);
  546. $('#questionProfile').html(customer.describeHandleDesc);
  547. $('#describeContent').html(customer.describeContent);
  548. $('#customerDesc').html(customer.customerDesc);
  549. $('#customerName').html(customer.customerName);
  550. $('#customerTel').html(customer.customerTel);
  551. $('#companyName').html(customer.companyName);
  552. $('#storeName').html(customer.storeName);
  553. $('#customerName').html(customer.customerName);
  554. $('#customerTel').html(customer.customerTel);
  555. $('#customerWechatName').html(customer.customerWechatName);
  556. var txtcustomerIsSolve = procMethod.procMethodName;
  557. $('#customerIsSolve').html(txtcustomerIsSolve);
  558. $('#customerProvinceName').html(customer.customerProvinceName);
  559. $('#customerCityName').html(customer.customerCityName + customer.customerDistrictName);
  560. $('#customerInTDS').html(customer.customerInTDS);
  561. $('#customerOutTDS').html(customer.customerOutTDS);
  562. if(orderList != null && typeof(orderList)!="" && orderList.length > 0 ){
  563. var salesOrderHtml = "";
  564. $.each(orderList,function(index,item){
  565. var itemHtml = "";
  566. $.each(this.salesOrderItemList,function(index,item){
  567. itemHtml = this.itemProductName + '*' + this.itemNum
  568. })
  569. salesOrderHtml += '<tr>'
  570. + '<td id="">'+ convertUndefinedToEmpty(customer.companyName)+"-"+convertUndefinedToEmpty(customer.storeName) +'</td>'
  571. + '<td id="">'+ this.salesOrderId +'</td>'
  572. + '<td id="">'+ this.salesAddressName +'</td>'
  573. + '<td id="">'+ this.salesAddressTel +'</td>'
  574. + '<td id="">'+ this.salesPayMoney/100 +'</td>'
  575. + '<td id="">'+ itemHtml +'</td>'
  576. + '<td id="">'+ this.salesPayTime +'</td>'
  577. + '<td id="">'+ this.salesAddressInfo +'</td>'
  578. + '</tr>';
  579. })
  580. $("#salesOrderHtml").html(salesOrderHtml);
  581. }else{
  582. $("#tableHtml").hide();
  583. }
  584. $("#relationBackName").html(cmRelation.relationBackName);
  585. $("#relationBackTel").html(cmRelation.relationBackTel);
  586. $("#relationSendAddress").html(cmRelation.relationSendMergeAddress + " " +cmRelation.relationSendAddress);
  587. // $('#salesOrderId').html(salesOrder.salesOrderId);
  588. // $('#salesAddressName').html(salesOrder.salesAddressName);
  589. // $('#salesAddressTel').html(salesOrder.salesAddressTel);
  590. // $('#salesPayMoney').html('¥'+salesOrder.salesPayMoney/100);
  591. // var salesItem = '';
  592. // $.each(salesOrder.salesOrderItemList,function(index,item){
  593. // salesItem = this.itemProductName + '*' + this.itemNum
  594. // })
  595. // $('#salesItem').html(salesItem);
  596. // $('#salesPayTime').html(salesOrder.salesPayTime);
  597. // $('#relationSendMergeAddress').html( convertUndefinedToEmpty(cmRelation.relationSendMergeAddress)+"-"+convertUndefinedToEmpty(cmRelation.relationSendAddress));
  598. // if (customerCommon.sendProdcues != null && customerCommon.sendProdcues.length > 0) {
  599. // $.each(customerCommon.sendProdcues,function(index,item){
  600. // sendprodcue += '<span style="margin-bottom: 10px;display: inline-block;float: left;">' + this.sendProduceName + '*' + this.sendProdcueNumber + '</span>';
  601. // })
  602. // }
  603. // if (customerCommon.sendFittings != null && customerCommon.sendFittings.length > 0) {
  604. // $.each(customerCommon.sendFittings,function(index,item){
  605. // sendprodcue += '<span style="margin-bottom: 10px;display: inline-block;float: left;">' + this.sendFittingsName + '*' + this.sendFittingNumber + '</span>';
  606. // })
  607. // }
  608. // if (customerCommon.closedProdcues != null && customerCommon.closedProdcues.length > 0) {
  609. // $.each(customerCommon.closedProdcues,function(index,item){
  610. // closeprodcue += '<span style="margin-bottom: 10px;display: inline-block;float: left;">' + this.closedProductName + '*' + this.closedProdcueNumber + '</span>';
  611. // })
  612. // }
  613. // if (customerCommon.closedFittings != null && customerCommon.closedFittings.length > 0) {
  614. // $.each(customerCommon.closedFittings,function(index,item){
  615. // closeprodcue += '<span style="margin-bottom: 10px;display: inline-block;float: left;">' + this.closedFittingsName + '*' + this.closedFittingNumber + '</span>';
  616. // })
  617. // }
  618. // $('#sendprodcue').html(sendprodcue+"<br/>");
  619. // $('#closeprodcue').html(closeprodcue+"<br/>");
  620. if (sendprodcueshow) {
  621. $('#divSendProdcue').show();
  622. } else {
  623. $('#divSendProdcue').hide();
  624. }
  625. if (closeprodcueshow) {
  626. $('#divCloseProdcue').show();
  627. } else {
  628. $('#divCloseProdcue').hide();
  629. }
  630. var customerArea = "";
  631. if(customer.customerArea != null && customer.customerArea != ""){
  632. customerArea = convertUndefinedToEmpty(customer.customerArea)+",";
  633. }
  634. if (customer.customerIsVisit == 2) {
  635. var visitTime = '';
  636. switch (customer.visitTimeSelect) {
  637. case 1:visitTime = '9:00-12:00';break;
  638. case 2:visitTime = '12:00-14:00';break;
  639. case 3:visitTime = '14:00-18:00';break;
  640. }
  641. /*var visitText = "";
  642. if(customer.visitStatus == 1 || customer.visitStatus == 2){
  643. visitText += '(<span class="txt-red">'+convertUndefinedToEmpty(customer.visitDesignatedAdminName)+'</span>)&nbsp;&nbsp;'+
  644. '需要在&nbsp;&nbsp;<span class="txt-red">'+convertUndefinedToEmpty(customer.visitDate)+
  645. '&nbsp;&nbsp;'+convertUndefinedToEmpty(visitTime)+'</span>对&nbsp;&nbsp;<span class="txt-red">'+
  646. convertUndefinedToEmpty(customer.visitName)+'&nbsp;&nbsp;'+
  647. convertUndefinedToEmpty(customer.visitTel)+'</span>&nbsp;&nbsp;进行回访<br>';
  648. }
  649. if(customer.visitStatus == 2){
  650. visitText += '(<span class="txt-red">'+convertUndefinedToEmpty(customer.visitDesignatedAdminName)+'</span>)&nbsp;&nbsp;'+
  651. '在&nbsp;&nbsp;<span class="txt-red">'+convertUndefinedToEmpty(customer.visitCompleteDate)+
  652. '&nbsp;&nbsp;</span>对&nbsp;&nbsp;<span class="txt-red">'+
  653. convertUndefinedToEmpty(customer.visitCompleteName)+'&nbsp;&nbsp;'+
  654. convertUndefinedToEmpty(customer.visitCompleteTel)+'</span>&nbsp;&nbsp;完成回访';
  655. }
  656. $('#txtVisit').html(visitText);*/
  657. }
  658. }
  659. },
  660. error: function(XmlHttpRequest, textStatus, errorThrown){
  661. }
  662. });
  663. }
  664. /*处理结果的执行状态*/
  665. var isSolve = {
  666. solved : [],
  667. noSolved : [],
  668. renewed : ["录入客诉","督促用户寄回","录入快递单号","仓库收货","换新发货","发货通知用户","收货后回访"],
  669. maintain : ["录入客诉","督促用户寄回","录入快递单号","仓库收货","品质检测","产线维修","换新发货","发货通知用户","收货后回访"],
  670. reissue : ["录入客诉","生成E订单","督促仓库发货","仓库发货","发货通知用户","收货后回访"],
  671. backGoods : ["录入客诉","督促用户寄回","录入快递单号","仓库收货","品质检测","退款","退货完成"],
  672. noReasonBack : ["录入客诉","督促用户寄回","录入快递单号","仓库收货","品质检测","退款","退货完成"]
  673. }
  674. /*
  675. * 按条件展示步骤的对应颜色
  676. * backStatus:寄回状态
  677. * sendStatus:寄送状态
  678. */
  679. function resultshow(customerIsSolve, backStatus, sendStatus, maintenanceIsRepair, detectState) {
  680. 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>';
  681. var result = [];
  682. var resultHtml = '';
  683. switch (customerIsSolve) {
  684. case 1:result = isSolve.solved;break;
  685. case 2:result = isSolve.noSolved;break;
  686. case 3:
  687. result = isSolve.renewed;
  688. $('#div_costomer').show();
  689. sendprodcueshow = true;
  690. closeprodcueshow = true;
  691. break;
  692. case 4:
  693. result = isSolve.maintain;
  694. $('#div_costomer').show();
  695. sendprodcueshow = true;
  696. closeprodcueshow = true;
  697. break;
  698. case 5:
  699. result = isSolve.reissue;
  700. $('#div_costomer').show();
  701. sendprodcueshow = true;
  702. break;
  703. case 6:
  704. result = isSolve.backGoods;
  705. $('#div_costomer').show();
  706. closeprodcueshow = true;
  707. break;
  708. case 7:
  709. result = isSolve.noReasonBack;
  710. $('#div_costomer').show();
  711. closeprodcueshow = true;
  712. break;
  713. }
  714. for(var i = 0;i < result.length;i++){
  715. var html = statusHtml.replace("status_index",i+1);
  716. html = html.replace("div_li","li-"+(i+1));
  717. html = html.replace("div_number","number-"+(i+1));
  718. html = html.replace("div_txt","txt-"+(i+1));
  719. html = html.replace("status_html",result[i]);
  720. resultHtml += html;
  721. }
  722. $(".time-line-list").html(resultHtml);
  723. $('#number-1').attr('class','red');
  724. $('#txt-1').attr('class','txt-red');
  725. if (customerIsSolve == 3) {
  726. switch (backStatus) {
  727. case 1:
  728. $('#number-2').attr('class','red');
  729. $('#txt-2').attr('class','txt-red');
  730. break;
  731. case 2:
  732. $('#number-2').attr('class','red');
  733. $('#number-3').attr('class','red');
  734. $('#txt-2').attr('class','txt-red');
  735. $('#txt-3').attr('class','txt-red');
  736. break;
  737. case 3:
  738. $('#number-2').attr('class','red');
  739. $('#number-3').attr('class','red');
  740. $('#number-4').attr('class','red');
  741. $('#txt-2').attr('class','txt-red');
  742. $('#txt-3').attr('class','txt-red');
  743. $('#txt-4').attr('class','txt-red');
  744. break;
  745. }
  746. switch (sendStatus) {
  747. case 1:
  748. $('#number-5').attr('class','red');
  749. $('#txt-5').attr('class','txt-red');
  750. break;
  751. case 2:
  752. $('#number-5').attr('class','red');
  753. $('#number-6').attr('class','red');
  754. $('#txt-5').attr('class','txt-red');
  755. $('#txt-6').attr('class','txt-red');
  756. break;
  757. case 3:
  758. $('#number-5').attr('class','red');
  759. $('#number-6').attr('class','red');
  760. $('#number-7').attr('class','red');
  761. $('#txt-5').attr('class','txt-red');
  762. $('#txt-6').attr('class','txt-red');
  763. $('#txt-7').attr('class','txt-red');
  764. break;
  765. }
  766. } else if (customerIsSolve == 4) {
  767. switch (backStatus) {
  768. case 1:
  769. $('#number-2').attr('class','red');
  770. $('#txt-2').attr('class','txt-red');
  771. break;
  772. case 2:
  773. $('#number-2').attr('class','red');
  774. $('#number-3').attr('class','red');
  775. $('#txt-2').attr('class','txt-red');
  776. $('#txt-3').attr('class','txt-red');
  777. break;
  778. case 3:
  779. $('#number-2').attr('class','red');
  780. $('#number-3').attr('class','red');
  781. $('#number-4').attr('class','red');
  782. $('#txt-2').attr('class','txt-red');
  783. $('#txt-3').attr('class','txt-red');
  784. $('#txt-4').attr('class','txt-red');
  785. break;
  786. }
  787. switch (sendStatus) {
  788. case 1:
  789. $('#number-7').attr('class','red');
  790. $('#txt-7').attr('class','txt-red');
  791. break;
  792. case 2:
  793. $('#number-7').attr('class','red');
  794. $('#number-8').attr('class','red');
  795. $('#txt-7').attr('class','txt-red');
  796. $('#txt-8').attr('class','txt-red');
  797. break;
  798. case 3:
  799. $('#number-7').attr('class','red');
  800. $('#number-8').attr('class','red');
  801. $('#number-9').attr('class','red');
  802. $('#txt-7').attr('class','txt-red');
  803. $('#txt-8').attr('class','txt-red');
  804. $('#txt-9').attr('class','txt-red');
  805. break;
  806. }
  807. if (detectState == 2 || detectState == 3 || detectState == 4) {
  808. $('#number-5').attr('class','red');
  809. $('#txt-5').attr('class','txt-red');
  810. }
  811. if (maintenanceIsRepair != null && maintenanceIsRepair != '') {
  812. $('#number-6').attr('class','red');
  813. $('#txt-6').attr('class','txt-red');
  814. }
  815. } else if (customerIsSolve == 5) {
  816. $('#number-2').attr('class','red');
  817. $('#txt-2').attr('class','txt-red');
  818. switch (sendStatus) {
  819. case 1:
  820. $('#number-3').attr('class','red');
  821. $('#txt-3').attr('class','txt-red');
  822. break;
  823. case 2:
  824. $('#number-3').attr('class','red');
  825. $('#number-4').attr('class','red');
  826. $('#number-5').attr('class','red');
  827. $('#txt-3').attr('class','txt-red');
  828. $('#txt-4').attr('class','txt-red');
  829. $('#txt-5').attr('class','txt-red');
  830. break;
  831. case 3:
  832. $('#number-3').attr('class','red');
  833. $('#number-4').attr('class','red');
  834. $('#number-5').attr('class','red');
  835. $('#number-6').attr('class','red');
  836. $('#txt-3').attr('class','txt-red');
  837. $('#txt-4').attr('class','txt-red');
  838. $('#txt-5').attr('class','txt-red');
  839. $('#txt-6').attr('class','txt-red');
  840. break;
  841. }
  842. } else if (customerIsSolve == 6 || customerIsSolve == 7) {
  843. switch (backStatus) {
  844. case 1:
  845. $('#number-2').attr('class', 'red');
  846. $('#txt-2').attr('class', 'txt-red');
  847. break;
  848. case 2:
  849. $('#number-2').attr('class', 'red');
  850. $('#number-3').attr('class', 'red');
  851. $('#txt-2').attr('class', 'txt-red');
  852. $('#txt-3').attr('class', 'txt-red');
  853. break;
  854. case 3:
  855. $('#number-2').attr('class', 'red');
  856. $('#number-3').attr('class', 'red');
  857. $('#number-4').attr('class', 'red');
  858. $('#txt-2').attr('class', 'txt-red');
  859. $('#txt-3').attr('class', 'txt-red');
  860. $('#txt-4').attr('class', 'txt-red');
  861. break;
  862. }
  863. if (detectState == 2 || detectState == 3 || detectState == 4) {
  864. $('#number-5').attr('class', 'red');
  865. $('#txt-5').attr('class', 'txt-red');
  866. }
  867. }
  868. }
  869. /*获取换新信息*/
  870. function get_cmRelation_info() {
  871. $.ajax({
  872. cache: true,
  873. type: "POST",
  874. data: {"customerId":${customerId}},
  875. url: "${path}/admin/customer/get_cmRelation_info",
  876. async: false,
  877. success: function(data){
  878. if (data.returnCode == 200) {
  879. var relation = data.returnMsg.cmRelation;
  880. console.log(relation);
  881. // getProvince('provinceNumber');
  882. // getCity('cityNumber',relation.provinceNumber);
  883. // getDistrict('areaNumber',relation.cityNumber);
  884. // $("#relationSendLogisticsCompany option[value='" + relation.relationSendLogisticsCompany + "']").attr("selected","true");
  885. // $("#provinceNumber option[value='" + relation.provinceNumber + "']").attr("selected","true");
  886. // $("#cityNumber option[value='" + relation.cityNumber + "']").attr("selected","true");
  887. // $("#areaNumber option[value='" + relation.areaNumber + "']").attr("selected","true");
  888. // $('input[name="relationSendStatus"]').each(function(){
  889. // if (this.value == relation.relationSendStatus) {
  890. // $(this).iCheck('check');
  891. // }
  892. // });
  893. // $('#relationBackEfastOrderId').html(relation.relationBackEfastOrderId);
  894. // $('#relationSendName').html(relation.relationSendName);
  895. // $('#relationSendTel').html(relation.relationSendTel);
  896. // $('#relationSendAddress').html(relation.relationSendAddress);
  897. // $('#relationSendLogisticsNo').html(relation.relationSendLogisticsNo);
  898. // $('#relationDesc').html(relation.relationDesc);
  899. }
  900. },
  901. error: function(XmlHttpRequest, textStatus, errorThrown){
  902. }
  903. })
  904. }
  905. /**
  906. * 获取省
  907. */
  908. function getProvince(provinceNum) {
  909. var province = listProvince();
  910. if(province!=null){
  911. var provinceHtml = '';
  912. for(var i=0;i<province.length;i++){
  913. provinceHtml += '<option value="'+ province[i].provinceId +'">'+ province[i].province +'</option>';
  914. }
  915. $('#'+provinceNum).append(provinceHtml);
  916. }
  917. }
  918. /**
  919. * 获取市
  920. */
  921. function getCity(cityNum,provineceId) {
  922. var city = listCity(provineceId,'');
  923. if(city!=null){
  924. var cityHtml = '';
  925. for(var i=0;i<city.length;i++){
  926. cityHtml += '<option value="'+ city[i].cityId +'">'+ city[i].city +'</option>';
  927. }
  928. $('#'+cityNum).append(cityHtml);
  929. }
  930. }
  931. /**
  932. * 获取区
  933. */
  934. function getDistrict(districtNum,cityId) {
  935. var district = listDistrict(cityId,'');
  936. if(district!=null){
  937. var districtHtml = '';
  938. for(var i=0;i<district.length;i++){
  939. districtHtml += '<option value="'+ district[i].districtId +'">'+ district[i].district +'</option>';
  940. }
  941. $('#'+districtNum).append(districtHtml);
  942. }
  943. }
  944. /*监听市选择事件*/
  945. $(document).on('change', '#cityNumber', function() {
  946. var city = $("#cityNumber").val();
  947. $('#areaNumber option').remove();
  948. getDistrict('areaNumber',city);
  949. });
  950. /*监听省选择事件*/
  951. $(document).on('change', '#provinceNumber', function() {
  952. var proId = $("#provinceNumber").val();
  953. $('#cityNumber option').remove();
  954. getCity('cityNumber',proId);
  955. var cityId = $("#cityNumber").val();
  956. $('#areaNumber option').remove();
  957. getDistrict('areaNumber',cityId);
  958. });
  959. </script>
  960. </body>
  961. </html>