<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=0.8, maximum-scale=0.8, user-scalable=1">
<title  id="idtitle">加载中...</title>
<link rel="stylesheet" href="/css/ele/chalk.css">
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/igirl.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/autocomplete.css">
<link rel="stylesheet" href="/css/bycquerytm.css">
<link rel="stylesheet" href="/css/bycdetailtm.css">
<link rel="stylesheet" href="/css/bycnoticetm.css">
<link rel="stylesheet" href="/css/bycncldetail.css">

<!--标眼查监控样式-->
<link rel="stylesheet" href="/css/bytmmonit.css">
<link rel="stylesheet" href="/css/fontface-timely.css">
<!--监控列表-->
<link rel="stylesheet" href="/css/bytmmonitlist.css">
<!--监控列表详情-->
<link rel="stylesheet" href="/css/bytmmonitlistdetails.css">
<!--监控动态-->
<link rel="stylesheet" href="/css/bytmmonitdynamics.css">
<!--代理机构详情-->
<link rel="stylesheet" href="/css/bytmmonitagency.css">
<link rel="stylesheet" href="/css/cropper.css">
<!-- <script src="/js/vue/polyfill.min.js"></script> -->
<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/ele/index.js"></script>
<script src="/js/vue/axios.min.js"></script>
<script src="/js/htmleditor/htmleditor.js"></script>
<script src="/js/htmleditor/htmleditorreg.js"></script>
<script src="/js/echarts/echarts.min.js"></script>
<!-- <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> -->

<style>
	body{
		padding:0px;
		margin:0px;
		background: white;
	}
	.app-main{
		position:absolute;width:100%;height:100%;
		margin:0px;
		padding:0px;
		overflow-y:auto;
		overflow-x:hidden;
		background-color: #ffffff
	}
	.app-header{
		height: 60px;width:100%;padding-top: 10px;padding-left: 10px;left:0px;top:0px;

	}
	.headtransparent{
		background-color:transparent;
		position:absolute;
		left:0px;
		top:0px;
		z-index: 9999;
	}
	.menutransparent{
		/* position: absolute; */
		/* z-index:9999 */
		margin-top:60px;
		position:relative;
		z-index:9000;
	}
	.app-stage{
		position:relative;
		width:100%;
	}
	.app-stage  .el-tabs {
		width:100%;
		height: 100%;
	}
	.app-stage .app-footer{
		background-color:#31373b;
		width:100%;
		color:#eee;
		font-size:14px;
		height: 140px;
		padding-top: 10px;
		border-bottom: none;
	}
	.app-header .el-button{
	    color:white
	}
	#pane-home{
		padding: 0px;
		margin: -18px;
	}
	.el-tabs--border-card > .el-tabs__content{
		/* height: 100%; */
	}
	/* tab的自定义定位类 */
    .spechorizotal{

	}
	.home-search-pos {
		width:820px;
		height:74px;
		margin:0 auto;
		border-radius:8px;
		background:hsla(0,0%,100%,.2);
	}
	.home-search-pos .el-input__inner{
		 line-height:54px;
		 height: 54px;
	}
	.home-search-pos .el-input-group__append{
		 background:#108EE9;
		 border: 1px solid #108EE9;
		 color: white;
	}
	.el-tabs--border-card > .el-tabs__header
	 {
		border-bottom:none;
	}
	.el-tabs--border-card{
		border:none;
		box-shadow: none !important;
	}
	.el-tab-pane{
		height: 100%;
		border-top:none;
	}
	.el-tabs__content{
		padding: 0px;
		background-color:#EFF0F7;
	}
	.spechorizotal .el-menu li{

		margin-top:-6px;
	}
	.spechorizotal  .el-menu-item  span{
		font-size: 16px;
		/* padding-right:23px;  */
	}
	}
	.spechorizotal .el-submenu__title{
		font-size: 22px;

	.spechorizotal ul{
		/* background-color:black; */
		border: none
	}

	.el-menu--horizontal .el-menu{
	background-color:transparent;
	}
	div.el-menu--horizontal{
		background-color:transparent;
		color: aquamarine;
	}
	.el-loading-mask{
		background-color: transparent;
	}
	.el-card__header{
		padding:0px;
	}
	.pcpagetitle{
		font-size:23px;
		font-style:weight;
		padding-top: 30px;
		text-align:center
	}
	.productList:hover{
		-webkit-box-shadow:0 0 10px rgba(0, 204, 92, 0.5);
  -moz-box-shadow:0 0 10px rgba(0, 204, 204, .5);
  box-shadow:0 0 10px rgba(0, 204, 204, .5);
	}
	#leftmenudiv nav_color{
		color:black;
	}
	.roleview-title{
		color: #666;
	}
	.bytmmonittab{}
	.bycdirectsearch{}
</style>
</head>
<body>
  <div id="app" v-loading="loading" class="app-main" style="visibility: hidden">
    <div id="header" class="app-header">
			<el-row  style="border-bottom:none;padding: 0px">
				  <el-col :span="4">
						  <el-row>
								<el-col :span="3"><img style="width:40px;height:40px" :src="contextCompany()?contextCompany().logo:'/imgs/plogo.png'"/>&nbsp;&nbsp;</el-col>
								<el-col :span="12"><el-button type="text" style="font-size:22px"><span id="appname">{{contextCompany()?contextCompany().sitename:"知圈圈"}}<span></span></el-button></el-col>
							</el-row>
				  </el-col>
			  <el-col :span="14" class="spechorizotal">
						<gsb-topmenu   ref="topmenu" key="topmenu"  :mnuvisble="mnufunc"  bkcolor="transparent" mode="horizontal" formatprop="formatItem"    @menuselect="onMenuSelect"></gsb-topmenu>
				
					</el-col>
			  <div v-if="!currentUser" style="margin-top:-25px">
				<el-col :span="6" style="text-align:right;padding-right:20px;padding-top: 5px"><el-button type="text"  id="loginbtn" style="color:white" @click="onselect('login')">登录</el-button></el-col>
				<!-- <el-col :span="1"><el-button type="text" @click="onselect('register')">注册</el-button></el-col> -->
			</div>
			<div v-else style="margin-top:-25px" id="welcome">
				<el-col :span="3" style="margin-top:5px;text-align: center">
						<el-badge is-dot>
								<el-button type="text" id="adminbtn" icon="fa fa-bar-chart" @click="goadmin">管理后台</el-button>
							</el-badge>
				  {{ currentUser.nickName }}
				</el-col>
				<el-col v-if="currentCompany && currentCompany.id==1" :span="2" style="margin-top:5px;text-align: center">
					<el-select style="width:110px;" v-model="switchcompany" clearable placeholder="切换渠道" @change="channelchange">
						<el-option
							v-for="item in companys"
							:key="item.value"
							:label="item.label"
							:value="item.value">
						</el-option>
					</el-select>
			 </el-col>
				<el-col :span="1"  style="margin-top:5px;text-align:center;padding-right: 8px">
					<el-button type="text" id="exitbtn" icon="fa fa-stop-circle-o"   @click="onselect('exit')">退出</el-button>
				</el-col>
			  </div>
		  </el-row>
		</div>
		<div class="app-stage">
			 <div id="#serviceemp" style="padding-top: 3px;text-align:center;font-size: 20px;border-radius:10px;position: fixed;right:15px;bottom:230px;z-index:10001;width:30px;height:60px;background-color:#00ddff">
				<a :href="serviceqq" target="_blank">
					<i style="color:white;" class="el-icon-service"></i>
				</a>
				<div>
						 <el-tooltip :content="servicetel" placement="left" effect="light">
								<i style="color:white;" class="el-icon-phone-outline"></i>
						</el-tooltip>
				</div>
			</div>
			<div style="clear:both"></div>
			 <div style="min-width: 800px;display:flex;">
					<div id="leftmenudiv"  v-if="isShowMenu && currentUser"  style="border:none;flex-grow:1;width:200px;min-width:200px;max-width:280px;height:100%;background-color: #EFF0F7">
						<!-- <el-select style="margin-left:15px;width: 89%;margin-top:20px;margin-right:15px" placeholder="请输入功能关键字搜索"></el-select> -->
						<gsb-leftmenu style="margin:15px;margin-top:2px"  bkcolor="white"   ref="leftmenu" key="leftmenu"   formatprop="formatItem"    @menuselect="onMenuSelect"></gsb-leftmenu>
					</div>
					<div  style="flex-grow:5;border:none;">
							<el-tabs   class="maintab"  v-model="editableTabsValue2" type="border-card" style="border-top:none" @tab-remove="removetab" @tab-click="tabclick" edit closable>
									<el-tab-pane
									  v-for="(item, index) in editableTabs2"
									  :key="item.name"
									  :name="item.name"
									>
											<span slot="label"><i class="el-icon-date"></i> {{ item.title}}</span>
											<transition name="slide-fade">
													<router-view   :name="item.name" :key="item.name"></router-view>
											</transition>
					        </el-tabs>
					</div>
				</div>
			    <div id="footer" class="app-footer" style="visibility: hidden">
						<div style="width:1200px;margin: 0 auto;">
							<div style="padding-left:20px;">
								<el-row class="companyname">{{footerInfo?footerInfo.companyName:"创知厚德（北京）科技有限公司"}}</el-row>
								<el-row class="other">
									<el-col :span="5">客服电话：{{footerInfo?footerInfo.serviceTel:"4006-798-999"}}</el-col>
									<el-col :span="5">商务合作：{{footerInfo?footerInfo.cooperationTel:"4006-798-999"}}</el-col>
								</el-row>
								<el-row class="other">地址：{{footerInfo?footerInfo.address:"北京市朝阳区朝来高科技产业园10号楼102号"}}</el-row>
                <el-row class="other" style="margin-top:10px;">
									<el-col :span="5" class="aboutus"><div @click="aboutus">关于我们</div></el-col>
								</el-row>
							</div>
						</div>
	        </div>
		</div>
	</div>
	<script src="/js/vue/jquery.min.js"></script>
	<script src="/js/cropper/index.js"></script>
	<script src="/js/vue/base64.js"></script>
  <script src="/js/index.js"></script>
</body>
</html>
