curve-statistical.scss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. $color: #c0c4cc;
  2. $bgColor: #232526;
  3. $hover-color: #304156;
  4. .curve_statistical_box {
  5. display: flex;
  6. overflow-y: auto;
  7. height: 100%;
  8. .station_tree {
  9. min-width: 200px;
  10. width: 220px;
  11. max-width: 450px;
  12. overflow-y: auto;
  13. height: calc(100vh - 70px);
  14. border-right: 1px solid #606266;
  15. overflow-y: auto;
  16. @import './tree-data.scss';
  17. // 禁用
  18. .is_disabled {
  19. color: #606266;
  20. cursor: not-allowed;
  21. }
  22. }
  23. .charts {
  24. flex: 1;
  25. width: 100%;
  26. box-sizing: border-box;
  27. overflow-y: hidden;
  28. .show_org {
  29. padding: 3px;
  30. font-size: 28px;
  31. color: #909399;
  32. cursor: pointer;
  33. }
  34. .times {
  35. display: flex;
  36. margin-top: 5px;
  37. }
  38. .charts_box {
  39. display: flex;
  40. flex-direction: column;
  41. height: calc(100% - 50px);
  42. max-width: calc(100% - 15px);
  43. box-sizing: border-box;
  44. background-color: #1f1f1f;
  45. .curve {
  46. flex: 1;
  47. width: 100%;
  48. }
  49. }
  50. }
  51. // 预告警设置弹窗
  52. .convert_resist {
  53. /deep/ .el-dialog {
  54. margin: 0;
  55. }
  56. .el-radio__label {
  57. color: $color;
  58. }
  59. .el-radio__input.is-checked + .el-radio__label {
  60. color: #409eff;
  61. }
  62. .el-input-number__decrease,
  63. .el-input-number__increase {
  64. background: $bgColor;
  65. border-left-color: #606266;
  66. }
  67. .el-input-number__increase {
  68. border-bottom-color: #606266;
  69. }
  70. p {
  71. margin: 12px 0;
  72. }
  73. p.no_show {
  74. visibility: hidden;
  75. margin: 8px 0;
  76. }
  77. p.enable_style {
  78. text-align: left;
  79. margin: 8px 0 8px 18px;
  80. }
  81. .mark {
  82. color: red;
  83. }
  84. .position_left {
  85. padding-left: 8px;
  86. }
  87. }
  88. }