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

<script>
import util from '@/libs/util'
export default {
  name: 'app',
  watch: {
    '$i18n.locale': 'i18nHandle'
  },
  created () {
    this.i18nHandle(this.$i18n.locale)
  },
  methods: {
    i18nHandle (val, oldVal) {
      util.cookies.set('lang', val)
      document.querySelector('html').setAttribute('lang', val)
    }
  }
}
</script>

<style lang="scss">
@import '~@/assets/style/public-class.scss';
//分页整体样式
.el-pagination{
  margin-top: 20px;
  display:flex;
justify-content: flex-end;
}
//分页总共几页样式
.el-pagination__total {
  color:#FFF !important
}
//label样式
.el-form-item__label{
  color:#fff !important
}
//树形节点选中后的颜色
 .el-tree-node:focus>.el-tree-node__content {
    background-color:#0064b9 !important;
    border-radius:20px;
}
//树形节点鼠标移上去的颜色
.el-tree-node__content:hover {
     background-color:#91a8bc !important;
}
//table border

.el-table td,.el-table th.is-leaf,.el-table-border,.el-table--group{
  border-color:#67a7df !important
}
.el-table th.el-table_cell.is-leaf{
 border:#67a7df !important
}
.el-table tr{
  background:#00375e !important;
}
.el-table--border{
  border-color:#67a7df !important
}
//鼠标移到每行时的背景色
.el-table__body tr.hover-row.current-row>td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
.el-table__body tr.hover-row>td.el-table__cell{
  background:#00375b !important;
}
</style>
