45 lines
1000 B
Vue
45 lines
1000 B
Vue
<script>
|
|
module.exports = {
|
|
name: "snakerChart",
|
|
data() {
|
|
return {
|
|
designVisible: false,
|
|
designUrl: ""
|
|
}
|
|
},
|
|
methods: {
|
|
onOpenFull(processDefineId,instanceId) {
|
|
this.designVisible = true
|
|
this.designUrl = `/flow/define/preview?defineId=${processDefineId}&instanceId=${instanceId}`
|
|
},
|
|
onOpen(processDefineKey){
|
|
this.designVisible = true
|
|
this.designUrl = `/flow/define/preview?defineKey=${processDefineKey}`
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<el-dialog title="流程图预览" :visible.sync="designVisible" fullscreen width="80%" top="50px" append-to-body>
|
|
<div class="diagram-viewer">
|
|
<iframe v-if="designVisible" :src="designUrl" frameborder="0"></iframe>
|
|
</div>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.diagram-viewer {
|
|
/*height: 65vh;*/
|
|
height: calc(100vh - 60px - 55px);
|
|
border: 1px solid #e4e7ed;
|
|
border-radius: 4px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.diagram-viewer iframe {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
</style>
|