<!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?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?appinfo:null%>'));
			   //缓存当前的基础组件列表
		       var basecomp=JSON.parse(unescape('<%=basecomp%>'));
	</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;
	}
	.app-header{
	  display: flex;
	  justify-content:space-between;
	  color: white;
	  padding: 15px;
	  cursor: pointer;
	}
	#appName{
		font-size: 30px;
		font-family:MicrosoftYaHei;
	}
	.el-button--text{
		color: white
	}
	.activeColor{
		color:deepskyblue;
	}
	.hoverclass:hover{
		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><%=app?app.name:'应用未启用'%></span>
				<span v-if="currentUser" style="font-size:14px"><span class="fa fa-home" ></span>{{currentUser.owner.name}}</span>
			</div>
			<div id="login">
				<span v-if="currentUser">欢迎您，{{currentUser.nickName}}
				    <el-button v-if="currentUser.isSelfLogin" @click="exitclick" type="text" icon="el-icon-setting">退出</el-button>
				</span>
				<gsb-button-group v-if="!currentUser" @select="onselect" ikey="login" :btns="logins"></gsb-button-group>
				
				
			</div>
		</div>
		<transition name="slide-fade">
				<router-view>
				</router-view>
		</transition>
		<div v-if="currentUser" style="position:fixed;bottom:100px;right:50px;opacity: 0.6;">
			 <el-card style="height:350px;width:200px;font-size:20px;border-radius: 0px">
					<div class="hoverclass" style="cursor:pointer;padding:30px" @click="bizadmin"  v-if="currentUser"><i class="el-icon-setting"></i>业务管理</div>
					<div class="hoverclass" style="cursor:pointer;padding:30px" @click="settingclick"  v-if="currentUser && currentUser.isAdmin"><i class="el-icon-setting"></i>系统管理</div>
				</el-card>
		</div>
	</div>
	<script src="/js/vue/jquery.min.js"></script>
	<script src="/js/common.js"></script>
	<script src="/js/index.js"></script>
</body>
</html>