chengdandan
/
intelligentTransportation
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

This commit is contained in:
huangyaohui 2026-03-20 17:55:52 +08:00
parent 3a5efb215f
commit 573c3016a1
1 changed files with 44 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/views/pages/StatusMonitor.vue
View File

@ -47,6 +47,15 @@ const operationalStatus = ref({
influenceRadius: '',
congestedRoad: ''
})
const trafficStatus = ref({
trafficFlow: '',
averageSpeed: '',
congestionIndex: '',
averageTravelTime: '',
saturability: '',
carbonEmissionEstimation: '',
travelTimeIndex: ''
})
// 事故影响下交通流变化趋势：下拉选择项（绑定图表）
const accidentImpactSection = ref('A-001')
@ -1137,8 +1146,8 @@ const getPageData = async () => {
}
})
// 总体运行态势
const tempsStatus = data['overall_operational_status']?.items || []
tempsStatus.forEach(item => {
const tempOperationalStatus = data['overall_operational_status']?.items || []
tempOperationalStatus.forEach(item => {
if (item.project === '区域平均速度') {
operationalStatus.value.regAveSpeed = item.data
} else if (item.project === '事故/事件数量') {
@ -1151,7 +1160,25 @@ const getPageData = async () => {
operationalStatus.value.congestedRoad = item.data
}
})
// 111
// 实时交通状态检测
const tempTrafficStatus = data['real_time_traffic_status']?.items || []
tempTrafficStatus.forEach(item => {
if (item.project === '交通流量') {
trafficStatus.value.trafficFlow = item.data
} else if (item.project === '平均车速') {
trafficStatus.value.averageSpeed = item.data
} else if (item.project === '拥堵指数') {
trafficStatus.value.congestionIndex = item.data
} else if (item.project === '平均行程时间') {
trafficStatus.value.averageTravelTime = item.data
} else if (item.project === '饱和度') {
trafficStatus.value.saturability = item.data
} else if (item.project === '碳排放估算') {
trafficStatus.value.carbonEmissionEstimation = item.data
} else if (item.project === '旅行时间指数') {
trafficStatus.value.travelTimeIndex = item.data
}
})
// 111
}
@ -1194,12 +1221,12 @@ onMounted(() => {
<div class="status-list">
<div class="status-item">
<span class="status-label">交通流量：</span>
<strong class="status-number status-number-primary">1,720</strong>
<strong class="status-number status-number-primary">{{ trafficStatus.trafficFlow }}</strong>
<span class="status-desc status-desc-muted">veh/h</span>
</div>
<div class="status-item">
<span class="status-label">平均车速：</span>
<strong class="status-number status-number-primary">40 km/h</strong>
<strong class="status-number status-number-primary">{{ trafficStatus.averageSpeed }}km/h</strong>
<span class="status-desc status-desc-muted">
（较昨日下降
<span class="status-number status-number-primary">5</span>%）
@ -1207,27 +1234,28 @@ onMounted(() => {
</div>
<div class="status-item">
<span class="status-label">拥堵指数：</span>
<strong class="status-number status-number-primary">7.8</strong>
<span class="status-desc text-severe">（严重拥堵）</span>
<strong class="status-number status-number-primary">{{ trafficStatus.congestionIndex }}</strong>
<!-- <span class="status-desc text-severe">（严重拥堵）</span>-->
</div>
<div class="status-item status-item-pair">
<div class="status-field">
<span class="status-label">平均行程时间：</span>
<strong class="status-number status-number-primary">35 min</strong>
<strong class="status-number status-number-primary">{{ trafficStatus.averageTravelTime }} min</strong>
</div>
<div class="status-field">
<span class="status-label">饱和度：</span>
<strong class="status-number status-number-primary">87 %</strong>
<strong class="status-number status-number-primary">{{ trafficStatus.saturability }} %</strong>
</div>
</div>
<div class="status-item status-item-pair">
<div class="status-field">
<span class="status-label">碳排放估算：</span>
<strong class="status-number status-number-primary">12.5 吨</strong>
<strong class="status-number status-number-primary">{{ trafficStatus.carbonEmissionEstimation }}
吨</strong>
</div>
<div class="status-field">
<span class="status-label">旅行时间指数(TTI)：</span>
<strong class="status-number status-number-primary">1.36</strong>
<strong class="status-number status-number-primary">{{ trafficStatus.travelTimeIndex }}</strong>
</div>
</div>
</div>
@ -1248,12 +1276,12 @@ onMounted(() => {
<div class="status-item status-item-pair">
<div class="status-field">
<span class="status-label">区域平均速度：</span>
<strong class="status-number status-number-primary">{{operationalStatus.regAveSpeed}}</strong>
<strong class="status-number status-number-primary">{{ operationalStatus.regAveSpeed }}</strong>
<span class="status-desc status-desc-muted">km/h</span>
</div>
<div class="status-field">
<span class="status-label">事故 / 事件数量：</span>
<strong class="status-number status-number-primary">{{operationalStatus.eventNumber}}</strong>
<strong class="status-number status-number-primary">{{ operationalStatus.eventNumber }}</strong>
<span class="status-desc status-desc-muted">起</span>
</div>
</div>
@ -1261,11 +1289,11 @@ onMounted(() => {
<div class="status-item status-item-pair">
<div class="status-field">
<span class="status-label">综合拥堵指数：</span>
<strong class="status-number status-number-primary">{{operationalStatus.congestionIndex}}</strong>
<strong class="status-number status-number-primary">{{ operationalStatus.congestionIndex }}</strong>
</div>
<div class="status-field">
<span class="status-label">影响区域半径：</span>
<strong class="status-number status-number-primary">{{operationalStatus.influenceRadius}}</strong>
<strong class="status-number status-number-primary">{{ operationalStatus.influenceRadius }}</strong>
<span class="status-desc status-desc-muted">km</span>
</div>
</div>
@ -1273,7 +1301,7 @@ onMounted(() => {
<div class="status-item">
<span class="status-label">拥堵路段：</span>
<strong class="status-number status-number-primary">
{{ operationalStatus.congestedRoad}}
{{ operationalStatus.congestedRoad }}
</strong>
</div>
</div>