cmOrganizeStoreForm.jsp 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/WEB-INF/views/include/taglib.jsp"%>
  3. <html>
  4. <head>
  5. <title>门店管理</title>
  6. <meta name="decorator" content="default"/>
  7. <script type="text/javascript">
  8. $(document).ready(function() {
  9. //$("#name").focus();
  10. $("#inputForm").validate({
  11. submitHandler: function(form){
  12. loading('正在提交,请稍等...');
  13. form.submit();
  14. },
  15. errorContainer: "#messageBox",
  16. errorPlacement: function(error, element) {
  17. $("#messageBox").text("输入有误,请先更正。");
  18. if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
  19. error.appendTo(element.parent().parent());
  20. } else {
  21. error.insertAfter(element);
  22. }
  23. }
  24. });
  25. });
  26. /**
  27. * @param obj
  28. * jquery控制input只能输入数字
  29. */
  30. function mobileVerification(obj) {
  31. var reg = /^1\d{10}$/;
  32. var contractMobile = document.getElementById("mobile").value;
  33. if(!reg.test(contractMobile)){
  34. alertx("请输入正确的手机号");
  35. $("#contractMobile").val("");
  36. }
  37. }
  38. </script>
  39. </head>
  40. <body>
  41. <ul class="nav nav-tabs">
  42. <li><a href="${ctx}/weisha/cmMallOrganize">组织列表</a></li>
  43. <li><a href="${ctx}/weisha/cmOrganizeStore/list?organizeId=${cmOrganizeStore.organizeId}">门店列表</a></li>
  44. <li class="active"><a href="${ctx}/weisha/cmOrganizeStore/form?organizeId=${cmOrganizeStore.organizeId}&id=${cmOrganizeStore.id}">${not empty cmOrganizeStore.id?'编辑':'上线'}门店</a></li>
  45. </ul><br/>
  46. <form:form id="inputForm" modelAttribute="cmOrganizeStore" action="${ctx}/weisha/cmOrganizeStore/save" method="post" class="form-horizontal">
  47. <form:hidden path="id"/>
  48. <form:hidden path="organizeId"/>
  49. <input type="hidden" id="curProvince" name="curProvince" value="${cmOrganizeStore.provinceName}" disabled="disabled">
  50. <input type="hidden" id="curCity" name="curCity" value="${cmOrganizeStore.cityName}" disabled="disabled">
  51. <input type="hidden" id="curTown" name="curTown" value="${cmOrganizeStore.townName}" disabled="disabled">
  52. <sys:message content="${message}"/>
  53. <div class="control-group">
  54. <label class="control-label">门店名称:</label>
  55. <div class="controls">
  56. <form:input path="name" htmlEscape="false" maxlength="30" class="input-xlarge "/>
  57. </div>
  58. </div>
  59. <div class="control-group">
  60. <label class="control-label">联系人:</label>
  61. <div class="controls">
  62. <form:input path="linkMan" htmlEscape="false" maxlength="15" class="input-xlarge "/>
  63. </div>
  64. </div>
  65. <div class="control-group">
  66. <label class="control-label">手机号:</label>
  67. <div class="controls">
  68. <form:input path="mobile" htmlEscape="false" maxlength="11" class="input-xlarge " onchange="mobileVerification(this)"/>
  69. </div>
  70. </div>
  71. <div class="control-group">
  72. <label class="control-label"><b><font color="red">*</font>地址:</b></label>
  73. <div class="controls">
  74. <form:select path="provinceId" class="input-xlarge required" id="province"
  75. onchange="loadCity()" style="width:100px;">
  76. <form:option value="" label="省" provinceId=""/>
  77. </form:select>
  78. <form:select path="cityId" class="input-xlarge required" id="city" onchange="loadTown()"
  79. style="width:100px;">
  80. <form:option value="" label="市" cityId=""/>
  81. </form:select>
  82. <form:select path="townId" class="input-xlarge required" id="town" style="width:100px;">
  83. <form:option value="" label="区"/>
  84. </form:select>
  85. <form:input path="address" class="input-xlarge userAddress required" width="20px" maxlength="60" placeholder="请填写门店详细的地址" />
  86. </div>
  87. </div>
  88. <div class="form-actions">
  89. <input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;
  90. <input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
  91. </div>
  92. </form:form>
  93. <script>
  94. /**
  95. * 加载地址
  96. *
  97. * Created by LG on 2017/8/12.
  98. */
  99. $(function() {
  100. loadProvince();
  101. });
  102. /**
  103. * 加载省份
  104. * @param curProvince
  105. */
  106. function loadProvince() {
  107. var curProvince=$("#curProvince").val();
  108. $.ajax({
  109. type: 'POST',
  110. dataType: 'json',
  111. url: '/area/loadProvince',
  112. success: function(data) {
  113. $("#province").html("");
  114. $("#province").append("<option value=''>省</option>");
  115. for(var i=0; i<data.length; i++) {
  116. if(curProvince != '' && curProvince != null && typeof(curProvince) != "undefined" && curProvince == data[i].name) {
  117. $("#province").append("<option value='" + data[i].id + "' provinceId=" + data[i].id +" selected>" + data[i].name +"</option>");
  118. $(".select2-chosen").eq(0).html(curProvince);
  119. loadCity($("#curCity").val());
  120. } else {
  121. $("#province").append("<option value='" + data[i].id + "' provinceId=" + data[i].id +">" + data[i].name +"</option>");
  122. }
  123. }
  124. }
  125. });
  126. }
  127. /**
  128. * 加载城市
  129. */
  130. function loadCity(curCity) {
  131. var provinceId = $("#province option:selected").attr("provinceId");
  132. $("#town").html("");
  133. $(".select2-chosen").eq(2).html("区");
  134. $("#town").append("<option value=''>区</option>");
  135. if(typeof(provinceId) != "undefined") {
  136. $.ajax({
  137. type: 'POST',
  138. dataType: 'json',
  139. data: {'provinceId':provinceId},
  140. url: '/area/loadCity',
  141. success: function(data) {
  142. $(".select2-chosen").eq(1).html("市");
  143. $("#city").html("");
  144. $("#city").append("<option value=''>市</option>");
  145. for(var i=0; i<data.length; i++) {
  146. if(curCity != null && typeof(curCity) != "undefined" && curCity == data[i].name) {
  147. $("#city").append("<option value='" + data[i].id + "' selected cityId=" + data[i].id +">" + data[i].name +"</option>");
  148. $(".select2-chosen").eq(1).html(curCity);
  149. loadTown($("#curTown").val());
  150. } else {
  151. $("#city").append("<option value='" + data[i].id + "' cityId=" + data[i].id +">" + data[i].name +"</option>");
  152. }
  153. }
  154. }
  155. });
  156. } else {
  157. $("#city").html("");
  158. $(".select2-chosen").eq(1).html("市");
  159. $("#city").append("<option value=''>市</option>");
  160. $("#town").html("");
  161. $(".select2-chosen").eq(2).html("区");
  162. $("#town").append("<option value=''>区</option>");
  163. }
  164. }
  165. /**
  166. * 加载县区
  167. * @param curTown
  168. */
  169. function loadTown(curTown) {
  170. var cityId = $("#city option:selected").attr("cityId");
  171. if(typeof(cityId) != "undefined") {
  172. $.ajax({
  173. type: 'POST',
  174. dataType: 'json',
  175. data: {'cityId':cityId},
  176. url: '/area/loadTown',
  177. success: function(data) {
  178. $(".select2-chosen").eq(2).html("区");
  179. $("#town").html("");
  180. $("#town").append("<option value=''>区</option>");
  181. for(var i=0; i<data.length; i++) {
  182. if(curTown != null && typeof(curTown) != "undefined" && curTown == data[i].name) {
  183. $("#town").append("<option value='" + data[i].id + "' selected>" + data[i].name +"</option>");
  184. $(".select2-chosen").eq(2).html(curTown);
  185. } else {
  186. $("#town").append("<option value='" + data[i].id + "'>" + data[i].name +"</option>");
  187. }
  188. }
  189. }
  190. });
  191. } else {
  192. $("#town").html("");
  193. $(".select2-chosen").eq(2).html("区");
  194. $("#town").append("<option value=''>区</option>");
  195. }
  196. }
  197. </script>
  198. </body>
  199. </html>