You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
833 B
33 lines
833 B
<script setup lang="ts">
|
|
import { useAppConfig } from '@vben/hooks';
|
|
import { stringify } from '@vben/request';
|
|
import { useAccessStore } from '@vben/stores';
|
|
|
|
import { useWarmflowIframe } from './hook';
|
|
|
|
defineOptions({ name: 'FlowPreview' });
|
|
|
|
const props = defineProps<{ instanceId: string }>();
|
|
|
|
const { clientId } = useAppConfig(import.meta.env, import.meta.env.PROD);
|
|
|
|
const accessStore = useAccessStore();
|
|
const params = {
|
|
Authorization: `Bearer ${accessStore.accessToken}`,
|
|
id: props.instanceId,
|
|
clientid: clientId,
|
|
type: 'FlowChart',
|
|
};
|
|
|
|
/**
|
|
* iframe地址
|
|
*/
|
|
const url = `${import.meta.env.VITE_GLOB_API_URL}/warm-flow-ui/index.html?${stringify(params)}`;
|
|
|
|
const { iframeRef } = useWarmflowIframe();
|
|
</script>
|
|
|
|
<template>
|
|
<iframe ref="iframeRef" :src="url" class="h-[500px] w-full border"></iframe>
|
|
</template>
|