b5203bbb6ce28ab87bb5e49c678f2d60618aa8b7.svn-base 3.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  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. input::-webkit-outer-spin-button,
  47. input::-webkit-inner-spin-button {
  48. -webkit-appearance: none;
  49. }
  50. input[type="number"]{
  51. -moz-appearance: textfield;
  52. }
  53. // 开始日期结束日期
  54. .inputDatetime .el-range-separator{ padding: 0; margin: 0 10px; }
  55. // 新增/资料库/初始化库存/新增入库单
  56. .success{ background: #009966; border-color: #009966; color: #fff;min-width:100px;height: 40px;padding: 12px 20px; }
  57. .success:focus, .success:hover{ color: #fff; border-color: #4DB894; background-color: #4DB894; min-width:100px;height: 40px;padding: 12px 20px;}
  58. // 删除
  59. .danger{min-width:100px;height: 40px;background: #FF4949; border-color: #FF4949; color: #fff;}
  60. .danger:focus, .danger:hover{min-width:100px;height: 40px;background: #F78989; border-color: #F78989; color: #fff;}
  61. // 查询/重置
  62. .successBorder{background: #009966; border-color: #009966; color: #fff;}
  63. .successBorder:focus, .successBorder:hover{background:#4DB894; border-color: #4DB894; color: #fff;}
  64. // 导出
  65. .export{background: #F4F4F5; border-color: #A6A9AD; color: #666666;min-width:100px;height: 40px;}
  66. .export:focus, .export:hover{ color: #666666; border-color: #A6A9AD; background-color: #F7F7F8; min-width:100px;height: 40px}
  67. // 导入
  68. .import{background: #F4F4F5; border-color: #A6A9AD; color: #666666;min-width:100px;height: 40px;}
  69. .import:focus, .import:hover{ color: #666666; border-color: #A6A9AD; background-color: #F7F7F8; min-width:100px;height: 40px}
  70. // 恢复默认
  71. .warning{background: #F7BA2A; border-color:#F7BA2A; color: #fff;min-width:100px;height: 40px;}
  72. .warning:focus, .warning:hover{ color: #fff; border-color: #F7BA2A; background-color: #F7BA2A; min-width:100px;height: 40px}
  73. // 取消/关闭
  74. .cancel{background: #FFFFFF; border-color: #CCCCCC; color: #666666;min-width:100px;height: 40px;}
  75. .cancel:focus, .cancel:hover{ color: #666666; border-color: #CCCCCC; background-color: #FFFFFF; min-width:100px;height: 40px}
  76. // 小编辑/小保存/下拉搜索按钮/拆分预混料
  77. .miniSuccess{ background: #009966; border-color: #009966; color: #fff;padding: 7px 10px;font-size:14px;min-width:60px;}
  78. .miniSuccess:focus, .miniSuccess:hover{color: #fff; border-color: #4DB894; background-color: #4DB894;padding: 7px 10px;font-size:14px;min-width:60px;}
  79. // 小删除
  80. .miniDanger{background: #FF4949; border-color: #FF4949; color: #fff;padding: 7px 10px;font-size:14px;min-width:60px;}
  81. .miniDanger:focus, .miniDanger:hover{background: #F78989; border-color: #F78989; color: #fff;padding: 7px 10px;font-size:14px;min-width:60px;}
  82. // 小取消
  83. .minCancel{background: #FFFFFF; border-color: #CCCCCC; color: #666666;padding: 7px 10px;font-size:14px;min-width:60px;}
  84. .minCancel:focus, .minCancel:hover{ color: #666666; border-color: #CCCCCC; background-color: #FFFFFF; padding: 7px 10px;font-size:14px;min-width:60px;}
  85. </style>