54 lines
1.4 KiB
Vue
54 lines
1.4 KiB
Vue
<template>
|
||
<div ref="container" class="container">
|
||
<iframe ref="iframe" :src="iframeUrl" frameborder="0" width="100%" height="100%"></iframe>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup name="WarmFlow">
|
||
const { proxy } = getCurrentInstance();
|
||
import { onMounted } from 'vue';
|
||
// definitionId为需要查询的流程定义id，
|
||
// disabled为是否可编辑, 例如：查看的时候不可编辑，不可保存
|
||
const iframeUrl = ref('');
|
||
const baseUrl = import.meta.env.VITE_APP_BASE_API;
|
||
import { getToken } from '@/utils/auth';
|
||
const iframeLoaded = () => {
|
||
// iframe监听组件内设计器保存事件
|
||
window.onmessage = (event) => {
|
||
switch (event.data.method) {
|
||
case 'close':
|
||
close();
|
||
break;
|
||
}
|
||
};
|
||
};
|
||
const open = async (definitionId) => {
|
||
let url = baseUrl + `/warm-flow-ui/index.html?id=${definitionId}&disabled=false`;
|
||
iframeUrl.value = url + '&Authorization=Bearer ' + getToken() + '&clientid=' + import.meta.env.VITE_APP_CLIENT_ID;
|
||
console.log(iframeUrl.value);
|
||
};
|
||
/** 关闭按钮 */
|
||
function close() {
|
||
const obj = { path: '/workflow/processDefinition' };
|
||
proxy.$tab.closeOpenPage(obj);
|
||
}
|
||
|
||
onMounted(() => {
|
||
iframeLoaded();
|
||
open(proxy.$route.query.definitionId);
|
||
});
|
||
/**
|
||
* 对外暴露子组件方法
|
||
*/
|
||
defineExpose({
|
||
open
|
||
});
|
||
</script>
|
||
|
||
<style scoped>
|
||
.container {
|
||
width: 100%;
|
||
height: calc(100vh - 84px);
|
||
}
|
||
</style>
|