fix bug修改

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

@@ -183,8 +183,8 @@
 			  </div>
 			</div>
 			<!-- 工单 -->
-			<div>
-				<div  class="left">
+			<div style="width:33%;">
+				<div style="justify-content: space-between;" class="left">
 					<div>
 					  <div class="flex justify-center pt-30">
 					    <div class="item">
@@ -207,7 +207,7 @@
 					    <span class="value">{{ homeStore.wordkOrderData.toDayData.rate }}%</span>
 					  </div>
 					</div>
-					<div>
+					<div style="margin-right: 0;">
 					  <div class="flex justify-center pt-10">
 					    <div class="item">
 					      <p class="label">紧急工单数</p>
@@ -230,7 +230,7 @@
 					  </div>
 					</div>
 				</div>
-				<div>
+ 				<div class="new-gd">
 				  <vue3-seamless-scroll
 				    class="right"
 				    :list="homeStore.wordkOrderList"
@@ -240,7 +240,7 @@
 				    :wheel="true"
 				    :isWatch="true"
 				  >
-				    <div v-if="homeStore.wordkOrderList.length>0" class="item" v-for="(item, index) in homeStore.wordkOrderList" :key="index">
+				  <div v-if="homeStore.wordkOrderList.length>0" class="item" v-for="(item, index) in homeStore.wordkOrderList" :key="index">
 				      <span :class="`item-tag--${item.level}`">{{ item.level_text }}</span>
 				      <p class="content">
 				        {{ item.title }}
@@ -249,6 +249,8 @@
 				    <div v-else class="workorder-empty">
 				      今日暂无工单
 				    </div>
+				
+				
 				  </vue3-seamless-scroll>
 				</div>
 			</div>
@@ -495,6 +497,24 @@
 </script>
 
 <style lang="scss" scoped>
+	.new-gd{
+		background-image: url('@/assets/images/bg-3.png');
+		background-size: cover;
+		height: vh(350);
+		/* 滚动条整体样式 */
+		&::-webkit-scrollbar {
+		  width: vw(4); /* 滚动条的宽度 */
+		}
+		/* 滚动条轨道 */
+		&::-webkit-scrollbar-track {
+		  background: 'transparent'; /* 轨道的背景色 */
+		}
+		/* 滚动条滑块 */
+		&::-webkit-scrollbar-thumb {
+		  background: rgba(0, 150, 255, 0.63); /* 滑块的背景色 */
+		  border-radius: 5px; /* 滑块的圆角 */
+		}
+	}
 	.car-ship {
 		width:100%;
 	  // flex: 1;
@@ -907,7 +927,7 @@
       }
       .right {
         margin-top: vh(4);
-        padding: vh(10) vw(10);
+        // padding: vh(10) vw(10);
         // height: vh(106);
 		height:100%;
         width: 100%;
@@ -915,6 +935,7 @@
         .item {
           display: flex;
           margin-bottom: vh(10);
+		  align-items: center;
           &-tag {
             padding:vw(10);
             font-weight: bold;