<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta name="keywords" content="PAAS 开放平台">
	<meta name="baidu-site-verification" content="lATAxZAm8y" />
	<meta name="viewport" content="width=device-width, initial-scale=0.8, maximum-scale=0.8, user-scalable=1">
	<title id="idtitle"><%=app.name%></title>
	<link rel="stylesheet" href="/css/ele/index_2.5.4.css">
	<link rel="stylesheet" href="http://p.apps.com:3001/css/pagecom.css">
	<link rel="stylesheet" href="/css/pagecom.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/fontface-timely.css">
	<script src="/js/vue/vue.min_2.6.10.js"></script>
	<script src="/js/vue/vue-router.min.js"></script>
	<script src="/js/vue/vuex.min.js"></script>
	<script src="/js/ele/index_2.5.4.js"></script>
	<script src="/js/vue/axios.min.js"></script>
	<script>
		//缓存当前域名对应的公司信息，公司、页脚、银行账号---全局变量
		var appinfo = JSON.parse(unescape('<%=appinfo%>'));
		console.log(appinfo);
		//缓存当前的基础组件列表
		var basecomp=JSON.parse(unescape('<%=basecomp%>'));
		//缓存当前的菜单配置
		var global_rsconfig=JSON.parse(unescape('<%=rsconfig%>'));
		console.log(JSON.stringify(global_rsconfig));
	</script>

<style>
body{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	box-sizing: border-box;
	height: 100%;
}
.app-main{
	width:100%;
	height:100%;
	background:url("<%=app.bkimageUrl?app.bkimageUrl:'/imgs/pt3.jpg'%>") no-repeat;background-size: cover;
	box-sizing: border-box;
}
.app-header{
  display: flex;
  justify-content:space-between;
  color: white;
  padding: 15px;
  box-sizing: border-box;
  cursor: pointer;
}
.app-stage{
	display: flex;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}
.app-stage .leftnav{
	background-color:green;
	max-width: 250px;
	min-width: 250px;
	flex-grow:1;
	box-sizing: border-box;
}
.app-stage .leftnav .el-card__body {
	height: 85%;
}
.app-stage .rightcontent{
	flex-grow:2;
	margin-left: 5px;
	margin-right: 15px;
	box-sizing: border-box;
}

.app-stage .rightcontent >.el-card{
	border-radius: 0px;
	height: 100%;
	box-shadow:unset;
	box-sizing: border-box;
}
.app-stage .is-always-shadow{
	box-shadow: unset;
}
.app-stage .leftnav > .el-card{
	border-radius: 0px;
	height: 100%;
	box-sizing: border-box;
}

#appName{
	font-size: 30px;
	font-family:MicrosoftYaHei;
}
.el-button--text{
	color: white
}
.activeColor{
	color:deepskyblue;
}
</style>
</head>
<body>
<div id="app" v-loading="loading" class="app-main" style="visibility:hidden">
	<div id="app-header" class="app-header">
		<div id="appName" @click="clkapp"><%=app.name%>后台管理</div>
		<div id="login">
			<span v-if="currentUser">欢迎您，{{currentUser.nickName}}
				<el-button @click="exitclick" type="text" icon="el-icon-setting">退出</el-button>
			</span>
		</div>
	</div>
	<div id="app-stage" class="app-stage">
		<div  class="leftnav">
			  <el-card id="leftnav"> 
				   <gsb-leftmenu  bkcolor="white" ref="leftmenu"   key="leftmenu"  formatprop="formatItem" @menuselect="onMenuSelect"></gsb-leftmenu>
			  </el-card>  
		</div>
		<div class="rightcontent">
				<transition name="slide-fade">
						<router-view>
						</router-view>
				</transition>
		</div>
	</div>

</div>
<script src="/js/vue/jquery.min.js"></script>
<script src="/js/common.js"></script>
<script src="/js/admin.js"></script>
</body>
</html>