|
|
@ -4,18 +4,34 @@ |
|
|
|
<div class="main-board" > |
|
|
|
<div class="board board-m"> |
|
|
|
<div class="searchPanel_1" > |
|
|
|
<el-select v-model="area" size="mini" class="selectRoad" placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
v-for="item in areaOptions" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-select v-model="year" size="mini" class="selectRoad" placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
v-for="item in yearOptions" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-date-picker |
|
|
|
size="mini" |
|
|
|
v-if="year != 'quarter'" |
|
|
|
class="selectRoad" |
|
|
|
v-model="dateTime" |
|
|
|
style="width:140px;" |
|
|
|
|
|
|
|
:type="year" |
|
|
|
placeholder="请选择" |
|
|
|
/> |
|
|
|
<el-quarter-picker size="mini" class="selectRoad" style="width:180px;" v-if="year == 'quarter'" v-model="quarter" aria-placeholder="请选季度" /> |
|
|
|
<el-quarter-picker size="mini" class="selectRoad" style="width:180px;" v-if="year == 'quarter'" v-model="dateTime" aria-placeholder="请选季度" /> |
|
|
|
|
|
|
|
<el-button type="primary" size="mini" class="btnSearch" 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" >重置</el-button> |
|
|
|
</div> |
|
|
|
<div class="charts keep-ratio " id="chart1"></div> |
|
|
@ -105,7 +121,7 @@ |
|
|
|
padding: 0px 20px; |
|
|
|
background: linear-gradient(180deg, rgba(6,66,88,0.2) 0%, #064258 100%); |
|
|
|
border-radius: 5px 5px 5px 5px; |
|
|
|
opacity: 0.8; |
|
|
|
opacity: 1; |
|
|
|
border: 1px solid; |
|
|
|
border-image: linear-gradient(360deg, rgba(55, 231, 255,0.3), rgba(55, 231, 255, 0)) 1 1; |
|
|
|
display: flex; |
|
|
|