17c79b963d1c3eb9d59480d1896eceb26f85fc3d.svn-base 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  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. .filter-item .el-input__inner{
  62. width: 100%;
  63. }
  64. body .el-table th.gutter {
  65. display: table-cell !important
  66. }
  67. input::-webkit-outer-spin-button,
  68. input::-webkit-inner-spin-button {
  69. -webkit-appearance: none;
  70. }
  71. input[type="number"]{
  72. -moz-appearance: textfield;
  73. }
  74. .search .filter-item{
  75. margin-right: 5px;
  76. }
  77. // 开始日期结束日期
  78. .inputDatetime .el-range-separator{ padding: 0; margin: 0 10px; }
  79. // 新增/资料库/初始化库存/新增入库单
  80. .success{ background: #409EFF; border-color: #409EFF; color: #fff;min-width:100px;height: 40px;padding: 12px 20px; }
  81. .success:focus, .success:hover{ color: #fff; border-color: #66B1FF; background-color: #66B1FF; min-width:100px;height: 40px;padding: 12px 20px;}
  82. // 删除
  83. .danger{min-width:100px;height: 40px;background: #FF4949; border-color: #FF4949; color: #fff;}
  84. .danger:focus, .danger:hover{min-width:100px;height: 40px;background: #F78989; border-color: #F78989; color: #fff;}
  85. // 行内删除
  86. .smallDanger{ color: #FF4949; }
  87. .smallDanger:focus, .smallDanger:hover{ color: #FF4949; }
  88. // 查询/重置
  89. .successBorder{background: #409EFF; border-color: #409EFF; color: #fff;}
  90. .successBorder:focus, .successBorder:hover{background:#66B1FF; border-color: #66B1FF; color: #fff;}
  91. // 导出
  92. .export{background: #F4F4F5; border-color: #A6A9AD; color: #666666;min-width:100px;height: 40px;}
  93. .export:focus, .export:hover{ color: #666666; border-color: #A6A9AD; background-color: #F7F7F8; min-width:100px;height: 40px}
  94. // 导入
  95. .import{background: #F4F4F5; border-color: #A6A9AD; color: #666666;min-width:100px;height: 40px;}
  96. .import:focus, .import:hover{ color: #666666; border-color: #A6A9AD; background-color: #F7F7F8; min-width:100px;height: 40px}
  97. // 恢复默认
  98. .warning{background: #F7BA2A; border-color:#F7BA2A; color: #fff;min-width:100px;height: 40px;}
  99. .warning:focus, .warning:hover{ color: #fff; border-color: #F7BA2A; background-color: #F7BA2A; min-width:100px;height: 40px}
  100. // 取消/关闭
  101. .cancel{background: #FFFFFF; border-color: #CCCCCC; color: #666666;min-width:100px;height: 40px;}
  102. .cancel:focus, .cancel:hover{ color: #666666; border-color: #CCCCCC; background-color: #FFFFFF; min-width:100px;height: 40px}
  103. // 小编辑/小保存/下拉搜索按钮/拆分预混料
  104. .miniSuccess{ background: #67c23a; border-color: #67c23a; color: #fff;padding: 7px 10px;font-size:14px;min-width:60px;}
  105. .miniSuccess:focus, .miniSuccess:hover{color: #fff; border-color: #85ce61; background-color: #85ce61;padding: 7px 10px;font-size:14px;min-width:60px;}
  106. // 查看
  107. .miniPrimary{ background: #409EFF; border-color: #409EFF; color: #fff;padding: 7px 10px;font-size:14px;min-width:60px;}
  108. .miniPrimary:focus, .miniPrimary:hover{color: #fff; border-color: #66B1FF; background-color: #66B1FF;padding: 7px 10px;font-size:14px;min-width:60px;}
  109. // 小删除
  110. .miniDanger{background: #FF4949; border-color: #FF4949; color: #fff;padding: 7px 10px;font-size:14px;min-width:60px;}
  111. .miniDanger:focus, .miniDanger:hover{background: #F78989; border-color: #F78989; color: #fff;padding: 7px 10px;font-size:14px;min-width:60px;}
  112. // 小取消
  113. .minCancel{background: #FFFFFF; border-color: #CCCCCC; color: #666666;padding: 7px 10px;font-size:14px;min-width:60px;}
  114. .minCancel:focus, .minCancel:hover{ color: #666666; border-color: #CCCCCC; background-color: #FFFFFF; padding: 7px 10px;font-size:14px;min-width:60px;}
  115. // 时间快捷键左右
  116. .elIconArrowLeft{margin-right: -5px;padding: 12px 12px;}
  117. .elIconArrowRight{margin-right: 5px;padding: 12px 12px;}
  118. </style>