add_visit.ftl 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  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. <!--<link href="lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css" />-->
  15. <title></title>
  16. <style>
  17. .btn-primary{background-color: #32a3d8;padding: 3px 30px;}
  18. .select-box{background: url(${path}/common/images/pts/select-1.png) right center no-repeat;background-size: auto 100%;}
  19. .select-box select{-webkit-appearance:none !important;background-color: transparent; appearance:none;padding-right: 25px;}
  20. </style>
  21. </head>
  22. <body>
  23. <article class="cl pd-20">
  24. <form action="" method="post" class="form form-horizontal" id="form-admin-visit" name="form-admin-visit">
  25. <div class="row cl">
  26. <div class="formControls col-2 col-sm-2 text-r">
  27. <strong>客户信息</strong>
  28. </div>
  29. <div class="formControls col-4 col-sm-4">
  30. <input type="hidden" id="customerId" name="customerId" value="${customerId}">
  31. <input type="text" id="visitName" name="visitName" class="input-text" placeholder="客户姓名" value=""/>
  32. </div>
  33. <div class="formControls col-4 col-sm-4">
  34. <input type="text" id="visitTel" name="visitTel" class="input-text" placeholder="客户电话" value=""/>
  35. </div>
  36. </div>
  37. <div class="row cl">
  38. <div class="formControls col-2 col-sm-2 text-r">
  39. <strong>回访日期</strong>
  40. </div>
  41. <div class="formControls col-8 col-sm-8">
  42. <input type="text" id="visitDate" name="visitDate" class="input-text" placeholder="" onClick="WdatePicker({ dateFmt:'yyyy-MM-dd',skin:'whyGreen',minDate:'%y-%M-%d' })" value="" readonly="readonly"/>
  43. </div>
  44. </div>
  45. <div class="row cl">
  46. <div class="formControls col-2 col-sm-2 text-r">
  47. <strong>回访时间</strong>
  48. </div>
  49. <div class="formControls col-8 col-sm-8 skin-minimal">
  50. <div class="radio-box">
  51. <input type="radio" name="visitTimeSelect" value="1" checked="checked">
  52. <label for="time-1">09:00-12:00</label>
  53. </div>
  54. <div class="radio-box">
  55. <input type="radio" name="visitTimeSelect" value="2">
  56. <label for="time-2">12:00-14:00</label>
  57. </div>
  58. <div class="radio-box">
  59. <input type="radio" name="visitTimeSelect" value="3">
  60. <label for="time-3">14:00-18:00</label>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="row cl">
  65. <div class="formControls col-2 col-sm-2 text-r">
  66. <strong>回访客服</strong>
  67. </div>
  68. <div class="formControls col-8 col-sm-8">
  69. <span class="select-box">
  70. <select class="select" name="visitAdminId" id="visitAdminId">
  71. <#if adminList?? && (adminList?size > 0) >
  72. <#list adminList as admin>
  73. <option value ="${admin.adminId!}" <#if loginAdminId??><#if admin.adminId == loginAdminId >selected="selected"</#if></#if> >${admin.adminName!}</option>
  74. </#list>
  75. </#if>
  76. </select>
  77. </span>
  78. </div>
  79. </div>
  80. <div class="row cl">
  81. <div class="formControls col-12 col-sm-12" style="padding-left: 60px;">
  82. 您将为<span id="visit-admin" class="c-red">自己</span>指定一个回访任务
  83. <br />
  84. 提示原则:<br />
  85. 1、上午的回访 系统将在16日晚上22点、17日早晨9:30提醒您<br />
  86. 2、中午的回访 系统将在本日12点提醒您<br />
  87. 3、下午的回访 系统将在本日14:00提醒您<br />
  88. 如果没有在指定时间完成,系统将于第二天开始推送
  89. </div>
  90. </div>
  91. <div class="row cl">
  92. <div class="formControls col-2 col-sm-2">
  93. </div>
  94. <div class="formControls col-6 col-sm-6 text-c">
  95. <button onClick="addVisitInfo();" class="btn btn-primary" type="button">确认</button>
  96. </div>
  97. </div>
  98. </form>
  99. </div>
  100. </article>
  101. <script type="text/javascript" src="${path}/common/lib/My97DatePicker/4.8/WdatePicker.js"></script>
  102. <script type="text/javascript" src="${path}/common/lib/icheck/jquery.icheck.min.js"></script>
  103. <#--<script type="text/javascript" src="${path}/common/lib/jquery/1.9.1/jquery.min.js"></script>
  104. <script type="text/javascript" src="${path}/common/lib/layer/2.4/layer.js"></script>
  105. <script type="text/javascript" src="${path}/common/static/h-ui/js/H-ui.js"></script>
  106. <script type="text/javascript" src="${path}/common/static/h-ui.admin/js/H-ui.admin.js"></script>-->
  107. <script type="text/javascript">
  108. var loginAdminId = ${loginAdminId!''};
  109. var flag = true;
  110. var msg = '';
  111. var mobile= /^1(3|4|5|7|8)\d{9}$/; //手机号码
  112. var uname = /^[\u4e00-\u9fa5a-zA-Z]{1,12}$/; //中文英文
  113. $(function(){
  114. $('.skin-minimal input').iCheck({
  115. checkboxClass: 'icheckbox-blue',
  116. radioClass: 'iradio-blue',
  117. increaseArea: '20%'
  118. });
  119. $('.skin-minimal input').iCheck({
  120. checkboxClass: 'icheckbox-blue',
  121. radioClass: 'iradio-blue',
  122. increaseArea: '20%'
  123. });
  124. });
  125. function checkValue() {
  126. flag = true;
  127. msg = '';
  128. var visitTimeSelect = $('input[name="visitTimeSelect"]:checked').val();
  129. var visitAdminId = $("#visitAdminId option:selected").val();
  130. var visit_date = $('#visitDate').val();
  131. var myDate = new Date();
  132. var date = myDate.getFullYear()+"-"+(myDate.getMonth()+1)+"-"+myDate.getDate();
  133. var hours = myDate.getHours();
  134. //如果两个时间相等,则判断可选的回访时间
  135. if(Date.parse(visit_date) == Date.parse(date)){
  136. if (hours > 12 && visitTimeSelect == 1) {
  137. msg = '该时间已超过当前时间,请重新选择回访时间!';
  138. flag = false;
  139. return;
  140. } else if (hours > 14 && visitTimeSelect == 2) {
  141. msg = '该时间已超过当前时间,请重新选择回访时间!';
  142. flag = false;
  143. return;
  144. } else if (hours > 18 && visitTimeSelect == 3) {
  145. msg = '该时间已超过当前时间,请重新选择回访时间!';
  146. flag = false;
  147. return;
  148. }
  149. }
  150. if (!uname.test($('#visitName').val().trim())) {
  151. msg = '回访人姓名格式不正确,请重新填写!';
  152. flag = false;
  153. return;
  154. }
  155. if (!mobile.test($('#visitTel').val().trim())) {
  156. msg = '手机号码格式不正确,请重新填写!';
  157. flag = false;
  158. return;
  159. }
  160. if ($('#visitDate').val().trim() == null || $('#visitDate').val().trim() == '') {
  161. msg = '请选择回访日期!';
  162. flag = false;
  163. return;
  164. }
  165. if (visitTimeSelect == null || visitTimeSelect == '') {
  166. msg = '请选择回访时间点!';
  167. flag = false;
  168. return;
  169. }
  170. if (visitAdminId == null || visitAdminId == '') {
  171. msg = '请选择回访客服!';
  172. flag = false;
  173. return;
  174. }
  175. }
  176. /**
  177. * 添加回访信息
  178. */
  179. function addVisitInfo() {
  180. checkValue();
  181. if (flag) {
  182. $.ajax({
  183. cache: true,
  184. type: "POST",
  185. data: $('#form-admin-visit').serialize(),
  186. url: "${path}/admin/customer/add_visit_info",
  187. async: false,
  188. success: function(data){
  189. if (data.returnCode == 200) {
  190. window.parent.custome_result(data.resultMsg,1);
  191. parent.location.reload();
  192. var index = parent.layer.getFrameIndex(window.name);
  193. parent.$('.btn-refresh').click();
  194. parent.layer.close(index);
  195. } else {
  196. window.parent.custome_result(data.resultMsg,5);
  197. }
  198. },
  199. error: function(XmlHttpRequest, textStatus, errorThrown){
  200. window.parent.admin_result("修改失败!",5);
  201. var index = parent.layer.getFrameIndex(window.name);
  202. parent.$('.btn-refresh').click();
  203. parent.layer.close(index);
  204. }
  205. });
  206. } else {
  207. layer.msg(msg, {icon: 5, time: 2000});
  208. }
  209. }
  210. $('#visitAdminId').change(function() {
  211. var name = $('#visitAdminId option:selected').html();
  212. var adminId = $('#visitAdminId option:selected').val();
  213. if (adminId == loginAdminId) {
  214. $('#visit-admin').html('自己');
  215. } else {
  216. $('#visit-admin').html(name);
  217. }
  218. })
  219. </script>
  220. </body>
  221. </html>