实时数据页面样式修改

src/views/pqs/cockpit/realTimeData/index.vue

@@ -1,8 +1,9 @@
 <template>
     <div class="default-main" :style="{ padding: prop.height ? '0px !important' : '10px' }">
         <!-- 实时数据 -->
+        <!-- 实时数据 走驾驶舱-->
         <!-- 添加加载事件监听 -->
-        <div class="dataBox" :style="{ height: prop.height || pageHeight.height }">
+        <div class="dataBox" :style="{ height: prop.height ? prop.height : pageHeight.height }">
             <div
                 class="iframe-container"
                 :style="{
@@ -52,7 +53,7 @@ import { mainHeight } from '@/utils/layout'
 const prop = defineProps({
     width: { type: [String, Number] },
     height: { type: [String, Number] },
-   timeKey: { type: Array as () => string[] },
+    timeKey: { type: Array as () => string[] },
     timeValue: { type: Object }
 })
 
@@ -69,96 +70,29 @@ window.addEventListener('message', function (event) {
     }
 })
 
-// const tableStore: any = new TableStore({
-//     url: '/user-boot/role/selectRoleDetail?id=0',
-//     method: 'POST',
-
-//     showPage: false,
-
-//     column: [
-//         {
-//             field: 'index',
-//             title: '序号',
-//             width: '80',
-//             formatter: (row: any) => {
-//                 return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
-//             }
-//         },
-//         {
-//             title: '时间',
-//             field: 'whetherToGovern',
-//             minWidth: '70'
-//         },
-//         {
-//             title: '监测点名',
-//             field: 'name',
-//             minWidth: '90'
-
-//             // render: 'customTemplate',
-//             // customTemplate: (row: any) => {
-//             //     return `<span style='cursor: pointer;text-decoration: underline;'>${row.name}</span>`
-//             // }
-//         },
-
-//         { title: '事件描述', field: 'question', minWidth: '200' }
-//     ],
-//     beforeSearchFun: () => {
-//         // tableStore.table.params.searchBeginTime = prop.timeValue?.[0] || getTimeOfTheMonth(prop.timeKey)[0]
-//         //     tableStore.table.params.searchEndTime = prop.timeValue?.[1] || getTimeOfTheMonth(prop.timeKey)[1]
-//     },
-//     loadCallback: () => {
-//         tableStore.table.data = [
-//             {
-//                 name: '10kV1#电动机',
-//                 type: '电动机',
-//                 whetherToGovern: '2025-01-01 15:00:00',
-//                 question: '3次谐波电压、5次谐波电流、电压不平衡度超标'
-//             },
-//             {
-//                 name: '10kV2#(治理后)',
-//                 type: '电焊机',
-//                 whetherToGovern: '2025-05-01 16:00:00',
-//                 question: '所有指标均合格'
-//             },
-//             {
-//                 name: '380V电焊机(治理前)',
-//                 type: '电焊机',
-//                 whetherToGovern: '2025-06-01 15:00:00',
-//                 question: '5次谐波电流、电压不平衡度超标'
-//             },
-//             {
-//                 name: '380V水泵机',
-//                 type: '电动机',
-//                 whetherToGovern: '2025-08-01 15:00:00',
-//                 question: '所有指标均合格'
-//             }
-//         ]
-//     }
-// })
 const tableRef = ref()
-// provide('tableRef', tableRef)
-// const pageHeight = mainHeight(40)
-// provide('tableStore', tableStore)
+
+const pageHeight = mainHeight(40)
 
 const reset = () => {
-  // 向 iframe 发送复位事件
-  sendResetToIframe();
-  // 清空表格数据
-//   tableData.value = [];
+    // 向 iframe 发送复位事件
+    sendResetToIframe()
+    // 清空表格数据
+    //   tableData.value = [];
 }
 
 // 向 iframe 发送复位消息的函数
 const sendResetToIframe = () => {
-  const iframe = document.getElementById('iframeLeft') as HTMLIFrameElement;
-  if (iframe && iframe.contentWindow) {
-    iframe.contentWindow.postMessage(
-      {
-        type: 'RESET_EVENT',
-        payload: true
-      },
-      '*'  // 生产环境中应替换为具体的域名
-    );
-  }
+    const iframe = document.getElementById('iframeLeft') as HTMLIFrameElement
+    if (iframe && iframe.contentWindow) {
+        iframe.contentWindow.postMessage(
+            {
+                type: 'RESET_EVENT',
+                payload: true
+            },
+            '*' // 生产环境中应替换为具体的域名
+        )
+    }
 }
 
 const iframeSrc = ref('')
@@ -186,7 +120,7 @@ const iframeSrc = ref('')
 
 onMounted(() => {
     iframeSrc.value =
-       window.location.origin + `/zutai/?id=4b4f7f4260198776594f5f9d93a532e8&&name=stt&&preview=true#/preview_YPT`
+        window.location.origin + `/zutai/?id=4b4f7f4260198776594f5f9d93a532e8&&name=stt&&preview=true#/preview_YPT`
 
     // tableStore.index()
 
@@ -261,16 +195,19 @@ const sendKeysToIframe = (keyList: string[]) => {
 .iframe-container {
     flex: 3.5;
 }
+
 :deep(.el-card__body) {
     display: flex;
     padding: 10px;
     height: 100%;
+
     .buttonBox {
         display: flex;
         width: 150px;
         align-items: center;
         justify-content: center;
     }
+
     .tableBox {
         flex: 1;
         width: 100%;