admin/lx-admin-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update 调整流程图渲染样式

Browse Source
This commit is contained in:
gssong 2025-05-27 22:28:28 +08:00
parent fd30362267
commit 8b8099ad09
1 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Process/flowChart.vue
View File

@ -1,13 +1,12 @@
<template> <template>
<div> <div>
<div :style="'height:' + height" class="iframe-wrapper"> <div style="height: 68vh" class="iframe-wrapper">
<iframe :src="iframeUrl" style="width: 100%; height: 100%" frameborder="0" scrolling="no" class="custom-iframe" /> <iframe :src="iframeUrl" style="width: 100%; height: 100%" frameborder="0" scrolling="no" class="custom-iframe" />
</div> </div>
</div> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import '@logicflow/core/lib/style/index.css';
import { getToken } from '@/utils/auth'; import { getToken } from '@/utils/auth';
// Props 定义方式变化 // Props 定义方式变化
@ -18,7 +17,6 @@ const props = defineProps({
} }
}); });
const height = document.documentElement.clientHeight - 94.5 + 'px';
const iframeUrl = ref(''); const iframeUrl = ref('');
const baseUrl = import.meta.env.VITE_APP_BASE_API; const baseUrl = import.meta.env.VITE_APP_BASE_API;
@ -31,12 +29,11 @@ onMounted(async () => {
.iframe-wrapper { .iframe-wrapper {
border-radius: 12px; border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
overflow: hidden; /* 关键隐藏内部溢出 */ overflow: hidden;
} }
.custom-iframe { .custom-iframe {
width: 100%; width: 100%;
height: 600px;
border: none; border: none;
background: transparent; background: transparent;
} }