fix -- 修复流程新增无法修改流程名称问题

ruoyi-ui/src/components/ProcessDesigner/index.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="process-design" :style="'display: flex; height:' + height">
     <bpmn-process-designer
-      :key="`designer-${reloadIndex}`"
       v-model="xmlString"
       v-bind="controlForm"
       keyboard
@@ -17,7 +16,7 @@
       @event="handlerEvent"
       @save="onSaveProcess"
     />
-    <bmpn-process-penal :key="`penal-${reloadIndex}`" :bpmn-modeler="modeler" :prefix="controlForm.prefix" class="process-panel" />
+    <bmpn-process-penal :bpmn-modeler="modeler" :prefix="controlForm.prefix" class="process-panel" />
   </div>
 </template>
 
@@ -52,11 +51,10 @@ export default {
   data () {
     return {
       height: document.documentElement.clientHeight - 94.5 + "px;",
-      reloadIndex: 0,
       xmlString: this.bpmnXml,
       modeler: null,
       controlForm: {
-        processId: this.designerForm.processId || '',
+        processId: this.designerForm.processKey || '',
         processName: this.designerForm.processName || '',
         simulation: false,
         labelEditing: false,

ruoyi-ui/src/views/workflow/definition/designer.vue

@@ -25,7 +25,7 @@
         </el-row>
       </el-header>
       <el-main>
-        <div v-show="activeStep === 0">
+        <div v-if="activeStep === 0">
           <div class="app-container">
             <el-form size="small" label-width="80px">
               <el-form-item label="流程标识">
@@ -48,16 +48,15 @@
             </el-form>
           </div>
         </div>
-        <div v-show="activeStep === 1">
+        <div v-if="activeStep === 1">
           <process-designer
             ref="modelDesigner"
             v-loading="loading"
-            :key="`designer-${loadIndex}`"
             :bpmnXml="bpmnXml"
             :designerForm="designerForm"
           />
         </div>
-        <div v-show="activeStep === 2">
+        <div v-if="activeStep === 2">
           <el-result :icon="result.icon" :title="result.title" :subTitle="result.describe">
             <template slot="extra">
               <el-button type="primary" size="medium" @click="onClose()">关闭</el-button>