update

src/components/secondaryScreen/secondMap/secondMap.vue

@@ -9,7 +9,6 @@
             </div>
             <div v-show="false" id="container"></div>
             <div v-show="false" id="panel"></div>
-            <!--            <div v-show="isShow" :class="className" class="footer-data" style="&#45;&#45;moveUp: 120px; &#45;&#45;moveDown: -80px">-->
             <div v-show="isShow" :class="className" class="footer-data" style="--moveUp: 20px; --moveDown: -80px">
                 <div
                     v-for="item in footerList"
@@ -39,10 +38,9 @@
     import $bus from '/@/utils/bus.ts';
     import FooterDialog from '/@/components/secondaryScreen/secondMap/components/footerDialog.vue';
     import WatchListDialog from '/@/components/secondaryScreen/secondMap/components/watchListDialog.vue';
-    import { useAlarmDetail, useFooterTable, useMoveClass } from '/@/components/secondaryScreen/secondMap/secondMapHooks.ts';
+    import { infoContent, useAlarmDetail, useFooterTable, useMoveClass } from '/@/components/secondaryScreen/secondMap/secondMapHooks.ts';
     import { footerApi, mapListApi } from '/@/components/secondaryScreen/secondMap/secondMapApi.ts';
     import { earlyWarning } from '/@/utils/busConstant.ts';
-    import { getToday } from '/@/utils/utils.ts';
 
     const props = defineProps({
         orgCode: String,
@@ -71,26 +69,24 @@
     const { footerList, setFooterList, setIsShowAlarm, isShowAlarm } = useFooterTable();
 
     async function getFooterTable(orgCode) {
-        const params = {
+        let params = {
             orgCode: orgCode || props.orgCode,
-            // dataDate: getToday(),
         };
         const { code, result } = await footerApi(params);
         if (code == 200) {
+            setIsShow(true);
             setFooterList(result);
         }
     }
 
     async function getMapList() {
+        let orgCode = props.orgCode?.substring(0, 6);
+        getFooterTable(orgCode);
         try {
             const { code, result } = await mapListApi({ orgCode: props.orgCode });
             if (code == 200 && result.length > 0) {
                 const newArr = result.map((item) => ({ ...item, type: '6' }));
                 mapList.value = newArr;
-                let orgCode = newArr[0].orgCode?.substring(0, 6);
-                getFooterTable(orgCode);
-                setIsShow(true);
-
                 Map.createOverlay(
                     newArr,
                     {
@@ -104,14 +100,20 @@
                             </div>`;
                         },
                     },
-                    (val) => {
-                        getFooterTable(val.orgCode?.substring(0, 6));
-                        setIsShow(true);
+                    async (val) => {
+                        let params = {
+                            orgCodeLeaf: val.orgCode,
+                            orgCode: null,
+                        };
+                        const { code, result } = await footerApi(params);
+                        if (code == 200) {
+                            Map.createInfoModal({ option: val, content: infoContent(result) });
+                            setIsShow(true);
+                        }
                     }
                 );
             } else {
                 Map.removeOverlayGroup();
-                setIsShow(false);
             }
         } catch {}
     }
@@ -246,4 +248,25 @@
             }
         }
     }
+
+    :deep(.watch-modal) {
+        width: 300px;
+        height: 190px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        padding-left: 10px;
+
+        .modal-row {
+            font-size: 16px;
+            line-height: 34px;
+            color: #fff;
+
+            .label {
+                display: inline-flex;
+                justify-content: flex-end;
+                width: 140px;
+            }
+        }
+    }
 </style>