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.
48 lines
1.2 KiB
48 lines
1.2 KiB
<template>
|
|
<div class="container" ref="container">
|
|
<iframe ref="iframe" :src="iframeUrl" frameborder="0" width="100%" height="100%"></iframe>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup name="WarmFlow">
|
|
import {useUserStore} from "/@/store/modules/system/user.js";
|
|
|
|
const { proxy } = getCurrentInstance();
|
|
import {getCurrentInstance, onMounted, onUnmounted, ref} from 'vue';
|
|
|
|
const routeId = proxy.$route.params.id;
|
|
const isNew = routeId === 'new';
|
|
const iframeUrl = ref(isNew
|
|
? import.meta.env.VITE_APP_API_URL + `/warm-flow-ui/index.html?disabled=false&Authorization=Bearer ` + useUserStore().getToken
|
|
: import.meta.env.VITE_APP_API_URL + `/warm-flow-ui/index.html?id=${routeId}&disabled=false&Authorization=Bearer ` + useUserStore().getToken
|
|
);
|
|
|
|
onMounted(() => {
|
|
window.addEventListener("message", handleMessage);
|
|
});
|
|
|
|
onUnmounted(() => {
|
|
window.removeEventListener("message", handleMessage);
|
|
});
|
|
|
|
const handleMessage = (event) => {
|
|
switch (event.data.method) {
|
|
case "close":
|
|
close();
|
|
break;
|
|
}
|
|
};
|
|
|
|
/** 关闭按钮 */
|
|
function close() {
|
|
const obj = { path: "/flow/definition" };
|
|
proxy.$tab.closeOpenPage(obj);
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.container {
|
|
width: 100%;
|
|
height: calc(100vh - 84px);
|
|
}
|
|
</style>
|