From 72c8b246048de17af72d7264c35d560bd4815bc5 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Mon, 3 Jan 2022 08:55:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20bpmnProcessDesigner=20?=
 =?UTF-8?q?=E7=94=B1=E4=BA=8E=E6=94=B9=E9=80=A0=EF=BC=8C=E5=AF=BC=E8=87=B4?=
 =?UTF-8?q?=20key=20=E5=92=8C=20name=20=E6=9C=AA=E5=90=8C=E6=AD=A5?=
 =?UTF-8?q?=E5=88=B0=20bpmn=20xml=20=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../package/penal/base/ElementBaseInfo.vue          | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/yudao-admin-ui/src/components/bpmnProcessDesigner/package/penal/base/ElementBaseInfo.vue b/yudao-admin-ui/src/components/bpmnProcessDesigner/package/penal/base/ElementBaseInfo.vue
index 6a77a948f..e59738127 100644
--- a/yudao-admin-ui/src/components/bpmnProcessDesigner/package/penal/base/ElementBaseInfo.vue
+++ b/yudao-admin-ui/src/components/bpmnProcessDesigner/package/penal/base/ElementBaseInfo.vue
@@ -3,10 +3,10 @@
     <el-form size="mini" label-width="90px" :model="model" :rules="rules" @submit.native.prevent>
       <el-form-item label="流程标识" prop="key">
         <el-input v-model="model.key" placeholder="请输入流标标识"
-                  :disabled="model.id !== undefined && model.id.length > 0"/>
+                  :disabled="model.id !== undefined && model.id.length > 0" @change="handleKeyUpdate" />
       </el-form-item>
       <el-form-item label="流程名称" prop="name">
-        <el-input v-model="model.name" placeholder="请输入流程名称" clearable />
+        <el-input v-model="model.name" placeholder="请输入流程名称" clearable @change="handleNameUpdate" />
       </el-form-item>
       <el-form-item label="流程分类" prop="category">
         <el-select v-model="model.category" placeholder="请选择流程分类" clearable style="width: 100%">
@@ -71,6 +71,15 @@ export default {
       this.bpmnElement = window?.bpmnInstances?.bpmnElement;
       this.elementBaseInfo = JSON.parse(JSON.stringify(this.bpmnElement.businessObject));
     },
+    handleKeyUpdate(value) {
+      // 在 BPMN 的 XML 中，流程标识 key，其实对应的是 id 节点
+      this.elementBaseInfo['id'] = value;
+      this.updateBaseInfo('id');
+    },
+    handleNameUpdate(value) {
+      this.elementBaseInfo['name'] = value;
+      this.updateBaseInfo('name');
+    },
     updateBaseInfo(key) {
       // 触发 elementBaseInfo 对应的字段
       const attrObj = Object.create(null);