mepeo_info.jsp 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  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="${contextPath }res/js/jquery.min.js" type="text/javascript"></script>
  22. <%-- <script src="${contextPath }res/js/bootstrap.min.js" type="text/javascript"></script> --%>
  23. <script type="text/javascript" src="${contextPath }res/js/layer/layer.min.js"></script>
  24. <script src="${contextPath }app/lib/flexible.js"></script>
  25. <link rel="stylesheet" href="${contextPath }app/lib/flexible.css">
  26. <link rel="stylesheet" href="${contextPath }app/css/basem.css">
  27. <link rel="stylesheet" href="${contextPath }app/css/logome.css">
  28. <link rel="stylesheet" href="${contextPath }app/css/index.css">
  29. <%-- <link href="${contextPath }res/css/bootstrap.min.css" rel="stylesheet"> --%>
  30. <script type="text/javascript">
  31. $(function(){
  32. $('#button').click(function(){
  33. var userId="${USER.id}";
  34. var mail=$("input[name='mail']").val();
  35. var qq=$("input[name='qq']").val();
  36. var weixin=$("input[name='weixin']").val();
  37. var province=$("#province").val();
  38. var city=$("#city").val();
  39. var area=$("#area").val();
  40. var address=$("#address").val();
  41. if(mail=="" && qq=="" && weixin=="" && province==""&&city==""&&county==""){
  42. //window.location.href = '${contextPath }web/mgmUserCtl/index.cs?userId='+userId;
  43. layer.msg('请填写个人信息!');
  44. }else{
  45. var pram='{"id":"'+userId+'","mail":"'+mail+'","qq":"'+qq+'","weixin":"'+weixin+'","province":"'+province+'","city":"'+city+'","area":"'+area+'","address":"'+address+'"}';
  46. $.post('${contextPath}web/meWebCtl/updateUserinfo.cs', {
  47. "data" : pram
  48. }, function(data) {
  49. var datas=eval(data.data);
  50. if (data.ret == 1) {
  51. layer.msg('修改成功!', {
  52. time: 1000
  53. }, function(){
  54. window.location.href = '${contextPath }web/meWebCtl/me.cs';
  55. });
  56. }else{
  57. layer.msg(data.msg);
  58. }
  59. }, "json");
  60. }
  61. });
  62. });
  63. </script>
  64. <style type="text/css">
  65. .logtitul li {
  66. width: 45%;
  67. text-align: center;
  68. }
  69. .logtitul li a{
  70. width: 100%;
  71. text-align: center;
  72. line-height: 1.15rem;
  73. display: block;
  74. height: 1.2rem;
  75. font-size: 0.45rem;
  76. font-weight: 600;
  77. color:#232323;
  78. }
  79. .megroup > div {
  80. margin: 0.15rem 0;
  81. }
  82. .megroup > div select {
  83. height:1rem;
  84. color:#626262;
  85. font-size:0.35rem;
  86. }
  87. </style>
  88. </head>
  89. <body>
  90. <div class="show" id="tj_client">
  91. <div class="titbox">
  92. <a class="titreturn left" href="${contextPath }web/meWebCtl/me.cs"><img src="${contextPath }app/img/return1@2x.png" alt=""></a>
  93. <ul class="logtitul">
  94. <li class="left" ><a href="${contextPath }web/meWebCtl/mepeo_info.cs?userId=${USER.id}">
  95. 个人信息
  96. <div class="logtitsel"></div>
  97. </a></li>
  98. <li class="left"><a href="${contextPath }web/meWebCtl/mepeo_info2.cs?userId=${USER.id}">
  99. 认证信息
  100. <div></div>
  101. </a></li>
  102. </ul>
  103. </div>
  104. <div class="forgetbox top50">
  105. <div class="safe">
  106. <form action="#" name="loginForm" id="loginForm" method="post">
  107. <ul class="logul">
  108. <li>
  109. <div><img class="logicon" src="${contextPath }app/img/iphone@2x.png" alt=""><span>邮箱</span></div>
  110. <input type="text" name="mail" placeholder="请输入您的邮箱" value="${USER.mail}">
  111. </li>
  112. <li>
  113. <div><img class="logicon" src="${contextPath }app/img/qq2@2x.png" alt=""><span>QQ</span></div>
  114. <input type="text" name="qq" placeholder="请输入您的QQ号" value="${USER.qq}">
  115. </li>
  116. <li>
  117. <div><img class="logicon" src="${contextPath }app/img/weixin3@2x.png" alt=""><span>微信</span></div>
  118. <input type="text" name="weixin" placeholder="请输入您的微信号" value="${USER.weixin}">
  119. </li>
  120. <li>
  121. <div><img class="logicon" src="${contextPath }app/img/address@2x.png" alt=""><span>所在地区</span></div>
  122. <input id="pcarea" name="attributionArea" readonly="readonly" type="text" placeholder="请选择客户所在区域" value="${USER.province}${USER.city}${USER.area}">
  123. <input id="province" name="province" type="hidden" value="${USER.province}">
  124. <input id="city" name="city" type="hidden" value="${USER.city}">
  125. <input id="area" name="area" type="hidden" value="${USER.area}">
  126. </li>
  127. <li class="noline">
  128. <div><img class="logicon" src="${contextPath }app/img/address@2x.png" alt=""><span>详细地址</span></div>
  129. <textarea name="address" id="address" placeholder="请输入详细地址" >${USER.address}</textarea>
  130. </li>
  131. </ul>
  132. <a class="redbtn" href="javascript:void(0);" id="button">完成</a>
  133. </form>
  134. </div>
  135. </div>
  136. </div>
  137. <!-- 城市弹窗 -->
  138. <div class="cityMask hide">
  139. <div class="titbox blubg">
  140. <a class="titreturn left" href="javascript:void(0)" onclick="backper()"><img src="<%=basePath %>app/img/fanhui16@2x.png" alt=""></a>
  141. <h1>选择城市</h1>
  142. </div>
  143. <div class="top50">
  144. <ul class="cityul">
  145. <li>
  146. <a href="#">
  147. 北京
  148. <img src="<%=basePath %>app/img/fanh3@2x.png" alt="">
  149. </a>
  150. </li>
  151. </ul>
  152. </div>
  153. </div>
  154. </body>
  155. <script type="text/javascript" src="<%=basePath %>app/lib/jquery.min.js"></script>
  156. <script type="text/javascript" src="<%=basePath %>res/js/layer/layer.min.js"></script>
  157. <script type="text/javascript" src="<%=basePath %>app/js/public.js"></script>
  158. <script type="text/javascript">
  159. $("#pcarea").click(function(){
  160. $(".cityul").html('');
  161. $.get('<%=basePath%>area/getProvice.cs',function(data){
  162. var html = "";
  163. for(var i in data){
  164. html += "<li onclick='proclick(\""+data[i].code+"\",\""+data[i].name+"\")'>";
  165. html += "<a href='javascript:void(0)'>";
  166. html += data[i].name;
  167. html += " <img src='<%=basePath %>app/img/fanh3@2x.png' alt=''>";
  168. html += "</a>";
  169. html += "</li>";
  170. }
  171. $(".cityul").html(html);
  172. });
  173. $("#tj_client").hide();
  174. $(".cityMask").show();
  175. })
  176. function proclick(code, name){
  177. var html = "";
  178. $.get('<%=basePath%>area/getByParentCode.cs',{'param': code}, function(data){
  179. for(var i in data){
  180. html += "<li onclick='cityclick(\""+data[i].code+"\",\""+data[i].name+"\")'>";
  181. html += "<a href='javascript:void(0)'>";
  182. html += data[i].name;
  183. html += " <img src='<%=basePath %>app/img/fanh3@2x.png' alt=''>";
  184. html += "</a>";
  185. html += "</li>";
  186. }
  187. $(".cityul").html(html);
  188. });
  189. $('#province').val(name);
  190. }
  191. function cityclick(code, name){
  192. var html = "";
  193. $.get('<%=basePath%>area/getByParentCode.cs',{'param': code}, function(data){
  194. for(var i in data){
  195. html += "<li onclick='countyclick(\""+data[i].code+"\",\""+data[i].name+"\")'>";
  196. html += "<a href='javascript:void(0)'>";
  197. html += data[i].name;
  198. html += " <img src='<%=basePath %>app/img/fanh3@2x.png' alt=''>";
  199. html += "</a>";
  200. html += "</li>";
  201. }
  202. $(".cityul").html(html);
  203. });
  204. $('#city').val(name);
  205. }
  206. function countyclick(code, name){
  207. $("#tj_client").show();
  208. $(".cityMask").hide();
  209. $('#area').val(name);
  210. $('#pcarea').val($('#province').val() + " " + $('#city').val() + " " + $('#area').val());
  211. }
  212. function backper(){
  213. $("#tj_client").show();
  214. $(".cityMask").hide();
  215. }
  216. </script>
  217. </html>