front
/
knowledgeMap


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
							<!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="/elementUI/2.7.2/theme-chalk/index.css">
	<style>
		.node_name {
			color: #333333;
			font-size: 16px !important;
			font-weight: Regular;
		}
	</style>
</head>

<body>
	<div id="app" v-cloak>
		<div class="main-box" v-if="!isShowKG">
			<div class="top-op">
				<el-button type="primary" @click="handleMergeBtnClick" size="mini">融合</el-button>
				<el-button type="primary" @click="handleRefresh" size="mini">刷新</el-button>
			</div>
			<div class="graph-card">
				<div class="knowledgeCard" id="knowledgeCard" v-for="(item,index) in listData" :key="index"
					@click="isMerge?null: showKnowledgeGraph(item.graph_id)">
					{{ item.graph_name }}
					<span :class="item.selected?'selection selected':'selection'" @click.stop="handleMergeSelect(index)">
						<i v-show="item.selected">√</i>
					</span>
				</div>
			</div>
		</div>
		<div v-else class="knowledgeMapWrapper wrappper">
			<div class="contextmenu">
				<ul>
					<li class="contextmenu-item" title="全部展开" data-id="expandAll">全部展开</li>
					<li class="contextmenu-item" title="全部关闭" data-id="closeAll">全部关闭</li>
				</ul>
			</div>
			<div class="content clearfix">
				<div class="left">
					<div id="main" class="mapWrapper">
					</div>
					<div id="dragMe" class="legendIcon">
						<div class="legendIconImg"></div>
					</div>
					<div class="category-num"></div>
					<div class="back" @click="isShowKG=false">返回</div>
					<div select="on" class="dropdown record" @click="toggleSelectList">
						<span class="selectedData">历史记录 <span class="icon-triangle-down"></span></span>
						<ul class="selectList-record" @click="handleSelectItem">
						</ul>
					</div>
				</div>
				<div class="right" style="display: none;">
					<div class="top">
						<div class="select">
							<div class="box">
								<span class="selectedName">疾病</span>
								<!-- <img class="iconSlide" src="./images/iconSlideDown.png" alt="iconSlide"> -->
							</div>

							<ul class="selectList">
								<li class="selectItem" title="疾病" data-id="疾病">疾病</li>
							</ul>
						</div>
						<div class="search">
							<input type="text" id="searchInp" placeholder="搜索疾病名称" name="" autocomplete="off" @input="handleChange">
							<span class="searchBtn" id="searchBtn" @click="handleClick">搜索</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">
						</div>
						<div class="toggleTab">
							<span class="toggleTabTxt">展开</span>
							<span class="toggleArrow dropdown-up" style="transform: rotate(180deg);">
						</div>
						<div class="hideTabList">
						</div>

					</div> -->

						<div class="tabBottom">
							<!-- <div class="radioList">
							<span class="radioItem disease ICD10" data-type="1" sub-type="1">
								<img class="iconRadio" src="/images/radioSelect.png" alt="iconRadio">
								ICD10
							</span>
							<span class="radioItem disease dept" data-type="1" sub-type="2">
								<img class="iconRadio" src="/images/radioUnSelect.png" alt="iconRadio">
								科室
							</span>
							<span class="radioItem medicine general" sub-type="0" data-type="2">
								<img class="iconRadio" src="/images/radioSelect.png" alt="iconRadio">
								通用分类
							</span>
							<span class="radioItem medicine act" sub-type="1" data-type="2">
								<img class="iconRadio" src="/images/radioUnSelect.png" alt="iconRadio">
								ATC分类
							</span>
						</div> -->
							<div id="tree" class="ztree"></div>
							<div class="right-aside-collapse"></div>

						</div>

					</div>
				</div>

			</div>
		</div>
	</div>
</body>

</html>