From 5c5ad7b217e0a0da24f039b0b7b8829b3e2ca130 Mon Sep 17 00:00:00 2001
From: linwe <872216996@qq.com>
Date: Wed, 20 Nov 2024 16:01:31 +0800
Subject: [PATCH] 上图图标优化+搜索按钮优化
---
src/views/companyInfo/components/box/dataContent.vue | 31 +++++++++++++++++--------------
1 files changed, 17 insertions(+), 14 deletions(-)
diff --git a/src/views/companyInfo/components/box/dataContent.vue b/src/views/companyInfo/components/box/dataContent.vue
index 4f048bf..8b0791e 100644
--- a/src/views/companyInfo/components/box/dataContent.vue
+++ b/src/views/companyInfo/components/box/dataContent.vue
@@ -11,23 +11,30 @@
<script setup>
import { getFacilityList } from "@/api/facility"
import { onUnmounted, reactive } from 'vue'
+const { VITE_APP_BASE } = import.meta.env
const resData = reactive({
data: [{
label: '防线一',
value: '1',
type: 1,
- remark: '防火提及配套设置、装置围堰、罐区围堰'
+ remark: '防火提及配套设置、装置围堰、罐区围堰',
+ showPanel: false,
+ backgroundIcon: VITE_APP_BASE + 'img/mapicon/wy.png'
}, {
label: '防线二',
value: '2',
type: 2,
- remark: '雨污水排口一体化闸阀、车间收集池、雨污管阀'
+ remark: '雨污水排口一体化闸阀、车间收集池、雨污管阀',
+ showPanel: false,
+ backgroundIcon: VITE_APP_BASE + 'img/mapicon/ysf.png'
},
{
label: '防线三',
value: '3',
type: 3,
- remark: '事故应急池、雨水收集池'
+ remark: '事故应急池、雨水收集池',
+ showPanel: false,
+ backgroundIcon: VITE_APP_BASE + 'img/mapicon/yjc.png'
}
]
})
@@ -52,21 +59,17 @@
if ('showPanel' in item && item.showPanel == false) {
if (item.backgroundIcon) {
iconEl = `
- <div class="map-name">${i[item.showParams] || i.name}</div>
- <div class="map-icon">
- <img src="${item.backgroundIcon}">
- </div>
- `
+ <div class="map-name">${i[item.showParams] || i.name}</div>
+ <div class="map-icon">
+ <img src="${item.backgroundIcon}">
+ </div>
+ `
}
} else {
- iconEl = `<div class="marsBlueGradientPnl">
- <div>${i.name}</div> </div>`
+ iconEl = `<div class="marsBlueGradientPnl"> <div>${i.name}</div> </div>`
}
let divIcon = new DC.DivIcon(
- new DC.Position(i.lng, i.lat, 0),
- `<div class="public-map-popup">
- ${iconEl}
- </div>`
+ new DC.Position(i.lng, i.lat, 0), `<div class="public-map-popup ${'qyfb-box'}"> ${iconEl} </div>`
)
divIcon.attrParams = i
--
Gitblit v1.9.3