<!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="byctitle">标眼查</title>
    <link rel="stylesheet" href="/css/ele/chalk.css">
    <link rel="stylesheet" href="/css/main.css">
    <link rel="stylesheet" href="/css/lbs.css">
    <link rel="stylesheet" href="/css/tm.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/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/vue/jquery.min.js"></script>
    <script src="/js/htmleditor/htmleditor.js"></script>
    <script src="/js/htmleditor/htmleditorreg.js"></script>
    <script src="/js/wx/wxjsapi.js"></script>
    <style>
        .el-header {
            background-color: black;
        }

        #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>
</div> -->
<div id="app" style="visibility:hidden;">
    <el-container>
        <el-header ref="inmain" :style="{'height':header_h-20+'px'}" style="position: relative">

            <el-row>
                <el-col :span="8" style="text-align:left">
                    <div style="margin-top:5px">
                        <!--小号标眼查logo-->
                        <a href="/b#/bycquerytm" style="text-decoration:none"><img class="biaoyan-mini-logo" src="/imgs/biaoyan-logo-mini.png" style="cursor:pointer;"/></a>
                        <!-- <el-button type="text" @click="bycindex"><< 返回首页</el-button> -->
                        <!-- <img :src="logoUrl" style="max-width:150px;height:30px;margin-left:10px;margin-top:8px"/> -->
                        <!-- <img :src="appimgUrl" id="imgapp" style="height:20px;margin-top:8px"/> -->
                        <!-- <img src="/imgs/i23.png" style="width:10%;height:5%;"/> -->
                        <!-- <el-button type="text" @click="aboutus">关于我们</el-button> -->
                        <!-- <el-tag v-if="onlines>0" style="color:#eee" type="info">在线{{onlines}}人</el-tag> -->
                    </div>
                </el-col>
                <el-col class="header-right-info" :span="16" style="text-align:right;padding-top:0px">
                  <el-button type="text"><a href="/b#/bycquerytm" style="text-decoration:none">返回首页</a></el-button>
                    <el-tag type="info" v-if="currentUser">欢迎您，{{ currentUser.nickName }}
                    </el-tag>
                  <el-button type="text" v-if="currentUser" @click="exitLogin">退出</el-button>
                </el-col>
            </el-row>
        </el-header>
        <el-main id="scollmain" ref="workbench"
                 v-loading="loading" element-loading-text="拼命加载中,请耐心等待"
                 style="text-align:center;padding-top:0px;padding-left:0px;padding-right:0px;height: 100% !important;position: relative;width:100%;background-color:#f5f5f5;overflow:auto;">
            <transition name="slide-fade">
                <router-view style="padding:0px;"></router-view>
            </transition>

        </el-main>
        <!--底部-->
        <!-- <el-footer>
            <div class="row1">
                <span>关于标眼查  © 2018 biaoyancha 京ICP证030188号 京公网安备11000002000999号</span>
            </div>
        </el-footer> -->
    </el-container>
    <gsb-payselect ref="payselect"></gsb-payselect>
</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/wx/wxLogin.js"></script>
<script src="/js/vue/axios.min.js"></script>
<script src="/js/biaoyan.js"></script>
<script src="/js/echarts/echarts.min.js"></script>
<script src="/js/echarts/china.js"></script>
</body>
</html>
