修改测试bug

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

@@ -4,38 +4,24 @@
         <!-- 实时数据 走驾驶舱-->
         <!-- 添加加载事件监听 -->
         <div class="dataBox" :style="{ height: prop.height ? prop.height : pageHeight.height }">
-            <div
-                class="iframe-container"
-                :style="{
-                    boxShadow: `var(--el-box-shadow-light)`
-                }"
-                style="position: relative"
-            >
-                <iframe
-                    v-if="bindId"
-                    :key="bindId"
-                    :src="iframeSrc"
-                    width="100%"
-                    height="100%"
-                    frameborder="0"
-                    scrolling="no"
-                    id="iframeLeft"
-                    @load="onIframeLoad"
-                ></iframe>
+            <div class="iframe-container" :style="{
+                boxShadow: `var(--el-box-shadow-light)`
+            }" style="position: relative">
+                <iframe v-if="bindId" :key="bindId" :src="iframeSrc" width="100%" height="100%" frameborder="0"
+                    scrolling="no" id="iframeLeft" @load="onIframeLoad"></iframe>
                 <el-empty v-else description="暂无绑定页面" style="height: 100%" />
             </div>
         </div>
         <div class="bottom-container">
-            <el-button
-                type="primary"
-                :icon="show ? 'el-icon-ArrowDownBold' : 'el-icon-ArrowUpBold'"
-                @click="show = !show"
-                style="width: 100%"
-                v-if="bindId"
-            >
+            <el-button type="primary" :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>
+            <!-- <el-button class="bindBut" type="primary" icon="el-icon-Sort"  @click="bindClick">绑定</el-button> -->
+
+            <el-icon class="bindBut">
+                <Sort style="width: 30px;height: 30px;" color="#fff" @click="bindClick" />
+            </el-icon>
             <!-- <div class="buttonBox">
                     <el-button type="primary" icon="el-icon-Aim" @click="reset">复位</el-button>
                 </div> -->
@@ -60,7 +46,7 @@ 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 { Sort } from '@element-plus/icons-vue'
 import { useAdminInfo } from '@/stores/adminInfo'
 import { audit, add, coFqueryPage, getByUserId } from '@/api/cs-harmonic-boot/mxgraph'
 import Bind from './bind.vue'
@@ -173,7 +159,7 @@ const info = async () => {
                 pageSize: 1000
             }).then(res => {
                 bindId.value = res.data.records.filter(item => item.scope == 1)[0]?.id || null
-          
+
             })
         })
     await setTimeout(() => {
@@ -256,6 +242,7 @@ const sendKeysToIframe = (keyList: string[]) => {
         width: 100%;
     }
 }
+
 .tableBox {
     /* 必须：初始高度/overflow 配合动画 */
     overflow: hidden;
@@ -291,9 +278,12 @@ const sendKeysToIframe = (keyList: string[]) => {
 .table-fade-enter-active {
     transition-delay: 0.05s;
 }
+
 .bindBut {
     position: absolute;
-    right: 0px;
-    top: -35px;
+    right: 10px;
+    top: 7px;
+    cursor: pointer;
+    font-size: 18px;
 }
 </style>