request_message.ftl 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  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-wen{display: inline-block; width: 30px;height: 30px;line-height: 30px;text-align: center;background-color: #f74949;color: #fff;border-radius: 50%;margin-right: 5px;}
  21. .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;}
  22. .tit{color: #33a2d8;font-size: 14px;}
  23. .ul-list{list-style: none;margin: 0;padding: 0;font-size: 12px;}
  24. .ul-list>li{margin: 10px 0;line-height: 1.5;white-space: pre-wrap;word-break: break-all;}
  25. .my-btn{color: #33a2d8;border: 1px solid #33a2d8;background-color: #fff;border-radius: 0;padding:6px 30px;margin: 0 10px;}
  26. .my-btn:active{color: #fff;background-color: #33a2d8 !important;}
  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. <div style="margin: 10px 0;">
  38. <label class="tit"><div class="icon-wen">问</div><span id="questionName"></span></label>
  39. </div>
  40. <label class="tit"><div class="icon-ji">答</div></label>
  41. <ul class="ul-list">
  42. <!--<li>01.拧开背部排水口阀门螺母,拔掉硅胶塞,套上配备的出水硅胶管,放置接水容器</li>
  43. <li>02.插上电源,开启设备背部电源开关,面板所有指示灯亮起</li>
  44. <li>03.机器开始制水,制水时,显示屏风扇符号亮起</li>
  45. <li>04.机器开始制水,制好的水直接通过出水口排出,水箱中剩余的水要倒掉,接一桶新的自来水</li>
  46. <li>05.按以上步骤重复盛装3桶水,制水完成并排完后,取下硅胶管塞紧硅胶塞,拧紧排水口阀门螺母</li>-->
  47. </ul>
  48. </div>
  49. <p>如因问题对您的生活造成影响,敬请谅解!我们会持续改进,为您提供更好的服务!</p>
  50. </div>
  51. <div style="padding:20px 0 35px 0;text-align: center;border-bottom: 1px solid #ccc;margin-bottom:10px;">
  52. 售后热线:<a href="tel:4008006692">400-800-6692</a>
  53. </div>
  54. <div style="text-align: center;">
  55. <p>以上信息是否解决了您的问题?</p>
  56. </div>
  57. <div style="text-align: center;">
  58. <button type="button" class="mui-btn my-btn no">未解决</button>
  59. <button type="button" class="mui-btn my-btn yes">已解决</button>
  60. </div>
  61. </div>
  62. <script type="text/javascript" src="../lib/mui/js/mui.min.js"></script>
  63. <script type="text/javascript" src="../lib/jquery/1.9.1/jquery.min.js"></script>
  64. <script>
  65. var questionId=getQueryString("questionId");
  66. //自己写的js
  67. mui.ready(function() {
  68. if(questionId!=null){
  69. $.ajax('${path}/admin/complaintQuestion/get_question?dates=' + new Date().getTime(), {
  70. data: {
  71. "questionId":questionId
  72. },
  73. dataType: 'json',
  74. xhrFields: {
  75. withCredentials: true
  76. },
  77. crossDomain: true,
  78. type: 'post',
  79. timeout: 15000,
  80. success: function(dt) {
  81. console.log(dt);
  82. if(dt.isRedirect) {
  83. location.href = dt.redirectURL;
  84. } else {
  85. if(dt.returnCode == "200") {
  86. $(".my-btn").attr("name",dt.complaintQuestionInfo.questionId);
  87. $("#questionName").text(dt.complaintQuestionInfo.questionName);
  88. $(".ul-list").html('<li>'+dt.complaintQuestionInfo.questionProfile+'</li>');
  89. }else {
  90. mui.alert("获取数据失败!")
  91. }
  92. }
  93. },
  94. error: function(xhr, type, errorThrown) {
  95. console.log(xhr);
  96. mui.alert("获取数据失败!请检查网络");
  97. }
  98. });
  99. }
  100. });
  101. $(document).on('tap', '.my-btn', function() {
  102. var th=$(this),parameter = {},questionid=th.attr("name");
  103. if(typeof(questionid)!="undefined"){
  104. parameter["questionId"] = questionid;
  105. if(th.hasClass("yes")){
  106. parameter["questionResolvedNum"] = 1;
  107. }else{
  108. parameter["questionNotSolvedNum"] = 1;
  109. }
  110. $.ajax('${path}/admin/complaintQuestion/update_question_num?dates=' + new Date().getTime(), {
  111. data:parameter,
  112. dataType: 'json',
  113. xhrFields: {
  114. withCredentials: true
  115. },
  116. crossDomain: true,
  117. type: 'post',
  118. timeout: 15000,
  119. success: function(dt) {
  120. console.log(dt);
  121. if(dt.isRedirect) {
  122. location.href = dt.redirectURL;
  123. } else {
  124. if(dt.returnCode == "200") {
  125. $('.my-btn').attr('disabled','disabled');
  126. mui.alert("提交成功!",function(){
  127. //do something
  128. });
  129. }else {
  130. mui.alert("提交失败!")
  131. }
  132. }
  133. },
  134. error: function(xhr, type, errorThrown) {
  135. console.log(xhr);
  136. mui.alert("提交失败!请检查网络");
  137. }
  138. });
  139. }else{
  140. mui.alert("提交失败!")
  141. }
  142. });
  143. function getQueryString(name) {
  144. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  145. var r = window.location.search.substr(1).match(reg);
  146. if (r != null) return unescape(r[2]); return null;
  147. }
  148. </script>
  149. </body>
  150. </html>