caimei365
/
caimei365-manager


			
							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="保 存"/>&nbsp;
			<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>