<!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" ">
<title class="systitle"></title>
<link rel="stylesheet" href="/css/ele/chalk.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">
<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>
<style>
	body{
		padding:0px;
		margin:0px;
	}
	.app-main{
		position:absolute;width:100%;height:100%;background-color:#F9F9F9;
		margin:0px;
		padding:0px;
		overflow-y:auto;
		overflow-x:hidden;
	}
	.app-header{
		background-color:#ffffff;
		max-height:56px;
		height: 10%;width:100%;padding-top: 10px;padding-left: 10px;
	}
	.app-stage{
		position:relative;
		width:100%;
		height: auto;
		background:#eee;
	}
	.app-stage  .el-tabs {
		width:100%;
	}
	.app-stage .app-footer{
		background-color:#161f26;
		width:100%;
		color:#eee;
		font-size:14px;
		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{
		padding:0px;
	}
	.spechorizotal{
	}
	.el-tabs--border-card > .el-tabs__header
	 {
		border-bottom:none;
	}
	.el-tabs--border-card{
		border:none;
	}
	.el-tabs__content{
		padding: 0px;
		background-color: #F9F9F9;
	}
	.spechorizotal .el-menu li{
		padding-left:50px;
		padding-right:80px;
		margin-top:-6px;
	}
	.spechorizotal  .el-menu-item  span{
		font-size: 22px;
	}
	.spechorizotal .el-submenu__title{
		font-size: 22px;
	}
	.spechorizotal ul{
		border-color:#161f26;
		border: none
	}
	div.el-menu--horizontal{
		background-color:#161f26;
		/* padding-left:100px;
		padding-right:100px; */
	}
	.el-loading-mask{
		background-color: transparent;
	}
</style>
</head>
<body>
	<div id="app" v-loading="loading" class="app-main" style="visibility: hidden">
			<!-- <gsb-cascadeselect v-model="m" level="2" @change="ch" levelfield="REGION_LEVEL" parentfield="PARENT_CODE" labelField="REGION_NAME"  valueField="REGION_CODE"></gsb-cascadeselect> -->
         <div id="header" class="app-header">
		 <!-- <gsb-button-group ref="wxsaoma"  @select="onselect" ikey="login" :btns="logins"></gsb-button-group> -->
			<el-row  style="border-bottom:none;padding: 0px">
				<el-col :span="4">
					<el-row>
						<el-col :span="3">
							<img style="width:35px;height:35px;padding-top: 5px;	" src="/imgs/icon_zixuny.png"/>
						</el-col>
						<el-col :span="12"><el-button type="text" style="font-size:20px;color: #54C4A7;margin-left: 10px;" class="systitle">薪必果合伙人系统</el-button></el-col>
					</el-row>
				</el-col>
			  <!-- <el-col :span="3"><el-button type="text" @click="onselect('home')" style="font-size:20px">首页</el-button></el-col>
			  <el-col :span="3"><el-button type="text" style="font-size:20px">专利检索</el-button></el-col>
			  <el-col :span="3"><el-button type="text" style="font-size:20px">专利分析</el-button></el-col> -->
			  <el-col :span="13" class="spechorizotal">
					<div>&nbsp;</div>
						<!-- <gsb-topmenu ref="topmenu" bkcolor="#FFFFFF" mode="horizontal" formatprop="formatItem" @menuselect="onMenuSelect"></gsb-topmenu> -->
			  </el-col>
			  <div v-if="!currentUser">
				<!-- <el-col :span="3" style="text-align: right;"><el-button style="color:#2F2F2F;" type="text" @click="onselect('login')">登录</el-button></el-col> -->
				<!-- <el-col :span="3" style="text-align: left;"><el-button style="color:#2F2F2F;margin-left: 20px;" type="text" @click="onselect('register')">注册</el-button></el-col> -->
			</div>
			<div v-else>
				<el-col :span="4" style="text-align: right;color:#2F2F2F;margin-top:15px;font-size: 14px;"><a @click="usercenter" href="javascript:;" style="text-decoration: none;cursor: pointer;color: black;">欢迎您，{{ currentUser.userName }}</a></el-col>
				<el-col :span="2" ><el-button type="text" @click="onselect('exit')" style="margin-left: 10px;padding-left: 10px; padding-right: 10px;padding-top: 17px; color: #54C4A7;"  round>退出</el-button></el-col>
				<!-- <el-col :span="1" ><el-button type="info" @click="onselect('exit')" icon="fa fa-power-off"  round></el-button></el-col> -->
			  </div>
		  </el-row>
		</div>
		<div class="app-stage">
			    <div style="min-width: 800px;display:flex;background:white;	">
					<div v-if="isShowMenu && currentUser" style="flex-grow:1;height: 100%; min-width:200px;max-width: 220px;height:100%;">
						<gsb-leftmenu ref="leftmenu" formatprop="formatItem" @menuselect="onMenuSelect" backcolor="#FFFFFF" ></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 
									  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">
													<router-view :name="item.name" :key="item.name"></router-view>
											</transition>
										
											
					        </el-tabs>
					</div>
				</div>
		
				<!-- <transition name="slide-fade" >
						<router-view ></router-view>
				 </transition> -->
				 <!-- 
				<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 src="/js/vue/jquery.min.js"></script>
	<script src="/js/vue/base64.js"></script>
  <script src="/js/index.js"></script>
</body>
</html>
