<!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="/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('<%=basecom%>'));
			//缓存当前的菜单配置
			var global_rsconfig=JSON.parse(unescape('<%=rsconfig%>'));
			var companyinfo= JSON.parse(unescape('<%=company%>'));
			if(companyinfo.status && companyinfo.status==-1){
				companyinfo=null;
			}
			var tocompanyinfo= JSON.parse(unescape('<%=tocompany%>'));
			if(tocompanyinfo.status && tocompanyinfo.status==-1){
				tocompanyinfo=null;
			}
		</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">
				<span @click=appclick><%=app.name%> </span>
				<span style="font-size:16px;color:white" v-if="tocomany">
					<span style="font-size:20px" class="fa fa-home"></span>
					<span v-if=" currentUser && currentUser.owner.id!=1">{{currentUser.owner.name}}</span>
					<span v-else>{{tocomany.name}}</span>
		     	</span>
			</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 v-if="ismenuopen" id="clkhandle" @click="showmenu" class="el-icon-menu" style="position: relative;left:240px;margin-top:3px;cursor: pointer;"></div>
			<div v-else id="clkhandle" @click="showmenu" class="el-icon-menu" style="position: relative;left:240px;margin-top:3px;cursor: pointer;"></div>
			<div  class="leftnav"  id="leftmenuid"> 
				  <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>