<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=0.8, maximum-scale=0.8, user-scalable=1" "> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title id="idtitle">专知道</title>
<link rel="stylesheet" href="/css/patentyc.css">
<link rel="stylesheet" href="/css/ele/chalk.css">
<link rel="stylesheet" href="/css/loaders.css">
<!-- <link rel="stylesheet" href="/css/main.css"> -->
<link rel="stylesheet" href="/css/fontawesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/fontawesome/css/toolicon-style.css">
<link rel="stylesheet" href="/css/pagecom.css">
<script src="/js/vue/vue.min.js"></script>
<script src="/js/vue/vue-router.min.js"></script>
<script src="/js/vue/vuex.min.js"></script>
<script src="/js/ele/index.js"></script>
<script src="/js/vue/axios.min.js"></script>
<script src="/js/htmleditor/htmleditor.js"></script>
<script src="/js/htmleditor/htmleditorreg.js"></script>

<!-- <link rel="stylesheet" href="/css/main.css"> -->
<link rel="stylesheet" href="/css/autocomplete.css">

<!-- <script src="/js/socketio/socket.io.js"></script>
<script src="/js/vue/jquery.min.js"></script>
<script src="/js/wx/wxjsapi.js"></script>
<script src="/js/echarts/echarts.min.js"></script>
<script src="/js/echarts/echarts-wordcloud.min.js"></script>
<script src="/js/echarts/echarts-wordcloud.js"></script>
<script src="/js/echarts/china.js"></script>
<script src="/js/echarts/world.js"></script> -->
<style>
	html {
		width: 100%;
		height: 100%;
		font-size: 100px;
	}
	body{
		width: 100%;
		height: 100%;
		padding:0px;
		margin:0px;
		font-size: 0.14rem;
	}
	.app-main{
		position:absolute;
		width:100%;
		height:100%;
		margin:0px;
		padding:0px;
		overflow-y:auto;
		overflow-x:hidden;
	}
	.app-header{
		min-width: 1200px;
		background-color: #1e1e28;
		color: #b5b5b5;
		height:60px;
		width:100%;
		line-height: 60px;
		overflow: hidden;
	}
	.app-headerHome{
		position: absolute;
		top: 0px;
		left: 0px;
		min-width: 1200px;
		background-color: #1e1e28;
		color: #b5b5b5;
		height:60px;
		width:100%;
		line-height: 60px;
		overflow: hidden;
		z-index: 999;
	}
	.app-stage{
		position:relative;
		width:100%;
		height: calc(100% - 61px);
		background:#eee;
	}
	.app-stageHome{
		position:relative;
		width:100%;
		height: 100%;
		background:#eee;
	}
	.app-stage  .el-tabs {
		width:100%;
		height: 100%;
	}
	.app-stageHome  .el-tabs {
		width:100%;
		height: 100%;
	}
	.app-stage .app-footer{
		background-color:black;
		width:100%;
		color:#eee;
		font-size:14px;
		font-size: 0.14rem;
		height: 180px;
		padding-top: 50px;
		box-shadow: -1px -1px 1px #888888;
		border-bottom: none;
	}
	.app-header .el-button{
		color:#eee;
	}
	.el-button{
		/* color:black; */
	}
	#pane-home{
		padding: 0px;
		margin: -18px;
	}
	.el-tabs--border-card > .el-tabs__content{
		height: 100%;
		padding:0px;
	}
    .spechorizotal{

	}
	.spechorizotal .el-menu li{
		/* font-size: 24px; */
		/* padding-left:100px;
		padding-right:100px; */
		margin-top:-6px;
	}
	.spechorizotal .el-submenu__title{
		/* font-size: 22px; */
	}
	.spechorizotal ul{
		border-color: black;
		border: none
	}
	div.el-menu--horizontal{
		/* background-color:black; */
		/* padding-left:100px;
		padding-right:100px; */
	}
	.el-loading-mask{
		background-color: transparent;
	}
	.loading {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: #080534;
		z-index: 9999;
	}
	.loading-img {
		box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%;
    height: 200px;
    align-items: center;
    justify-content: center;
    perspective: 500px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
</style>
</head>
<body>
  <div id="app" v-loading="loading" class="app-main" style="visibility: hidden">
      <div id="header" :class="typeHome ? 'app-headerHome' : 'app-header'">
		  <el-row  style="border-bottom:none;padding: 0px">
			  <el-col :span="4" style="min-width:205px;padding-left: 10px"><el-button type="text" style="font-size:24px;font-size: 0.24rem;">专知道</el-button></el-col>
			  <!-- <el-col :span="17" class="spechorizotal">
						<gsb-topmenu   ref="topmenu" mode="horizontal" formatprop="formatItem" bkcolor="black"    @menuselect="onMenuSelect"></gsb-topmenu>
				</el-col> -->
				<el-col :span="17" style="min-width:880px">
						<gsb-nav @navroute="navRoute"></gsb-nav>
				</el-col>
				<!-- <el-col :span="3" style="float:right;min-width: 100px;" v-if="!currentUser">
						<el-button type="text" style="font-size: 0.14rem;" @click="onselect('login')">登录</el-button>
						<el-button type="text" style="font-size: 0.14rem;" @click="onselect('register')">注册</el-button>
					<div></div>
				</el-col> -->
			  <!-- <div v-if="!currentUser">
					<el-col :span="1"><el-button type="text" @click="onselect('login')">登录</el-button></el-col>
					<el-col :span="1"><el-button type="text" @click="onselect('register')">注册</el-button></el-col>
				</div> -->
			<div v-else>
				<el-col :span="2" style="color:white;font-size: 18px;font-size: 0.18rem;height: 60px;">欢迎您，{{ currentUser.nickName }}</el-col>
				<el-col :span="1" ><el-button type="text" style="margin-top:5px;font-size: 0.14rem;" @click="onselect('exit')">退出</el-button></el-col>
			  </div>
		  </el-row>
		</div>
		<div :class="typeHome ? 'app-stageHome' : 'app-stage'">
			    <div style="width:100%;min-width: 800px;min-height: 100%;display:flex;box-shadow: -1px -1px 1px #888888">
						<div v-if="isShowMenu && currentUser && currentUser.isAdmin" style="flex-grow:1;max-width: 250px;">
							<gsb-leftmenu   ref="leftmenu" formatprop="formatItem" bkcolor="black"    @menuselect="onMenuSelect"></gsb-leftmenu>
						</div>
						<div style="flex-grow:5">
								<el-tabs v-model="editableTabsValue2" type="border-card" style="border-top:none;" @tab-remove="removetab" @tab-click="tabclick" edit closable>
										<el-tab-pane 
										style="height:100%;"
											v-for="(item, index) in editableTabs2"
											:key="item.name"
											:name="item.name"
										>
										<span slot="label"><i class="el-icon-date"></i> {{ item.title}}</span>
										<transition name="slide-fade">
												<div class="loading" v-if="loadingHome">
													<div class="loading-img">
															<div class="loader-inner ball-pulse-rise">
																<div></div>
																<div></div>
																<div></div>
																<div></div>
																<div></div>
															</div>
													</div>
												</div>
												<router-view :name="item.name" :key="item.name"></router-view>
										</transition>
								</el-tabs>
						</div>
					</div>
			    <!-- <div id="footer" class="app-footer">
						<div style="width: 65%;margin:auto;">
							<el-row><el-col :span="4">关于我们</el-col><el-col :span="4">法律声明及隐私权政策</el-col><el-col :span="4">联系我们</el-col><el-col :span="4">加入阿里云</el-col></el-row>
							<br/><el-row><el-col :span="4"></el-col>© 2009-2019 Aliyun.com </el-col></el-row>
							<br/><el-row><el-col :span="4"></el-col>版权所有 ICP证：浙B2-20080101 </el-col></el-row>
						</div>
	        </div> -->
		</div>
		
	
  </div>
	<script language="javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
	<script src="/js/vue/jspdf.debug.js"></script>
	<script src="/js/vue/html2canvas.min.js"></script>

	<script src="/js/vue/base64.js"></script>
	<script src="/js/index.js"></script>
	<script src="/js/echarts/echarts.min.js"></script>
	<script src="/js/echarts/china.js"></script>
	<script src="/js/echarts/world.js"></script>
	<script src="/js/echarts/echarts-wordcloud.min.js"></script>
	<script src="/js/echarts/echarts-wordcloud.js"></script>
</body>
</html>
