update

src/components/secondaryScreen/secondMap/secondMap.vue

@@ -9,32 +9,32 @@
             </div>
             <div v-show="false" id="container"></div>
             <div v-show="false" id="panel"></div>
-            <div class="footer-data" v-show="isShow" style="--moveUp: 50px; --moveDown: -90px" :class="className">
+            <div v-show="isShow" :class="className" class="footer-data" style="--moveUp: 50px; --moveDown: -90px">
                 <div class="empty-png"></div>
                 <div
-                    class="col-item nowrap"
                     v-for="item in footerList"
                     :style="{ cursor: item.key == 'allotDeviceNum' ? 'pointer' : 'default' }"
+                    class="col-item nowrap"
                     @click="openWatchList(item)"
                 >
                     <div class="col-text">{{ item?.name }}</div>
-                    <div class="col-value nowrap" :title="item.value">{{ item?.value }}</div>
+                    <div :title="item.value" class="col-value nowrap">{{ item?.value }}</div>
                 </div>
             </div>
             <div
+                v-show="isShowAlarm"
+                :class="isShowAlarm ? 'slide-top' : 'slide-bottom'"
                 class="footer-dialog-con"
                 style="--moveUp: 120px; --moveDown: -120px"
-                :class="isShowAlarm ? 'slide-top' : 'slide-bottom'"
-                v-show="isShowAlarm"
             >
                 <FooterDialog :detailLeft="detailLeft" :detailRight="detailRight" @closeDialog="closeDialog"></FooterDialog>
             </div>
         </div>
-        <WatchListDialog ref="watchDialogRef"></WatchListDialog>
+        <WatchListDialog ref="watchDialogRef" @close="closeWatch"></WatchListDialog>
     </div>
 </template>
 <script lang="ts" setup>
-    import { onMounted, ref } from 'vue';
+    import { onMounted, ref, watch } from 'vue';
     import { Map } from '/@/assets/mapUtils/map';
     import $bus from '/@/utils/bus.ts';
     import FooterDialog from '/@/components/secondaryScreen/secondMap/components/footerDialog.vue';
@@ -109,6 +109,12 @@
         } catch {}
     }
 
+    watch(
+        () => props.orgCode,
+        () => {
+            getMapList();
+        }
+    );
     const { detailLeft, detailRight, setDetail } = useAlarmDetail();
     onMounted(() => {
         init();
@@ -121,12 +127,18 @@
     });
 
     /**
-     *@desc 预警弹窗关闭
+     *@desc 底部信息
      */
     function closeDialog() {
         setIsShowAlarm(!isShowAlarm.value);
+        Map.clearMarker();
     }
 
+    /**
+     * @desc  预警弹窗关闭
+     */
+    function closeWatch() {}
+
     function drawMarker(data: any) {
         const { lon, lat } = data;
         if (!lon || !lat) return;