detect_msg.ftl 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269
  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. <title></title>
  9. <#include "/base/list_base.ftl">
  10. <style>
  11. .Hui-aside{top:60px;padding-top: 0;background-color: #292f36;width:138px;}
  12. .container-fluid{padding: 8px 15px;}
  13. #Hui-userbar{top:8px;}
  14. .Hui-article-box{top:58px;}
  15. .navbar{background: #292f36;}
  16. .navbar-slogan{font-size: 14px;}
  17. .Hui-aside .menu_dropdown dt{border-bottom: 0}
  18. .Hui-aside .menu_dropdown dt {color: #fff; background: #292f36;}
  19. .Hui-aside .menu_dropdown dt.selected{background: #50a2ea;color:#fff;border-left: 4px solid #1f6eb3;}
  20. .Hui-aside .menu_dropdown dt:hover { color: #f0f0f0 !important; }
  21. .Hui-aside .menu_dropdown dt .Hui-iconfont { color: #fff; }
  22. .menu_dropdown dt .menu_dropdown-arrow { color: #fff; }
  23. .Hui-aside .menu_dropdown dd ul{background: #292f36; }
  24. .Hui-aside .menu_dropdown li a{color: #94a0b5;}
  25. .Hui-aside .menu_dropdown li.active a{color: #50a2ea;}
  26. .acrossTab li{color: #999;}
  27. .acrossTab li.active{color:#50a2ea;}
  28. table{border: 1px solid rgba(0,0,0,.1);}
  29. table th{background: #f7fafd;}
  30. table th,table td{border-collapse: collapse;border: 1px solid rgba(0,0,0,.1);text-align: center;padding: 5px 0;}
  31. </style>
  32. </head>
  33. <body>
  34. <article class="page-container" style="padding: 10px;">
  35. <form action="/" method="post" class="form form-horizontal" id="form">
  36. <div class="row cl">
  37. <label class="form-label col-12 col-sm-12"><strong>所属客户:</strong>
  38. <span id="detectName"></span>
  39. </label>
  40. </div>
  41. <div class="row cl">
  42. <label class="form-label col-12 col-sm-12"><strong>产品信息:</strong>
  43. <span id="productName"></span>
  44. </label>
  45. </div>
  46. <div class="row cl">
  47. <label class="form-label col-12 col-sm-12"><strong>咨询问题:</strong>
  48. <span id="questionName"></span>
  49. </label>
  50. </div>
  51. <div class="row cl">
  52. <label class="form-label col-12 col-sm-12"><strong>检测信息:</strong></label>
  53. </div>
  54. <div class="row cl">
  55. <div class="col-12 col-sm-12">
  56. <table>
  57. <tr>
  58. <th>是否故障</th><td id="isMaintenance" style="width: 50%;">是</td>
  59. </tr>
  60. <tr>
  61. <th>是否可翻新</th><td id="detectRenovation">否</td>
  62. </tr>
  63. <tr>
  64. <th>浮子类型</th><td id="detectFloatType">长</td>
  65. </tr>
  66. <tr>
  67. <th>厚膜类型</th><td id="detectFilmType"></td>
  68. </tr>
  69. <tr>
  70. <th>是否为翻新机</th><td id="detectIsRefurbishing"></td>
  71. </tr>
  72. <tr>
  73. <th>生产月份</th><td id="detectProduction"></td>
  74. </tr>
  75. <tr>
  76. <th>版本号</th><td id="detectVersionNumber"></td>
  77. </tr>
  78. <tr>
  79. <th>检测现象</th><td id="detectPhenomenon"></td>
  80. </tr>
  81. <tr>
  82. <th>维修报价</th><td id="detectOffer"></td>
  83. </tr>
  84. <tr>
  85. <th>备注信息</th><td id="detectDesc"></td>
  86. </tr>
  87. </table>
  88. </div>
  89. </div>
  90. <div class="row cl">
  91. <label class="form-label col-12 col-sm-12"><strong>当前已检测完成,请确认:</strong></label>
  92. </div>
  93. <div class="row cl">
  94. <div class="formControls col-12 col-sm-12 skin-minimal customerSourceType_text_all">
  95. <div class="radio-box">
  96. <input type="radio" name="detectProcessingResults" value="2" id="radio-1" checked="checked">
  97. <label for="radio-1" class="">免费维修</label>
  98. </div>
  99. <div class="radio-box">
  100. <input type="radio" name="detectProcessingResults" value="1" id="radio-2"/>
  101. <label for="radio-2">付费维修</label>
  102. </div>
  103. <div class="radio-box">
  104. <input type="radio" name="detectProcessingResults" value="5" id="radio-3"/>
  105. <label for="radio-3" class="">原机退回</label>
  106. </div>
  107. <div class="radio-box">
  108. <input type="radio" name="detectProcessingResults" value="4" id="radio-4"/>
  109. <label for="radio-4" class="">换货</label>
  110. </div>
  111. <div class="radio-box">
  112. <input type="radio" name="detectProcessingResults" value="3" id="radio-5"/>
  113. <label for="radio-5" class="">退货</label>
  114. </div>
  115. </div>
  116. </div>
  117. <div class="row cl">
  118. <div class="col-6 col-sm-6 col-offset-3">
  119. <input type="hidden" id="methodId" value="6">
  120. <button class="btn btn-block btn-primary" type="button" onclick="updateDetect();">确认</button>
  121. </div>
  122. </div>
  123. </form>
  124. <p style="font-size: 12px;text-align:center;color: #f00;padding: 15px 0 20px 0;">*确认处理后,系统将不支持再修改,维修部立即开始处理*</p>
  125. </article>
  126. </body>
  127. <script type="text/javascript" src="${path}/common/lib/icheck/jquery.icheck.min.js"></script>
  128. <script>
  129. var detectId = getParam("detectId");
  130. $('.skin-minimal input').iCheck({
  131. checkboxClass: 'icheckbox-blue',
  132. radioClass: 'iradio-blue',
  133. increaseArea: '20%'
  134. });
  135. getDetect();
  136. $("#radio-1").click(function (){
  137. $("#methodId").val(6);
  138. });
  139. $("#radio-2").click(function (){
  140. $("#methodId").val(7);
  141. });
  142. $("#radio-3").click(function (){
  143. $("#methodId").val(44);
  144. });
  145. $("#radio-4").click(function (){
  146. $("#methodId").val(3);
  147. });
  148. $("#radio-5").click(function (){
  149. $("#methodId").val(8);
  150. });
  151. function getDetect() {
  152. $.ajax({
  153. cache: true,
  154. type: "POST",
  155. url: "${path}/detect/get_detail",
  156. data:{detectId:detectId},// 你的formid
  157. async: false,
  158. success: function(data){
  159. if (data.returnCode == 200) {
  160. var detectinfo = data.returnMsg.detectinfo;
  161. var isMaintenance = "";
  162. if(detectinfo.isMaintenance === 1){
  163. isMaintenance = "有故障";
  164. }else if(detectinfo.isMaintenance === 2){
  165. isMaintenance = "无故障";
  166. }
  167. var detectRenovation = "";
  168. if(detectinfo.detectRenovation === 1){
  169. detectRenovation = "可翻新";
  170. }else if(detectinfo.detectRenovation === 2){
  171. detectRenovation = "不可翻新";
  172. }
  173. var detectFloatType = "";
  174. if(detectinfo.detectFloatType === 1){
  175. detectFloatType = "长";
  176. }else if(detectinfo.detectFloatType === 2){
  177. detectFloatType = "短";
  178. }
  179. var detectFilmType = "";
  180. if(detectinfo.detectFilmType === 1){
  181. detectFilmType = "圆";
  182. }else if(detectinfo.detectFilmType === 2){
  183. detectFilmType = "扁";
  184. }
  185. var detectIsRefurbishing = "";
  186. if(detectinfo.detectIsRefurbishing === 1){
  187. detectIsRefurbishing = "是";
  188. }else if(detectinfo.detectIsRefurbishing === 2){
  189. detectIsRefurbishing = "否";
  190. }
  191. var detectPhenomenon = "";
  192. $(detectinfo.configli1).each(function (){
  193. detectPhenomenon = detectPhenomenon+this.configDetectContent+";";
  194. });
  195. $("#detectName").text(detectinfo.detectName+","+detectinfo.detectTel);
  196. $("#productName").text(detectinfo.productName+"("+detectinfo.colorName+")");
  197. $("#questionName").text(detectinfo.questionName);
  198. $("#isMaintenance").text(isMaintenance);
  199. $("#detectRenovation").text(detectRenovation);
  200. $("#detectFloatType").text(detectFloatType);
  201. $("#detectFilmType").text(detectFilmType);
  202. $("#detectIsRefurbishing").text(detectIsRefurbishing);
  203. $("#detectProduction").text(detectinfo.detectProduction);
  204. $("#detectVersionNumber").text(detectinfo.detectVersionNumber);
  205. $("#detectPhenomenon").text(detectinfo.detectPhenomenon);
  206. if(detectinfo.detectOffer != null && detectinfo.detectOffer != ""){
  207. $("#detectOffer").text(detectinfo.detectOffer/100);
  208. }
  209. $("#detectDesc").text(detectinfo.detectDesc);
  210. }
  211. },
  212. error: function(XmlHttpRequest, textStatus, errorThrown){
  213. layer.msg('删除失败',{icon: 5,time:1000});
  214. }
  215. });
  216. };
  217. function updateDetect() {
  218. var detectProcessingResults = $('input[name="detectProcessingResults"]:checked').val();//处理结果
  219. //查询处理方式
  220. var methodId = $("#methodId").val();//处理结果
  221. $.ajax({
  222. cache: true,
  223. type: "POST",
  224. url: "${path}/detect/salesman_confirm",
  225. data:{ "detectId": detectId,
  226. "detectProcessingResults": detectProcessingResults,// 你的formid
  227. "methodId": methodId},
  228. async: false,
  229. success: function(data){
  230. if (data.returnCode == 200) {
  231. layer.alert("提交成功!", function() {
  232. location.reload();
  233. });
  234. }else {
  235. layer.alert("提交失败!");
  236. }
  237. },
  238. error: function(XmlHttpRequest, textStatus, errorThrown){
  239. layer.msg('删除失败',{icon: 5,time:1000});
  240. }
  241. });
  242. };
  243. function getParam(paramName) {
  244. paramValue = "", isFound = !1;
  245. if(this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1) {
  246. arrSource = unescape(this.location.search).substring(1, this.location.search.length).split("&"), i = 0;
  247. while(i < arrSource.length && !isFound) {
  248. arrSource[i].indexOf("=") > 0 && arrSource[i].split("=")[0].toLowerCase() == paramName.toLowerCase() && (paramValue = arrSource[i].split("=")[1], isFound = !0), i++
  249. }
  250. }
  251. return paramValue == "" && (paramValue = null), paramValue
  252. };
  253. </script>
  254. </html>