fix 流程图设计调试

src/components/Bpmn/WorkflowBpmnModeler.vue

@@ -134,7 +134,7 @@
   import Modeler from 'bpmn-js/lib/Modeler'
   import panel from './PropertyPanel'
   import BpmData from './BpmData'
-  import getInitStr from './flowable/init'
+  import getInitStr from './flowable/designData'
   // 引入flowable的节点文件
   import flowableModdle from './flowable/flowable.json'
 

src/components/Bpmn/flowable/designData.ts

@@ -1,9 +1,14 @@
-
-function randomStr () {
+/**
+ * 随机数
+ */
+function randomStr() {
   return Math.random().toString(36).slice(-8)
 }
 
-export default function () {
+/**
+ * 获取流程图初始化数据
+ */
+export function getInitBpmnData() {
   return `<?xml version="1.0" encoding="UTF-8"?>
     <definitions xmlns="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:omgdc="http://www.omg.org/spec/DD/20100524/DC" xmlns:bioc="http://bpmn.io/schema/bpmn/biocolor/1.0" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:flowable="http://flowable.org/bpmn" targetNamespace="http://www.flowable.org/processdef">
       <process id="process_${randomStr()}" name="name_${randomStr()}">

src/components/CodeEditor/src/codemirror/CodeMirror.vue

@@ -17,6 +17,7 @@
   import 'codemirror/mode/javascript/javascript'
   import 'codemirror/mode/css/css'
   import 'codemirror/mode/htmlmixed/htmlmixed'
+  import 'codemirror/mode/xml/xml'
 
   const props = defineProps({
     mode: {

src/components/CodeEditor/src/typing.ts

@@ -2,4 +2,5 @@ export enum MODE {
   JSON = 'application/json',
   HTML = 'htmlmixed',
   JS = 'javascript',
+  XML = 'xml',
 }

src/design/components/index.less

@@ -1,3 +1,4 @@
 @import "antdv.less";
 @import "global.less";
 @import "wangEditor.less";
+@import "vxeTable.less";

src/design/components/vxeTable.less

@@ -0,0 +1,23 @@
+// vxe模态框样式
+.vxe-modal--wrapper{
+  // 层级与保持antdv一致
+  z-index: 1000 !important;
+  .vxe-modal--box{
+    .vxe-modal--footer{
+      padding: .8em 1em;
+      border-top: 1px solid #ebeef5;
+      .ant-btn{
+        margin-left: 10px;
+      }
+    }
+  }
+}
+// vxe表格相关
+.vxe-custom--option-wrapper{
+  // 需要低于顶栏
+  z-index: 8 !important;
+}
+.vxe-table--border-line{
+  // 需要低于顶栏
+  z-index: 8 !important;
+}

src/views/modules/bpm/instance/InstanceList.vue

@@ -81,7 +81,9 @@
   /**
    * 查看详情
    */
-  function show(record) {}
+  function show(record) {
+
+  }
   /**
    * 作废流程
    */

src/views/modules/bpm/model/BpmModelList.vue

@@ -142,7 +142,7 @@
    * 流程图设计
    */
   function bpmnEdit(record, isView) {
-    bpmModeler.init(record.id, isView)
+    bpmModeler.design(record.id, isView)
   }
   /**
    * 任务节点列表
@@ -198,6 +198,10 @@
       },
     })
   }
+
+  /**
+   * 校验
+   */
   function verifyBpmModel(record) {
     verifyModel(record.id).then(() => {
       createMessage.success('校验通过')

src/views/modules/bpm/model/Model.api.ts

@@ -117,7 +117,7 @@ export function copy(id) {
  */
 export interface BpmModel extends BaseEntity {
   // 名称
-  name: string
+  name?: string
   // 流程类型
   modelType?: string
   // 关联表单