接线图角落弹框

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

@@ -2,12 +2,13 @@
     <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 || pageHeight.height }" >
             <div
                 class="iframe-container"
                 :style="{
                     boxShadow: `var(--el-box-shadow-light)`
                 }"
+                style="border:red solid 1px;position: relative;"
             >
                 <iframe
                     :src="iframeSrc"
@@ -18,6 +19,9 @@
                     id="iframeLeft"
                     @load="onIframeLoad"
                 ></iframe>
+                <IframeDia
+                style="position: absolute; top: 0px; right: 0px; left: 0px"
+              />
             </div>
 
             <el-card class="bottom-container " style="flex: 1;min-height: 165px;">
@@ -36,6 +40,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 IframeDia from './iframeDia.vue'
 // import { getActive } from "@/api/manage_wx/index";
 
 // const props = defineProps<{