caimei365
/
caimei365-manager


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541
							<%@ 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 src="/static/modules/bulkpurchase/loadAddressById.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			$("#inputForm").validate({
				ignore: "",
				submitHandler: function (form) {
					var bindMobile = $("#bindMobile").val();
					var userID = $("#userId").val();
					$.post("${ctx}/new/user/agency/checkMobile?bindMobile="+bindMobile+"&userID="+userID, function (data) {
						if (data.code == -1) {
							alertx(data.msg);
						}else {
							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);
					}
				}
			});
		});

		function checkMobile() {
			var bindMobile = $("#bindMobile").val();
			var userID = $("#userId").val();
			$.post("${ctx}/new/user/agency/checkMobile?bindMobile="+bindMobile+"&userID="+userID, function (data) {
				if (data.code == -1) {
					alertx(data.msg);
				}
			})
		}

		function onlyNumOrLetter(obj) {
			var reg = /^[0-9a-zA-Z]+$/;
			var str = document.getElementById("socialCreditCode").value;
			if (!reg.test(str)) {
				alertx("营业执照编号格式不正确");
				$("#socialCreditCode").val("");
			}
		}

		/**
		 * @param obj
		 * jquery控制input只能输入数字
		 */
		function mobileVerification(obj) {
			var reg = /^1\d{10}$/;
			var contractMobile = document.getElementById("contractMobile").value;
			if (!reg.test(contractMobile)) {
				alertx("手机号格式不正确");
				$("#contractMobile").val("");
			}
		}

		/**
		 * @param obj
		 * jquery控制input只能输入数字
		 */
		function onlynum(obj) {
			obj.value = obj.value.replace(/[^\d]/g, ""); //清除"数字"以外的字符
		}

		/**
		 * @param obj
		 * jquery控制input只能输入数字和两位小数
		 */
		function num(obj) {
			obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
			obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字
			obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个, 清除多余的
			obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
			obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数
		}

		function int(obj) {
			obj.value = obj.value.replace(/[^\d]/g, ""); //清除"数字"以外的字符
		}

		//设置主营类型
		function setTags(opts) {
			var tagArr = [];
			opts.$mainPro.val('')
			opts.$tagArea.find('.new-tag.active').each(function (i, v) {
				var _typeName = $(v).attr('data-typeName');
				tagArr.push(_typeName);
				opts.$mainPro.val(tagArr.join('/'));
			})
		}

		//选择主营内容项目
		function getTags(opts) {
			opts.$tagArea.on('click', '.new-tag', function () {
				var $this = $(this);
				$this.toggleClass('active');
				setTags(opts);
			});
			opts.$other.on('click', function () {
				opts.$input.css('display', 'inline-block');
				opts.$add.css('display', 'inline-block');
			});
			opts.$add.on('click', function () {
				var _tag = $.trim(opts.$input.val());
				if (_tag) {
					var flag = false;
					opts.$tagArea.find('.new-tag').each(function (i, v) {
						var _name = $(v).attr('data-typeName');
						if (_tag == _name) {
							flag = true;
							return false;
						} else {
							if (i == opts.$tagArea.find('.new-tag').length) {
								flag = false;
							}
						}

					})
					if (flag) {
						opts.$tagArea.find('.new-tag').each(function (i, v) {
							var _name = $(v).attr('data-typeName');
							if (_tag == _name) {
								$(v).addClass('active');
								layer.tips('该类型已存在', opts.$add);
								flag = true;
								return false;
							}

						})
					} else {
						opts.$tagArea.append('<span class="new-tag up-' + opts.$type + '-tag active" data-typeName="' + _tag + '">' + _tag + '</span> ');
						setTags(opts);
						opts.$input.val('');
						return;
					}
				}
			})
		}

		$(document).on("change", "#auditStatus", function () {
			if ($("#auditStatus").val() == 2) {
				$("#auditNopass").show();
			} else {
				$("#auditNopass").hide();
			}
		})

		// 初始化选中数据
		$(function () {
			//初始化1
			var firstClubType = $('#firstClubType').val();
			console.log(firstClubType)
			if (firstClubType == '1') {
				$('.med-option,.qualification').show();
			}
			$('.medical-radio div input[name="firstClubType"]').on('click', function () {
				var html = '';
				var nameval = $(this).val();
				if (nameval == '1') {
					$('.med-option,.qualification').show();
					html += '<span class="new-tag up-club-tag" data-typeName="整形">整形</span>',
							html += '<span class="new-tag up-club-tag" data-typeName="轻医美">轻医美</span>',
							html += '<span class="new-tag up-club-tag" data-typeName="皮肤科">皮肤科</span>';
					$('#clubArea').html(html);
					$('.Main-content').show();
				} else if (nameval == '2') {
					$('.med-option,.qualification,.epart').hide();
					$('input[name="secondClubType"]').attr('checked', false);
					html += '<span class="new-tag up-club-tag" data-typeName="美容">美容</span>',
							html += '<span class="new-tag up-club-tag" data-typeName="美体">美体</span>',
							html += '<span class="new-tag up-club-tag" data-typeName="美发">美发</span>',
							html += '<span class="new-tag up-club-tag" data-typeName="皮肤管理">皮肤管理</span>',
							html += '<span class="new-tag up-club-tag" data-typeName="光电">光电</span>',
							html += '<span class="new-tag up-club-tag" data-typeName="综合类">综合类</span>',
							html += '<span class="new-tag up-club-tag" data-typeName="中医养生">中医养生</span>',
							html += '<span class="new-tag up-club-tag" data-typeName="spa">spa</span>'
					$('#clubArea').html(html);
					$('.Main-content').show();
				}
			});
			//初始化2
			if (firstClubType == '1') {
				var nameval1 = $('input[name="secondClubType"]:checked').val();
				if (nameval1 == '1') {
					$('.epart').hide()
				} else if (nameval1 == '2') {
					$('.epart').show()
				} else if (nameval1 == '3') {
					$('.epart').show()
				}
			}
			//医美二级选择
			$('.med-option div input[name="secondClubType"]').on('click', function () {
				var nameVal = $(this).val();
				if (nameVal == '1') {
					$('.epart').hide()
				} else if (nameVal == '2') {
					$('.epart').show()
				} else if (nameVal == '3') {
					$('.epart').show()
				}
			});
			//主营项目
			var cMainProVal = $('#cMainPro').val();
			if (cMainProVal != null && cMainProVal != "") {
				var _mainPros = cMainProVal.split('/');
				var proList = $('#clubArea').find('.new-tag');
				for (var j = 0; j < _mainPros.length; j++) {
					var _flag = false;
					for (var i = 0; i < proList.length; i++) {
						if ($(proList[i]).attr('data-typeName') == _mainPros[j]) {
							_flag = true;
						}
					}
					if (_flag) {
						for (var i = 0; i < proList.length; i++) {
							if ($(proList[i]).attr('data-typeName') == _mainPros[j]) {
								$(proList[i]).addClass('active');
							}
						}
					} else {
						$('#clubArea').append('<span class="new-tag up-club-tag active" data-typeName="' + _mainPros[j] + '">' + _mainPros[j] + '</span> ');
						$('.Main-content').show();
					}
				}
				$('#cMainPro').val(cMainProVal);
			}
			//机构品项选择
			var optsClub = {
				$tag: $('.up-club-tag'),
				$tagArea: $('#clubArea'),
				$mainPro: $('#cMainPro'),
				$other: $('#clubOther'),
				$input: $('#clubInput'),
				$add: $('#clubAdd'),
				$type: 'club'
			};
			getTags(optsClub);

		})
	</script>
	<style>
		#auditBox .bd-row {
			display: flex;
			margin-bottom: 15px;
		}

		#auditBox .bd-row > span {
			display: inline-block;
			width: 60px;
		}

		#auditBox .auditCheckBox {
			width: 250px;
		}

		#auditBox .auditCheckBox label {
			margin: 0 5px 5px 0
		}

		#auditBox .auditCheckBox input {
			display: none;
		}

		#auditBox .auditCheckBox input + span {
			display: inline-block;
			line-height: 24px;
			padding: 0 12px;
			border: 1px solid #666;
			border-radius: 5px;
		}

		#auditBox .auditCheckBox input:checked + span {
			background-color: #E6633A
		}

		.detailLine {
			width: 98%;
			margin-left: 10px;
		}

		th {
			text-align: right;
			white-space: nowrap;
		}

		td {
			padding: 5px 0;
		}

		#headpicPreview li, #businessLicenseImagePreview li {
			min-height: 100px;
		}

		.the-oradio {
			display: inline-block;
			vertical-align: top;
		}

		.the-oradio div {
			width: 85px;
			display: inline-block;
			font-size: 12px;
			color: #666;
		}

		.med-option {
			display: block;
			margin: 10px 0 0 160px;
		}

		.control-group .new-tag {
			display: inline-block;
			width: 78px;
			height: 30px;
			border: 1px solid #e5e5e5;
			border-radius: 5px;
			margin: 7px;
			text-align: center;
			line-height: 30px;
			font-size: 14px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			cursor: pointer;
		}

		.control-group .new-tag.active {
			border-color: #e15616;
			color: #e15616;
		}

		#clubArea {
			display: inline-block;
			width: 450px;
		}

		#clubOther {
			height: 40px;
			line-height: 40px;
			vertical-align: middle
		}

		#clubInput {
			width: 159px;
			margin: 7px;
			display: inline-block;
			height: 30px;
			display: none;
		}

		.tags-operate {
			margin-left: 160px;
		}

		.control-group .tags-operate .tag-add {
			height: 40px;
			line-height: 40px;
			vertical-align: middle;
			display: none;
		}
	</style>
</head>
<body>
<ul class="nav nav-tabs">
	<li><a href="${ctx}/new/user/agency/">机构列表</a></li>
	<li><a href="${ctx}/user/clubTemporary/">未确认机构</a></li>
	<li class="active"><a href="">未确认机构编辑</a></li>
</ul>
<form:form id="inputForm" modelAttribute="clubTemporary" action="${ctx}/user/clubTemporary/save" method="post" class="form-horizontal">
<form:hidden path="id"/>
<form:hidden path="userId" id="userId"/>
<div style="max-width:1200px;padding:15px;">
	<table border="0" cellspacing="0" cellpadding="0" width="100%">
		<tr height="28">
			<th>状态：</th>
			<td colspan="5">未确认</td>
		</tr>
		<tr height="28">
			<th width="12%">机构名称：</th>
			<td width="13%"><form:input path="name" htmlEscape="false" maxlength="20" class="input-medium"/></td>
			<th width="12%">机构简称：</th>
			<td width="13%"><form:input path="shortName" htmlEscape="false" maxlength="20" class="input-medium"/></td>
			<th width="12%">注册邮箱：</th>
			<td width="13%"><form:input path="contractEmail" htmlEscape="false" maxlength="20" class="input-medium"/></td>
		</tr>
		<tr height="28">
			<th width="12%"><font color="red">*</font>联系人：</th>
			<td width="13%">
				<form:input path="linkMan" htmlEscape="false" maxlength="20" class="input-medium required"/>
			</td>
			<th width="12%"><font color="red">*</font> 手机号：</th>
			<td colspan="3"><form:input path="bindMobile" htmlEscape="false" maxlength="20" class="input-medium required"  onchange="checkMobile()"/></td>
		</tr>
	</table>
</div>

<input type="hidden" id="curProvince" name="curProvince" value="${clubTemporary.province }" disabled="disabled">
<input type="hidden" id="curCity" name="curCity" value="${clubTemporary.city }" disabled="disabled">
<input type="hidden" id="curTown" name="curTown" value="${clubTemporary.town }" disabled="disabled">
<sys:message content="${message}"/>
<hr class="detailLine">
<div>
	<table border="0" cellspacing="0" cellpadding="0" width="100%">
		<tr>
			<td colspan="2">
				<div class="control-group">
					<label class="control-label"><b>地址：</b></label>
					<div class="controls">
						<form:select path="provinceId" class="input-xlarge" id="province"
									 onchange="loadCity()" style="width:100px;">
							<form:option value="" label="省" provinceId=""/>
						</form:select>
						<form:select path="cityId" class="input-xlarge" id="city" onchange="loadTown()"
									 style="width:100px;">
							<form:option value="" label="市" cityId=""/>
						</form:select>
						<form:select path="townId" class="input-xlarge" id="town" style="width:100px;">
							<form:option value="" label="区"/>
						</form:select>
						<form:input path="address" class="input-xlarge userAddress" width="20px" maxlength="60"
									placeholder="请填写会所详细的地址"/>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td colspan="2">
				<div class="control-group">
					<label class="control-label"><b>营业执照编号：</b></label>
					<div class="controls">
						<form:input path="socialCreditCode" htmlEscape="false" maxlength="18"
									class="input-xlarge" onchange="onlyNumOrLetter(this)"
									placeholder="请填写统一社会信用代码"/>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="control-group">
					<label class="control-label"><b>营业执照：</b></label>
					<div class="controls">
						<form:hidden id="businessLicenseImage" path="businessLicense" htmlEscape="false"
									 maxlength="255" class="input-xlarge required"/>
						<sys:ckfinder input="businessLicenseImage" type="images" uploadPath="/photo"
									  selectMultiple="false" maxWidth="100" maxHeight="100"/>
						<font color="red">注意：请上传jpg/png格式的图片，最大不超过5M</font>
					</div>
				</div>
			</td>
			<td>
				<div class="control-group">
					<label class="control-label"><b>门头照：</b></label>
					<div class="controls">
						<form:hidden id="headpic" path="shopPhoto" htmlEscape="false" maxlength="255"
									 class="input-xlarge"/>
						<sys:ckfinder input="headpic" type="images" uploadPath="/photo" maxWidth="100" maxHeight="100"/>
						<font color="red">注意：请上传jpg/png格式的图片，最大不超过5M</font>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="control-group">
					<label class="control-label" for=""><b>机构类型：</b></label>
					<div class="medical-radio the-oradio">
						<input value="${clubTemporary.firstClubType}" class="hide" type="text" id="firstClubType"/>
						<div class="med-beauty">
							<input name="firstClubType" value="1" type="radio" ${clubTemporary.firstClubType == "1" ? "checked" : ""}/>医美
						</div>
						<div class="raw-beauty">
							<input name="firstClubType" value="2" type="radio" ${clubTemporary.firstClubType == "2" ? "checked" : ""}/>生美
						</div>
					</div>
					<span class="err-tip"></span>
					<div class="med-option the-oradio" style="display: none">
						<div class="med-beauty"><input name="secondClubType" value="1"
													   type="radio"  ${clubTemporary.secondClubType == "1" ? "checked" : ""}/>诊所
						</div>
						<div class="med-beauty"><input name="secondClubType" value="2"
													   type="radio"  ${clubTemporary.secondClubType == "2" ? "checked" : ""}/>门诊
						</div>
						<div class="med-beauty"><input name="secondClubType" value="3"
													   type="radio" ${clubTemporary.secondClubType == "3" ? "checked" : ""}/>医院
						</div>
						<span class="err-tip"></span>
					</div>
					<div class="qualification control-group" style="display: none">
						<label class="control-label"><b>资质：</b></label>
						<div class="controls" style="margin-bottom: 10px">
							<form:hidden id="medicalPracticeLicenseImg" path="medicalPracticeLicense"
										 htmlEscape="false" maxlength="255"
										 class="input-xlarge"/>
							<sys:ckfinder input="medicalPracticeLicenseImg" type="images" uploadPath="/photo"
										  maxWidth="100" maxHeight="100"/>
							<font color="red">注意：请上传jpg/png格式的图片，最大不超过5M</font>
						</div>
					</div>
				</div>
				<div class="control-group epart" style="display: none">
					<label class="control-label"><b>科室：</b></label>
					<input class="reg-input" type="text" name="department" id="Department"
						   placeholder="请填写您的所经营的科室，用逗号隔开。（至少三个）" value="${clubTemporary.department}"
						   style="margin-left: 10px;"/>
					<span class="err-tip"></span>
				</div>
				<div class="control-group Main-content" style="display: none">
					<label class="control-label" for=""><b>主营内容：</b></label>
					<div class="tags-area" id="clubArea"></div>
					<span class="err-tip" style="display: inline-block;margin-left:-55px;"></span>
					<input type="hidden" name="mainProduct" value="${clubTemporary.mainProduct}" id="cMainPro">
					<div class="tags-operate">
						<span class="new-tag tag-other" id="clubOther">其他</span>
						<input type="text" class="reg-input tag-input" id="clubInput" placeholder="请输入自定义品项目"
							   maxlength="5">
						<span class="new-tag tag-add" id="clubAdd">确认添加</span>
					</div>
				</div>
			</td>
		</tr>
	</table>
	<div class="form-actions">
		<input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;&nbsp;&nbsp;
		<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
	</div>
	</form:form>
</body>
</html>