28

src/views/traffic/components/box-1.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="box-1">
     <div class="statistics">
-		<Title1 title="总路段拥堵情况" />
+		<Title1 title="拥堵情况" />
       <!-- <div class="item-box">
         <div class="item-t flex"> <img src="@/assets/images/t-icon-1.png" alt="" />拥堵总数 </div>
         <div class="item-num">
@@ -55,9 +55,9 @@
           </div>
         </div>
       </div>
-	  
+
 	  <div class="chart-item">
-	    <Title3 title="拥堵类型频次占比" />
+	    <Title3 title="拥堵类型频次" />
 	    <div class="chart__inner">
 	      <div class="new-vehicle">
 			  <vehicle-source :list="chartData.typeNum" />
@@ -71,11 +71,11 @@
 			    >
 			      <p class="dot" :style="{ background: colors[index] }" />
 			      <p class="name">{{ item.name }}</p>
-			      <p class="value">{{ item.value }}%</p>
+			      <p class="value">{{ item.value }}次</p>
 			    </li>
-			  </ul> 
+			  </ul>
 		   </div>
-	      
+
 	      </div>
 	    </div>
 	  </div>
@@ -102,9 +102,9 @@
           </div>
         </div>
       </div>
-  
+
       <div class="chart-item">
-        <Title3 title="拥堵类型时长占比" />
+        <Title3 title="拥堵类型时长" />
         <div class="chart__inner">
           <div class="new-vehicle">
            <!-- <spotRate
@@ -122,11 +122,11 @@
 				  >
 				    <p class="dot" :style="{ background: colors[index] }" />
 				    <p class="name">{{ item.name }}</p>
-				    <p class="value">{{ item.value }}%</p>
+				    <p class="value">{{ item.value }}分钟</p>
 				  </li>
 				</ul>
 			</div>
-            
+
           </div>
         </div>
       </div>
@@ -206,7 +206,7 @@
         display: flex;
         justify-content: center;
         height: vh(380);
-		
+
       }
 
       &__legend {

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

@@ -14,7 +14,7 @@
 	<div>
 		<div class="title-1">
 		  <div class="title">
-		    <span> 核心路段展 </span>
+		    <span> 核心路段 </span>
 		  </div>
 		</div>
 		<div id="traffic-map" class="traffic-map-big" :class="{ 'traffic-map': routers.length > 0 }" />
@@ -131,12 +131,12 @@
   watch(
 	() => [markerList.value,map.value],
 	(val) => {
-		
+
 		if(val[0].length&&val[1]){
 			nextTick(()=>{
 				val[0].forEach((item,index)=>{
 					addMarker(mapIcon,[item.longitude,item.latitude],[40, 60])
-				
+
 					marker.value.addEventListener('click', (e) => {
 						console.log(item,'111111111111')
 						cameraIndexCode.value = item.cameraIndexCode
@@ -171,10 +171,10 @@
 						label.setStyle({
 						    display:'none'
 						});
-						
+
 					})
 				})
-				
+
 			})
 		}
 	},