huangge1199/vue-pro
1
0
Fork 0
mirror of https://gitee.com/huangge1199_admin/vue-pro.git synced 2024-11-22 23:31:52 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

bug

Browse Source
This commit is contained in:
gexinzhineng/gxzn27 2023-01-30 10:18:49 +08:00
parent 252ef55a6c
commit d6a4dc7d11
2 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
yudao-ui-admin-vue3/src/components/bpmnProcessDesigner/package/designer/ProcessDesigner.vue
View File

@ -8,13 +8,16 @@
<el-tooltip effect="light" placement="bottom">
<template #content>
<div style="color: #409eff">
<el-button link @click="downloadProcessAsXml()">下载为XML文件</el-button>
<!-- <el-button link @click="downloadProcessAsXml()">下载为XML文件</el-button> -->
<XTextButton title="下载为XML文件" @click="downloadProcessAsXml()" />
<br />
<el-button link @click="downloadProcessAsSvg()">下载为SVG文件</el-button>
<!-- <el-button link @click="downloadProcessAsSvg()">下载为SVG文件</el-button> -->
<XTextButton title="下载为SVG文件" @click="downloadProcessAsSvg()" />
<br />
<el-button link @click="downloadProcessAsBpmn()">下载为BPMN文件</el-button>
<!-- <el-button link @click="downloadProcessAsBpmn()">下载为BPMN文件</el-button> -->
<XTextButton title="下载为BPMN文件" @click="downloadProcessAsBpmn()" />
</div>
</template>
<XButton title="下载文件" preIcon="ep:download" />
@ -22,9 +25,11 @@
<el-tooltip effect="light">
<XButton preIcon="ep:view" title="浏览" />
<template #content>
<el-button link @click="previewProcessXML">预览XML</el-button>
<!-- <el-button link @click="previewProcessXML">预览XML</el-button> -->
<XTextButton title="预览XML" @click="previewProcessXML" />
<br />
<el-button link @click="previewProcessJson">预览JSON</el-button>
<!-- <el-button link @click="previewProcessJson">预览JSON</el-button> -->
<XTextButton title="预览JSON" @click="previewProcessJson" />
</template>
</el-tooltip>
<el-tooltip
@ -236,7 +241,7 @@ import flowableModdleExtension from './plugins/extension-moddle/flowable'
// 引入json转换与高亮
// import xml2js from 'xml-js'
import xml2js from 'fast-xml-parser'
import { XmlNode, XmlNodeType, parseXmlString } from 'steady-xml'
// 代码高亮插件
// import hljs from 'highlight.js/lib/highlight'
// import 'highlight.js/styles/github-gist.css'
@ -630,6 +635,13 @@ const previewProcessXML = () => {
const previewProcessJson = () => {
bpmnModeler.saveXML({ format: true }).then(({ xml }) => {
console.log(xml, 'xml')
const rootNode = parseXmlString(xml)
console.log(rootNode, 'rootNoderootNode')
const rootNodes = new XmlNode(XmlNodeType.Root)
rootNodes.toJsObject()
console.log(JSON.stringify(rootNodes), ';;;;;;;;;;;;;;;')
const parser = new xml2js.XMLParser()
let jObj = parser.parse(xml)
// console.log(jObj, 'jObjjObjjObjjObjjObj')

4
yudao-ui-admin-vue3/src/components/bpmnProcessDesigner/package/designer/ProcessViewer.vue
View File

@ -39,6 +39,10 @@ const props = defineProps({
provide('configGlobal', props)
const emit = defineEmits(['destroy'])
let bpmnModeler
const xml = ref('')
const activityList = ref([])
const processInstance = ref(undefined)