<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<meta name="author" content="" />
	<meta name="viewport"
		content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1, maximum-scale=1,target-densitydpi=device-dpi ">
	<meta name="robots" content="" />
	<title>访客预约</title>

	<script type="text/javascript" src="${ctx }/scripts/jquery/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="${ctx }/scripts/visitor/visitorutil.js?v=4.3"></script>
	<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

	<link rel="stylesheet" href="${ctx }/styles/visitor/layer.css" type="text/css">
	<script type="text/javascript" src="${ctx }/scripts/visitor/exif.js?v=4.0"></script>
	<script type="text/javascript" src="${ctx }/scripts/mobileBUGFix.mini.js?v=4.0"></script>
	<script type="text/javascript" src="${ctx }/scripts/visitor/layer.js?v=4.0"></script>
	<%-- <script type="text/javascript" src="${ctx }/plugin/datePicker/datePicker.js?v=2018214"></script> --%>
	<link rel="stylesheet" href="${ctx }/plugin/mobileSelector/css/mpicker.css" type="text/css">

	<link rel="stylesheet" href="${ctx }/styles/visitor/visitor.css??v=20220223" type="text/css">
	<link rel="stylesheet" href="${ctx }/styles/visitor/visitorform.css??v=20220218" type="text/css">
	<%--  <script type="text/javascript" src="${ctx}/plugin/vconsole/vconsole.min.js"></script>
	 <script>
		var vConsole = new VConsole();
	</script>--%>
</head>
<input type="hidden" id="ctx" value="${ctx }" />
<input type="hidden" id="webUrl" value="${webUrl }">
<input type="hidden" id="imageServer" value="${imageServer }">
<input type="hidden" id="userName" value="${userName }">
<input type="hidden" id="companyName" value="${companyName }">
<input type="hidden" id="developId" value="${developId }" />
<input type="hidden" id="passType" value="${passType}" />
<input type="hidden" id="orgId" value="${orgId}" />
<input type="hidden" id="visitedCompType" value="${visitedCompType }">
<input type="hidden" id="visitedMobileType" value="${visitedMobileType }" />
<input type="hidden" id="visitCompType" value="${visitCompType}" />
<input type="hidden" id="visitNameType" value="${visitNameType}" />
<input type="hidden" id="orderAffirm" value="${orderAffirm}" />

<body>
	<form:form action="${ctx }/wechat/visitor/saveVisitorUserInfo" method="post" id="saveuserform">
		<div class="outDiv">
			<!-- 1 -->
			<div class="tip colorGrey clearfix">
				<div id="shareHead" class="noteHead">
					<div class="imgHead">
						点击右上角的“···”按钮可<i style="color: red;font-style: normal;">分享</i>给访客填写。
						<span class="arrow"></span>
					</div>
					注：“<i style="color: red;font-style: normal;">*</i>”标注内容为必填项
				</div>
				<div class="visitor-person-wp hide">
					<p class="tippp tippp_bf  ">被访人信息<span class="left-icon"></span></p>
					<div class="whiteList  infor-wp">
						<div class="tippp-company hide">
							<div class="clearfix infor-line">
								<div class="infor-tip">
									<i class="tippp-company-must hide" style="color: red;font-style: normal;">*</i>
									公&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;司：</div>
								<div class="wrap_wrap infor-text">
									<input id="company_df" type="text" name="company_df" placeholder="请输入被访人公司名称" />
									<div class="select_wrap hide">

									</div>
								</div>
							</div>
						</div>
						<div class="tippp-phone hide">
							<div class="clearfix infor-line">
								<div class="infor-tip">
									<i class="tippp-phone-must hide" style="color: red;font-style: normal;">*</i>
									手机号码：</div>
								<div class="wrap_wrap infor-text no-border">
									<input id="phone_visitor" type="text" name="phone_visitor" placeholder="请输入被访人手机号码" />
								</div>

							</div>
						</div>
					</div>
					<div class="line-img ">
						<div class="line-img-left"></div>
						<div class="line-img-right"></div>
					</div>
				</div>
			</div>
			<!-- 2 -->
			<div class="colorwhite" id="ss">
				<div class="tipTitle">
					<div class="userTip visitor-person-wp test" id="userTip1">
						<p class="tippp ">访客信息<span class="left-icon"></span></p>
						<div class="userTip-company fkgs hide" style="height: 46px">
							<div class="companyInput  clearfix infor-line">
								<div class="vi-text infor-tip">
									<i class="userTip-company-must hide" style="color: red;font-style: normal;">*</i>
									公&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;司：</div>
								<input type="hidden" class="count" value="1">
								<div class="infor-text">
									<input name="companyName" type="text" id="companyId" placeholder="请输入访客公司名称" class="required  ">
								</div>

								<input type="hidden" name="arrarId" id="arrarId">
							</div>
						</div>
						<div class="userForm">
							<input type="hidden" name="imageUrl1" id="imageUrl1">
							<input type="hidden" name="showimageUrl1" id="showimageUrl1">
							<input type="hidden" name="imageFacePlusId1" id="imageFacePlusId1">
							<div class="userHead" id="userHead1">
								<input type="file" id="fileinput1" onchange="selectFileImage(1,this)" pictype="30010003"
									data-role="none" accept="image/*">
							</div>
							<div class="userInfo">
								<c:if test="${orgId != 1066}">
									<div class="userTip-name hide">
										<div class="infor-line">
											<label class="info-text  infor-tip ">
												<i class="userTip-name-must hide" style="color: red;font-style: normal;">*</i>
												姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</label>
											<div class="infor-text">
												<input type="text" class="" placeholder="请输入访客姓名" value="" name="visitorName1" id="visitorName1">
											</div>
										</div>
									</div>
								</c:if>
								<c:if test="${orgId == 1066}">
									<div class="userTip-name hide">
										<div class="infor-line">
											<label class="info-text  infor-tip ">
												<i class="userTip-name-must hide" style="color: red;font-style: normal;">*</i>
												姓名/车牌号：</label>
											<div class="infor-text">
												<input type="text" class="" placeholder="请输入访客姓名和车牌号" value="" name="visitorName1" id="visitorName1">
											</div>
										</div>
									</div>
								</c:if>
								<div class="infor-line">
									<label class="info-text infor-tip">
									<i style="color: red;font-style: normal;">*</i>
									手机号码：</label>
									<div class="infor-text">
										<input class="phone-value" type="text" placeholder="请输入访客手机号码" value="" name="visitorPhone1" id="visitorPhone1">
									</div>
								</div>
							</div>

						</div>
						<div class="timeSet">
							<div class="infor-line" style="border-bottom: 1px solid #eee">
								<label class=" infor-tip">
								<i style="color: red;font-style: normal;">*</i>
								到访日期：</label>
								<div class="infor-text"><input type="text" class="select-value3" value="" placeholder="请选择到访日期"></div>

								<!-- <em id="dateValue" type="text" readonly="" name="startDateTime">请选择到访日期</em> -->
								<!-- <i class="arrow-icon"></i> -->

								<!-- <i class="arrow-icon"></i> -->
								<!-- <input type="date" name="startDateTime" id="dateValue" value=""> -->
								<input type="hidden" id="visitorWelComing" name="visitorWelComing">
								<input type="hidden" name="openId" value="${openId }" id="openId">
								<input type="hidden" name="type" value="${type }" id="type">
								<input type="hidden" name="visitorIdentification" value="${visitorIdentification }"
									id="visitorIdentification">
								<input type="hidden" name="visitorOpenId" value="${visitorOpenId }" id="visitorOpenId">
							</div>
							<!-- <p class="two clearfix hide">
								<label class="vi-text">结束时间：</label>
								<i class="arrow-icon"></i>
								<em id="stopValue" type="text" readonly="" name="endDateTime"></em>
							</p> -->
						</div>
					</div>
					<div class="formBottom">
						<c:if test="${type=='2' }">
							<a href="javascript: void(0);" id="addVistor">+添加访客</a>
						</c:if>
						<input type="button" value="立即预约" id="saveuser">
					</div>
				</div>
			</div>
		</div>
	</form:form>
	<div id="div2" style="display:none;">
		<div class="topstyle">
			<p name="appointinfo" id="appointinfo" value="">请确认预约信息</p>
		</div>
		<div class="bottomstyle clearfix" id="clearfix">
			<div class="clearfix-top">
				<p name="companycount" id="companycount" value="" style="font-size: 2.33rem;"></p>
				<div class="appoint-time">
					<label name="appointtimehead" id="appointtimehead">到访时间</label>
					<span name="appointdate" id="appointdate" value=""></span>
				</div>

				<p name="appointtime" id="appointtime" value=""></p>
				<p id="remarkP" style="display: none;">
					<input type="text" name="remark" id="remark" placeholder="备注信息：如欢迎语" value="" />
				</p>
				<div class="line-img ">
					<div class="line-img-left"></div>
					<div class="line-img-right"></div>
				</div>
			</div>

		</div>
		<div class="action">
			<input type="button" name="submit" id="submit" value="提交">
			<input type="button" name="modify" id="modify" value="返回修改" onclick="updateVistor()">
		</div>
	</div>
	<form:form action="${ctx }/wechat/visitor/getVisitorInfoList" method="post" id="getVisitorInfoform">
		<input type="hidden" name="visitorOrderId" id="visitorOrderId" />
		<input type="hidden" name="passType" id="strPassType" />
		<input type="hidden" name="type" value="${type}" />
	</form:form>
</body>

<script type="text/javascript" src="${ctx }/scripts/visitor/visitor.js?v=20221115.1"></script>
<script type="text/javascript" src="${ctx }/plugin/mobileSelector/js/mPicker.min.js"></script>

</html>
