修改测试bug 优化页面

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

@@ -12,6 +12,8 @@
                 style="position: relative"
             >
                 <iframe
+                    v-if="bindId"
+                    :key="bindId"
                     :src="iframeSrc"
                     width="100%"
                     height="100%"
@@ -20,6 +22,7 @@
                     id="iframeLeft"
                     @load="onIframeLoad"
                 ></iframe>
+                <el-empty v-else description="暂无绑定页面" style="height: 100%" />
             </div>
         </div>
         <div class="bottom-container">
@@ -28,13 +31,15 @@
                 :icon="show ? 'el-icon-ArrowDownBold' : 'el-icon-ArrowUpBold'"
                 @click="show = !show"
                 style="width: 100%"
+                v-if="bindId"
             >
                 事件列表
             </el-button>
+            <el-button class="bindBut" type="primary" icon="el-icon-Sort" @click="bindClick">绑定</el-button>
             <!-- <div class="buttonBox">
                     <el-button type="primary" icon="el-icon-Aim" @click="reset">复位</el-button>
                 </div> -->
-           
+
             <transition name="table-fade">
                 <div class="tableBox" v-if="show">
                     <vxe-table border auto-resize height="230px" :data="tableData" ref="tableRef">
@@ -46,6 +51,8 @@
                 </div>
             </transition>
         </div>
+        <!--绑定实时数据 -->
+        <Bind ref="bindRef" @bindClick="info" />
     </div>
 </template>
 <script setup lang="ts">
@@ -53,11 +60,16 @@ import { ref, watch, onMounted, onUnmounted, provide } from 'vue'
 import Table from '@/components/table/index.vue'
 import TableStore from '@/utils/tableStore'
 import { mainHeight } from '@/utils/layout'
+
+import { useAdminInfo } from '@/stores/adminInfo'
+import { audit, add, coFqueryPage, getByUserId } from '@/api/cs-harmonic-boot/mxgraph'
+import Bind from './bind.vue'
 // import { getActive } from "@/api/manage_wx/index";
 
 // const props = defineProps<{
 //     project: { id: string; name: string } | null
 // }>()
+const adminInfo = useAdminInfo()
 const show = ref(false)
 const prop = defineProps({
     width: { type: [String, Number] },
@@ -65,10 +77,9 @@ const prop = defineProps({
     timeKey: { type: Array as () => string[] },
     timeValue: { type: Object }
 })
-
-const tableData = ref([
-   
-])
+const bindRef = ref()
+const tableData = ref([])
+const bindId = ref('')
 
 // 在父页面中添加事件监听器
 window.addEventListener('message', function (event) {
@@ -83,6 +94,9 @@ window.addEventListener('message', function (event) {
 const tableRef = ref()
 
 const pageHeight = mainHeight(40)
+const bindClick = () => {
+    bindRef.value.open()
+}
 
 const reset = () => {
     // 向 iframe 发送复位事件
@@ -128,15 +142,10 @@ const iframeSrc = ref('')
 //     { immediate: true, deep: true }
 // )
 
-onMounted(() => {
-    iframeSrc.value =
-        window.location.origin + `/zutai/?id=4b4f7f4260198776594f5f9d93a532e8&&name=stt&&preview=true#/preview_YPT`
-
+onMounted(async () => {
+    info()
     // tableStore.index()
-
     // 监听来自 eventStatistics 组件的消息
-    window.addEventListener('message', handleMessage)
-
     //   getActive({}).then((res: any) => {
     //     if (res.code == "A0000") {
     //       //   window.location.origin
@@ -148,7 +157,31 @@ onMounted(() => {
     //     }
     //   });
 })
-
+const info = async () => {
+    iframeSrc.value = ''
+    await getByUserId({ userId: adminInfo.id })
+        .then(res => {
+            bindId.value = res.data.pageId
+        })
+        .catch(async err => {
+            // bindId.value = '4b4f7f4260198776594f5f9d93a532e8'
+            await coFqueryPage({
+                currentUserId: adminInfo.id,
+                roleCode: adminInfo.roleCode.join(','),
+                searchValue: '',
+                pageNum: 1,
+                pageSize: 1000
+            }).then(res => {
+                bindId.value = res.data.records.filter(item => item.scope == 1)[0]?.id || null
+          
+            })
+        })
+    await setTimeout(() => {
+        iframeSrc.value = window.location.origin + `/zutai/?id=${bindId.value}&&name=stt&&preview=true#/preview_YPT`
+        // iframeSrc.value =  `http://192.168.2.128:4001/zutai/?id=${bindId.value}&&name=stt&&preview=true#/preview_YPT`
+        window.addEventListener('message', handleMessage)
+    }, 0)
+}
 onUnmounted(() => {
     // 清理事件监听器
     window.removeEventListener('message', handleMessage)
@@ -258,4 +291,9 @@ const sendKeysToIframe = (keyList: string[]) => {
 .table-fade-enter-active {
     transition-delay: 0.05s;
 }
+.bindBut {
+    position: absolute;
+    right: 0px;
+    top: -35px;
+}
 </style>