feat: 结束流程样式调整

src/components/scWorkflow/index.vue

@@ -2,10 +2,20 @@
 	<div class="sc-workflow-design">
 		<div class="box-scale">
 			<node-wrap v-if="nodeConfig" v-model="nodeConfig"></node-wrap>
-			<div class="end-node">
+			<div class="node-wrap">
+				<div class="node-wrap-box start-node">
+					<div class="title" style="background: var(--el-color-info)">
+						<span class="title_label">结束</span>
+					</div>
+					<div class="content">
+						<span>流程结束</span>
+					</div>
+				</div>
+			</div>
+			<!--			<div class="end-node">
 				<div class="end-node-circle"></div>
 				<div class="end-node-text">流程结束</div>
-			</div>
+			</div>-->
 		</div>
 		<use-select v-if="selectVisible" ref="useselect" @update:selected="update_activeSelected" @closed="selectVisible = false"></use-select>
 	</div>
@@ -14,10 +24,12 @@
 <script>
 import nodeWrap from './nodeWrap'
 import useSelect from './select'
+// import promoter from '@/components/scWorkflow/nodes/promoter.vue'
 
 export default {
 	name: 'ScWorkflow',
 	components: {
+		// promoter,
 		nodeWrap,
 		useSelect
 	},
@@ -33,7 +45,13 @@ export default {
 		return {
 			nodeConfig: this.modelValue,
 			selectVisible: false,
-			activeSelected: []
+			activeSelected: [] /*,
+			end_nodeConfig: {
+				nodeName: '结束'
+				// nodeName: '发起人',
+				// type: 0,
+				// nodeRoleList: []
+			}*/
 		}
 	},
 	watch: {
@@ -97,6 +115,13 @@ export default {
 		border-radius: 4px;
 		cursor: pointer;
 		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
+		&.start-node {
+			.title_label {
+				&:hover {
+					text-decoration-line: none;
+				}
+			}
+		}
 	}
 	.node-wrap-box::before {
 		content: '';

src/components/scWorkflow/nodes/promoter.vue

@@ -3,7 +3,8 @@
 		<div class="node-wrap-box start-node">
 			<div class="title" style="background: var(--el-color-info)">
 				<el-icon class="icon"><user-filled /></el-icon>
-				<span v-show="!isEditTitle" class="title_label" @click="editTitle('box_nodeTitle')"
+				<span class="title_label">{{ nodeConfig.nodeName }}</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
@@ -14,7 +15,7 @@
 					size="small"
 					@blur="saveTitle"
 					@keyup.enter="saveTitle"
-				></el-input>
+				></el-input>-->
 			</div>
 			<div class="content" @click="show">
 				<span>{{ toText(nodeConfig) }}</span>
@@ -23,11 +24,13 @@
 		<add-node v-model="nodeConfig.childNode"></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 v-show="!isEditTitle" @click="editTitle('nodeTitle')"
+				<div class="node-wrap-drawer__title_">
+					<label
+						>{{ form.nodeName }}</label>
+					<!--					<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 @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>