edit_transport.ftl 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  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. <!-- 新增需求引入js、css -->
  11. <link href="${path}/common/lib/bootstrap/bootstrap.min.css" rel="stylesheet" />
  12. <title>编辑运输信息</title>
  13. <style>
  14. .input-text{
  15. height: 31px;
  16. }
  17. .form-label {
  18. padding-left: 0;
  19. margin-left: 0px;
  20. width: 17%;
  21. }
  22. .formControls{
  23. padding-top: 3px;
  24. }
  25. input[type=radio]{-webkit-appearance:none;appearance:none;background: url(${path}/common/images/pts/radio-1.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
  26. input[type=radio]:checked{-webkit-appearance:none;appearance:none;background: url(${path}/common/images/pts/radio-2.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
  27. </style>
  28. </head>
  29. <body>
  30. <div class="pd-20">
  31. <form class="form form-horizontal" id="form-admin-add">
  32. <input type="hidden" name="transportId" value="${(obj.transport.transportId)!}">
  33. <div class="row cl">
  34. <label class="form-label col-xs-4 col-sm-3" style="padding-left: 0;margin-left: 0px;width: 16%;"><h5 style="font-weight: bold;">寄回工厂信息</h5></label>
  35. </div>
  36. <div class="row cl">
  37. <label class="form-label col-3 col-sm-3"><span class="c-red"></span>物流信息:</label>
  38. <div class="formControls col-9 col-sm-9">
  39. <input style="height: 31px;width: 50%" class="input-text" value="${(obj.transport.transportSendFirm)!}" type="text" name="transportSendFirm" id="transportSendFirm" placeholder="物流公司"/>
  40. <input style="height: 31px;width: 49%" class="input-text" value="${(obj.transport.transportSendPost)!}" type="text" name="transportSendPost" id="transportSendPost" placeholder="物流单号"/>
  41. </div>
  42. </div>
  43. <div class="row cl">
  44. <label class="form-label col-xs-4 col-sm-3" style="padding-left: 0;margin-left: 0px;width: 16%;"><h5 style="font-weight: bold;">寄送客户信息</h5></label>
  45. </div>
  46. <div class="row cl">
  47. <pre style="margin-left: 18%;margin-right: 10%;">
  48. 寄回客户信息:是指您填机器维修好以后寄回给客户的地址,您填写此地址以后,我司维修人员就可以直接打单发货,发货后您可以在售后列表查看寄出机器进度、物流单号。
  49. </pre>
  50. </div>
  51. <div class="row cl">
  52. <label class="form-label col-3 col-sm-3"><span class="c-red"></span>客户信息:</label>
  53. <div class="formControls col-9 col-sm-9">
  54. <input style="height: 31px;width: 50%" class="input-text" type="text" value="${(obj.transport.transportSignName)!}" name="transportSignName" id="transportSignName" placeholder="请输入客户姓名或昵称"/>
  55. <input style="height: 31px;width: 49%" class="input-text" type="text" value="${(obj.transport.transportSignTel)!}" name="transportSignTel" id="transportSignTel" placeholder="请输入客户电话或手机号码"/>
  56. </div>
  57. </div>
  58. <div class="row cl">
  59. <label class="form-label col-3 col-sm-3"><span class="c-red"></span>地址信息:</label>
  60. <div class="formControls col-9 col-sm-9 init_address" id="TDScollect" code="returnCode" msg="resultMsg" data="returnMsg" urlPrefix="${path}">
  61. <select style="width: 30%"
  62. ulcName="${(obj.transport.transportSignProv)!}"
  63. name="provinceId"
  64. class="select ulc_select"
  65. id="initProvince"
  66. ulcValName="province"
  67. ulcValId="provinceId"
  68. ulcURL="/address/list_province"
  69. ulcMsg="" ulcList="provinceList"
  70. ulcIsFristSelect="1"
  71. ulcFristSelectMsg="请选择省份">
  72. </select>
  73. <select style="width: 30%" ulcName="${(obj.transport.transportSignCity)!}" name="cityId" class="select ulc_select" id="initCity"
  74. ulcValName="city" ulcValId="cityId" ulcURL="/address/list_city?provinceId=" ulcMsg="" ulcList="cityList"
  75. ulcIsFristSelect="1" ulcFristSelectMsg="请选择市">
  76. </select>
  77. <select style="width: 30%" ulcName="${(obj.transport.transportSignArea)!}" name="districtId" class="select ulc_select" id="initCountry"
  78. ulcValName="district" ulcValId="districtId" ulcURL="/address/list_district?cityId=" ulcMsg="" ulcList="districtList"
  79. ulcIsFristSelect="1" ulcFristSelectMsg="请选择区/县">
  80. </select>
  81. </div>
  82. </div>
  83. <div class="row cl">
  84. <label class="form-label col-3 col-sm-3">详细地址:</label>
  85. <div class="formControls col-xs-9 col-sm-9">
  86. <textarea style="width: 98%" rows="3" cols="20" name="transportSignAddr" id="transportSignAddr" class="my-textarea" placeholder="详细地址">${(obj.transport.transportSignAddr)!}</textarea>
  87. </div>
  88. </div>
  89. <div class="row cl">
  90. <div class="form-label" style="margin-left: 7%;">
  91. <button type="button" class="btn btn-primary radius" onclick="add();">确认提交</button>
  92. </div>
  93. </div>
  94. <div style="display: none" id="hide-input-div">
  95. </div>
  96. <input type="hidden" id="transportSignCode" name="transportSignCode">
  97. </form>
  98. </div>
  99. <script type="text/javascript" src="${path}/common/lib/My97DatePicker/4.8/WdatePicker.js"></script>
  100. <script type="text/javascript" src="${path}/common/lib/ueditor/1.4.3/ueditor.config.js"></script>
  101. <script type="text/javascript" src="${path}/common/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
  102. <script type="text/javascript" src="${path}/common/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
  103. <script type="text/javascript" src="${path}/common/js/common/address.js"></script>
  104. <script type="text/javascript">
  105. $(function() {
  106. /** 初始化地址 */
  107. let ulc = init_address($(".init_address"));
  108. ulc.setUlcAllCallback(function (data) {
  109. try {
  110. let obj = data[2];
  111. if (obj.hasOwnProperty("postcode")) {
  112. $("#transportSignCode").val(data[2].postcode);
  113. }
  114. } catch (e) {
  115. }
  116. });
  117. });
  118. /** 添加事件 */
  119. function add() {
  120. let $hide = $("#hide-input-div");
  121. // 寄回给用户的信息
  122. let provId = $("#initProvince").val();
  123. if (provId != null && provId !== '') {
  124. let prov = $("#initProvince").find("option:selected").text();
  125. let city = $("#initCity").find("option:selected").text();
  126. let area = $("#initCountry").find("option:selected").text();
  127. $hide.append('<input type="hidden" name="transportSignProv" value="' + prov + '">');
  128. $hide.append('<input type="hidden" name="transportSignCity" value="' + city + '">');
  129. $hide.append('<input type="hidden" name="transportSignArea" value="' + area + '">');
  130. }
  131. $.ajax({
  132. cache: true,
  133. type: "POST",
  134. url: "${path}/admin/afterSales/editTransport",
  135. data:$('#form-admin-add').serialize(),
  136. async: false,
  137. success: function(data){
  138. if (data.returnCode === 200) {
  139. layer.msg('修改成功',{icon: 1,time:1000},function () {
  140. parent.layer.close(parent.layer.getFrameIndex(window.name));
  141. });
  142. } else {
  143. layer.msg('修改失败',{icon: 5,time:1000});
  144. }
  145. },
  146. error: function(XmlHttpRequest, textStatus, errorThrown){
  147. layer.msg('修改错误',{icon: 5,time:1000});
  148. }
  149. });
  150. }
  151. </script>
  152. </body>
  153. </html>