zhaozhiqiang
/
YH_Web_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<script src="../Script/Common/huayi.load.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<script src="../js/laydate/laydate.js"></script>
		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
		<script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
		<script src="../Script/Common/regexs.js"></script>
		<script src="../js/autosize/autosize.min.js"></script>
		<link href="../css/plugins/cropper/cropper.min.css" rel="stylesheet">
		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
		<link href="../css/init.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/Table/table1.css" />
		<link rel="stylesheet" href="../css/webuploader.css" />
		<!-- <link rel="stylesheet" type="text/css" href="../css/call.css"/> -->
		<title>预约挂号</title>
		<style>

		</style>
	</head>

	<body class="gray-bg">
		<div class="container wrapper-content animated fadeInRight">
			<div class="form-horizontal">
				<div class="form-group">
					<label for="userIdCard" class="col-sm-3 control-label text-right">身份证号：</label>
					<div class="col-sm-9">
						<input id="userIdCard" class="form-control" type="text" placeholder="请输入身份证号" autocomplete="off" />
					</div>
				</div>
				<div class="form-group">
					<label for="userInsurNO" class="col-sm-3 control-label text-right">医保卡号：</label>
					<div class="col-sm-9">
						<input id="userInsurNO" class="form-control" type="text" placeholder="请输入医保卡号" autocomplete="off" />
					</div>
				</div>
				<div class="form-group">
					<label for="userName" class="col-sm-3 control-label text-right">患者姓名：</label>
					<div class="col-sm-9">
						<input id="userName" class="form-control" type="text" placeholder="请输入患者姓名" autocomplete="off" />
					</div>
				</div>
				<div class="form-group">
					<label for="userGender" class="col-sm-3 control-label text-right">患者性别：</label>
					<div class="col-sm-9">
						<select class="form-control input-sm" id="userGender">
							<option value="M">男</option>
							<option value="F">女</option>
						</select>
						<!--<input id="userGender" class="form-control" type="text" placeholder="请输入患者性别" autocomplete="off" />-->
					</div>
				</div>
				<div class="form-group">
					<label for="userMobile" class="col-sm-3 control-label text-right">患者手机号：</label>
					<div class="col-sm-9">
						<input id="userMobile" class="form-control" type="text" placeholder="请输入患者手机号" autocomplete="off" />
					</div>
				</div>
				<div class="form-group">
					<label for="regDate" class="col-sm-3 control-label text-right">预约时间：</label>
					<div class="col-sm-9">
						<input id="regDate" class="form-control" type="text" placeholder="预约时间" autocomplete="off" />
					</div>
				</div>
				<div class="form-group">
					<label for="userAddress" class="col-sm-3 control-label text-right">家庭住址：</label>
					<div class="col-sm-9">
						<input id="userAddress" class="form-control" type="text" placeholder="请输入家庭住址" autocomplete="off" />
					</div>
				</div>
				<div class="form-group provCity">
					<label for="yy_handle" class="col-sm-3 control-label text-right">科室名称：</label>
					<div class="col-sm-9">
						<div>
							<select class="form-control selectpicker" id="yy_handle" data-live-search="true">
								<option value="">请选择科室名称</option>
							</select>
						</div>
					</div>
				</div>
				<div class="form-group">
					<label for="deptid" class="col-sm-3 control-label text-right">科室编码：</label>
					<div class="col-sm-9">
						<input id="deptid" class="form-control" type="text" placeholder="请输入科室编码" autocomplete="off" disabled="disabled" />
					</div>
				</div>
				<div class="form-group provCity">
					<label for="doctorTitle" class="col-sm-3 control-label text-right">医生姓名：</label>
					<div class="col-sm-9">
						<div>
							<select class="form-control selectpicker" id="doctorTitle" data-live-search="true">
								<option value="">请选择医生姓名</option>
							</select>
						</div>
					</div>
				</div>
				<div class="form-group">
					<label for="doctorName" class="col-sm-3 control-label text-right">医生编码：</label>
					<div class="col-sm-9">
						<input id="doctorName" class="form-control" type="text" placeholder="请输入医生编码" autocomplete="off" disabled="disabled" />
					</div>
				</div>
				<div class="form-group">
					<label for="timeFlag" class="col-sm-3 control-label text-right">预约时段：</label>
					<div class="col-sm-9">
						<!--<input id="timeFlag" class="form-control" type="text" placeholder="请输入预约时段" autocomplete="off" />-->
						<select class="form-control input-sm" id="timeFlag" disabled="disabled">
							<option value=""></option>
							<option value="1">上午</option>
							<option value="2">下午</option>
							<option value="3">晚上</option>
							<option value="4">白天</option>
							<option value="5">昼夜</option>
						</select>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-12" style="text-align: center;">
						<input type="button" id="HY_save" class="btn_gray btn" onclick="btn_save()" value="保存" />
					</div>
				</div>
			</div>
		</div>
		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
		<script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
		<script src="../js/webuploader/webuploader.min.js"></script>
		<script src="../js/laydate/laydate.js"></script>
		<script>
			laydate.render({
				elem: '#regDate',
				theme: '#249fea'
			});
			getyyOpts()
			$('#yy_handle').change(function() {
				$('#deptid').val($('#yy_handle option:selected').attr('data-code'))
				$('#doctorName').val('')
				$('#timeFlag').val('')
				getDocName()

			})
			$('#doctorTitle').change(function() {
				$('#doctorName').val($('#doctorTitle option:selected').attr('data-code'))
				let timeFlag = $('#doctorTitle option:selected').attr('data-time')
				$('#timeFlag').val(timeFlag)
			})
			//预约科室名称
			function getyyOpts() {
				$.getJSON(huayi.config.callcenter_url + 'testusertypeapi/api/Test/getdeptinfo', {}, function(res) {
					let optStr = '<option value="">请选择科室</option>';
					res.data.deptInfos.forEach(function(v, n) {
						optStr += '<option value="' + v.deptName + '"data-code="' + v.deptId + '">' + v.deptName + '</option>'
					})
					$('#yy_handle').html(optStr)
					$("#yy_handle").selectpicker('refresh');
				});
			}
			//预约科室医生
			function getDocName() {
				$.getJSON(huayi.config.callcenter_url + 'testusertypeapi/api/Test/getreginfo', {
					deptid: $('#deptid').val(),
					stime: $('#regDate').val() //开始时间
				}, function(res) {
					let docStr = '<option value="">请选择医生</option>'
					res.data.regInfos.forEach(function(v, n) {
						docStr += '<option value="' + v.doctorName + '"data-code="' + v.doctorId + '"data-time="' + v.timeFlag + '">' + v.doctorTitle + ' ' + v.doctorName + '</option>'
					})
					$('#doctorTitle').html(docStr)
					$("#doctorTitle").selectpicker('refresh');
				});
			}

			function btn_save() {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "testusertypeapi/api/Test/addorder",
					dataType: 'json',
					async: true,
					data: {
						userIdCard: $('#userIdCard').val(),
						userInsurNO: $('#userInsurNO').val(),
						userName: $('#userName').val(),
						userGender: $('#userGender').val(),
						userMobile: $('#userMobile').val(),
						userAddress: $('#userAddress').val(),
						deptid: $('#deptid').val(),
						deptname: $('#yy_handle option:selected').val(),
						doctorId: $('#doctorName').val(),
						docorname: $('#doctorTitle option:selected').val(),
						regDate: $('#regDate').val(),
						timeFlag: $('#timeFlag').val()
					},
					success: function(data) {
						var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
						parent.layer.close(index); //再执行关闭
						layer.msg(data.message);
						parent.initTable();
					}
				});
			}
		</script>
	</body>

</html>