370580453d6bc1f3dd1e3b7be2fe72da9fa72bde.svn-base 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <template>
  2. <div id="app">
  3. <router-view />
  4. </div>
  5. </template>
  6. <script>
  7. export default {
  8. name: 'App'
  9. }
  10. </script>
  11. <style lang="scss">
  12. .table-fixed {
  13. /deep/ .el-table__fixed-right {
  14. height: 100% !important; //设置高优先,以覆盖内联样式
  15. }
  16. /deep/ .el-table__fixed {
  17. height: 100% !important; //设置高优先,以覆盖内联样式
  18. }
  19. }
  20. .el-tree-node:focus > .el-tree-node__content {
  21. background-color: #82848a !important;
  22. color: #fff;
  23. }
  24. .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  25. background-color: #82848a;
  26. color: #fff;
  27. }
  28. .filter-container .filter-item{
  29. margin-right: 3px;
  30. }
  31. .fixed-width .el-button--mini{
  32. margin-right: 3px;
  33. }
  34. .el-date-editor.el-input{
  35. margin-right: 3px;
  36. }
  37. .dialog-footer{
  38. right:30px;position:absolute;bottom:30px
  39. }
  40. .el-autocomplete-suggestion li{
  41. padding:0 3px!important;
  42. }
  43. .filter-item .el-input__inner{
  44. width: 100%;
  45. }
  46. body .el-table th.gutter {
  47. display: table-cell !important
  48. }
  49. input::-webkit-outer-spin-button,
  50. input::-webkit-inner-spin-button {
  51. -webkit-appearance: none;
  52. }
  53. input[type="number"]{
  54. -moz-appearance: textfield;
  55. }
  56. .search .filter-item{
  57. margin-right: 5px;
  58. }
  59. // 开始日期结束日期
  60. .inputDatetime .el-range-separator{ padding: 0; margin: 0 10px; }
  61. // 新增/资料库/初始化库存/新增入库单
  62. .success{ background: #409EFF; border-color: #409EFF; color: #fff;min-width:100px;height: 40px;padding: 12px 20px; }
  63. .success:focus, .success:hover{ color: #fff; border-color: #66B1FF; background-color: #66B1FF; min-width:100px;height: 40px;padding: 12px 20px;}
  64. // 删除
  65. .danger{min-width:100px;height: 40px;background: #FF4949; border-color: #FF4949; color: #fff;}
  66. .danger:focus, .danger:hover{min-width:100px;height: 40px;background: #F78989; border-color: #F78989; color: #fff;}
  67. // 查询/重置
  68. .successBorder{background: #409EFF; border-color: #409EFF; color: #fff;}
  69. .successBorder:focus, .successBorder:hover{background:#66B1FF; border-color: #66B1FF; color: #fff;}
  70. // 导出
  71. .export{background: #F4F4F5; border-color: #A6A9AD; color: #666666;min-width:100px;height: 40px;}
  72. .export:focus, .export:hover{ color: #666666; border-color: #A6A9AD; background-color: #F7F7F8; min-width:100px;height: 40px}
  73. // 导入
  74. .import{background: #F4F4F5; border-color: #A6A9AD; color: #666666;min-width:100px;height: 40px;}
  75. .import:focus, .import:hover{ color: #666666; border-color: #A6A9AD; background-color: #F7F7F8; min-width:100px;height: 40px}
  76. // 恢复默认
  77. .warning{background: #F7BA2A; border-color:#F7BA2A; color: #fff;min-width:100px;height: 40px;}
  78. .warning:focus, .warning:hover{ color: #fff; border-color: #F7BA2A; background-color: #F7BA2A; min-width:100px;height: 40px}
  79. // 取消/关闭
  80. .cancel{background: #FFFFFF; border-color: #CCCCCC; color: #666666;min-width:100px;height: 40px;}
  81. .cancel:focus, .cancel:hover{ color: #666666; border-color: #CCCCCC; background-color: #FFFFFF; min-width:100px;height: 40px}
  82. // 小编辑/小保存/下拉搜索按钮/拆分预混料
  83. .miniSuccess{ background: #67c23a; border-color: #67c23a; color: #fff;padding: 7px 10px;font-size:14px;min-width:60px;}
  84. .miniSuccess:focus, .miniSuccess:hover{color: #fff; border-color: #85ce61; background-color: #85ce61;padding: 7px 10px;font-size:14px;min-width:60px;}
  85. // 小删除
  86. .miniDanger{background: #FF4949; border-color: #FF4949; color: #fff;padding: 7px 10px;font-size:14px;min-width:60px;}
  87. .miniDanger:focus, .miniDanger:hover{background: #F78989; border-color: #F78989; color: #fff;padding: 7px 10px;font-size:14px;min-width:60px;}
  88. // 小取消
  89. .minCancel{background: #FFFFFF; border-color: #CCCCCC; color: #666666;padding: 7px 10px;font-size:14px;min-width:60px;}
  90. .minCancel:focus, .minCancel:hover{ color: #666666; border-color: #CCCCCC; background-color: #FFFFFF; padding: 7px 10px;font-size:14px;min-width:60px;}
  91. // 时间快捷键左右
  92. .elIconArrowLeft{margin-right: -5px;padding: 12px 12px;}
  93. .elIconArrowRight{margin-right: 5px;padding: 12px 12px;}
  94. </style>