click logo router

src/styles/index.scss

}
.load-box{
  min-height:160px;
}
}
.main-info{
  margin:10px 20px;
  padding:4px 20px 20px;
  background: #fff;
}

src/views/home/loginedHome.vue

<template>
  <div style="margin:10px 20px;">
  <div class="main-info">
    <el-tabs :tab-position="tabPosition">
      <el-tab-pane label="站点列表"></el-tab-pane>
    </el-tabs>
    <el-row :gutter="10">
      <el-col :xs="24" :sm="24" :md="24" :lg="22" :xl="20">
      <el-col :span="24">
        <ul class="site" v-if="siteList.length">
          <li v-for="item in siteList" :key="item.id">
            <div class="name">{{item.name}}<span class="state">{{item.open ? '公开' : '未公开'}}</span></div>
<style rel="stylesheet/scss" lang="scss">
  .site {
    padding: 10px;
    margin: 0;
    li {
      margin-bottom: 15px;
      padding: 20px 20px;
      }
    }
  }
  .v-modal {
    z-index: 2 !important;
  .el-tabs__nav-wrap{
    z-index: 0;
  }
</style>

src/views/home/unloginHome.vue

<template>
  <div>
  <div class="main-info">
    <div class="messModule">
      <baidu-map class="map" center="中国" :zoom="4" :scroll-wheel-zoom="true" style="display: flex; flex-direction: column">
        <p style="padding: 0 10px;position: absolute;top:10px;">站点地图</p>
        <p style="padding: 0 10px;position: absolute;top:0;">站点地图</p>
        <bm-city-list anchor="BMAP_ANCHOR_TOP_LEFT"></bm-city-list>
        <bm-point-collection :points="points" shape="BMAP_POINT_SHAPE_WATERDROP" color="red" size="BMAP_POINT_SIZE_SMALL"
          @click="clickHandler">
    margin-top: 20px;
    .map {
      padding-top: 20px;
      position: relative;
      padding-top: 46px;
      width: 35%;
      min-width: 500px;
      height: 450px;
      margin-left: 40px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
      float: left;
    }
    .mess {
      overflow: hidden;
      padding-left: 20px;
      margin-right: 20px;
      .mess-header {
        display: flex;

src/views/layout/components/TopNavbar.vue

<template>
  <div class="topnavbar">
    <div class="logo-container">
      <div class="logo-wrapper" @click="toHome">
        <div class="logo-img"></div>
  <div>
    <div class="topnavbar">
      <div class="logo-container">
        <div class="logo-wrapper" @click="toHome">
          <div class="logo-img"></div>
        </div>
      </div>
      <div class="name-box">
        <el-dropdown @command="handleCommand" v-if="name">
          <span class="el-dropdown-link" style="color:#fff;">
            您好，{{ name }}<i class="el-icon-arrow-down el-icon--right"></i>
          </span>
          <el-dropdown-menu slot="dropdown">
            <el-dropdown-item command="a" v-if="rolesNormal">修改账户资料</el-dropdown-item>
            <el-dropdown-item command="b" v-if="rolesNormal">修改密码</el-dropdown-item>
            <el-dropdown-item command="c">退出</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>
        <div class="pleaseLogin" v-else @click="login">请登录</div>
      </div>
    </div>
    <div class="name-box">
      <el-dropdown @command="handleCommand" v-if="name">
        <span class="el-dropdown-link" style="color:#fff;">
          您好，{{ name }}<i class="el-icon-arrow-down el-icon--right"></i>
        </span>
        <el-dropdown-menu slot="dropdown">
          <el-dropdown-item command="a" v-if="roles.indexOf('0')>-1">修改账户资料</el-dropdown-item>
          <el-dropdown-item command="b" v-if="roles.indexOf('0')>-1">修改密码</el-dropdown-item>
          <el-dropdown-item command="c">退出</el-dropdown-item>
           </el-dropdown-menu>
      </el-dropdown>
      <div class="pleaseLogin" v-else @click="login">请登录</div>
    </div>
    <updateLoginPwd ref="loginPwd"></updateLoginPwd>
    <updatePersonInfo ref="modifyUser"></updatePersonInfo>
  import updatePersonInfo from '@/views/home/updatePersonInfo'
  export default {
    data() {
      return {
        activeName: 'second',
        bridgeId: '',
        showName: ''
      }
    },
    computed: {
      ...mapGetters([
        'name',
      updatePersonInfo
    },
    methods: {
      rolesNormal() {
        return this.roles.indexOf('0') > -1
      },
      login() {
        this.$router.push('/login')
      },
        }
      },
      toHome() {
        this.$router.replace({ path: '/' })
        if (this.rolesNormal()) {
          if (this.name) {
            this.$router.replace({ path: '/loginedHome' })
          } else {
            this.$router.replace({ path: '/' })
          }
        } else {
          this.$router.replace({ path: '/infoManage' })
        }
      },
      logout() {
        MessageBox.confirm('您确认要退出登录吗?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          center: true
        }).then(() => {

src/views/timeMonitoring/component/download.vue

<template>
  <el-dialog title="下载数据" :visible.sync="dialogTableVisible" width="460px" @close='closed'>
  <el-dialog title="下载数据" :visible.sync="dialogTableVisible" width="460px" @close='closed' style="z-index: 2009">
    <el-form :model="ruleForm2" :rules="rules2" ref="ruleForm2" class="demo-ruleForm">
      <el-form-item prop="dateTime">
        <el-date-picker v-model="ruleForm2.dateTime" type="datetimerange" align="right" start-placeholder="开始日期"

src/views/timeMonitoring/index.vue

<template>
  <div>
  <div class="main-info">
    <breadcrumb></breadcrumb>
    <div class="timeModule">
      <div class="time-header">