send_message.ftl 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <#assign path="${request.contextPath}">
  9. <link href="${path}/common/static/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css" />
  10. <link href="${path}/common/lib/mui/css/mui.min.css" rel="stylesheet" type="text/css" />
  11. <link href="${path}/common/lib/mui/css/mui.picker.min.css" rel="stylesheet" type="text/css" />
  12. <link href="${path}/common/lib/mui/css/mui.poppicker.css" rel="stylesheet" type="text/css" />
  13. <link href="${path}/common/css/input_order/input_order1.css" rel="stylesheet" type="text/css" />
  14. <link rel="stylesheet" type="text/css" href="//css.iamberry.com/wateroPF/new/css/iconfont.css?v=2017072401" />
  15. <title>邮寄信息</title>
  16. <style>
  17. body{background-color: #fff;}
  18. .mui-content{background-color: #fff;}
  19. .my-content{margin:10px 0;padding:10px 5px; background-color: #f4f4f4;border-radius: 5px;}
  20. .icon-ji{display: inline-block; width: 30px;height: 30px;line-height: 30px;text-align: center;background-color: #30c9aa;color: #fff;border-radius: 50%;margin-right: 5px;}
  21. .tit{color: #33a2d8;font-size: 14px;}
  22. .ul-list{list-style: none;margin: 0;padding: 0;font-size: 12px;}
  23. .ul-list>li{margin: 10px 0;line-height: 1.5;white-space:pre-wrap;word-break: break-all;}
  24. .my-btn{color: #33a2d8;border: 1px solid #33a2d8;background-color: #fff;border-radius: 0;padding:6px 30px;margin: 0 10px;}
  25. .my-btn:active{color: #fff;background-color: #33a2d8 !important;}
  26. .tel{padding: 30px 0;text-align: center;border-bottom: 1px solid #ccc;margin-bottom:10px;}
  27. </style>
  28. </head>
  29. <body>
  30. <div class="mui-content">
  31. <div class="mui-content-padded">
  32. <strong>尊敬的客户,您好!对此结果我们非常遗憾!</strong>
  33. <div style="padding: 10px 0;">
  34. 我们会持续改进我们的服务、产品,希望为您提供更好的服务!
  35. </div>
  36. <div class="my-content">
  37. <label class="tit"><div class="icon-ji">寄</div>邮寄信息</label>
  38. <ul class="ul-list">
  39. <!--<li><strong>地址:</strong>东莞清溪三中金龙工业区徐福记对面优尼雅电子科技</li>
  40. <li><strong>收货人:</strong>杨春有 &nbsp;&nbsp;<strong>电话:</strong>13592708169</li>
  41. <li><strong>邮寄备注:</strong>您好,麻烦您那边把机器邮寄前请将水箱、接水台中的水倒掉并擦干,不要留有水渍,避免运输途中水或奶粉溅入机器内部造成不必要的损失。</li>
  42. <li>用原包装或泡沫等材质包裹好机身。避免运输途中造成机器磕碰、损坏。</li>
  43. <li>请勿寄顺丰、圆通、EMS以及到付件快递,其他快递物流随意,寄回时,麻烦您在产品里面留下故障原因说明。</li>
  44. <li><strong>提示:</strong>产品寄回后请把单号和您的姓名、地址、电话等信息提供给客服,方便我们修好后给您寄回去。</li>-->
  45. </ul>
  46. </div>
  47. </div>
  48. <div class="tel">
  49. 售后热线:<a href="tel:4008006692">400-800-6692</a>
  50. </div>
  51. <div style="text-align: center;">
  52. <p>以上信息是否解决了您的问题?</p>
  53. </div>
  54. <div style="text-align: center;">
  55. <button type="button" class="mui-btn my-btn no">未解决</button>
  56. <button type="button" class="mui-btn my-btn yes">已解决</button>
  57. </div>
  58. </div>
  59. <script type="text/javascript" src="${path}/common/lib/mui/js/mui.min.js"></script>
  60. <script type="text/javascript" src="${path}/common/lib/mui/js/mui.view.js"></script>
  61. <script type="text/javascript" src="${path}/common/lib/mui/js/mui.picker.min.js"></script>
  62. <script type="text/javascript" src="${path}/common/lib/mui/js/city.data-3.js"></script>
  63. <script type="text/javascript" src="${path}/common/lib/jquery/1.9.1/jquery.min.js"></script>
  64. <script>
  65. //自己写的js
  66. mui.ready(function() {
  67. $.ajax('${path}/QA/get_back_out_question?dates=' + new Date().getTime(), {
  68. data: {},
  69. dataType: 'json',
  70. xhrFields: {
  71. withCredentials: true
  72. },
  73. crossDomain: true,
  74. type: 'post',
  75. timeout: 15000,
  76. success: function(dt) {
  77. console.log(dt);
  78. if(dt.isRedirect) {
  79. location.href = dt.redirectURL;
  80. } else {
  81. if(dt.returnCode == "200") {
  82. $(".my-btn").attr("name",dt.returnMsg.complaintQuestionInfo.questionId);
  83. $(".ul-list").html('<li>'+dt.returnMsg.complaintQuestionInfo.questionProfile+'</li>');
  84. }else {
  85. mui.alert("获取数据失败!")
  86. }
  87. }
  88. },
  89. error: function(xhr, type, errorThrown) {
  90. console.log(xhr);
  91. mui.alert("获取数据失败!请检查网络");
  92. }
  93. });
  94. });
  95. $(document).on('tap', '.my-btn', function() {
  96. var th=$(this),parameter = {},questionId=th.attr("name");
  97. if(typeof(questionId)!="undefined"){
  98. parameter["questionId"] = questionId;
  99. if(th.hasClass("yes")){
  100. parameter["questionResolvedNum"] = 1;
  101. }else{
  102. parameter["questionNotSolvedNum"] = 1;
  103. }
  104. $.ajax('${path}/QA/update_question_num?dates=' + new Date().getTime(), {
  105. data:parameter,
  106. dataType: 'json',
  107. xhrFields: {
  108. withCredentials: true
  109. },
  110. crossDomain: true,
  111. type: 'post',
  112. timeout: 15000,
  113. success: function(dt) {
  114. console.log(dt);
  115. if(dt.isRedirect) {
  116. location.href = dt.redirectURL;
  117. } else {
  118. if(dt.returnCode == "200") {
  119. $('.my-btn').attr('disabled','disabled');
  120. mui.alert("提交成功!",function(){
  121. //do something
  122. });
  123. }else {
  124. mui.alert("提交失败!")
  125. }
  126. }
  127. },
  128. error: function(xhr, type, errorThrown) {
  129. console.log(xhr);
  130. mui.alert("提交失败!请检查网络");
  131. }
  132. });
  133. }else{
  134. mui.alert("提交失败!")
  135. }
  136. });
  137. </script>
  138. </body>
  139. </html>