fix 优化

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){

src/views/workOrder/components/box-2.vue

@@ -26,7 +26,12 @@
 			<div class="chart-box flex">
 				<div class="lt-chart">
 					<div class="title-3"><span>异常告警占比</span></div>
-					<div class="box">
+					<div class="box chart-p">
+						<div class="check-label">
+							  <span class="active">全部</span>
+							  <span>已完成总数</span>
+							  
+						</div>
 						<v-chart class="line-chart"  :option="optionLine" autoresize />
 					</div>
 				</div>
@@ -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);

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){