123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239 |
- // 对标管理
- @import "./setting.less";
- #appBody.light {
- // 风机绩效榜
- .com-table {
- thead tr th{
- color: @black;
- }
-
- .el-scrollbar tr td {
- color: @black;
- }
-
- .el-scrollbar tr td.light span, .el-scrollbar tr td.light div{
- color: @blue;
- }
- }
- .el-table__header-wrapper{
- height: 50px;
- }
- .left{
- padding-top: 20px;
- }
- .has-gutter{
- background: @white;
- height: 30px;
- .is-center{
- height: 50px;
- }
- }
- .performance{
- background:@white
- }
-
- .btn.green,.btn:hover{
- color: @deepblue;
- border-color: @deepblue;
- background: rgba(@deepblueBg, 0.2);
- }
-
- .el-select__popper.select,.el-picker__popper{
- background: @white;
- border-color: @white;
- .el-popper__arrow::before{
- border: 1px solid @white !important;
- background: @white !important;
- }
- .el-select-dropdown__item.selected,.el-select-dropdown__item:hover {
- color: @deepblue;
- background:fade(@deepblue, 20);
- border: 1px solid @deepblue;
- }
- .el-select-dropdown__item{
- color:@black;
- }
- }
-
- .el-picker__popper.el-popper[role="tooltip"] {
- background: @white !important;
- border-color: @white !important;
- .el-date-table{
- th{
- color:@black ;
- }
- td.current:not(.disabled) span{
- color: @white;
- background:@blue;
- }
- td.today span,span:hover {
- color: @blue;
- }
- td.prev-month,td.next-month{
- background: fade(@black,20);
- }
- span{
- color:@black;
- }
- }
- .el-year-table{
- td{
- color: @black;
- }
- td.today .cell,td:hover{
- color: @blue;
- }
- }
- }
- .el-input{
- .el-input__inner{
- background: @white;
- color: @black;
- }
- }
- .query-item .lable{
- color:@black;
- }
-
- // 风机绩效榜-明细
- .main-body{
- input[type="checkbox"]:checked{
- background:@blue;
- border-color: @blue;
- }
- input[type="checkbox"]{
- background: @white;
- border-color: @gray-l;
- }
- }
-
- .decision-page-2,.decision-page-3,.decision-page-4{
- .com-panel{
- border-radius:0;
- padding:0;
- }
- }
- .action{
- color: @blue;
- }
-
- //线路对标
- .el-select {
- .el-select__tags .el-tag {
- background-color: fade(@deepblue, 20);
- color: @deepblue;
-
- .el-icon-close {
- background-color: fade(@deepblue, 50);
- }
- }
- }
-
- //单机横向对比
- .direction-info {
- .com-table {
- th,
- td {
- color: @black;
- }
- }
- }
-
- // 状态转换率
- .newspan {
- color: @black;
- }
- .newspan:hover {
- background: linear-gradient(to top,rgba(54,52,142, 0.5),rgba(54,52,142, 0));
- color: @deepblue;
- }
- .newspan:hover::after {
- border: 0.093vh solid @deepblue;
- }
- .active {
- background: linear-gradient(to top,rgba(54,52,142, 0.5),rgba(54,52,142, 0));
- color: @deepblue;
- }
- .active::after {
- border: 0.093vh solid @deepblue;
- }
-
- .el-month-table td .cell:hover,
- .el-date-picker__header-label.active,
- .el-date-picker__header-label:hover{
- color:@blue;
- }
-
- // 综合分析
- .ztfx {
- .table-complex {
- .table {
- tbody {
- tr:nth-child(2n) td {
- background-color: fade(@black, 20%);
- &.item {
- background-color: transparent;
- }
- }
- }
-
- th {
- background: fade(@black, 40);
- color: @white;
- }
- td {
- color: @black;
- }
- }
- }
- .table-panel {
- .table {
- tbody {
- tr:nth-child(2n) td {
- background-color: fade(@black, 20%);
- }
- }
- th {
- background: fade(@black, 40);
- color: @white;
- }
- td {
- color: @black;
- }
- }
- }
- }
-
- .action-bar {
- .selections {
- .item {
- color: @black;
- &:hover,
- &.active {
- background: fade(@deepblue, 20);
- border: 1px solid @deepblue;
- color: @deepblue;
- }
- }
- }
- }
- // 风场信息
- .fc-info {
- .fc-item {
- & > .title {
- color: @black;
- }
- .tags {
- .tag {
- .tag-title {
- color: @black;
- }
- .tag-value {
- color: @deepblue;
- }
- }
- }
- }
- }
- }
|