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;

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

@@ -40,11 +40,12 @@
       </div>
       <div class="box box-9 mr-8">
         <Title1 title="景区承载" />
-	
-        <div class="flex">
-          <circle-progress
-            :width="60"
-            :height="50"
+		<div
+		style="cursor: pointer;"
+		class="count-box flex justify-between">
+         <circle-progress
+            :width="70"
+            :height="35"
             :value="scenicStore.scenicBearData.header.jqRate"
             :title="`${scenicStore.scenicBearData.header.jqRate}%`"
             subTitle="景区承载率"
@@ -63,12 +64,12 @@
           </div>
         </div>
         <div class="border">
-          <div class="pt-50">
+          <div class="pt-10">
             <Title3 title="今日景区承载量" />
           </div>
           <Line
             width="100%"
-            :height="133"
+            :height="145"
             :data="scenicBearData"
             :xAxisData="scenicBearXAxisData"
           />
@@ -1058,7 +1059,7 @@
 	flex:1;
     .count-box {
       padding: 0 vw(10);
-      height: vh(140);
+      height: vh(150);
     }
     .bg {
       background: linear-gradient(321deg, #0b2f64 0%, #062b57 100%);