front-end/src/App.vue
2023-03-23 11:32:38 +08:00

99 lines
2.2 KiB
Vue

<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>