上图图标优化+搜索按钮优化

linwe

2024-11-20 5c5ad7b217e0a0da24f039b0b7b8829b3e2ca130

 src/views/companyInfo/components/box/unitContent.vue

@@ -14,6 +14,13 @@
import { getDictionary } from "@/api/dict/dict"
import { onUnmounted, reactive } from 'vue'
import { getList } from "@/api/space/space"
const { VITE_APP_BASE } = import.meta.env
let image = ref(
    [{ label: '阀', value: VITE_APP_BASE + 'img/mapicon/ysf.png' }
        , { label: '池', value: VITE_APP_BASE + 'img/mapicon/yjc.png' }
        , { label: '泵', value: VITE_APP_BASE + 'img/mapicon/yjb.png' }]
)

const resData = reactive({
    data: []
})
@@ -38,17 +45,23 @@
            let data = res.data.data.records
            data.filter(i => i.lng && i.lng != '' && i.lat && i.lat != '').forEach(i => {
                let iconEl = ''
                {
                    iconEl = `<div class="marsBlueGradientPnl">
                  <div>${i.name}</div>
                </div>`
                }
                // {
                //     iconEl = `<div class="marsBlueGradientPnl">
                //   <div>${i.name}</div>
                // </div>`
                // }
                let img = image.value.filter(l => i.name.includes(l.label))
                img = img.length > 0 ? img : image
                iconEl = `<div class="map-name">${i.name}</div>
                            <div class="map-icon">
                            <img src="${img[0].value}">
                            </div>`

                let divIcon = new DC.DivIcon(
                    new DC.Position(i.lng, i.lat, 0),
                    `<div class="public-map-popup">
                    `<div class="public-map-popup  ${'qyfb-box'}">
                    ${iconEl}
                  </div>`
                    </div>`
                )

                divIcon.attrParams = i