<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, user-scalable=no">
<title>企业服务工具箱</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">
<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/socketio/socket.io.js"></script>
<script src="/js/ele/index.js"></script>
<script src="/js/htmleditor/htmleditor.js"></script>
<script src="/js/htmleditor/htmleditorreg.js"></script>
<style>
	#loading{
	 background-color: #2c3e50;
	 height: 100%;
	 width: 100%;
	 position: fixed;
	 z-index: 9999;
	 margin-top: 0px;
	 top: 0px;
	}
	#loading-center{
	 width: 100%;
	 height: 100%;
	 position: relative;
	}
	#loading-center-absolute {
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 height: 50px;
	 width: 50px;
	 margin-top: -25px;
	 margin-left: -25px;
		-ms-transform: rotate(45deg);
		 -webkit-transform: rotate(45deg);
		 transform: rotate(45deg);
	 -webkit-animation: loading-center-absolute 1.5s infinite;
	 animation: loading-center-absolute 1.5s infinite;

	}
	.object{
	 width: 25px;
	 height: 25px;
	 background-color: #FFF;
	 float: left;

	}
	#object_one {
	 -webkit-animation: object_one 1.5s infinite;
	 animation: object_one 1.5s infinite;
	 }
	#object_two {
	 -webkit-animation: object_two 1.5s infinite;
	 animation: object_two 1.5s infinite;
	 }
	#object_three {
	 -webkit-animation: object_three 1.5s infinite;
	 animation: object_three 1.5s infinite;
	 }
	#object_four {
	 -webkit-animation: object_four 1.5s infinite;
	 animation: object_four 1.5s infinite;
	 }


	@-webkit-keyframes loading-center-absolute {
	 100% { -webkit-transform: rotate(-45deg); }

	}

	@keyframes loading-center-absolute {
	 100% {
		 transform:  rotate(-45deg);
		 -webkit-transform:  rotate(-45deg);
	 }
	}
	@-webkit-keyframes object_one {
	 25% { -webkit-transform: translate(0,-50px) rotate(-180deg); }
	 100% { -webkit-transform: translate(0,0) rotate(-180deg); }

	}

	@keyframes object_one {
	 25% {
		 transform: translate(0,-50px) rotate(-180deg);
		 -webkit-transform: translate(0,-50px) rotate(-180deg);
	 }
	 100% {
		 transform: translate(0,0) rotate(-180deg);
		 -webkit-transform: translate(0,0) rotate(-180deg);
	 }
	}
	@-webkit-keyframes object_two {
	 25% { -webkit-transform: translate(50px,0) rotate(-180deg); }
	 100% { -webkit-transform: translate(0,0) rotate(-180deg); }
	}

	@keyframes object_two {
	 25% {
		 transform: translate(50px,0) rotate(-180deg);
		 -webkit-transform: translate(50px,0) rotate(-180deg);
	 }
	 100% {
		 transform: translate(0,0) rotate(-180deg);
		 -webkit-transform: translate(0,0) rotate(-180deg);
	 }
	}

	@-webkit-keyframes object_three {
	 25% { -webkit-transform: translate(-50px,0) rotate(-180deg); }
	 100% { -webkit-transform: translate(0,0) rotate(-180deg); }
	}

	@keyframes object_three {
	 25% {
		 transform:  translate(-50px,0) rotate(-180deg);
		 -webkit-transform:  translate(-50px,0) rotate(-180deg);
	 }
	 100% {
		 transform: translate(0,0) rotate(-180deg);
		 -webkit-transform: rtranslate(0,0) rotate(-180deg);
	 }
	}
	@-webkit-keyframes object_four {
	 25% { -webkit-transform: translate(0,50px) rotate(-180deg); }
	 100% { -webkit-transform: translate(0,0) rotate(-180deg); }
	}

	@keyframes object_four {
	 25% {
		 transform: translate(0,50px) rotate(-180deg);
		 -webkit-transform: translate(0,50px) rotate(-180deg);
	 }
	 100% {
		 transform: translate(0,0) rotate(-180deg);
		 -webkit-transform: translate(0,0) rotate(-180deg);
	 }
	}
</style>
</head>
<body>
	<div id="loading">
	  <div id="loading-center">
	    <div id="loading-center-absolute">
	      <div class="object" id="object_one"></div>
	      <div class="object" id="object_two"></div>
	      <div class="object" id="object_three"></div>
	      <div class="object" id="object_four"></div>
	    </div>
      <!-- <div style="color:white;text-align:center"><h1>老板的智能助手</h1></div> -->
	  </div>
	</div>
  <div id="app">
		<el-container>
			 <el-header :style="{'height':header_h+'px'}">
				 <el-row style="height:10%">
					  <el-col :span="5" style="text-align:left">
							<div @click="onclick">
								 <img src="/imgs/logo.png" style="width:35px;height:35px;margin:5px"/>
                 <!-- <i class="el-icon-menu" style="color:black"></i> -->
								 <img src="/imgs/zs2.png" id="imgapp" style="position:absolute;top:8px;margin-left:-170px;"/>
								 <!-- <el-tag type="info" style="position:relative;top:10px;font-size:24px;">企业服务工具箱</el-tag> -->
						  </div>
					  </el-col>
						<el-col  :span="19" style="text-align:right;padding-top:5px">
								<gsb-button-group v-if="!currentUser" @select="onselect" ikey="login" :btns="logins"></gsb-button-group>
                <el-tag type="info" v-if="currentUser">{{ currentUser.nickName+"," }}您是一位勇于尝试的家伙</el-tag>
								<el-tag type="info" v-if="currentUser">宝币余额 {{currentUser.accountBalance}}枚</el-tag>
						</el-col>
         </el-row>

				 <el-row style="height:50%" :style="{'margin-top':(header_h-630)+'px'}">
					 <el-carousel indicator-position="none">
							 <el-carousel-item>
								 <el-card style="color:#999;width:50%;height:100%;margin:auto;background-color:lightgray;border-radius:0px;border:1px solid gray">
									 		<div slot="header" class="clearfix">
											 <h1>商标代理合伙人</h1>
											 <el-tag  type="info" class="cardtlist">
 											  申请条件
 									    </el-tag >
									    </div>
											 <el-tag type="info"  class="cardtlist">
			                    一个身份证
		                  </el-tag >
										  <el-tag  type="info" class="cardtlist">
											  一台普通的台式电脑
									    </el-tag >
									    <el-tag  type="info" class="cardtlist">
											  一部/台普通的通讯工具
									    </el-tag >
											<el-tag  type="info" class="cardtlist">
												 不需要申请KEY
										 </el-tag >
										 <el-tag type="info"  class="cardtlist">
												不需要人工通知进度
										</el-tag >
								 </el-card>
							 </el-carousel-item>
							 <el-carousel-item>
								<el-card style="color:#999;width:50%;height:500px;margin:auto;background-color:lightgray;border-radius:0px;border:1px solid gray">
										 <div slot="header">
											<h1>商标代理合伙人</h1>
											<el-tag type="info" class="cardtlist">
												 动作流程
											</el-tag>
										 </div>
										 <el-tag type="info" class="cardtlist">
												申请成为商标代理合伙人
										  </el-tag>
										<el-tag type="info"  class="cardtlist">
											  查询平台提供商机
									  </el-tag >
									  <el-tag type="info" class="cardtlist">
											  利用平台提供工具发送邮件
									  </el-tag>
										<el-tag type="info" class="cardtlist">
											  使用商标智能填报机器人
									  </el-tag>
										<el-tag type="info" class="cardtlist">
											  提现获取收益
									 </el-tag>

								</el-card>
							</el-carousel-item>
						</el-carousel>
			   </el-row>
				 <div :style="{'top':header_footer_top+'px','position':'fixed','text-align':'center','width':'100%'}">
							 <el-tag type="info">人人是老板,有的人经营的是公司，有的人经营的是自己</el-tag>

			   </div>
			 </el-header>
			 <el-container v-loading="loading" element-loading-text="拼命加载中,请耐心等待">
		     <el-aside :width="aside_w">
			     <gsb-menu formatprop="formatItem" :collapse="collapse"   @menuselect="onMenuSelect"></gsb-menu>
			   </el-aside>
				 <el-main ref="workbench" style="text-align:center">
					 <el-container>
						 <el-aside  style="width:100%;background-color:#E9EEF3;overflow:hidden">
							 <transition name="slide-fade">
							    <router-view></router-view>
							 </transition>
						 </el-aside>
						 <!-- <el-main style="width:70%;background-color:#E9EEF3">
							  <router-view name="shows"></router-view>
						 </el-main> -->

					 </el-container>
				 </el-main>
			</el-container>
		</el-container>
	  <gsb-payselect ref="payselect"></gsb-payselect>
	  <!-- <gsb-socketclient></gsb-socketclient> -->
  </div>
	<script src="/js/vue/jquery.min.js"></script>
	<script src="/js/wx/wxLogin.js"></script>
  <script src="/js/vue/axios.min.js"></script>
  <script src="/js/index.js"></script>
	<script src="/js/echarts/echarts.min.js"></script>
	<script src="/js/echarts/china.js"></script>
</body>
</html>
