fix: send box 编辑 & drawer 编辑标题 触发问题

src/components/scWorkflow/nodes/send.vue

@@ -1,12 +1,14 @@
 <template>
 	<div class="node-wrap">
 		<div class="node-wrap-box">
-			<div class="title" style="background: #3296fa">
+			<div class="title" style="background: var(--el-color-primary)">
 				<el-icon class="icon"><promotion /></el-icon>
-				<span v-if="!isEditTitle" @click="editTitle">{{ nodeConfig.nodeName }}<el-icon class="node-wrap-drawer__title-edit"><edit /></el-icon></span>
+				<span v-show="!isEditTitle" class="title_label" @click="editTitle('box_nodeTitle')"
+					>{{ nodeConfig.nodeName }}<el-icon class="edit-icon"><edit /></el-icon
+				></span>
 				<el-input
-					v-if="isEditTitle"
-					ref="nodeTitle"
+					v-show="isEditTitle"
+					ref="box_nodeTitle"
 					v-model="nodeConfig.nodeName"
 					clearable
 					size="small"
@@ -24,17 +26,17 @@
 		<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 v-if="!isEditTitle" @click="editTitle"
+					<label v-show="!isEditTitle" @click="editTitle('nodeTitle')"
 						>{{ form.nodeName }}<el-icon class="node-wrap-drawer__title-edit"><edit /></el-icon
 					></label>
-					<el-input v-if="isEditTitle" ref="nodeTitle" v-model="form.nodeName" clearable @blur="saveTitle" @keyup.enter="saveTitle"></el-input>
+					<el-input v-show="isEditTitle" ref="nodeTitle" v-model="form.nodeName" clearable @blur="saveTitle" @keyup.enter="saveTitle"></el-input>
 				</div>
 			</template>
 			<el-container>
 				<el-main>
 					<el-form label-position="top">
 						<el-form-item label="选择要抄送的人员">
-							<el-button type="primary" :icon="Plus" round @click="selectHandle(1, form.nodeUserList)">选择人员</el-button>
+							<el-button type="primary" icon="plus" round @click="selectHandle(1, form.nodeUserList)">选择人员</el-button>
 							<div class="tags-list">
 								<el-tag v-for="(user, index) in form.nodeUserList" :key="user.id" closable @close="delUser(index)">{{ user.name }}</el-tag>
 							</div>
@@ -55,14 +57,8 @@
 
 <script>
 import addNode from './addNode'
-import { Plus } from '@element-plus/icons-vue'
 
 export default {
-	computed: {
-		Plus() {
-			return Plus
-		}
-	},
 	components: {
 		addNode
 	},
@@ -92,10 +88,12 @@ export default {
 			this.form = JSON.parse(JSON.stringify(this.nodeConfig))
 			this.drawer = true
 		},
-		editTitle() {
+		editTitle(refName) {
 			this.isEditTitle = true
 			this.$nextTick(() => {
-				this.$refs.nodeTitle.focus()
+				if (this.$refs[refName]) {
+					this.$refs[refName].focus()
+				}
 			})
 		},
 		saveTitle() {