jjyx.less 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
  1. // 对标管理
  2. @import "./setting.less";
  3. #appBody.light {
  4. // 风机绩效榜
  5. .com-table {
  6. thead tr th{
  7. color: @black;
  8. }
  9. .el-scrollbar tr td {
  10. color: @black;
  11. }
  12. .el-scrollbar tr td.light span, .el-scrollbar tr td.light div{
  13. color: @blue;
  14. }
  15. }
  16. .el-table__header-wrapper{
  17. height: 50px;
  18. }
  19. .left{
  20. padding-top: 20px;
  21. }
  22. .has-gutter{
  23. background: @white;
  24. height: 30px;
  25. .is-center{
  26. height: 50px;
  27. }
  28. }
  29. .performance{
  30. background:@white
  31. }
  32. .btn.green,.btn:hover{
  33. color: @deepblue;
  34. border-color: @deepblue;
  35. background: rgba(@deepblueBg, 0.2);
  36. }
  37. .el-select__popper.select,.el-picker__popper{
  38. background: @white;
  39. border-color: @white;
  40. .el-popper__arrow::before{
  41. border: 1px solid @white !important;
  42. background: @white !important;
  43. }
  44. .el-select-dropdown__item.selected,.el-select-dropdown__item:hover {
  45. color: @deepblue;
  46. background:fade(@deepblue, 20);
  47. border: 1px solid @deepblue;
  48. }
  49. .el-select-dropdown__item{
  50. color:@black;
  51. }
  52. }
  53. .el-picker__popper.el-popper[role="tooltip"] {
  54. background: @white !important;
  55. border-color: @white !important;
  56. .el-date-table{
  57. th{
  58. color:@black ;
  59. }
  60. td.current:not(.disabled) span{
  61. color: @white;
  62. background:@blue;
  63. }
  64. td.today span,span:hover {
  65. color: @blue;
  66. }
  67. td.prev-month,td.next-month{
  68. background: fade(@black,20);
  69. }
  70. span{
  71. color:@black;
  72. }
  73. }
  74. .el-year-table{
  75. td{
  76. color: @black;
  77. }
  78. td.today .cell,td:hover{
  79. color: @blue;
  80. }
  81. }
  82. }
  83. .el-input{
  84. .el-input__inner{
  85. background: @white;
  86. color: @black;
  87. }
  88. }
  89. .query-item .lable{
  90. color:@black;
  91. }
  92. // 风机绩效榜-明细
  93. .main-body{
  94. input[type="checkbox"]:checked{
  95. background:@blue;
  96. border-color: @blue;
  97. }
  98. input[type="checkbox"]{
  99. background: @white;
  100. border-color: @gray-l;
  101. }
  102. }
  103. .decision-page-2,.decision-page-3,.decision-page-4{
  104. .com-panel{
  105. border-radius:0;
  106. padding:0;
  107. }
  108. }
  109. .action{
  110. color: @blue;
  111. }
  112. //线路对标
  113. .el-select {
  114. .el-select__tags .el-tag {
  115. background-color: fade(@deepblue, 20);
  116. color: @deepblue;
  117. .el-icon-close {
  118. background-color: fade(@deepblue, 50);
  119. }
  120. }
  121. }
  122. //单机横向对比
  123. .direction-info {
  124. .com-table {
  125. th,
  126. td {
  127. color: @black;
  128. }
  129. }
  130. }
  131. // 状态转换率
  132. .newspan {
  133. color: @black;
  134. }
  135. .newspan:hover {
  136. background: linear-gradient(to top,rgba(54,52,142, 0.5),rgba(54,52,142, 0));
  137. color: @deepblue;
  138. }
  139. .newspan:hover::after {
  140. border: 0.093vh solid @deepblue;
  141. }
  142. .active {
  143. background: linear-gradient(to top,rgba(54,52,142, 0.5),rgba(54,52,142, 0));
  144. color: @deepblue;
  145. }
  146. .active::after {
  147. border: 0.093vh solid @deepblue;
  148. }
  149. .el-month-table td .cell:hover,
  150. .el-date-picker__header-label.active,
  151. .el-date-picker__header-label:hover{
  152. color:@blue;
  153. }
  154. // 综合分析
  155. .ztfx {
  156. .table-complex {
  157. .table {
  158. tbody {
  159. tr:nth-child(2n) td {
  160. background-color: fade(@black, 20%);
  161. &.item {
  162. background-color: transparent;
  163. }
  164. }
  165. }
  166. th {
  167. background: fade(@black, 40);
  168. color: @white;
  169. }
  170. td {
  171. color: @black;
  172. }
  173. }
  174. }
  175. .table-panel {
  176. .table {
  177. tbody {
  178. tr:nth-child(2n) td {
  179. background-color: fade(@black, 20%);
  180. }
  181. }
  182. th {
  183. background: fade(@black, 40);
  184. color: @white;
  185. }
  186. td {
  187. color: @black;
  188. }
  189. }
  190. }
  191. }
  192. .action-bar {
  193. .selections {
  194. .item {
  195. color: @black;
  196. &:hover,
  197. &.active {
  198. background: fade(@deepblue, 20);
  199. border: 1px solid @deepblue;
  200. color: @deepblue;
  201. }
  202. }
  203. }
  204. }
  205. // 风场信息
  206. .fc-info {
  207. .fc-item {
  208. & > .title {
  209. color: @black;
  210. }
  211. .tags {
  212. .tag {
  213. .tag-title {
  214. color: @black;
  215. }
  216. .tag-value {
  217. color: @deepblue;
  218. }
  219. }
  220. }
  221. }
  222. }
  223. }