单位统计页面去掉航次地图

This commit is contained in:
hym 2026-04-04 17:03:09 +08:00
parent f4f411f3b9
commit 8403c26edf
1 changed files with 1 additions and 53 deletions

View File

@ -9,21 +9,12 @@
</div> </div>
</div> </div>
</div> </div>
<!-- 地图板块与科考船汇总统计页 ships 一致Mapbox + shipUnit + shipVoyage --> <!-- 地图板块与科考船汇总统计页 ships 一致Mapbox + shipUnit -->
<div class="map-module"> <div class="map-module">
<div class="bezel"> <div class="bezel">
<div class="map-title">参航单位</div> <div class="map-title">参航单位</div>
<div id="workUnitMap_uuv" ref="workUnitMap_uuv" style="height: 100%;width:100%;" /> <div id="workUnitMap_uuv" ref="workUnitMap_uuv" style="height: 100%;width:100%;" />
</div> </div>
<!-- <div class="bezel">
<div class="map-title">航次地图</div>
<div class="map-year-panel">
<span class="map-year-label">年份</span>
<el-date-picker v-model="voyageYear" type="year" size="small" placeholder="全部" class="map-year" clearable
format="yyyy" @change="selectVoyageYear" />
</div>
<div id="voyageMap_uuv" ref="voyageMap_uuv" style="height: 100%;width:100%;" />
</div> -->
</div> </div>
<div class="unit-toolbar"> <div class="unit-toolbar">
<div class="unit-toolbar-inner"> <div class="unit-toolbar-inner">
@ -149,7 +140,6 @@ export default {
this.loadUnitTotalFromApi() this.loadUnitTotalFromApi()
this.getHovUnit() this.getHovUnit()
this.getShipUnit() this.getShipUnit()
this.gitShipVoyage()
}, },
mounted() { mounted() {
initMapbox('workUnitMap_uuv', { initMapbox('workUnitMap_uuv', {
@ -159,13 +149,6 @@ export default {
minZoom: 2, minZoom: 2,
maxZoom: 29 maxZoom: 29
}) })
// initMapbox('voyageMap_uuv', {
// tileKey: 'GEBCO_basemap_NCEI',
// zoom: 3,
// center: [113, 15],
// minZoom: 2,
// maxZoom: 29
// })
}, },
beforeDestroy() { beforeDestroy() {
const unitMap = Vue.config.maps && Vue.config.maps['workUnitMap_uuv'] const unitMap = Vue.config.maps && Vue.config.maps['workUnitMap_uuv']
@ -173,11 +156,6 @@ export default {
unitMap.remove() unitMap.remove()
delete Vue.config.maps['workUnitMap_uuv'] delete Vue.config.maps['workUnitMap_uuv']
} }
const voyageMap = Vue.config.maps && Vue.config.maps['voyageMap_uuv']
if (voyageMap) {
voyageMap.remove()
delete Vue.config.maps['voyageMap_uuv']
}
}, },
methods: { methods: {
/** /**
@ -356,36 +334,6 @@ export default {
loadJsonPointFeature('workUnit', 'blue', geojson, 'unit_name', 'workUnitMap_uuv') loadJsonPointFeature('workUnit', 'blue', geojson, 'unit_name', 'workUnitMap_uuv')
}) })
}, },
/**
* 科考船航次轨迹 ships 页地图同源接口通过 Mapbox 矢量图层渲染
* @param {Object} [params] 查询参数
* @returns {void}
*/
gitShipVoyage(params = {}) {
shipVoyage(params).then(res => {
let i = 0
const colors = ColorGenerator.generateDivergingColors((res.array || []).length)
; (res.array || []).forEach(item => {
loadVectorLayer(item.voyage_name, ['line', 'symbol'], [colors[i], '#FFFFFF'], 'visible', 'voyageMap_uuv', 'dsds')
i++
})
})
},
/**
* 选择航次地图年份
* @param {*} val 年份值
* @returns {void}
*/
selectVoyageYear(val) {
if (val) {
const params = getYearRange(val)
this.gitShipVoyage({ ...params })
} else {
this.gitShipVoyage({})
}
}
} }
} }
</script> </script>