| | |
|---|
| | | <template> |
|---|
| | | <div ref="container" class="container"> |
|---|
| | | <iframe ref="iframe" :src="iframeUrl" frameborder="0" width="100%" height="100%"></iframe> |
|---|
| | | <div ref="container" class="w-full h-[calc(100vh-88px)]"> |
|---|
| | | <iframe ref="iframe" :src="iframeUrl" frameborder="0" height="100%" style="height: 100%; width: inherit"></iframe> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script setup name="WarmFlow"> |
|---|
| | | const { proxy } = getCurrentInstance(); |
|---|
| | | import { onMounted } from 'vue'; |
|---|
| | | import { getToken } from '@/utils/auth'; |
|---|
| | | |
|---|
| | | // 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) => { |
|---|
| | |
|---|
| | | }; |
|---|
| | | /** 关闭按钮 */ |
|---|
| | | function close() { |
|---|
| | | const obj = { path: '/workflow/processDefinition' }; |
|---|
| | | const obj = { path: '/workflow/processDefinition', query: {activeName: proxy.$route.query.activeName}}; |
|---|
| | | proxy.$tab.closeOpenPage(obj); |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|---|
| | | open |
|---|
| | | }); |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | .container { |
|---|
| | | width: 100%; |
|---|
| | | height: calc(100vh - 84px); |
|---|
| | | } |
|---|
| | | </style> |
|---|
