<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
  import InitDbRoutes from './mixin/InitDbRoutes'

  export default {
    mixins: [InitDbRoutes],
    data() {
      return {
        browserAlertVisible: false
      }
    },
    created() {
      let $loader = $('#loaderWrapper');
      if ($loader) {
        $loader.fadeOut(500, function () {
          $loader.remove()
        })
      }
    },
    beforeMount() {},
    mounted() {
      this.registerEChartsMaps()
    },
    methods: {
      closeBrowserAlert () {
        this.browserAlertVisible = false
      },
      registerEChartsMaps () {

      }
    }
  }

</script>

<style lang="less">
  html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
  }

  #app {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
    .browser-alert {
      position: fixed;
      width: 100%;
      height: auto;
      padding: 10px 20px 10px 10px;
      background-color: #ff9800;
      z-index: 9999;
      font-size: 20px;
      color: #fff;
      .close-btn {
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
      }
    }
  }
</style>