白色样式

src/assets/styles/theme/light/jsc.less

@@ -1,43 +1,53 @@
 @import "./setting.less";
 
 #appBody.light {
-	// 基础矩阵白色主题样式
-    .panel-body{
-        background:@white;
+
+    // 基础矩阵白色主题样式
+    .panel-body {
+        background: @white;
         transition: @transition;
     }
-    .card-panel .card-left .tag{
+
+    .card-panel .card-left .tag {
         color: @black;
     }
-    .light-matrix .panel{
+
+    .light-matrix .panel {
         background-color: gainsboro;
     }
-    .green[data-v-065abbc5]{
+
+    .green[data-v-065abbc5] {
         color: @green;
     }
-    .green[data-v-6a0a9536]{
+
+    .green[data-v-6a0a9536] {
         color: @green;
     }
-    .light-matrix .panel-box .panel-title .panel-title-name[data-v-065abbc5]{
+
+    .light-matrix .panel-box .panel-title .panel-title-name[data-v-065abbc5] {
         font-size: 1.296vh;
         color: @deepblue;
         font-weight: bold;
     }
-    .svg-icon.svg-icon-green svg use{
+
+    .svg-icon.svg-icon-green svg use {
         fill: @deepblue;
     }
+
     //明细矩阵
-    .light-matrix .panel-box .panel-title .panel-title-name[data-v-e0caa1f6]{
+    .light-matrix .panel-box .panel-title .panel-title-name[data-v-e0caa1f6] {
         color: @deepblue;
         font-weight: bold;
     }
+
     //欠发矩阵
-    .light-matrix .panel-box .panel-title .panel-title-name[data-v-6a0a9536]{
+    .light-matrix .panel-box .panel-title .panel-title-name[data-v-6a0a9536] {
         color: @deepblue;
         font-weight: bold;
     }
+
     //光伏矩阵
-    .light-matrix .panel-box .panel-title .panel-title-name[data-v-55c30df5]{
+    .light-matrix .panel-box .panel-title .panel-title-name[data-v-55c30df5] {
         color: @deepblue;
         font-weight: bold;
     }
@@ -47,159 +57,197 @@
     .wind-site-base-info .generation {
         background: @white;
     }
+
     //基本信息-日发电量2
     .el-col-10 {
         background: @white;
     }
+
     //基本信息-日发电量右侧
-    .wind-site-warning[data-v-40a70b04]{
+    .wind-site-warning[data-v-40a70b04] {
         background: @white;
         transition: @transition;
     }
+
     //右侧导航栏第一个-天气
-    .wind-site-weather[data-v-ccb406f8]{
+    .wind-site-weather[data-v-ccb406f8] {
         background: @white;
         transition: @transition;
     }
-    .wind-site-base-info .wind-site-name{
+
+    .wind-site-base-info .wind-site-name {
         border: 1px solid @deepblue;
     }
-    .title[data-v-2c3073c8]{
+
+    .title[data-v-2c3073c8] {
         font-weight: bold;
     }
+
     //右侧导航栏第一个-最右侧
-    .light-matrix-small{
+    .light-matrix-small {
         background: @white;
         transition: @transition;
     }
+
     //最右侧导航
-    .wind-site .page-common-body .page-common-body-menu .page-common-body-menu-box[data-v-3b6e4be5]{
+    .wind-site .page-common-body .page-common-body-menu .page-common-body-menu-box[data-v-3b6e4be5] {
         background-color: @white;
         transition: @transition;
     }
+
     .wind-site .page-common-body .page-common-body-menu .page-common-body-menu-box .page-common-body-menu-item[data-v-3b6e4be5] {
         border: 0.093vh solid @deepblue;
     }
-  
+
     //右侧导航栏第二个底色
-     .df-table .custom-table.el-table{
+    .df-table .custom-table.el-table {
         background: @white;
         transition: @transition;
     }
-    .general-appearance-body{
+
+    .general-appearance-body {
         background: @white;
         transition: @transition;
     }
-    .booster-station-body{
+
+    .booster-station-body {
         background: @white;
         transition: @transition;
     }
-    .Inverter-Info .box-main .Inverter-Info-body .Inverter-Info-title{
+
+    .Inverter-Info .box-main .Inverter-Info-body .Inverter-Info-title {
         position: relative;
         background: @white;
         transition: @transition;
     }
-    .Inverter-Info .box-main .Inverter-Info-body .Inverter-Info-title .title-tools-left{
+
+    //场站监视
+    .Inverter-Info .box-main .Inverter-Info-body .Inverter-Info-title .title {
+        color: @deepblue;
+        font-weight: bold;
+    }
+
+    .Inverter-Info .box-main .Inverter-Info-body .Inverter-Info-title .title-tools-left {
         color: @black;
     }
-    table.table-form.mg-b-8{
+
+    table.table-form.mg-b-8 {
         background: @white;
         transition: @transition;
     }
-    .Inverter-Info .box-main .Inverter-Info-body .inverter-datas .inverter-item .inverter-item-info .states{
+
+    .Inverter-Info .box-main .Inverter-Info-body .inverter-datas .inverter-item .inverter-item-info .states {
         background: @white;
         transition: @transition;
     }
-    .com-collapse .collapse-box .collapse-items .item.active{
+
+    .com-collapse .collapse-box .collapse-items .item.active {
         color: @deepblue;
         cursor: pointer;
         font-weight: bold;
     }
-    .matrix .panel-title .panel-title-name[data-v-2e858362]{
+
+    .matrix .panel-title .panel-title-name[data-v-2e858362] {
         color: @deepblue;
     }
-    .com-panel.line{
+
+    .com-panel.line {
         margin-left: 1px;
         z-index: 1;
     }
-    .wave{
+
+    .wave {
         z-index: 1;
-        // background: @white;
-        // transition: @transition;
-    }
-    .svg-icon.svg-icon-write svg use{
-        fill: @black;
-    }
-    .svg-icon.svg-icon-gray-l svg use{
-        fill: @black;
-    }
-	
-	// 状态监视白色主题样式
-	.status-panel .status-com-panel .p-body .category-box[data-v-74094c42]{
-		width: 100%;
-		background-color: @white;
-		transition : @transition;
-		display: flex;
-		margin-bottom: 0.37vh;
-	}
-	.el-scrollbar__wrap{
-		background: @white;
-		transition : @transition;
-	}
-	.map-1 .btn-group-tabs[data-v-0ec6dd0b]{
-		display: flex;
-		flex-direction: row;
-		background: @white;
-		height: 50px;
-	}
-	.status-panel .status-com-panel .p-body .item-box .data-item.light[data-v-74094c42]{
-		background-color: @deepblue;
-		position: relative;
-	}
-	.status-panel .status-com-panel .p-body .category-box .score span[data-v-74094c42]{
-		color: @deepblue;
-	}
-//驾驶舱模块-Agc白色主题样式
-	.com-panel2 .panel-header2 .panel-tools2{
-		color: @black;
-		opacity: 0.3;
-	}
-	.panel-table .data-item .data-item-count{
-		color: @deepblue;
-	}
-    .com-panel2 .panel-header2 .panel-title2{
-        color: @deepblue;
-    }
-    .com-panel2.green .panel-header2 .panel-title2 .panel-icon2{
-        color: @black;
-    }
-    .com-panel2.green .panel-header2::after{
-        background-image: linear-gradient(to right, @white, rgba(5, 187, 76, 0));
-    }
-        
-	// 风场
-	.station-tip{
-		  background-color: @gray-l;
-		  color: @black;
-	}
-
-    .el-table td.light, .df-table .el-table td.light, .main-body .custom-table.el-table td.light, 
-    .df-table .custom-table.el-table td.light, .main-body .el-table td.always-light, 
-    .df-table .el-table td.always-light, .main-body .custom-table.el-table td.always-light, 
-    .df-table .custom-table.el-table td.always-light{
-        color: @deepblue !important;
-        font-weight: bold;
+
+        .svg-icon.svg-icon-write svg use {
+            fill: @black;
+        }
+
+        .svg-icon.svg-icon-gray-l svg use {
+            fill: @black;
+        }
+
+        // 状态监视白色主题样式
+        .status-panel .status-com-panel .p-body .category-box[data-v-74094c42] {
+            width: 100%;
+            background-color: @white;
+            transition: @transition;
+            display: flex;
+            margin-bottom: 0.37vh;
+        }
+
+        .el-scrollbar__wrap {
+            background: @white;
+            transition: @transition;
+        }
+
+        .map-1 .btn-group-tabs[data-v-0ec6dd0b] {
+            display: flex;
+            flex-direction: row;
+            background: @white;
+            height: 50px;
+        }
+
+        .status-panel .status-com-panel .p-body .item-box .data-item.light[data-v-74094c42] {
+            background-color: @deepblue;
+            position: relative;
+        }
+
+        .status-panel .status-com-panel .p-body .category-box .score span[data-v-74094c42] {
+            color: @deepblue;
+        }
+
+        //驾驶舱模块-Agc白色主题样式
+        .com-panel2 .panel-header2 .panel-tools2 {
+            color: @black;
+            opacity: 0.3;
+        }
+
+        .panel-table .data-item .data-item-count {
+            color: @deepblue;
+        }
+
+        .com-panel2 .panel-header2 .panel-title2 {
+            color: @deepblue;
+        }
+
+        .com-panel2.green .panel-header2 .panel-title2 .panel-icon2 {
+            color: @black;
+        }
+
+        .com-panel2.green .panel-header2::after {
+            background-image: linear-gradient(to right, @white, rgba(5, 187, 76, 0));
+        }
+
+        // 风场
+        .station-tip {
+            background-color: @gray-l;
+            color: @black;
+        }
+
+        .el-table td.light,
+        .df-table .el-table td.light,
+        .main-body .custom-table.el-table td.light,
+        .df-table .custom-table.el-table td.light,
+        .main-body .el-table td.always-light,
+        .df-table .el-table td.always-light,
+        .main-body .custom-table.el-table td.always-light,
+        .df-table .custom-table.el-table td.always-light {
+            color: @deepblue  !important;
+            font-weight: bold;
+        }
+
+        // 升压站，总貌图svg
+        .svg {
+            #footer text {
+                fill: @black;
+            }
+
+            #data {
+                text {
+                    fill: @white;
+                }
+            }
+        }
     }
-	
-	// 升压站，总貌图svg
-	.svg{
-		#footer text{
-			fill: @black;
-		}
-		#data{
-			text{
-				fill: @white;
-			}
-		}
-	}
 }

src/assets/styles/theme/light/light-qt.less

@@ -5,194 +5,257 @@
 #appBody.light {
 
     .sjcx-item {
-        color     : @black;
+        color: @black;
         transition: @transition;
     }
 
     .sjcx-item:hover {
-        color     : @deepblue;
+        color: @deepblue;
         transition: @transition;
     }
 
     .imgTitle {
-        color     : @black;
+        color: @black;
         transition: @transition;
     }
 
     .imgItem1:hover .imgTitle {
-        color     : @deepblue;
+        color: @deepblue;
         transition: @transition;
     }
 
     .el-carousel__item {
         border-radius: @borderRaduis;
     }
+
+    //统计分析
+    // .el-date-table td.end-date span, .el-date-table td.start-date span{
+    //     background-color: @deepblue;
+    // }
+
     //原始数据查询-测点历史数据查询
-    .el-date-editor.is-active, body .el-date-editor.is-active:hover, 
-        body .el-date-editor.is-focus .el-input__inner{
-            border-color: @deepblue;
+    .el-date-editor.is-active,
+    body .el-date-editor.is-active:hover,
+    body .el-date-editor.is-focus .el-input__inner {
+        border-color: @deepblue;
     }
-    .el-date-editor .el-range__icon{
+
+    .el-date-editor .el-range__icon {
         color: @black;
     }
-    .el-date-editor .el-range__close-icon{
+
+    .el-date-editor .el-range__close-icon {
         color: @black;
     }
-    .el-picker-panel .el-picker-panel__footer{
+
+    .el-picker-panel .el-picker-panel__footer {
         background: @deepblue;
         border-color: @deepblue;
     }
-    .el-picker-panel .el-picker-panel__footer .el-button.is-plain{
+
+    .el-picker-panel .el-picker-panel__footer .el-button.is-plain {
         color: @deepblue;
     }
-    .el-date-editor.el-date-editor--datetimerange .el-range-input{
+
+    .el-date-editor.el-date-editor--datetimerange .el-range-input {
         color: @black;
     }
-    .el-date-editor.el-date-editor--datetimerange .el-range-separator{
+
+    .el-date-editor.el-date-editor--datetimerange .el-range-separator {
         color: @black;
     }
-    .main-body .el-card .el-card__header{
+
+    .main-body .el-card .el-card__header {
         color: @black;
         background: @white;
     }
-    .el-radio.is-bordered.el-radio--small .el-radio__label{
+
+    .el-radio.is-bordered.el-radio--small .el-radio__label {
         color: @black;
     }
-    .el-radio.is-bordered.is-checked{
+
+    .el-radio.is-bordered.is-checked {
         border-color: @deepblue;
     }
-    .el-radio.is-checked .el-radio__inner{
+
+    .el-radio.is-checked .el-radio__inner {
         background: @deepblue;
         border-color: @deepblue;
     }
-    .el-radio.is-checked .el-radio__label{
+
+    .el-radio.is-checked .el-radio__label {
         color: @deepblue;
     }
-    .el-tree{
+
+    .el-tree {
         color: @black;
         background: @white;
     }
-    .el-tree-node__expand-icon{
+
+    .el-tree-node__expand-icon {
         color: @black;
     }
-    .el-tree.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content{
+
+    .el-tree.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
         color: @deepblue;
     }
-    .el-tree .el-tree-node__content:hover, body .el-tree .el-upload-list__item:hover{
+
+    .el-tree .el-tree-node__content:hover,
+    body .el-tree .el-upload-list__item:hover {
         color: @deepblue;
         font-weight: bold;
     }
-    .el-tree .el-checkbox__inner:hover{
+
+    .el-tree .el-checkbox__inner:hover {
         border-color: @blue;
     }
-    .el-picker-panel.el-date-range-picker .el-date-range-picker__content .el-date-table td.end-date span, 
-    .el-picker-panel.el-date-range-picker .el-date-range-picker__content .el-date-table td.start-date span{
-        background: rgba(@deepblueBg,0.2);
+
+    .el-picker-panel.el-date-range-picker .el-date-range-picker__content .el-date-table td.end-date span,
+    .el-picker-panel.el-date-range-picker .el-date-range-picker__content .el-date-table td.start-date span {
+        background: rgba(@deepblueBg, 0.2);
+    }
+
+    //原始数据查询-测点数据查询
+    .com-table tbody tr:nth-child(2n){
+        background: @white;
     }
-   // 原始数据查询-数据导出
-    .com-table td{
-        color: @black !important;
+    // 原始数据查询-数据导出
+    .com-table td {
+        color: @black  !important;
     }
-    .el-input__prefix{
+
+    .el-input__prefix {
         color: @black;
     }
-    .el-input__suffix{
+
+    .el-input__suffix {
         color: @black;
     }
-    .el-popper.el-select__popper[role="tooltip"] .el-select-dropdown__item.selected{
+    .el-popper.el-select__popper[role="tooltip"]{
+        background: @white;
+    }
+    .el-popper__arrow::before{
+        background: @white !important;
+        border: 1px solid @white !important;
+    }
+    .el-popper.el-select__popper[role="tooltip"] .el-select-dropdown__item.selected {
         color: @deepblue;
     }
+
     .el-popper.el-select__popper[role="tooltip"] .el-select-dropdown__item.hover {
-         background: @deepblue;
+        background: @deepblue;
         color: @white;
     }
-    .el-popper.el-select__popper[role="tooltip"] .el-select-dropdown__item:hover{
+
+    .el-popper.el-select__popper[role="tooltip"] .el-select-dropdown__item:hover {
         background: @deepblue;
         color: @white;
     }
-    .el-select .el-input .el-select__caret{
+
+    .el-select .el-input .el-select__caret {
         color: @black;
     }
+
     //设备管理
-    .el-tabs--card>.el-tabs__header .el-tabs__nav{
+    .el-tabs--card>.el-tabs__header .el-tabs__nav {
         border: 1px solid @deepblue;
-        background: rgba(@deepblueBg,0.2);
+        background: rgba(@deepblueBg, 0.2);
     }
-    .tab .el-tabs__item.is-active{
+
+    .tab .el-tabs__item.is-active {
         color: @deepblue;
         font-weight: bold;
     }
-    .el-tabs--card>.el-tabs__header .el-tabs__item{
+
+    .el-tabs--card>.el-tabs__header .el-tabs__item {
         border-bottom: 1px solid @deepblue;
     }
-    .tab .el-tabs__item{
+
+    .tab .el-tabs__item {
         color: @black;
     }
-    .el-pagination .btn-next .el-icon, .el-pagination .btn-prev .el-icon{
+
+    .el-pagination .btn-next .el-icon,
+    .el-pagination .btn-prev .el-icon {
         color: @black;
     }
-    .el-pagination.is-background .el-pager li:not(.disabled).active{
-    background: linear-gradient(to top, #4b55ae, #36348e);
-    color: @white;
+
+    .el-pagination.is-background .el-pager li:not(.disabled).active {
+        background: linear-gradient(to top, #4b55ae, #36348e);
+        color: @white;
     }
-    .el-table__row{
-                background: @white;
+
+    .el-table__row {
+        background: @white;
     }
 
-    .el-popper.el-cascader__dropdown[role="tooltip"] .el-cascader-node.is-selectable.in-checked-path{
+    .el-popper.el-cascader__dropdown[role="tooltip"] .el-cascader-node.is-selectable.in-checked-path {
         color: @black;
     }
-    .el-popper.el-cascader__dropdown[role="tooltip"] .el-cascader-node:not(.is-disabled):hover{
+
+    .el-popper.el-cascader__dropdown[role="tooltip"] .el-cascader-node:not(.is-disabled):hover {
         color: @deepblue;
-        }
-    
+    }
+
     //预警记录-预警管理
-    .alarm-center .fj .fj-item .fj-title{
+    .alarm-center .fj .fj-item .fj-title {
         color: @black;
     }
-    .action-bar .selections .item{
+
+    .action-bar .selections .item {
         background: @white;
     }
+
     //预警记录-升压站报警
-    .number{
+    .number {
         background: @white;
         color: @black;
     }
-   //预警记录-自定义报警记录
-    .custom-report-items .title{
+
+    //预警记录-自定义报警记录
+    .custom-report-items .title {
         background: @white;
         color: @black;
     }
-    .el-pagination .el-pager li{
+
+    .el-pagination .el-pager li {
         color: @black;
     }
-    .title{
+
+    .title {
         background: @white;
     }
+
     //专家知识-故障知识列表
-    .know-info .table-card tr[data-v-68c7e6e4]{
+    .know-info .table-card tr[data-v-68c7e6e4] {
         font-size: 12px;
         color: @black;
     }
+
     //样本库-故障训练样本库
-    .mg-b-8{
+    .mg-b-8 {
         background: @gray-2;
     }
-    .mg-b-8[data-v-85e4c29a]{
+
+    .mg-b-8[data-v-85e4c29a] {
         width: 150vh;
     }
-    .main-body .query .query-items[data-v-2fab00f5]{
+
+    .main-body .query .query-items[data-v-2fab00f5] {
         padding-bottom: 1vh;
     }
 
-    .main-body .query .query-items[data-v-2d26d8fa]{
+    .main-body .query .query-items[data-v-2d26d8fa] {
         padding-bottom: 1vh;
     }
-    
+
     //样本库-知识库
-    .el-table th.el-table__cell>.cell{
+    .el-table th.el-table__cell>.cell {
         color: @black;
         height: 3.8vh;
         padding-top: 0.6vh;
     }
+    .swiperBox .imageBox1 .imgItem1 .img1[data-v-247ee960]:hover, .itemBox .imageBox1 .imgItem1 .img1[data-v-247ee960]:hover{
+        border: 3px solid @deepblue;
+    }
 }

src/views/sampleDatabase/performance/performanceEcharts.vue

@@ -76,7 +76,7 @@ export default {
           itemHeight: 8,
           textStyle: {
             fontSize: "14px",
-            color: "#fff",
+            color: "#000"
           },
         },
         dataset: [