取放货点位鼠标上浮展示信息

src/views/mapPage/components/locationSelectionDialog.vue

@@ -136,19 +136,28 @@
             </el-popover>
           </template>
           <template v-else-if="locationTypeNumber == 4">
-            <div
-              @click="choosePoint(item)"
-              :style="{
-                position: 'absolute',
-                left: Number(item.locationX) - Number(item.locationWidePx) / 2 + 'px',
-                top: Number(item.locationY) - Number(item.locationDeepPx) / 2 + 'px',
-                width: item.locationWidePx + 'px',
-                height: item.locationDeepPx + 'px',
-                zIndex: 999,
-                backgroundColor: item.id == currentItem?.id ? '#5ecc62' : '#000',
-                borderRadius: '50%'
-              }"
-            ></div>
+            <el-popover placement="top" trigger="hover" :popper-style="{ padding: '0px' }">
+              <template #reference>
+                <div
+                  @click="choosePoint(item)"
+                  :style="{
+                    position: 'absolute',
+                    left: Number(item.locationX) - Number(item.locationWidePx) / 2 + 'px',
+                    top: Number(item.locationY) - Number(item.locationDeepPx) / 2 + 'px',
+                    width: item.locationWidePx + 'px',
+                    height: item.locationDeepPx + 'px',
+                    zIndex: 999,
+                    backgroundColor: item.id == currentItem?.id ? '#5ecc62' : '#000',
+                    borderRadius: '50%'
+                  }"
+                ></div>
+              </template>
+              <div class="drop-down-menu">
+                <div class="drop-down-menu">
+                  <div class="drop-down-menu-item"> 取放货点：{{ item.sortNum }} </div>
+                </div>
+              </div>
+            </el-popover>
           </template>
         </div>
       </div>

src/views/mapPage/realTimeMap/components/indexPage.vue

@@ -88,7 +88,6 @@
                 </el-popover>
               </div>
               <!-- 其它类型节点继续DOM渲染 -->
-
               <div
                 class="map-point-list"
                 v-for="(item, index) in filteredMapPoints"