front
/
knowledgeMap


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
							<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title><%= htmlWebpackPlugin.options.title %></title>
	<!-- <link rel="stylesheet" href="./../resources/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css"> -->
	<!-- <script type="text/javascript" src="./../resources/zTree/js/jquery.ztree.core.min.js"></script> -->
</head>

<body>
	<div class="knowledgeMapWrapper wrappper">
		<div class="title">
			<div class="titleTxt">
				<img class="titleLogo" src="./images/logo.png" alt="logo">
				 <img class="titleLogo titleLogoShaiyifu" src="./images/logo_shaoyifu.png" alt="logo">
				<span class="titleInfo">|&nbsp;&nbsp;医学知识图谱</span>
			</div>
		</div>
		<div class="content clearfix">
			<div class="left">
				<div id="main" class="mapWrapper" style="width: 796px;height:600px;cursor: pointer;"></div>
				 <div class="footer">
					杭州朗通信息技术有限公司 & 浙江大学医学院附属邵逸夫医院&nbsp;&nbsp;&nbsp;联合开发
				</div>
			</div>
			<div class="right">
				<div class="top">
					<div class="select">
						<span class="selectedName">疾病</span>
						<img class="iconSlide" src="./images/iconSlideDown.png" alt="iconSlide">
						<ul class="selectList">
						<li class="selectItem" data-id="疾病">疾病</li>
						<li class="selectItem" data-id="药品通用名">药品</li>
						<li class="selectItem" data-id="症状">症状</li>
						<li class="selectItem" data-id="手术和操作">手术和操作</li>
						<li class="selectItem" data-id="实验室检查">实验室检查</li>
						<li class="selectItem" data-id="辅助检查">辅助检查</li>
					</ul>
					</div>
					<div class="search">
						<input type="text" id="searchInp" placeholder="搜索疾病名称" name="" autocomplete="off"><span
							class="searchBtn" id="searchBtn">搜索</span>
						<ul class="tabNameList"></ul>
						<ul class="tabNameListNoSearch">
							<li class="ellipsis">请输入内容</li>
						</ul>
					</div>
				</div>
				<div class="bottom">
					<div class="tabList" id="tabList">
						<span class="tab diagnose activeTab" data-id="疾病">疾病</span>
						<span  class="tab drug"  data-id="药品通用名">药品</span>
						<span  class="tab" data-id="症状">症状</span>
						<span  class="tab"  data-id="手术和操作">手术和操作</span>
						<span  class="tab" data-id="实验室检查">实验室检查</span>
						<span  class="tab"  data-id="辅助检查">辅助检查</span>
					</div>
					
					<div class="tabBottom">
						<div class="radioList">
							<span class="radioItem ICD10" data-type="1" >
								<img class="iconRadio" src="/images/radioSelect.png" alt="iconRadio">
								ICD10
							</span>
							<span class="radioItem dept" data-type="2" >
								<img class="iconRadio" src="/images/radioUnSelect.png" alt="iconRadio">
								科室
							</span>
						</div>
						<div id="tree" class="ztree"></div>
					</div>
					
				</div>
			</div>
			
		</div>
		
	</div>

</body>

</html>