App.vue 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <template>
  2. <div id="app">
  3. <router-view v-if="isRouterAlive" />
  4. </div>
  5. </template>
  6. <script>
  7. export default {
  8. name: 'App',
  9. provide() {
  10. return {
  11. reload: this.reload
  12. }
  13. },
  14. data() {
  15. return {
  16. isRouterAlive: true
  17. }
  18. },
  19. methods: {
  20. reload() {
  21. this.isRouterAlive = false
  22. this.$nextTick(() => {
  23. this.isRouterAlive = true
  24. })
  25. }
  26. }
  27. }
  28. </script>
  29. <style lang="scss">
  30. .table-fixed {
  31. /deep/ .el-table__fixed-right {
  32. height: 100% !important; //设置高优先,以覆盖内联样式
  33. }
  34. /deep/ .el-table__fixed {
  35. height: 100% !important; //设置高优先,以覆盖内联样式
  36. }
  37. }
  38. .el-tree-node:focus > .el-tree-node__content {
  39. background-color: #82848a !important;
  40. color: #fff;
  41. }
  42. .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  43. background-color: #82848a;
  44. color: #fff;
  45. }
  46. .filter-container .filter-item{
  47. margin-right: 3px;
  48. }
  49. .fixed-width .el-button--mini{
  50. margin-right: 3px;
  51. }
  52. .el-date-editor.el-input{
  53. margin-right: 3px;
  54. }
  55. .dialog-footer{
  56. right:30px;position:absolute;bottom:30px
  57. }
  58. .el-autocomplete-suggestion li{
  59. padding:0 3px!important;
  60. }
  61. .del{
  62. color:#f56c6c;
  63. }
  64. .primary{
  65. color: #409eff;
  66. }
  67. .success{
  68. color: #67c23a;
  69. }
  70. </style>