me_people_details.jsp 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
  3. <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
  4. <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
  5. <%
  6. String path = request.getContextPath();
  7. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort() + path+"/";
  8. request.setAttribute("contextPath", basePath);
  9. String redirectUrl= request.getParameter("redirectUrl");
  10. request.setAttribute("redirectUrl", redirectUrl);
  11. %>
  12. <!DOCTYPE html>
  13. <html lang="en">
  14. <head>
  15. <meta charset="UTF-8">
  16. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  17. <meta name="apple-mobile-web-app-capable" content="yes">
  18. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  19. <meta name="format-detection" content="telephone=no">
  20. <title>添加客户</title>
  21. <script src="<%=basePath %>app/lib/flexible.js"></script>
  22. <link rel="stylesheet" href="<%=basePath %>app/lib/flexible.css">
  23. <link rel="stylesheet" href="<%=basePath %>app/css/basem.css">
  24. <link rel="stylesheet" href="<%=basePath %>app/css/logome.css">
  25. <link rel="stylesheet" href="<%=basePath %>app/css/index.css">
  26. </head>
  27. <body>
  28. <div class="show" id="tj_client">
  29. <div class="titbox blubg">
  30. <a class="titreturn left" href="${contextPath }web/mgmCustomerWebCtl/me_people.cs?userId=${CUSTOMER.recommendId}"><img src="${contextPath }app/img/fanhui16@2x.png" alt=""></a>
  31. <div class="safe">
  32. <a class="right" href="${contextPath}web/mgmOrder/recommendlist.cs?customerId=${CUSTOMER.id}">
  33. <span class="smtxt">推介记录</span>
  34. </a>
  35. </div>
  36. <h1>客户详情</h1>
  37. </div>
  38. <form action="#" name="loginForm" id="loginForm" method="post">
  39. <div class="whbg top50">
  40. <div class="safe">
  41. <ul>
  42. <li class="merecli">
  43. <p class="meaddle left">客户姓名:</p>
  44. <input class="meaddinpu left" type="text" name="name" placeholder="请输入客户姓名" value="${CUSTOMER.name}">
  45. </li>
  46. <li class="merecli">
  47. <p class="meaddle left">联系电话:</p>
  48. <input class="meaddinpu left blutxt" type="text" name="phone" placeholder="请输入客户联系电话" value="${CUSTOMER.phone}">
  49. </li>
  50. <li class="merecli">
  51. <p class="meaddle left">工作单位:</p>
  52. <input class="meaddinpu left" type="text" name="company" placeholder="请输入客户工作单位" value="${CUSTOMER.company}">
  53. </li>
  54. <li class="merecli">
  55. <p class="meaddle left">所在区域:</p>
  56. <input id="pcarea" name="attributionArea" class="meaddinpu left" readonly="readonly" type="text" placeholder="请选择客户所在区域" value="${CUSTOMER.attributionArea}">
  57. <input id="province" name="province" class="meaddinpu left" type="hidden">
  58. <input id="city" name="city" class="meaddinpu left" type="hidden">
  59. <input id="area" name="area" class="meaddinpu left" type="hidden">
  60. </li>
  61. <li class="merecli meaddlila">
  62. <p class="meaddle left">详细地址:</p>
  63. <textarea class="meaddinpu left" name="address" id="address" placeholder="请输入客户详细地址">${CUSTOMER.address}</textarea>
  64. </li>
  65. <li class="merecli meaddlila">
  66. <p class="meaddle left">客户备注:</p>
  67. <textarea class="meaddinpu left" name="remarks" id="remarks" placeholder="请输入客户备注">${CUSTOMER.remarks}</textarea>
  68. </li>
  69. </ul>
  70. </div>
  71. </div>
  72. <a class="redbtn" href="javascript:void(0);" id="button">修改</a>
  73. </form>
  74. </div>
  75. <!-- 城市弹窗 -->
  76. <div class="cityMask hide">
  77. <div class="titbox blubg">
  78. <a class="titreturn left" href="javascript:void(0)" onclick="backper()"><img src="<%=basePath %>app/img/fanhui16@2x.png" alt=""></a>
  79. <h1>选择城市</h1>
  80. </div>
  81. <div class="top50">
  82. <ul class="cityul">
  83. <li>
  84. <a href="#">
  85. 北京
  86. <img src="<%=basePath %>app/img/fanh3@2x.png" alt="">
  87. </a>
  88. </li>
  89. </ul>
  90. </div>
  91. </div>
  92. </body>
  93. <script type="text/javascript" src="<%=basePath %>app/lib/jquery.min.js"></script>
  94. <script type="text/javascript" src="<%=basePath %>res/js/layer/layer.min.js"></script>
  95. <script type="text/javascript" src="<%=basePath %>app/js/public.js"></script>
  96. <script type="text/javascript">
  97. $(function(){
  98. $('#button').click(function(){
  99. var id="${CUSTOMER.id}";
  100. var name=$("input[name='name']").val();
  101. var phone=$("input[name='phone']").val();
  102. var company=$("input[name='company']").val();
  103. var attributionArea=$("input[name='attributionArea']").val();
  104. var address=$("#address").val();
  105. var province=$("input[name='province']").val();
  106. var city=$("input[name='city']").val();
  107. var area=$("input[name='area']").val();
  108. var remarks=$("#remarks").val();
  109. if(name=="" && phone=="" && company=="" && attributionArea==""&&address==""){
  110. //window.location.href = '${contextPath }web/mgmUserCtl/index.cs';
  111. layer.msg('请填写客户信息!');
  112. }else{
  113. var pram='{"id":"'+id+'","name":"'+name+'","phone":"'+phone+'","company":"'+company+'","attributionArea":"'+attributionArea+'","address":"'+address+'","province":"'+province+'","city":"'+city+'","area":"'+area+'","remarks":"'+remarks+'"}';
  114. $.post('${contextPath}web/mgmCustomerWebCtl/updateCustomer.cs', {
  115. "data" : pram
  116. }, function(data) {
  117. var datas=eval(data.data);
  118. if (data.ret == 1) {
  119. layer.msg('修改成功!', {
  120. time: 1000
  121. }, function(){
  122. var ty = '${ty}';
  123. if("1" == ty){
  124. window.history.back(1);
  125. }else{
  126. window.location.href = '${contextPath }web/mgmCustomerWebCtl/me_people.cs?userId=${CUSTOMER.recommendId}';
  127. }
  128. });
  129. }else{
  130. layer.msg(data.msg);
  131. }
  132. }, "json");
  133. }
  134. });
  135. })
  136. $("#pcarea").click(function(){
  137. $(".cityul").html('');
  138. $.get('<%=basePath%>area/getProvice.cs',function(data){
  139. var html = "";
  140. for(var i in data){
  141. html += "<li onclick='proclick(\""+data[i].code+"\",\""+data[i].name+"\")'>";
  142. html += "<a href='javascript:void(0)'>";
  143. html += data[i].name;
  144. html += " <img src='<%=basePath %>app/img/fanh3@2x.png' alt=''>";
  145. html += "</a>";
  146. html += "</li>";
  147. }
  148. $(".cityul").html(html);
  149. });
  150. $("#tj_client").hide();
  151. $(".cityMask").show();
  152. })
  153. function proclick(code, name){
  154. var html = "";
  155. $.get('<%=basePath%>area/getByParentCode.cs',{'param': code}, function(data){
  156. for(var i in data){
  157. html += "<li onclick='cityclick(\""+data[i].code+"\",\""+data[i].name+"\")'>";
  158. html += "<a href='javascript:void(0)'>";
  159. html += data[i].name;
  160. html += " <img src='<%=basePath %>app/img/fanh3@2x.png' alt=''>";
  161. html += "</a>";
  162. html += "</li>";
  163. }
  164. $(".cityul").html(html);
  165. });
  166. $('#province').val(name);
  167. }
  168. function cityclick(code, name){
  169. var html = "";
  170. $.get('<%=basePath%>area/getByParentCode.cs',{'param': code}, function(data){
  171. for(var i in data){
  172. html += "<li onclick='countyclick(\""+data[i].code+"\",\""+data[i].name+"\")'>";
  173. html += "<a href='javascript:void(0)'>";
  174. html += data[i].name;
  175. html += " <img src='<%=basePath %>app/img/fanh3@2x.png' alt=''>";
  176. html += "</a>";
  177. html += "</li>";
  178. }
  179. $(".cityul").html(html);
  180. });
  181. $('#city').val(name);
  182. }
  183. function countyclick(code, name){
  184. $("#tj_client").show();
  185. $(".cityMask").hide();
  186. $('#area').val(name);
  187. $('#pcarea').val($('#province').val()+" " + $('#city').val()+" " + $('#area').val());
  188. replace(categoryid, num, type, twotype, '2', '1');
  189. }
  190. function backper(){
  191. $("#tj_client").show();
  192. $(".cityMask").hide();
  193. }
  194. </script>
  195. </html>