|
|
@ -1,7 +1,8 @@ |
|
|
|
<template> |
|
|
|
<div class="congestion"> |
|
|
|
<div class="board"> |
|
|
|
<ProgressBar class="keep-ratio" @selectItem="selectProgress" :dataList="dataList" :selectIndex="selectIndex" /> |
|
|
|
<ProgressBar class="keep-ratio" @selectItem="selectProgress" :dataList="dataList" :selectIndex="selectIndex" |
|
|
|
:reset="reset" /> |
|
|
|
<div class="searchPanel"> |
|
|
|
<RadioGroup :options="[ |
|
|
|
{ key: '1', label: '菏泽' }, |
|
|
@ -26,7 +27,8 @@ |
|
|
|
: '' |
|
|
|
" placeholder="请选择" :clearable="false" /> |
|
|
|
|
|
|
|
<el-button type="primary" size="mini" class="btnSearch" @click="searchQuery" icon="el-icon-search">查询</el-button> |
|
|
|
<el-button type="primary" size="mini" class="btnSearch" @click="searchQuery" |
|
|
|
icon="el-icon-search">查询</el-button> |
|
|
|
<el-button class="btnReset" size="mini" icon="el-icon-refresh-left" @click="onReset">重置</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -151,6 +153,7 @@ export default { |
|
|
|
dataList: [], |
|
|
|
selectIndex: 2, |
|
|
|
selectId: 2, |
|
|
|
reset: false, |
|
|
|
type: "year", |
|
|
|
chart1List: [], |
|
|
|
chart2List: [], |
|
|
@ -206,16 +209,17 @@ export default { |
|
|
|
selectProgress(item, index) { |
|
|
|
this.selectIndex = index; |
|
|
|
this.selectId = item.id; |
|
|
|
this.reset = false; |
|
|
|
this.searchQuery(); |
|
|
|
}, |
|
|
|
onReset() { |
|
|
|
this.direction = "1"; |
|
|
|
this.type = "year"; |
|
|
|
this.dateTime = "2024"; |
|
|
|
this.selectId = this.dataList[0].id; |
|
|
|
this.selectId = 2; |
|
|
|
this.selectIndex = 2; |
|
|
|
this.searchQuery() |
|
|
|
this.reset = true; |
|
|
|
this.searchQuery(); |
|
|
|
}, |
|
|
|
searchQuery() { |
|
|
|
let startTime = ""; |
|
|
|