网站首页大图怎么做,创意100图片欣赏,南宁自助建站软件,自适应网站开发工具因为这个项目license问题无法开源#xff0c;更多技术支持与服务请加入我的知识星球。 1、相应的界面前端代码
templatediv classformDesignFlowDesign :processprocess :fieldsfields :readOnlyreadOnly更多技术支持与服务请加入我的知识星球。 1、相应的界面前端代码
templatediv classformDesignFlowDesign :processprocess :fieldsfields :readOnlyreadOnlyel-switchinline-promptsizelargeactive-text正常模式inactive-text暗黑模式changehandleToggleDarkv-modelisDark/el-switchv-modelreadOnlysizelargeactive-text只读模式inactive-text编辑模式inline-prompt:active-valuetrue:inactive-valuefalse/el-button-groupel-button clickviewJson sizesmall typeprimary round iconView 查看Json/el-button/el-button-groupel-button-groupel-button clickviewXmlBpmn sizesmall typeprimary round iconView 查看XML /el-button/el-button-groupel-button-groupel-button clickconverterBpmn sizesmall typeprimary round iconView 预览bpmn /el-button/el-button-group/FlowDesignel-dialog title预览 width60% v-modelpreviewModelVisible append-to-body destroy-on-closehighlightjs :languagepreviewType :codepreviewResult styleheight: 80vh //el-dialog!-- Bpmn流程图 --el-dialog :titleprocessView.title v-modelprocessView.open width70% append-to-bodyprocess-viewer :keydesigner-${processView.title} :xmlprocessView.xmlData :style{height: 500px} //el-dialog/div/template 2、相应的转换代码 const viewJson () {const processJson JSON.stringify(process.value,undefined, 2); previewResult.value processJson; previewType.value jsonpreviewModelVisible.value true
}
const viewXmlBpmn () {const processModel {code: test,name: 测试,icon: {name: el:HomeFilled,color: #409EFF},process: process.value,enable: true,version: 1,sort: 0,groupId: ,remark: }const xmlData viewXml(processModel)xmlData.then((result) {previewResult.value resultpreviewType.value xmlpreviewModelVisible.value true})
3、效果图