单位选择放在地图下方

This commit is contained in:
hym 2026-04-04 16:42:48 +08:00
parent d2579e839c
commit f4f411f3b9
1 changed files with 13 additions and 13 deletions

View File

@ -9,18 +9,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="unit-toolbar">
<div class="unit-toolbar-inner">
<div class="unit-filter-box">
<span class="banner-unit-label">统计单位</span>
<el-select v-model="selectedUnits" class="banner-unit-select" multiple filterable clearable size="small"
placeholder="请选择单位(不选表示全部)" value-key="unit_name" collapse-tags @change="onBannerUnitsChange">
<el-option v-for="unit in unitOptions" :key="unit.unit_id || unit.unit_name" :label="unit.unit_name"
:value="unit" />
</el-select>
</div>
</div>
</div>
<!-- 地图板块与科考船汇总统计页 ships 一致Mapbox + shipUnit + shipVoyage --> <!-- 地图板块与科考船汇总统计页 ships 一致Mapbox + shipUnit + shipVoyage -->
<div class="map-module"> <div class="map-module">
<div class="bezel"> <div class="bezel">
@ -37,6 +25,18 @@
<div id="voyageMap_uuv" ref="voyageMap_uuv" style="height: 100%;width:100%;" /> <div id="voyageMap_uuv" ref="voyageMap_uuv" style="height: 100%;width:100%;" />
</div> --> </div> -->
</div> </div>
<div class="unit-toolbar">
<div class="unit-toolbar-inner">
<div class="unit-filter-box">
<span class="banner-unit-label">单位名称</span>
<el-select v-model="selectedUnits" class="banner-unit-select" multiple filterable clearable size="small"
placeholder="请选择单位(不选表示全部)" value-key="unit_name" collapse-tags @change="onBannerUnitsChange">
<el-option v-for="unit in unitOptions" :key="unit.unit_id || unit.unit_name" :label="unit.unit_name"
:value="unit" />
</el-select>
</div>
</div>
</div>
<!-- echarts板块--> <!-- echarts板块-->
<div class="echarts-module"> <div class="echarts-module">
<div class="bezel"> <div class="bezel">
@ -560,7 +560,7 @@ export default {
} }
.map-module { .map-module {
padding: 50px 50px; padding: 10px 50px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
gap: 50px; gap: 50px;