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

<script>
export default {
  name: 'App',
  provide() {
    return {
      reload: this.reload
    }
  },
  data() {
    return {
      isRouterAlive: true
    }
  },
  methods: {
    reload() {
      this.isRouterAlive = false
      this.$nextTick(() => {
        this.isRouterAlive = true
      })
    }
  }
}
</script>
<style lang="scss">
.table-fixed {
  /deep/ .el-table__fixed-right {
    height: 100% !important; //设置高优先，以覆盖内联样式
  }

  /deep/ .el-table__fixed {
    height: 100% !important; //设置高优先，以覆盖内联样式
  }
}
.el-tree-node:focus > .el-tree-node__content {
  background-color: #82848a !important;
  color: #fff;
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background-color: #82848a;
    color: #fff;
}
.filter-container .filter-item{
  margin-right: 3px;
}
.fixed-width .el-button--mini{
  margin-right: 3px;
}
.el-date-editor.el-input{
  margin-right: 3px;
}
.dialog-footer{
  right:30px;position:absolute;bottom:30px
}
.el-autocomplete-suggestion li{
  padding:0 3px!important;
}
.del{
  color:#f56c6c;
}
.primary{
  color: #409eff;
}
.success{
  color: #67c23a;
}
</style>
