front
/
knowledgeMap


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
							<!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 href="../resources/favicon.ico" rel="shortcut icon">
	<!-- <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 ltLogo" src="./images/logo.png" alt="logo">
				 <img class="titleLogo titleLogoShaiyifu" src="./images/logo_shaoyifu.png" alt="logo">-->
				<span class="titleInfo">医学知识图谱</span>
			  <span class="goto-homeStatic back-btn" link="/homeStatic.html">返回</span>
			</div>
		</div>
		<div class="content clearfix">
			<div class="left">
				<div id="main" class="mapWrapper" style="width: 796px;height:600px;cursor: pointer;background-color: #00193D"></div>
				<div class="legendIcon">
					<div class="legendIconImg"></div>
				</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" title="疾病" data-id="疾病">疾病</li>
						<li class="selectItem" title="药品" data-id="药品通用名">药品</li>
						<li class="selectItem" title="症状" data-id="症状">症状</li>
						<li class="selectItem" title="手术和操作" data-id="手术和操作">手术和操作</li>
						<li class="selectItem" title="实验室检查" data-id="实验室检查">实验室检查</li>
						<li class="selectItem" title="辅助检查" 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">
						<div class="showTabList">
							<!-- <span class="tab diagnose activeTab" data-id="疾病">疾病</span>
							<span  class="tab drug"  data-id="药品通用名">药品</span>
							<span  class="tab symptom" data-id="症状">症状</span>
							<span  class="tab operation"  data-id="手术和操作">手术和操作</span> -->
						</div>
						<div class="toggleTab">
							<span class="toggleTabTxt">展开</span>
							<img class="toggleArrow" src="./images/iconDown.png" alt="">
						</div>
						<div class="hideTabList">
							<!-- <span  class="tab lab" data-id="实验室检查">实验室检查</span>
							<span  class="tab examination"  data-id="辅助检查">辅助检查</span> -->
						</div>
					
					</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>
	<div class="footer ltLogo">
	   杭州朗通信息技术有限公司 & 浙江省卫生健康委&nbsp;&nbsp;&nbsp;联合开发
   </div>

</body>

</html>