|
@@ -1,12 +1,21 @@
|
|
|
<template>
|
|
|
<div class="node-wrap">
|
|
|
- <div class="node-wrap-box" @click="show">
|
|
|
+ <div class="node-wrap-box">
|
|
|
<div class="title" style="background: #3296fa">
|
|
|
<el-icon class="icon"><promotion /></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>
|