<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta name="keywords" content="PAAS 开放平台">
	<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%>'));
			//缓存当前的基础组件列表
			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;
	}
	.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;
	}
	.app-stage{
		display: flex;
		width: 100%;
		padding: 5px;
		box-sizing: border-box;
	}
	.app-stage .rightcontent{
		flex-grow:1;
		box-sizing: border-box;
	}
	.app-stage .rightcontent .el-card__body {
		height: 100%;
	}
	.app-stage .rightcontent >.el-card{
		border-radius: 0px;
		height: 100%;
		box-shadow:unset;
		box-sizing: border-box;
	}
	#appName{
		font-size: 30px;
		font-family:MicrosoftYaHei;
		cursor: pointer;
	}
	.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" >
				<span @click=appclick><%=app.name%> </span>
				<span style="font-size:16px;" v-if="currentCompany">
					<span style="font-size:20px" class="fa fa-home"></span>
					<span v-if="currentUser && currentUser.owner && currentUser.owner.id!=1">{{currentUser.owner.name}}</span>
					<!-- <span v-else>{{currentCompany.name}}</span> -->
		     	</span>
			</div>
			<div id="login">
				<gsb-button-group v-if="!currentUser" @select="onselect" ikey="login" :btns="logins"></gsb-button-group>
				<span v-if="currentUser">欢迎您，{{currentUser.nickName}}<el-button @click="exitclick" type="text" icon="el-icon-setting">退出</el-button></span>
				<span style="cursor:pointer" @click="settingclick"  v-if="(currentUser && currentUser.roles.indexOf('common')>=0) || (currentUser && currentUser.isSuper)"><i class="el-icon-setting"></i>后台管理</span>
			</div>
		</div>
		<div id="app-stage" class="app-stage">
				<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/index.js"></script>
</body>
</html>