|
@@ -83,11 +83,7 @@
|
|
|
<div class="menu-content">
|
|
|
<div v-for="(item, index) in menuData[menuState.activeIndex]?.children" :key="index" class="content-box">
|
|
|
<div class="box-header">
|
|
|
- <div v-if="item.name === '防风防汛'" class="icon1" style="width: 24px; height: 26px"></div>
|
|
|
- <div v-if="item.name === '危化品安全监测' || item.name === '危险化工品'" class="icon2" style="width: 23px; height: 26px"></div>
|
|
|
- <div v-if="item.name === '其他'" class="icon3" style="width: 26px; height: 26px"></div>
|
|
|
- <div v-if="item.name === '水情监测'" class="icon4" style="width: 29px; height: 26px"></div>
|
|
|
- <div v-if="item.name === '自然灾害监测'" class="icon5" style="width: 25px; height: 26px"></div>
|
|
|
+ <img v-if="item.meta && item.meta.icon" :src="baseUrl + downLoadApi + item.meta.icon" style="height: 87px" />
|
|
|
<div>{{ item.name }}</div>
|
|
|
<div :class="item.show ? 'expand-icon down-icon' : 'expand-icon up-icon'" @click="changeBoxShow(item)"></div>
|
|
|
</div>
|
|
@@ -123,6 +119,9 @@ import useMapStore from '@/store/modules/map';
|
|
|
const emits = defineEmits(['switchMap', 'clickMenu', 'selectSearchMarker', 'clearAllMenu']);
|
|
|
const getMapUtils = inject('getMapUtils');
|
|
|
const amapKey = 'e45d4caa2bef3c84714a2ed9b1e27d98';
|
|
|
+
|
|
|
+const baseUrl = import.meta.env.VITE_APP_BASE_API;
|
|
|
+const downLoadApi = '/api/file/get_img/get_img_by_id/';
|
|
|
let mapUtils;
|
|
|
const mapStore = useMapStore();
|
|
|
// 左侧菜单
|
|
@@ -516,22 +515,6 @@ defineExpose({ setMenuChange, setMenuIndex });
|
|
|
height: 3px;
|
|
|
background-color: rgba(142, 189, 241, 0.3);
|
|
|
}
|
|
|
- .icon1 {
|
|
|
- background-image: url('@/assets/images/menu/icon1.png');
|
|
|
- }
|
|
|
-
|
|
|
- .icon2 {
|
|
|
- background-image: url('@/assets/images/menu/icon2.png');
|
|
|
- }
|
|
|
- .icon3 {
|
|
|
- background-image: url('@/assets/images/menu/icon3.png');
|
|
|
- }
|
|
|
- .icon4 {
|
|
|
- background-image: url('@/assets/images/menu/icon4.png');
|
|
|
- }
|
|
|
- .icon5 {
|
|
|
- background-image: url('@/assets/images/menu/icon5.png');
|
|
|
- }
|
|
|
|
|
|
.expand-icon {
|
|
|
position: absolute;
|