Browse Source

feat: 流程创建 发起人 drawer 支持编辑

lanceJiang 4 months ago
parent
commit
8e995a3ea1
2 changed files with 14 additions and 3 deletions
  1. 1 1
      src/components/scWorkflow/index.vue
  2. 13 2
      src/components/scWorkflow/nodes/promoter.vue

+ 1 - 1
src/components/scWorkflow/index.vue

@@ -199,7 +199,7 @@ $bg_color: #f6f8f9;
 				background: var(--el-color-info) !important;
 			}
 		}
-		&.start-node,
+		//&.start-node,
 		&.end-node {
 			.title_label {
 				&:hover {

+ 13 - 2
src/components/scWorkflow/nodes/promoter.vue

@@ -24,8 +24,19 @@
 		<add-node v-model="nodeConfig.childNode" :disabled="disabled"></add-node>
 		<el-drawer v-model="drawer" title="发起人" destroy-on-close append-to-body :size="500" class="aDrawer">
 			<template #header>
-				<div class="node-wrap-drawer__title_">
-					<label>{{ form.nodeName }}</label>
+				<div class="node-wrap-drawer__title">
+					<label v-show="!isEditTitle" @click="editTitle('nodeTitle')"
+						>{{ form.nodeName }}<el-icon class="node-wrap-drawer__title-edit"><edit /></el-icon
+					></label>
+					<el-input
+						v-show="isEditTitle"
+						ref="nodeTitle"
+						v-model="form.nodeName"
+						clearable
+						class="w-40"
+						@blur="saveTitle"
+						@keyup.enter="saveTitle"
+					></el-input>
 					<el-input v-model="form.nodeKey" clearable class="w-40 pl-1.5" placeholder="请填写nodeKey"></el-input>
 				</div>
 			</template>