类型:开发
描述:
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user