list.ftl 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  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. <link rel="Bookmark" href="/favicon.ico" >
  10. <link rel="Shortcut Icon" href="/favicon.ico" />
  11. <#include "/base/list_base.ftl">
  12. <link href="${path}/common/lib/lightbox2/2.8.1/css/lightbox.css" rel="stylesheet" type="text/css" >
  13. <title>售后机器管理</title>
  14. </head>
  15. <body>
  16. <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 售后管理 <span class="c-gray en">&gt;</span> 售后机器管理 <a class="btn btn-success radius" id="btn-refresh" style="float: right;line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
  17. <div class="page-container">
  18. <div class="text-c">
  19. <form action="${path}/admin/afterSales/listAfterSales" method="POST" id="search-form">
  20. <select class="select" name="detectState" id="detectState" style="height: 31px;width:8%">
  21. <option value="">检测进度状态</option>
  22. <option <#if (req.detectState)??><#if req.detectState == 0>selected="selected"</#if></#if> value= "0">${(util.detectState(0))}</option>
  23. <option <#if (req.detectState)??><#if req.detectState == 1>selected="selected"</#if></#if> value= "1">${(util.detectState(1))}</option>
  24. <option <#if (req.detectState)??><#if req.detectState == 30>selected="selected"</#if></#if> value="30">${(util.detectState(30))}</option>
  25. <option <#if (req.detectState)??><#if req.detectState == 31>selected="selected"</#if></#if> value="31">${(util.detectState(31))}</option>
  26. <option <#if (req.detectState)??><#if req.detectState == 32>selected="selected"</#if></#if> value="32">${(util.detectState(32))}</option>
  27. <option <#if (req.detectState)??><#if req.detectState == 33>selected="selected"</#if></#if> value="33">${(util.detectState(33))}</option>
  28. <option <#if (req.detectState)??><#if req.detectState == 20>selected="selected"</#if></#if> value="20">售后期内,免费换新</option>
  29. <option <#if (req.detectState)??><#if req.detectState == 21>selected="selected"</#if></#if> value="21">${(util.detectState(21))}</option>
  30. <option <#if (req.detectState)??><#if req.detectState == 22>selected="selected"</#if></#if> value="22">售后期内,免费换新</option>
  31. <option <#if (req.detectState)??><#if req.detectState == 23>selected="selected"</#if></#if> value="23">${(util.detectState(23))}</option>
  32. <option <#if (req.detectState)??><#if req.detectState == 40>selected="selected"</#if></#if> value="40">${(util.detectState(40))}</option>
  33. <option <#if (req.detectState)??><#if req.detectState == 24>selected="selected"</#if></#if> value="40">${(util.detectState(24))}</option>
  34. <option <#if (req.detectState)??><#if req.detectState == 25>selected="selected"</#if></#if> value="40">${(util.detectState(25))}</option>
  35. <option <#if (req.detectState)??><#if req.detectState == 26>selected="selected"</#if></#if> value="40">${(util.detectState(26))}</option>
  36. <option <#if (req.detectState)??><#if req.detectState == 27>selected="selected"</#if></#if> value="40">${(util.detectState(27))}</option>
  37. </select>
  38. <select class="select" name="storeId" id="storeId" style="height: 31px;width:8%">
  39. <option value="">店铺信息</option>
  40. <#list stores as s>
  41. <option value="${(s.storeId)!}" <#if (req.storeId)??><#if (req.storeId == s.storeId)>selected</#if></#if>>${(s.storeName)!}</option>
  42. </#list>
  43. </select>
  44. <input type="text" class="input-text" style="width:8%;margin-top: -3px;" value="${(req.machineNo)!}" placeholder="机器条码" id="machineNo" name="machineNo">
  45. <input type="text" class="input-text" style="width:8%;margin-top: -3px;" value="${(req.productName)!}" placeholder="产品名称" id="productName" name="productName">
  46. <input type="text" class="input-text" style="width:8%;margin-top: -3px;" value="${(req.detectName)!}" placeholder="客户姓名/昵称" id="detectName" name="detectName">
  47. <input type="text" class="input-text" style="width:8%;margin-top: -3px;" value="${(req.detectTel)!}" placeholder="客户电话/手机" id="detectTel" name="detectTel">
  48. <input type="text" class="input-text" style="width:8%;margin-top: -3px;" value="${(req.methodName)!}" placeholder="处理方式" id="methodName" name="methodName">
  49. <input type="text" class="input-text" style="width:8%;margin-top: -3px;" name="startTime" id="startTime" placeholder="录入开始时间" onClick="WdatePicker({ dateFmt:'yyyy-MM-dd HH:mm:ss',skin:'whyGreen' })" value="${(req.startTime)!''}" readonly="readonly"/>
  50. <input type="text" class="input-text" style="width:8%;margin-top: -3px;" name="endTime" id="endTime" placeholder="录入结束时间" onClick="WdatePicker({ dateFmt:'yyyy-MM-dd HH:mm:ss',skin:'whyGreen' })" value="${(req.endTime)!''}" readonly="readonly"/>
  51. <button type="submit" class="btn" style="background: #32a3d8;color: #fff;-webkit-transform:translateY(-5%);"><i class="Hui-iconfont">&#xe665;</i> 搜索 </button>
  52. <button type="button" onclick="downLoadExcel()" class="btn" style="width:8%;margin-top: -3px;"><i class="Hui-iconfont">&#xe640;</i> 下载 </button>
  53. </form>
  54. </div>
  55. <table class="table table-border table-bordered table-hover" style="margin-top: 20px">
  56. <thead>
  57. <tr class="text-c">
  58. <th width="20">维修状态<i class="Hui-iconfont" style="cursor: pointer;color: blue;" title="点击查看状态说明" onclick="state_details()">&#xe633;</i></th>
  59. <th width="20">维修编号<i class="Hui-iconfont" style="cursor: pointer;color: blue;" title="此为维修部的唯一编号,后期可通过此编号沟通具体事项">&#xe633;</i></th>
  60. <th width="40">产品信息</th>
  61. <th width="50">客户姓名/客户电话</th>
  62. <th width="50">寄回物流</th>
  63. <th width="50">客户反馈问题</th>
  64. <th width="40">处理方式</th>
  65. <th width="45">机器条码</th>
  66. <th width="45">报价</th>
  67. <th width="45">寄送物流</th>
  68. <th width="20">录入时间</th>
  69. <th width="40">操作</th>
  70. </tr>
  71. </thead>
  72. <tbody>
  73. <#if (page.dataList?size <= 0)>
  74. <tr class="text-c"><td colspan="12">暂无数据</td></tr>
  75. <#else>
  76. <#list page.dataList as o>
  77. <tr class="text-c">
  78. <td>
  79. <#if o.detectState == 20 || o.detectState == 24>
  80. 售后期内,免费换新
  81. <#else>
  82. ${(util.detectState(o.detectState))}
  83. <#if o.detectState == 1>
  84. <br><span class="c-red"><#if o.maintenanceCutTime??>(${o.maintenanceCutTime?string("yyyy/MM/dd")}前完成)</#if></span>
  85. </#if>
  86. <#if o.detectState == 31 || o.detectState == 35>
  87. <br><span class="c-red"><#if o.completeCutTime??>(${o.completeCutTime?string("yyyy/MM/dd")}前完成)</#if></span>
  88. </#if>
  89. </#if>
  90. </td>
  91. <td>${(o.detectNumber)!}</td>
  92. <td>${(o.productName)!}(${(o.colorName)!})</td>
  93. <td>${(o.detectName)!}/${(o.detectTel)!}</td>
  94. <td>
  95. ${(o.transport.transportSendFirm)!}/${(o.transport.transportSendPost)!}
  96. </td>
  97. <td>${(o.detectCustmoerQuestion)!}</td>
  98. <td>${((o.detectIsMaintain==1)?string("待工厂检测维修","待工厂检测翻新"))!}</td>
  99. <td>${(o.machineNo)!}</td>
  100. <td>${((o.detectOffer/100)?string.currency)!}</td>
  101. <td>${(o.transport.transportSignFirm)!}/${(o.transport.transportSignPost)!}</td>
  102. <td>${(o.detectCreateTime?string("yyyy-MM-dd HH:mm:ss"))!}</td>
  103. <td class="td-manage">
  104. <#if o.detectState == 30 || o.detectState == 34 || o.detectState == 38 || o.detectState == 24>
  105. <a style="text-decoration:none" href="javascript:;" title="确认处理" onclick="layer_show('确认处理','${path}/detect/to_detect_msg?detectId=${o.detectId!''}','600','680');">
  106. <i class="Hui-iconfont">&#xe6e1;</i>
  107. </a>
  108. </#if>
  109. <#if !((o.transport.transportSignFirm)??)>
  110. <a title="编辑运输信息" href="javascript:layer_show('编辑运输信息','${path}/admin/afterSales/editTransportUI?id=${o.detectId}','800','600');" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe669;</i></a>
  111. </#if>
  112. <a title="查看详情" href="javascript:layer_show('维修详情','${path}/admin/detect/to_detail?detectId=${o.detectId}','800','600');" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe695;</i></a>
  113. <#if (o.detectState == 0)>
  114. <a title="删除" href="javascript:del_detect(${(o.detectId)!})" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe609;</i></a>
  115. </#if>
  116. </td>
  117. </tr>
  118. </#list>
  119. </#if>
  120. </tbody>
  121. </table>
  122. </div>
  123. <#include "/base/page_util.ftl">
  124. </body>
  125. <script type="text/javascript" src="${path}/common/lib/lightbox2/2.8.1/js/lightbox.min.js"></script>
  126. <script type="text/javascript">
  127. /** 下载Excel */
  128. function downLoadExcel() {
  129. layer.confirm('是否确认开始下载?',function(index){
  130. let $form = $("#search-form");
  131. let uri = $form.attr("action");
  132. $form.attr("action", root_path + "/admin/afterSales/downloadAfterSales");
  133. $form.submit();
  134. $form.attr("action", uri);
  135. layer.close(index);
  136. });
  137. }
  138. function state_details() {
  139. layer.open({
  140. type: 1,
  141. area: ['600px', '300px'],
  142. fix: false,
  143. maxmin: true,
  144. shade: 0.4,
  145. title: '维修状态说明',
  146. content: '<p style="margin-top: 10px">&nbsp;&nbsp;<b style="color: red;float: left;width: 100px;display: block;margin-left: 10px;">待收货确认:</b>表示机器还未到维修部,维修部还未收货,收货后将开始检测</p>' +
  147. '<p>&nbsp;&nbsp;<b style="color: red;float: left;width: 100px;display: block;margin-left: 10px;">待检测机器:</b>维修部门已经收到机器,正在进行对机器的检测,预计三个工作日完成</p>' +
  148. '<p>&nbsp;&nbsp;<b style="color: red;float: left;width: 100px;display: block;margin-left: 10px;">用户同意维修:</b>您已确认维修机器,维修部正在维修机器中</p>' +
  149. '<p>&nbsp;&nbsp;<b style="color: red;float: left;width: 100px;display: block;margin-left: 10px;">维修完成:</b>维修部已经完成机器的维修,需要返回给客户</p>' +
  150. '<p>&nbsp;&nbsp;<b style="color: red;float: left;width: 100px;display: block;margin-left: 10px;">用户不维修:</b>维修部完成对机器的检测后,但是用户不同意维修</p>' +
  151. '<p>&nbsp;&nbsp;<b style="color: red;float: left;width: 100px;display: block;margin-left: 10px;">其他状态:</b>其他状态是针对换货、补发、只针对机器检测的描述,可忽略</p>'
  152. });
  153. }
  154. function del_detect(id) {
  155. layer.confirm('是否确认删除此售后信息?',function(index){
  156. // 确定按钮
  157. $.ajax({
  158. cache: true,
  159. type: "POST",
  160. data: {"id":id},
  161. url: "${path}/admin/afterSales/del",
  162. async: false,
  163. success: function(data){
  164. if (data.returnCode === 200) {
  165. layer.msg('删除成功',{icon: 1,time:1000}, function () {
  166. window.location.reload();
  167. });
  168. } else {
  169. layer.msg('删除失败,请稍后重试!',{icon: 1,time:1000});
  170. }
  171. },
  172. error: function(XmlHttpRequest, textStatus, errorThrown){
  173. }
  174. });
  175. });
  176. }
  177. </script>
  178. </html>