123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214 |
- <%@ page contentType="text/html;charset=UTF-8" %>
- <%@ include file="/WEB-INF/views/include/taglib.jsp"%>
- <html>
- <head>
- <title>门店管理</title>
- <meta name="decorator" content="default"/>
- <script type="text/javascript">
- $(document).ready(function() {
- //$("#name").focus();
- $("#inputForm").validate({
- submitHandler: function(form){
- loading('正在提交,请稍等...');
- form.submit();
- },
- errorContainer: "#messageBox",
- errorPlacement: function(error, element) {
- $("#messageBox").text("输入有误,请先更正。");
- if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
- error.appendTo(element.parent().parent());
- } else {
- error.insertAfter(element);
- }
- }
- });
- });
- /**
- * @param obj
- * jquery控制input只能输入数字
- */
- function mobileVerification(obj) {
- var reg = /^1\d{10}$/;
- var contractMobile = document.getElementById("mobile").value;
- if(!reg.test(contractMobile)){
- alertx("请输入正确的手机号");
- $("#contractMobile").val("");
- }
- }
- </script>
- </head>
- <body>
- <ul class="nav nav-tabs">
- <li><a href="${ctx}/weisha/cmMallOrganize">组织列表</a></li>
- <li><a href="${ctx}/weisha/cmOrganizeStore/list?organizeId=${cmOrganizeStore.organizeId}">门店列表</a></li>
- <li class="active"><a href="${ctx}/weisha/cmOrganizeStore/form?organizeId=${cmOrganizeStore.organizeId}&id=${cmOrganizeStore.id}">${not empty cmOrganizeStore.id?'编辑':'上线'}门店</a></li>
- </ul><br/>
- <form:form id="inputForm" modelAttribute="cmOrganizeStore" action="${ctx}/weisha/cmOrganizeStore/save" method="post" class="form-horizontal">
- <form:hidden path="id"/>
- <form:hidden path="organizeId"/>
- <input type="hidden" id="curProvince" name="curProvince" value="${cmOrganizeStore.provinceName}" disabled="disabled">
- <input type="hidden" id="curCity" name="curCity" value="${cmOrganizeStore.cityName}" disabled="disabled">
- <input type="hidden" id="curTown" name="curTown" value="${cmOrganizeStore.townName}" disabled="disabled">
- <sys:message content="${message}"/>
- <div class="control-group">
- <label class="control-label">门店名称:</label>
- <div class="controls">
- <form:input path="name" htmlEscape="false" maxlength="30" class="input-xlarge "/>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label">联系人:</label>
- <div class="controls">
- <form:input path="linkMan" htmlEscape="false" maxlength="15" class="input-xlarge "/>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label">手机号:</label>
- <div class="controls">
- <form:input path="mobile" htmlEscape="false" maxlength="11" class="input-xlarge " onchange="mobileVerification(this)"/>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label"><b><font color="red">*</font>地址:</b></label>
- <div class="controls">
- <form:select path="provinceId" class="input-xlarge required" id="province"
- onchange="loadCity()" style="width:100px;">
- <form:option value="" label="省" provinceId=""/>
- </form:select>
- <form:select path="cityId" class="input-xlarge required" id="city" onchange="loadTown()"
- style="width:100px;">
- <form:option value="" label="市" cityId=""/>
- </form:select>
- <form:select path="townId" class="input-xlarge required" id="town" style="width:100px;">
- <form:option value="" label="区"/>
- </form:select>
- <form:input path="address" class="input-xlarge userAddress required" width="20px" maxlength="60" placeholder="请填写门店详细的地址" />
- </div>
- </div>
- <div class="form-actions">
- <input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>
- <input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
- </div>
- </form:form>
- <script>
- /**
- * 加载地址
- *
- * Created by LG on 2017/8/12.
- */
- $(function() {
- loadProvince();
- });
- /**
- * 加载省份
- * @param curProvince
- */
- function loadProvince() {
- var curProvince=$("#curProvince").val();
- $.ajax({
- type: 'POST',
- dataType: 'json',
- url: '/area/loadProvince',
- success: function(data) {
- $("#province").html("");
- $("#province").append("<option value=''>省</option>");
- for(var i=0; i<data.length; i++) {
- if(curProvince != '' && curProvince != null && typeof(curProvince) != "undefined" && curProvince == data[i].name) {
- $("#province").append("<option value='" + data[i].id + "' provinceId=" + data[i].id +" selected>" + data[i].name +"</option>");
- $(".select2-chosen").eq(0).html(curProvince);
- loadCity($("#curCity").val());
- } else {
- $("#province").append("<option value='" + data[i].id + "' provinceId=" + data[i].id +">" + data[i].name +"</option>");
- }
- }
- }
- });
- }
- /**
- * 加载城市
- */
- function loadCity(curCity) {
- var provinceId = $("#province option:selected").attr("provinceId");
- $("#town").html("");
- $(".select2-chosen").eq(2).html("区");
- $("#town").append("<option value=''>区</option>");
- if(typeof(provinceId) != "undefined") {
- $.ajax({
- type: 'POST',
- dataType: 'json',
- data: {'provinceId':provinceId},
- url: '/area/loadCity',
- success: function(data) {
- $(".select2-chosen").eq(1).html("市");
- $("#city").html("");
- $("#city").append("<option value=''>市</option>");
- for(var i=0; i<data.length; i++) {
- if(curCity != null && typeof(curCity) != "undefined" && curCity == data[i].name) {
- $("#city").append("<option value='" + data[i].id + "' selected cityId=" + data[i].id +">" + data[i].name +"</option>");
- $(".select2-chosen").eq(1).html(curCity);
- loadTown($("#curTown").val());
- } else {
- $("#city").append("<option value='" + data[i].id + "' cityId=" + data[i].id +">" + data[i].name +"</option>");
- }
- }
- }
- });
- } else {
- $("#city").html("");
- $(".select2-chosen").eq(1).html("市");
- $("#city").append("<option value=''>市</option>");
- $("#town").html("");
- $(".select2-chosen").eq(2).html("区");
- $("#town").append("<option value=''>区</option>");
- }
- }
- /**
- * 加载县区
- * @param curTown
- */
- function loadTown(curTown) {
- var cityId = $("#city option:selected").attr("cityId");
- if(typeof(cityId) != "undefined") {
- $.ajax({
- type: 'POST',
- dataType: 'json',
- data: {'cityId':cityId},
- url: '/area/loadTown',
- success: function(data) {
- $(".select2-chosen").eq(2).html("区");
- $("#town").html("");
- $("#town").append("<option value=''>区</option>");
- for(var i=0; i<data.length; i++) {
- if(curTown != null && typeof(curTown) != "undefined" && curTown == data[i].name) {
- $("#town").append("<option value='" + data[i].id + "' selected>" + data[i].name +"</option>");
- $(".select2-chosen").eq(2).html(curTown);
- } else {
- $("#town").append("<option value='" + data[i].id + "'>" + data[i].name +"</option>");
- }
- }
- }
- });
- } else {
- $("#town").html("");
- $(".select2-chosen").eq(2).html("区");
- $("#town").append("<option value=''>区</option>");
- }
- }
- </script>
- </body>
- </html>
|