From 29b5cfa4db6df688cd05dd7a2036de36adcab961 Mon Sep 17 00:00:00 2001
From: guanj <guan0550>
Date: Tue, 21 Oct 2025 16:01:33 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=AE=9E=E6=97=B6=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/pqs/cockpit/realTimeData/index.vue | 84 ++++++++++----------
 1 file changed, 40 insertions(+), 44 deletions(-)

diff --git a/src/views/pqs/cockpit/realTimeData/index.vue b/src/views/pqs/cockpit/realTimeData/index.vue
index aabefb3..7f14d58 100644
--- a/src/views/pqs/cockpit/realTimeData/index.vue
+++ b/src/views/pqs/cockpit/realTimeData/index.vue
@@ -1,25 +1,33 @@
 <template>
-    <div class="main">
+    <div class="default-main" :style="{ padding: prop.height ? '0px !important' : '10px' }">
         <!-- 实时数据 -->
         <!-- 添加加载事件监听 -->
-        <div class="iframe-container" style="border: #1c3068 solid 1px">
-            <iframe
-                :src="iframeSrc"
-                width="100%"
-                height="100%"
-                frameborder="0"
-                scrolling="no"
-                id="iframeLeft"
-                @load="onIframeLoad"
-            ></iframe>
-        </div>
-        <div class="bottom-container">
-            <div>
-                <el-button size="small">复位</el-button>
-            </div>
-            <div>
-                <Table ref="tableRef" isGroup height="100%"></Table>
+        <div class="dataBox" :style="{ height: prop.height || pageHeight.height }">
+            <div
+                class="iframe-container"
+                :style="{
+                    boxShadow: `var(--el-box-shadow-light)`
+                }"
+            >
+                <iframe
+                    :src="iframeSrc"
+                    width="100%"
+                    height="100%"
+                    frameborder="0"
+                    scrolling="no"
+                    id="iframeLeft"
+                    @load="onIframeLoad"
+                ></iframe>
             </div>
+
+            <el-card class="bottom-container " style="flex: 1">
+                <div class="buttonBox">
+                    <el-button type="primary" icon="el-icon-Aim">复位</el-button>
+                </div>
+                <div class="tableBox">
+                    <Table ref="tableRef" isGroup height="100%"></Table>
+                </div>
+            </el-card>
         </div>
     </div>
 </template>
@@ -105,12 +113,11 @@ const tableStore: any = new TableStore({
                 question: '所有指标均合格'
             }
         ]
-
     }
 })
 const tableRef = ref()
 provide('tableRef', tableRef)
-
+const pageHeight = mainHeight(40)
 provide('tableStore', tableStore)
 
 const iframeSrc = ref('')
@@ -204,40 +211,29 @@ const sendKeysToIframe = (keyList: string[]) => {
 }
 </script>
 <style lang="scss" scoped>
-.main {
+.dataBox {
     width: 100%;
     height: 100%;
-    padding: 5px;
     display: flex;
     flex-direction: column;
-    overflow: hidden; /* 添加这行 */
 }
 
 .iframe-container {
     flex: 3.5;
-    overflow: hidden; /* 添加这行 */
 }
-
-.bottom-container {
-    flex: 0.5;
+:deep(.el-card__body) {
     display: flex;
-    //   align-items: stretch;
-    padding: 5px 0;
-    overflow: hidden; /* 添加这行 */
-}
-
-.bottom-container > div:first-child {
-    display: flex;
-    // width: 6%;
-       flex: 1;
-    align-items: center;
-}
-
-.bottom-container > div:last-child {
-      flex: 18;
-    // width: 94%;
+    padding: 10px;
     height: 100%;
-    overflow: auto; /* 添加这行，关键点 */
+    .buttonBox {
+        display: flex;
+        width: 150px;
+        align-items: center;
+        justify-content: center;
+    }
+    .tableBox {
+        flex: 1;
+        width: 100%;
+    }
 }
-
 </style>