<template>
  <transition name="el-fade-in-linear">
    <router-view />
  </transition>
</template>

<script>
import Cookies from 'js-cookie'
import { messages } from '@/i18n'
export default {
  watch: {
    '$i18n.locale': 'i18nHandle'
  },
  created () {
    this.i18nHandle(this.$i18n.locale)
  },
  methods: {
    i18nHandle (val, oldVal) {
      Cookies.set('language', val)
      document.querySelector('html').setAttribute('lang', val)
      document.title = messages[val].brand.lg
      // 非登录页面，切换语言刷新页面
      if (this.$route.name !== 'login' && oldVal) {
        window.location.reload()
      }
    }
  }
}
</script>
<style>
.amap-marker-label{
  border: "0px" !important;
  background-color: "0.000000000001" !important; 
  background-color: "#9DB7F2" !important;
  font-size: "12px"!important;
  height: "20px"!important;
  border:"1px solid black"!important;
}
.amap-logo {
  display: none !important;
}
.trackquery .amap-copyright{
  display: none !important;
}
.el-drawer__open .el-drawer.rtl{
    height: 900px;
    overflow: auto;
}
.el-tabs__nav-scroll{
	background-color: white !important
}
.el-tabs--top .el-tabs__item.is-top:nth-child(2){
  padding-left: 20px !important;
}
/* .imgs .el-upload--picture-card{
  width: 380px !important;
  height: 200px !important;
} */
.home .el-header{
	height: 400px !important;
}
.aui-page__login .login-body{
  width: 1200px !important;
}
 #group .el-upload--picture-card{
    margin-top: 20px !important;
    margin-left: 20px !important;
  }
  /* 布控 */
 .surveillance_addimg .el-dialog__title{
    font-weight: bold !important;
    font-size: 14px !important;
    font-style: normal;
    font-family: "Noto Sans SC";
}
  /* 检索 */
  .retrieval .avatar-uploader-icon{
    border: 1px dashed #d9d9d9 !important;
    border-radius: 6px;
  }
  .retrievals .avatar-uploader-icon{
    border: 1px dashed #d9d9d9 !important;
    border-radius: 6px;
  }
  .retrieval .avatar-uploader-icon:hover {
    border-color: #409EFF !important;
  }
  .retrievals .avatar-uploader-icon:hover {
    border-color: #409EFF !important;
  }
  .el-pagination {
    text-align: center !important;
  }
  .retrievals .aui-wrapper .el-card+.el-card{
    margin-bottom: 0px !important;
  }

</style>
