update_reissue.ftl 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379
  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/static/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css" />
  11. <link href="${path}/common/static/h-ui.admin/css/H-ui.admin.css" rel="stylesheet" type="text/css" />
  12. <link href="${path}/common/lib/icheck/icheck.css" rel="stylesheet" type="text/css" />
  13. <link href="${path}/common/lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" type="text/css" />
  14. <style>
  15. .btn-primary{background-color: #32a3d8;}
  16. #province select{margin-right:10px; width:100px;height: 31px;-webkit-appearance:none !important;appearance:none;background: url(images/select-1.png) right center no-repeat;background-size: auto 100%;padding-left:3px;padding-right: 25px;}
  17. .select-box{background: url(${path}/common/images/pts/select-1.png) right center no-repeat;background-size: auto 100%;}
  18. .select-box select{-webkit-appearance:none !important;background-color: transparent; appearance:none;padding-right: 25px;}
  19. .table-bg th{background-color: #e2f6ff;}
  20. .update-parts>span{margin-right: 10px;padding: 3px 4px;background-color: #effaff;border: 1px solid #32a3d8;}
  21. </style>
  22. <title></title>
  23. </head>
  24. <body>
  25. <article class="cl pd-20">
  26. <form action="" method="post" class="form form-horizontal" id="form-update-reissue" name="form-update-reissue">
  27. <div class="row cl">
  28. <div class="formControls col-2 col-sm-2 text-r">
  29. <strong>当前进度</strong>
  30. </div>
  31. <div class="formControls col-10 col-sm-10">
  32. <input type="hidden" id="reissueId" name="reissueId" />
  33. <span id="reissueSchedule" class="c-red"></span>
  34. </div>
  35. </div>
  36. <div class="row cl">
  37. <div class="formControls col-2 col-sm-2 text-r">
  38. <strong>产品寄回</strong>
  39. </div>
  40. <div class="formControls col-10 col-sm-10 skin-minimal">
  41. <div class="radio-box">
  42. <input type="radio" id="reissueSendStatus" name="reissueSendStatus" value="1">
  43. <label for="tel-3">未寄送</label>
  44. </div>
  45. <div class="radio-box">
  46. <input type="radio" id="reissueSendStatus" name="reissueSendStatus" value="2">
  47. <label for="tel-4">已寄送</label>
  48. </div>
  49. <div class="radio-box">
  50. <input type="radio" id="reissueSendStatus" name="reissueSendStatus" value="3">
  51. <label for="tel-4">已收货</label>
  52. </div>
  53. Efast订单号<input style="width: 200px;margin:0 10px;" type="text" class="input-text" value="" placeholder="Efast订单号" id="reissueBackEfastOrderId" name="reissueBackEfastOrderId">
  54. </div>
  55. </div>
  56. <div class="row cl">
  57. <div class="formControls col-2 col-sm-2 text-r">
  58. <strong>寄回信息</strong>
  59. </div>
  60. <div class="formControls col-10 col-sm-10">
  61. <div style="width: 100px;display: inline-block;margin-right: 10px;">
  62. <span class="select-box">
  63. <select name="reissueSendLogisticsCompany" id="reissueSendLogisticsCompany" class="select">
  64. <option value="sto">申通快递</option>
  65. <option value="yto">圆通快递</option>
  66. <option value="sf">顺丰快递</option>
  67. <option value="ems">邮政EMS</option>
  68. <option value="zto">中通快递</option>
  69. <option value="zjs">宅急送</option>
  70. <option value="yunda">韵达快递</option>
  71. <option value="cces">cces快递</option>
  72. <option value="pick">上门提货</option>
  73. <option value="htky">汇通快递</option>
  74. <option value="ttkdex">天天快递</option>
  75. <option value="stars">星晨急便</option>
  76. <option value="jd">京东快递</option>
  77. <option value="01">其他</option>
  78. <option value="02">上门送货</option>
  79. </select>
  80. </span>
  81. </div>
  82. <input style="width: 120px;margin-right: 10px;" type="text" class="input-text" value="" placeholder="请输入快递单号" id="reissueSendLogisticsNo" name="reissueSendLogisticsNo">
  83. </div>
  84. </div>
  85. <div class="row cl">
  86. <div class="formControls col-2 col-sm-2 text-r">
  87. <strong>补寄产品</strong>
  88. </div>
  89. <div class="formControls col-10 col-sm-10">
  90. <div id="reissueProduct" class="update-parts"></div>
  91. </div>
  92. </div>
  93. <div class="row cl">
  94. <div class="formControls col-2 col-sm-2 text-r">
  95. <strong>用户信息</strong>
  96. </div>
  97. <div class="formControls col-3 col-sm-3">
  98. <input type="text" class="input-text" value="" placeholder="填写收件人姓名" id="reissueSendName" name="reissueSendName">
  99. </div>
  100. <div class="formControls col-3 col-sm-3">
  101. <input type="text" style="width: 190px;margin:0 10px;" class="input-text" value="" placeholder="填写收件人手机号" id="reissueSendTel" name="reissueSendTel">
  102. </div>
  103. </div>
  104. <div class="row cl">
  105. <label class="form-label col-2 col-sm-2 text-r"></label>
  106. <div class="formControls col-4 col-sm-10">
  107. <div style="width: 100px;display: inline-block;margin-right: 10px;">
  108. <span class="select-box">
  109. <select name="reissueProvinceNumber" id="reissueProvinceNumber" class="select"></select>
  110. </span>
  111. </div>
  112. <div style="width: 100px;display: inline-block;margin-right: 10px;">
  113. <span class="select-box">
  114. <select name="reissueCityNumber" id="reissueCityNumber" class="select"></select>
  115. </span>
  116. </div>
  117. <div style="width: 100px;display: inline-block;margin-right: 10px;">
  118. <span class="select-box">
  119. <select name="reissueAreaNumber" id="reissueAreaNumber" class="select"></select>
  120. <input type="hidden" name="merge_address" id="merge_address">
  121. </span>
  122. </div>
  123. </div>
  124. </div>
  125. <div class="row cl">
  126. <label class="form-label col-2 col-sm-2 text-r"></label>
  127. <div class="formControls col-5 col-sm-5">
  128. <input type="text" class="input-text" value="" placeholder="请填写详细地址" id="reissueSendAddress" name="reissueSendAddress">
  129. </div>
  130. </div>
  131. <div class="row cl">
  132. <div class="formControls col-2 col-sm-2 text-r">
  133. <strong>备注信息</strong>
  134. </div>
  135. <div class="formControls col-10 col-sm-10">
  136. <textarea name="reissueDesc" id="reissueDesc" cols="" rows="2" class="textarea" placeholder="说点什么..."></textarea>
  137. </div>
  138. </div>
  139. <div class="row cl">
  140. <div class="formControls col-2 col-sm-2 text-r">
  141. </div>
  142. <div class="formControls col-10 col-sm-10">
  143. 寄送产品将自动推送Efast,系统自动获取物流信息,并更新。如果在Efast作废订单等操作后,无法获取物流信息,请手动填写物流信息。
  144. </div>
  145. </div>
  146. <div class="row cl">
  147. <div class="formControls col-2 col-sm-2">
  148. </div>
  149. <div class="formControls col-8 col-sm-8 text-c">
  150. <button onClick="update_reissue_info();" class="btn btn-primary" type="button">确认修改</button>
  151. </div>
  152. </div>
  153. </form>
  154. </div>
  155. </article>
  156. <script type="text/javascript" src="${path}/common/lib/jquery/1.9.1/jquery.min.js"></script>
  157. <script type="text/javascript" src="${path}/common/lib/layer/2.4/layer.js"></script>
  158. <script type="text/javascript" src="${path}/common/lib/My97DatePicker/4.8/WdatePicker.js"></script>
  159. <script type="text/javascript" src="${path}/common/lib/icheck/jquery.icheck.min.js"></script>
  160. <script type="text/javascript" src="${path}/common/static/h-ui/js/H-ui.js"></script>
  161. <script type="text/javascript" src="${path}/common/static/h-ui.admin/js/H-ui.admin.js"></script>
  162. <script type="text/javascript">
  163. var mobile= /^1(3|4|5|7|8)\d{9}$/; //手机号码
  164. var uname = /^[\u4e00-\u9fa5a-zA-Z]{1,12}$/; //中文英文
  165. var money = /^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/;//金额
  166. $(function(){
  167. $('.skin-minimal input').iCheck({
  168. checkboxClass: 'icheckbox-blue',
  169. radioClass: 'iradio-blue',
  170. increaseArea: '20%'
  171. });
  172. get_reissue_info();
  173. });
  174. /*获取售后补发信息*/
  175. function get_reissue_info() {
  176. $.ajax({
  177. cache: true,
  178. type: "POST",
  179. data: {"customerId":${customerId}},
  180. url: "${path}/admin/customer/get_reissue_info",
  181. async: false,
  182. success: function(data){
  183. if (data.returnCode == 200) {
  184. var reissue = data.returnMsg.reissue;
  185. console.log(reissue);
  186. $('#reissueId').val(reissue.reissueId);
  187. $('#reissueBackEfastOrderId').val(reissue.reissueBackEfastOrderId);
  188. $('#reissueSendName').val(reissue.reissueSendName);
  189. $('#reissueSendTel').val(reissue.reissueSendTel);
  190. $('#reissueSendLogisticsCompany').val(reissue.reissueSendLogisticsCompany);
  191. $('#reissueSendLogisticsNo').val(reissue.reissueSendLogisticsNo);
  192. $('#reissueDesc').val(reissue.reissueDesc);
  193. var reissueSchedule = '';
  194. switch (reissue.reissueSendStatus) {
  195. case 1:reissueSchedule += '未寄送';break;
  196. case 2:reissueSchedule += '已寄送';break;
  197. case 3:reissueSchedule += '已收货';break;
  198. }
  199. $('#reissueSchedule').html(reissueSchedule);
  200. $('input[name="reissueSendStatus"]').each(function(){
  201. if (this.value == reissue.reissueSendStatus) {
  202. $(this).iCheck('check');
  203. }
  204. });
  205. var reissueProduct = '';
  206. if (reissue.closedProdcues != null && reissue.closedProdcues.length > 0) {
  207. $.each(reissue.closedProdcues,function(index,element){
  208. reissueProduct += '<span>'+ this.closedProductName + '*' + this.closedProdcueNumber + '台</span>';
  209. })
  210. }
  211. if (reissue.closedFittings != null && reissue.closedFittings.length > 0) {
  212. $.each(reissue.closedFittings,function(index,element){
  213. reissueProduct += '<span>'+ this.fittingName + '*' + this.closedFittingNumber + '件</span>';
  214. })
  215. }
  216. getProvince('reissueProvinceNumber');
  217. getCity('reissueCityNumber',reissue.provinceNumber);
  218. getDistrict('reissueAreaNumber',reissue.cityNumber);
  219. $("#reissueProvinceNumber option[value='" + reissue.provinceNumber + "']").attr("selected","true");
  220. $("#reissueCityNumber option[value='" + reissue.cityNumber + "']").attr("selected","true");
  221. $("#reissueAreaNumber option[value='" + reissue.areaNumber + "']").attr("selected","true");
  222. $('#reissueSendAddress').val(reissue.reissueSendAddress);
  223. }
  224. },
  225. error: function(XmlHttpRequest, textStatus, errorThrown){
  226. }
  227. })
  228. }
  229. /*修改售后补寄信息*/
  230. function update_reissue_info() {
  231. var reissue_flag = checkReissue();
  232. var reissueProvinceNumber = $("#reissueProvinceNumber").find("option:selected").text();
  233. var reissueCityNumber = $("#reissueCityNumber").find("option:selected").text();
  234. var reissueAreaNumber = $("#reissueAreaNumber").find("option:selected").text();
  235. $('#merge_address').val(reissueProvinceNumber+'-'+reissueCityNumber+'-'+reissueAreaNumber);
  236. if (reissue_flag) {
  237. $.ajax({
  238. cache: true,
  239. type: "POST",
  240. data: $('#form-update-reissue').serialize(),
  241. url: "${path}/admin/customer/update_reissue_info",
  242. async: false,
  243. success: function(data){
  244. if (data.returnCode == 200) {
  245. window.parent.custome_result(data.resultMsg,1);
  246. parent.location.reload();
  247. var index = parent.layer.getFrameIndex(window.name);
  248. parent.layer.close(index);
  249. } else {
  250. window.parent.custome_result(data.resultMsg,5);
  251. }
  252. },
  253. error: function(XmlHttpRequest, textStatus, errorThrown){
  254. window.parent.admin_result("修改失败!",5);
  255. var index = parent.layer.getFrameIndex(window.name);
  256. parent.layer.close(index);
  257. }
  258. })
  259. }
  260. }
  261. /**
  262. * 获取省
  263. */
  264. function getProvince(provinceNum) {
  265. var province = listProvince();
  266. if(province!=null){
  267. var provinceHtml = '';
  268. for(var i=0;i<province.length;i++){
  269. provinceHtml += '<option value="'+ province[i].provinceId +'">'+ province[i].province +'</option>';
  270. }
  271. $('#'+provinceNum).append(provinceHtml);
  272. }
  273. }
  274. /**
  275. * 获取市
  276. */
  277. function getCity(cityNum,provineceId) {
  278. var city = listCity(provineceId,'');
  279. if(city!=null){
  280. var cityHtml = '';
  281. for(var i=0;i<city.length;i++){
  282. cityHtml += '<option value="'+ city[i].cityId +'">'+ city[i].city +'</option>';
  283. }
  284. $('#'+cityNum).append(cityHtml);
  285. }
  286. }
  287. /**
  288. * 获取区
  289. */
  290. function getDistrict(districtNum,cityId) {
  291. var district = listDistrict(cityId,'');
  292. if(district!=null){
  293. var districtHtml = '';
  294. for(var i=0;i<district.length;i++){
  295. districtHtml += '<option value="'+ district[i].districtId +'">'+ district[i].district +'</option>';
  296. }
  297. $('#'+districtNum).append(districtHtml);
  298. }
  299. }
  300. /*校验售后补寄填写信息*/
  301. function checkReissue() {
  302. var reissue_flag = true;
  303. var reissueSendName = $('#reissueSendName').val();
  304. if (!uname.test(reissueSendName)) {
  305. alert("寄回人信息格式不正确,请重新输入!");
  306. reissue_flag = false;
  307. return reissue_flag;
  308. }
  309. var reissueSendTel = $('#reissueSendTel').val();
  310. if (!mobile.test(reissueSendTel)) {
  311. alert("寄回人电话号码格式不正确,请重新输入!");
  312. reissue_flag = false;
  313. return reissue_flag;
  314. }
  315. var reissueSendAddress = $('#reissueSendAddress').val();
  316. if (reissueSendAddress == null || reissueSendAddress == '') {
  317. alert("寄出地址不能为空!");
  318. reissue_flag = false;
  319. return reissue_flag;
  320. }
  321. var reissueSendStatus = $('input[name="reissueSendStatus"]:checked').val();//寄回状态
  322. var reissueSendLogisticsCompany = $('#reissueSendLogisticsCompany').val();//寄出物流公司
  323. var reissueSendLogisticsNo = $('#reissueSendLogisticsNo').val();//寄出物流单号
  324. if (reissueSendLogisticsCompany == 1) {
  325. if (reissueSendLogisticsCompany != null && reissueSendLogisticsCompany != '') {
  326. alert("产品未寄送,不能选择物流公司!");
  327. reissue_flag = false;
  328. return reissue_flag;
  329. }
  330. if (reissueSendLogisticsNo != null && reissueSendLogisticsNo != '') {
  331. alert("产品未寄送,不能填写物流单号!");
  332. reissue_flag = false;
  333. return reissue_flag;
  334. }
  335. } else if (reissueSendLogisticsCompany == 2 || reissueSendLogisticsCompany == 3) {
  336. if (reissueSendLogisticsCompany == null || reissueSendLogisticsCompany == '') {
  337. alert("请选择寄回物流公司!");
  338. reissue_flag = false;
  339. return reissue_flag;
  340. }
  341. if (reissueSendLogisticsNo == null || reissueSendLogisticsNo == '') {
  342. alert("请填写物流单号!");
  343. reissue_flag = false;
  344. return reissue_flag;
  345. }
  346. }
  347. return reissue_flag;
  348. }
  349. /*监听省选择事件*/
  350. $(document).on('change', '#reissueProvinceNumber', function() {
  351. var proId = $("#reissueProvinceNumber").val();
  352. $('#reissueCityNumber option').remove();
  353. getCity('reissueCityNumber',proId);
  354. var cityId = $("#reissueCityNumber").val();
  355. $('#reissueAreaNumber option').remove();
  356. getDistrict('reissueAreaNumber',cityId);
  357. });
  358. /*监听市选择事件*/
  359. $(document).on('change', '#reissueCityNumber', function() {
  360. var city = $("#reissueCityNumber").val();
  361. $('#reissueAreaNumber option').remove();
  362. getDistrict('reissueAreaNumber',city);
  363. });
  364. </script>
  365. </body>
  366. </html>