<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" ">
<title id=" idtitle">
	</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">
	<link rel="stylesheet" href="/css/autocomplete.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>
	<!-- <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=ew0cpBOLauTZ5muFQ7gc9e1egYgckvMU&s=1"></script> -->
	<!-- <script src="/js/wx/wxjsapi.js"></script> -->
	<style>
		body {
			padding: 0px;
			margin: 0px;
			background-image: url('/imgs/h5/bkh5.png');
		}

		#kpMain td {
			width: 50%;
			font-family: "SimSun";
			font-size: 0.8rem;
			line-height: 1rem;
		}

		#kpMain input {
			display: inline
		}

		#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);
			}
		}

			{
			"icon": "tool-order", "title":"商标列表", "type":"default", "key":"myTmList", "isOnGrid":true
		}

		,

		@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);
			}
		}

		.box-card {
			border-radius: 0px;
			border-bottom: none;
		}

		.el-card {
			border-bottom: none;
		}

		.el-button {
			border-radius: 0px;
		}

		.el-tab-pane {
			background-color: #2c3e50;
			color: #eee;
			margin: 0px;
		}

		.el-tabs {
			background-color: #2c3e50;
			color: #eee;
		}

		.el-form-item {
			border: none;
		}

		.el-input__inner {
			border: none;
			border-radius: 0px;
			padding: 0px;
			color: #ddd
		}

		.el-form-item label {
			color: #aaa;
		}

		.el-message-box {
			width: 90%;
		}

		.el-tabs__item {
			width: 50%;
			text-align: center;
		}

		.el-tabs__nav {
			width: 100%;
			text-align: center;
		}

		.el-step__title.is-process {
			color: white;
		}

		.el-step__description.is-process {
			color: white;
		}

		.el-input__inner {
			color: #2F2F2F;
		}
		.clear {
			clear: both;
		}

		.bs_login_form {
			text-align: center;
			margin:0 auto;
		}

		.bs_login_form .bs_login_form_item {
			padding-top: 15px;
			height: 50px;
			width:300px;
			text-align: center;
			margin:0 auto;
		}

		.bs_login_form .bs_login_form_item .logintitle {
			float: left;
			width:70px;
			padding-top: 10px;
			color: #292929;
			text-align: right;
		}

		.bs_login_form .bs_login_form_item .logininput {
			float: left;
			text-align: left;
			padding-left: 10px;
			width:200px;
			border:solid 1px #eee;
		}

		.bs_login_btnitem {
			width:300px;
			padding-top: 20px;
			text-align: center;
			margin:0 auto;
		}

		.bs_login_btnitem .loginbtn {
			width:100px;
			background:#09A5FE;
			color: white;
			font-size: 16px;
			border-radius:4px;
		}

	</style>
</head>

<body style="overflow: auto;text-align:center">
	<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>
	</div>
	<div id="app" style="margin-top:-5px">
		<el-container v-loading.fullscreen="loading" element-loading-text="拼命加载中,请耐心等待">
			<div style="position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:white">
				<div style="position:relative;text-align:center;width:100%;height:100%;">
					<div v-if="!currentUser" style="height:100%;">
						<div style="padding-top:20%;height:20%;">
							<span style="color:#333333;font-weight: 700;font-size: 20px;">薪必果统计</span>
						</div>
						<div class="bs_login_form">
							<div class="bs_login_form_item">
								<span class="logintitle">帐号：</span>
								<el-input v-model="loginForm.userName" class="logininput" placeholder="请输入帐号" ></el-input>
							</div>
							<div  class="bs_login_form_item clear">
								<span class="logintitle">密码：</span>
								<el-input type="password" v-model="loginForm.password" class="logininput" placeholder="请输入密码" ></el-input>
							</div>
						</div>

						<div class="bs_login_btnitem">
							<el-button class="loginbtn"  @click="statlogin" type="primary">登录</el-button>
						</div>
							
					</div>
					<transition v-if="currentUser" name="slide-fade">
						<router-view
							style="height:100%;padding-top:50px;padding-bottom:50px;margin:0px;background-color:white;overflow:auto">
						</router-view>
					</transition>
					<!-- <gsb-h5menu ref="bottommenu" :menuitems="mitems" @menuclick="menuclick" ikey="iwant"></gsb-h5menu> -->
				</div>
			</div>
		</el-container>
		<!-- <gsb-jsapi authurl="https://boss.gongsibao.com/h5"></gsb-jsapi> -->
	</div>
	<script src="/js/vue/jquery.min.js"></script>
	<script src="/js/vue/base64.js"></script>
	<script src="/js/wx/wxLogin.js"></script>
	<script src="/js/vue/axios.min.js"></script>
	<script src="/js/bpostat.js"></script>
	<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

	<link rel="stylesheet" href="css/pdfh5/style.css" />
	<link rel="stylesheet" href="css/pdfh5/pdfh5.css" />
	<script src="js/pdfh5/pdf.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/pdfh5/pdf.worker.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/pdfh5/pdfh5.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>