update

src/components/secondaryScreen/secondMap/secondMap.vue

@@ -9,8 +9,7 @@
             </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="--moveUp: 50px; --moveDown: -90px">
-                <div class="empty-png"></div>
+            <div v-show="isShow" :class="className" class="footer-data" style="--moveUp: 50px; --moveDown: -60px">
                 <div
                     v-for="item in footerList"
                     :style="{ cursor: item.key == 'allotDeviceNum' ? 'pointer' : 'default' }"
@@ -25,7 +24,7 @@
                 v-show="isShowAlarm"
                 :class="isShowAlarm ? 'slide-top' : 'slide-bottom'"
                 class="footer-dialog-con"
-                style="--moveUp: 120px; --moveDown: -120px"
+                style="--moveUp: 110px; --moveDown: -100px"
             >
                 <FooterDialog :detailLeft="detailLeft" :detailRight="detailRight" @closeDialog="closeDialog"></FooterDialog>
             </div>
@@ -73,7 +72,7 @@
     async function getFooterTable(orgCode) {
         const params = {
             orgCode: orgCode || props.orgCode,
-            dataDate: getToday(),
+            // dataDate: getToday(),
         };
         const { code, result } = await footerApi(params);
         if (code == 200) {
@@ -87,6 +86,10 @@
             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,
                     {
@@ -107,6 +110,7 @@
                 );
             } else {
                 Map.removeOverlayGroup();
+                setIsShow(false);
             }
         } catch {}
     }
@@ -160,6 +164,7 @@
             display: flex;
             flex-direction: column;
             position: relative;
+            overflow: hidden;
         }
 
         .form-container {
@@ -176,21 +181,12 @@
 
         .footer-data {
             position: absolute;
-            left: 0;
-            right: 0;
+            left: 4px;
+            right: 4px;
             bottom: var(--moveDown);
             display: flex;
             z-index: 999;
-
-            .empty-png {
-                position: absolute;
-                top: -16px;
-                left: 0;
-                width: 100%;
-                height: 16px;
-                background: url('../../../assets/images/bg.png') no-repeat;
-                background-position-y: -500px;
-            }
+            border: 1px solid rgba(35, 132, 221);
 
             .col-item {
                 flex: 1;
@@ -200,7 +196,7 @@
                 .col-text {
                     height: 40px;
                     line-height: 40px;
-                    background: rgba(35, 132, 221);
+                    background: rgba(35, 132, 221, 0.5);
                 }
 
                 .col-value {
@@ -213,8 +209,8 @@
 
         .footer-dialog-con {
             position: absolute;
-            left: 0;
-            right: 0;
+            left: 4px;
+            right: 4px;
             bottom: var(--moveDown);
             z-index: 999;
         }