32 lines
899 B
Vue
32 lines
899 B
Vue
|
<template>
|
|||
|
|
<!-- 弹窗：流程模型图的预览 -->
|
|||
|
|
<Dialog v-model="bpmnDetailVisible" :append-to-body="true" title="流程图" width="800">
|
|||
|
|
<MyProcessViewer
|
|||
|
|
key="designer"
|
|||
|
|
v-model="bpmnXML"
|
|||
|
|
:prefix="bpmnControlForm.prefix"
|
|||
|
|
:value="bpmnXML as any"
|
|||
|
|
v-bind="bpmnControlForm"
|
|||
|
|
/>
|
|||
|
|
</Dialog>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script lang="ts" setup>
|
|||
|
|
import * as ModelApi from '@/api/bpm/model'
|
|||
|
|
import { MyProcessViewer } from '@/components/bpmnProcessDesigner/package'
|
|||
|
|
|
|||
|
|
defineOptions({ name: 'BPMLModel' })
|
|||
|
|
/** 流程图的详情按钮操作 */
|
|||
|
|
const bpmnDetailVisible = ref(false)
|
|||
|
|
const bpmnXML = ref(null)
|
|||
|
|
const bpmnControlForm = ref({
|
|||
|
|
prefix: 'flowable'
|
|||
|
|
})
|
|||
|
|
const handleBpmnDetail = async (key: string) => {
|
|||
|
|
const data = await ModelApi.getModelByKey(key)
|
|||
|
|
bpmnXML.value = data.bpmnXml || ''
|
|||
|
|
bpmnDetailVisible.value = true
|
|||
|
|
}
|
|||
|
|
defineExpose({ handleBpmnDetail })
|
|||
|
|
</script>
|