| | |
| | | <template> |
| | | <div class="containers"> |
| | | <div class="app-containers"> |
| | | <div v-loading="loading" class="app-containers"> |
| | | <el-container class="h-full"> |
| | | <el-container style="align-items: stretch"> |
| | | <el-header> |
| | |
| | | const perviewSVGShow = ref(false); |
| | | const xmlStr = ref(''); |
| | | const svgData = ref(''); |
| | | const loading = ref(false); |
| | | |
| | | const panelBarClick = () => { |
| | | // 延迟执行,否则会导致面板收起时,属性面板不显示 |
| | |
| | | xml: xml, |
| | | svg: svg, |
| | | key: process.id, |
| | | name: process.name |
| | | name: process.name, |
| | | loading: loading |
| | | }; |
| | | emit('saveCallBack', data); |
| | | }; |
| | |
| | | //保存模型 |
| | | const saveCallBack = async (data) => { |
| | | await proxy?.$modal.confirm('是否确认保存?'); |
| | | data.loading.value = true; |
| | | modelForm.value.id = modelId.value; |
| | | modelForm.value.xml = data.xml; |
| | | modelForm.value.svg = data.svg; |
| | |
| | | emit('closeCallBack', data); |
| | | } |
| | | }); |
| | | data.loading.value = false; |
| | | }; |
| | | |
| | | /** |
| | |
| | | 'echarts', |
| | | 'vue-i18n', |
| | | '@vueup/vue-quill', |
| | | 'bpmn-js/lib/Viewer', |
| | | 'bpmn-js/lib/Modeler.js', |
| | | 'bpmn-js-properties-panel', |
| | | 'min-dash', |
| | | 'diagram-js/lib/navigation/movecanvas', |
| | | 'diagram-js/lib/navigation/zoomscroll', |
| | | 'bpmn-js/lib/features/palette/PaletteProvider', |
| | | 'bpmn-js/lib/features/context-pad/ContextPadProvider', |
| | | 'diagram-js/lib/draw/BaseRenderer', |