Просмотр исходного кода

feat: 调整审批人点击标题直接修改名字

luoyali 1 год назад
Родитель
Сommit
3e38aca5d9
1 измененных файлов с 14 добавлено и 3 удалено
  1. 14 3
      src/components/scWorkflow/nodes/approver.vue

+ 14 - 3
src/components/scWorkflow/nodes/approver.vue

@@ -1,12 +1,23 @@
 <template>
 	<div class="node-wrap">
-		<div class="node-wrap-box" @click="show">
+		<div class="node-wrap-box">
 			<div class="title" style="background: #ff943e">
 				<el-icon class="icon"><user-filled /></el-icon>
-				<span>{{ nodeConfig.nodeName }}</span>
+				<span v-if="!isEditTitle" @click="editTitle"
+					>{{ nodeConfig.nodeName }}<el-icon class="node-wrap-drawer__title-edit"><edit /></el-icon
+				></span>
+				<el-input
+					v-if="isEditTitle"
+					ref="nodeTitle"
+					v-model="nodeConfig.nodeName"
+					clearable
+					size="small"
+					@blur="saveTitle"
+					@keyup.enter="saveTitle"
+				></el-input>
 				<el-icon class="close" @click.stop="delNode()"><close /></el-icon>
 			</div>
-			<div class="content">
+			<div class="content" @click="show">
 				<span v-if="toText(nodeConfig)">{{ toText(nodeConfig) }}</span>
 				<span v-else class="placeholder">请选择</span>
 			</div>