zhaozhiqiang
/
YH_Web_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="../css/init.css" rel="stylesheet" />
		<script src="../Script/Common/huayi.load.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<link rel="stylesheet" href="../css/WorkOrder/jquery.editable-select.css" />
		<!-- <link rel="stylesheet" href="../js/comboSelect/combo.select.css" /> -->
		<link rel="stylesheet" href="../css/init.css" />
		<link rel="stylesheet" href="../css/WorkOrder/NewAddWorkOrder.css" />
		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
		<link href="../css/WorkOrder/Search.css" rel="stylesheet">
		<!-- <link rel="stylesheet" href="../js/comboSelect/combo.select.css" /> -->
		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
		<link href="../css/init.css" rel="stylesheet" />
		<title></title>
		<style>
			ul li {
				float: initial;
				list-style: none;
			}
			
			.repeat-btn {
				width: 100%;
				margin: 30px 0 0 0;
				text-align: center;
			}
			
			.ckxq .gdxq ul li {
				width: 100%;
				overflow: hidden;
			}
			
			.ckxq .gdxq ul li .left {
				width: 40%;
				float: left;
			}
			
			.ckxq .gdxq ul li .right {
				width: 60%;
				float: left;
			}
			
			.selDpart1 {
				display: none;
				position: absolute;
				left: 360px;
				top: 145px;
				z-index: 11111;
				width: 280px;
				line-height: 30px;
				background: #FFFFFF;
			}
			
			#sponsor {
				width: 280px;
				border: 1px solid #00a1cb;
				margin: 0;
				padding: 0;
				list-style: none;
				max-height: 212px;
				overflow-x: hidden;
				overflow-y: scroll;
			}
			
			#sponsor li {
				margin: 0;
				padding-left: 10px;
				width: 280px;
				height: 30px;
				line-height: 30px;
				list-style: none;
			}
			
			#sponsor li:hover {
				background: #00a1cb;
			}
			
			.thumbnail {
				margin: 0 10px 10px;
				padding: 4px;
				float: left;
				width: 30%;
				height: 200px;
				background-color: #fff;
				border: 1px solid #ddd;
				border-radius: 4px;
				position: relative;
				cursor: pointer;
			}
			
			.thumbnail img {
				width: 100%;
				height: 100%;
			}
			
			.thumbnail .info {
				position: absolute;
				left: 4px;
				bottom: 4px;
				right: 4px;
				height: 35px;
				line-height: 35px;
				text-indent: 5px;
				background: rgba(0, 0, 0, 0.6);
				color: white;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				font-size: 12px;
				z-index: 10;
				display: none;
			}
			
			.thumbnail:hover .info {
				display: block;
			}
			
			#djtime {
				display: none;
			}
		</style>
	</head>

	<body class="gray-bg">
		<div class="ckxq">
			<div class="gdxq">
				<div class="container wrapper-content animated fadeInRight">
					<ul class="form-horizontal">
						<div class="form-group" id="djtime">
							<label for="Szzyzzys" class="col-sm-3 control-label text-right">登记时间：</label>
							<div class="col-sm-9">
								<input id="Szzydjsj" class="dis" type="text" value=""></input>
							</div>
						</div>
						<div class="form-group">
							<label for="Szzyzzdw" class="col-sm-3 control-label text-right"><b
									class="text_require">*</b>转诊单位：</label>
							<div class="col-sm-9 ">
								<input list="Szzyzzdw" type="text" class="Szzyzzdw form-control" />
							</div>
							<datalist id="Szzyzzdw">
							</datalist>
						</div>
						<div class="form-group">
							<label for="Szzyzzys" class="col-sm-3 control-label text-right">转诊医师：</label>
							<div class="col-sm-9">
								<input id="Szzyzzys" class="dis" type="text" value=""></input>
							</div>
						</div>
						<!-- 	<li>
							<div class="left">联系方式：</div>
							<div class="right"><input id="Yslxfs" type="text" value=""></input></div>
						</li> -->
						<li class="form-group">
							<label for="Hzname" class="col-sm-3 control-label text-right">患者姓名：</label>
							<div class="right col-sm-9 "><input id="Hzname" type="text" onkeyup="darptSearch()"></input>
							</div>
							<div class="selDpart1">
								<ul id="sponsor">
								</ul>
							</div>
						</li>
						<div class="form-group">
							<label for="HzGender" class="col-sm-3 control-label text-right">性别：</label>
							<div class="col-sm-9">
								<input id="HzGender" class="dis" type="text" value=""></input>
							</div>
						</div>
						<div class="form-group">
							<label for="Szzyzzys" class="col-sm-3 control-label text-right">年龄：</label>
							<div class="col-sm-9">
								<input id="Hzage" class="dis" type="text" value=""></input>
							</div>
						</div>
						<!--<div class="form-group">
							<label for="Hzjcxm" class="col-sm-3 control-label text-right"><b
									class="text_require">*</b>科室：</label>

							<div class="col-sm-5">
								<select id="Hzjcxm" class="form-control selectpicker dis" data-live-search="true">
									<option value="">请选择院科室</option>
								</select>
							</div>
						</div>-->
						<div class="form-group">
							<label for="Hzjcxm" class="col-sm-3 control-label text-right">检查项目：</label>
							<div class="col-sm-9">
								<input id="Hzjcxm" class="dis" type="text" value=""></input>
							</div>
						</div>
						<div class="form-group">
							<label for="Hzjcfy" class="col-sm-3 control-label text-right">检查费用：</label>
							<div class="col-sm-9">
								<input id="Hzjcfy" class="dis" type="text" value=""></input>
							</div>
						</div>
						<!-- 	<li>
							<div class="left">联系方式：</div>
							<div class="right"><input id="Hzlxfs" type="text" value=""></input></div>
						</li> -->
						<div class="form-group">
							<label for="Syzzzrr" class="col-sm-3 control-label text-right">责任人：</label>
							<div class="col-sm-9">
								<input id="Syzzzrr" class="dis" type="text" value=""></input>
							</div>
						</div>

					</ul>
				</div>
			</div>

		</div>
		<div class="repeat-btn">
			<button class="btns" id="HY_save">提&nbsp;交</button>
		</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/laydate/laydate.js"></script>
		<script src="../js/download/download.js"></script>
		<script>
			$(document).ready(function() {
				getdept()
//				darptSearch2()
				var ajaxUrl;
				var ids = helper.request.queryString("edit_id");
				if(ids) {
					ajaxUrl = "testusertypeapi/api/TestUserType/upSzjcs";
					getValue(ids);
					$('#djtime').show()
				} else {
					ajaxUrl = "testusertypeapi/api/TestUserType/AddSzjcs";
					$('#djtime').hide()
				}

				laydate.render({
					elem: '#Szzydjsj',
					theme: '#249fea',
					value: $('#Szzydjsj').val()
				});

				//保存
				$("#HY_save").click(function() {
					// if(!$("#projectid").val()) {
					// 	layer.confirm('请选择设备状态！', {
					// 		icon: 2,
					// 		btn: ['确定'] //按钮
					// 	});
					// 	return;
					// }
					// if(!$("#equipname").val()) {
					// 	layer.confirm('请输入设备名称！', {
					// 		icon: 2,
					// 		btn: ['确定'] //按钮
					// 	});
					// 	return;
					// }
					addValue(ajaxUrl, ids);
				})
			})
			

			function getdept() {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getyltdeptmanagetwo", //获取数据的Servlet地址
					async: true,
					dataType: 'json',
					data: {
						pageindex: 1,
						pagesize: 1000,
					},
					success: function(data) {

						var equipmentdata = []
						if (data.state.toLowerCase() == 'success') {

							equipmentdata = data.data
							// console.log(equipmentdata.length)
							if (equipmentdata.length > 0) {

								for (var k = 0; k < equipmentdata.length; k++) {
									$(equipmentdata[k]).each(function(q, p) {
										$('#Szzyzzdw')
											.append('<option label="' + p.name + '" value="' + p.name + '"></option>');
										// $("<option value='" + p.equipment_name + "'>" + p.equipment_name + "</option>").appendTo("#equipname");
										$("#Szzyzzdw").selectpicker('refresh');
										// console.log(p.equipment_name)
									});
								}

							} else {
								$("#Szzyzzdw").empty();
								$("#Szzyzzdw").selectpicker('refresh');
							}
						}
					}
				});
			}
			//患者姓名
			function darptSearch() {
				if($('#Hzname').val() == '') {
					$(".selDpart1").css('display', 'none');
				} else {
					$(".selDpart1").css('display', 'block');
					getFormComplainedUnit();
				}
			}
			$("#sponsor").on('click', 'li', function() {

				$(".selDpart1").css('display', 'none');
				$("#Hzname").val($(this).html());
				var a = $(this).attr('index')
				console.log(a)
				// 获取患者信息
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/gethzinflists",
					dataType: 'json',
					async: true,
					data: {
						id: a,
					},
					success: function(data) {
						if(data.state.toLowerCase() == "success") {
							$('#Yslxfs').val(data.data[0].Yslxfs); //
							$('#HzGender').val(data.data[0].HzGender); //
							$('#Hzage').val(data.data[0].Hzage); //
//							$('.Szzyzzdw').val(data.data[0].Szzyzzdw); //
						}
					}
				});
			})

			function getFormComplainedUnit() {
				$("#sponsor").empty();
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/gethzinflists",
					dataType: 'json',
					async: true,
					data: {

						name: $("#Hzname").val(),

					},
					success: function(data) {
						if(data.state.toLowerCase() == "success") {
							var content = data.data;
							if(content.length === 0) {
								$(".selDpart1").css('display', 'none');
							} else {
								$(content).each(function(i, n) {
									$("<li index='" + n.id + "' >" + n.Hzname + "</li>").appendTo("#sponsor");
								})
							}
						}
					}
				});
			}
			//获取详情
			function getValue(ids) {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/GetSzjcsbyid",
					async: true,
					dataType: 'json',
					data: {
						id: ids
					},
					success: function(data) {
						if(data.state.toLowerCase() == 'success') {

							if(data.data[0].Szzydjsj) {
								var djsj = data.data[0].Szzydjsj.split(' ')
								for(var i = 0; i < djsj.length; i++) {
									$('#Szzydjsj').val(djsj[0]); //
								}
							}
							$('.Szzyzzdw').val(data.data[0].Szzyzzdw); //
							$('#Szzyzzys').val(data.data[0].Szzyzzys); //
							$('#Yslxfs').val(data.data[0].Yslxfs); //
							$('#Hzname').val(data.data[0].Hzname); //
							$('#HzGender').val(data.data[0].HzGender); //
							$('#Hzage').val(data.data[0].Hzage); //
							$('#Hzjcxm').val(data.data[0].Hzjcxm); //
							$('#Hzjcfy').val(data.data[0].Hzjcfy); //
							$('#Hzlxfs').val(data.data[0].Hzlxfs); //
							$('#Syzzzrr').val(data.data[0].Syzzzrr); //
						}

					}
				});

			}

			//添加
			function addValue(ajaxUrl, ids) {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + ajaxUrl,
					//					url: "http://192.168.1.21:28230/api/Equipment/update",
					async: true,
					dataType: 'json',
					data: {
						id: ids,
						Szzydjsj: $('#Szzydjsj').val(), //登记时间
						Szzyzzdw: $('.Szzyzzdw').val(), //转诊单位
						Szzyzzys: $('#Szzyzzys').val(), //转诊医师
						Yslxfs: $('#Yslxfs').val(), //联系方式
						Hzname: $('#Hzname').val(), //患者姓名
						HzGender: $('#HzGender').val(), //患者性别
						Hzage: $('#Hzage').val(), //患者年龄
						Hzjcxm: $('#Hzjcxm').val(), //检查项目
						Hzjcfy: $('#Hzjcfy').val(), //检查费用
						Hzlxfs: $('#Hzlxfs').val(), //联系方式
						Syzzzrr: $('#Syzzzrr').val(), //责任人

					},
					success: function(data) {
						if(data.state.toLowerCase() == 'success') {
							var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
							parent.layer.close(index); //再执行关闭  
							layer.msg(data.message);
							parent.initTable();
						}
					}
				});
			}
		</script>

	</body>

</html>