diff --git a/src/components/monitor/index.vue b/src/components/monitor/index.vue index 88e108f..25fc6c3 100644 --- a/src/components/monitor/index.vue +++ b/src/components/monitor/index.vue @@ -126,6 +126,19 @@ padding:vw(20); .rt-v-box{ overflow-y: auto; + /* 滚动条整体样式 */ + &::-webkit-scrollbar { + width: vw(4); /* 滚动条的宽度 */ + } + /* 滚动条轨道 */ + &::-webkit-scrollbar-track { + background: 'transparent'; /* 轨道的背景色 */ + } + /* 滚动条滑块 */ + &::-webkit-scrollbar-thumb { + background: rgba(0, 150, 255, 0.63); /* 滑块的背景色 */ + border-radius: 5px; /* 滑块的圆角 */ + } height:100%; } .title{ diff --git a/src/views/testing/components/box-2.vue b/src/views/testing/components/box-2.vue index 95ecb5e..efc1637 100644 --- a/src/views/testing/components/box-2.vue +++ b/src/views/testing/components/box-2.vue @@ -369,7 +369,7 @@ right:vw(20); top:vh(15); span{ - width: vw(55); + min-width: vw(55); padding:vw(5); background: linear-gradient( 270deg, rgba(8,41,86,0.16) 0%, #0B61B4 100%); border-radius: vw(50); diff --git a/src/views/workOrder/components/box-1.vue b/src/views/workOrder/components/box-1.vue index 59c0c6e..36f1c2b 100644 --- a/src/views/workOrder/components/box-1.vue +++ b/src/views/workOrder/components/box-1.vue @@ -29,8 +29,19 @@ z-index:99; padding:0 vw(20); .list{ - scrollbar-width: none; - scrollbar-color: transparent transparent; + /* 滚动条整体样式 */ + &::-webkit-scrollbar { + width: vw(4); /* 滚动条的宽度 */ + } + /* 滚动条轨道 */ + &::-webkit-scrollbar-track { + background: 'transparent'; /* 轨道的背景色 */ + } + /* 滚动条滑块 */ + &::-webkit-scrollbar-thumb { + background: rgba(0, 150, 255, 0.63); /* 滑块的背景色 */ + border-radius: 5px; /* 滑块的圆角 */ + } height:vh(895); overflow: auto; .li:nth-child(odd){ diff --git a/src/views/workOrder/components/box-2.vue b/src/views/workOrder/components/box-2.vue index 5661f5e..d71975e 100644 --- a/src/views/workOrder/components/box-2.vue +++ b/src/views/workOrder/components/box-2.vue @@ -26,7 +26,12 @@
异常告警占比
-
+
+
+ 全部 + 已完成总数 + +
@@ -395,7 +400,7 @@ }) const optionLine = ref({ backgroundColor:'transparent', - height:240, + height:fitChartSize(240), grid:{ top:'30', bottom:'0', @@ -499,6 +504,35 @@ .line-chart{ // margin-top:vh(20); } + .chart-p{ + position:relative; + .check-label{ + position:absolute; + right:vw(20); + top:vh(-15); + span{ + min-width: vw(55); + padding:vw(5); + background: linear-gradient( 270deg, rgba(8,41,86,0.16) 0%, #0B61B4 100%); + border-radius: vw(50); + // border: 1px solid rgba(0,114,220,0.3); + margin-left:vw(5); + display: inline-block; + font-weight: 400; + font-size: vw(13); + color: #0084FF; + text-align: center; + font-style: normal; + text-transform: none; + } + .active{ + background: linear-gradient( 270deg, #37D8FC 0%, #0084FF 100%); + border-radius: vw(50); + border: 1px solid rgba(0,114,220,0.3); + color:#fff; + } + } + } .work-box-2{ width:vw(1522); height:vh(965); diff --git a/src/views/workOrder/components/box-3.vue b/src/views/workOrder/components/box-3.vue index 42c7ef2..6a4ae6c 100644 --- a/src/views/workOrder/components/box-3.vue +++ b/src/views/workOrder/components/box-3.vue @@ -210,8 +210,19 @@ z-index:99; padding:0 vw(20); .list{ - scrollbar-width: none; - scrollbar-color: transparent transparent; + /* 滚动条整体样式 */ + &::-webkit-scrollbar { + width: vw(4); /* 滚动条的宽度 */ + } + /* 滚动条轨道 */ + &::-webkit-scrollbar-track { + background: 'transparent'; /* 轨道的背景色 */ + } + /* 滚动条滑块 */ + &::-webkit-scrollbar-thumb { + background: rgba(0, 150, 255, 0.63); /* 滑块的背景色 */ + border-radius: 5px; /* 滑块的圆角 */ + } height:vh(510); overflow: auto; .li:nth-child(odd){