feat: 调整流程组样式 100%

src/views/flow/group/components/listGroup.vue

@@ -2,10 +2,15 @@
 	<div class="list_group_container">
 		<div v-for="item in myArray" :key="item" class="group_list">
 			<div class="group_header flex flex-pack-justify flex-align-center">
-				<div class="group_header_title">{{ item.name }}</div>
+				<div class="group_header_title">
+					<span>
+						<el-icon :size="16"><EditPen /></el-icon>
+					</span>
+					{{ item.name }}
+				</div>
 				<div class="group_header_nameOperate">
 					<el-tooltip effect="dark" content="删除" placement="top">
-						<el-icon :size="16"><Delete /></el-icon>
+						<el-icon :size="16" :color="'#eeeeee'"><Delete /></el-icon>
 					</el-tooltip>
 				</div>
 			</div>
@@ -110,6 +115,23 @@ const myArray = ref([
 				&.disabled {
 					color: rgba(0, 0, 0, 0.25);
 				}
+				span {
+					display: inline-block;
+					width: 200px;
+					border: 1px solid #eeeeee;
+					visibility: hidden;
+					height: 36px;
+					position: absolute;
+					left: -5px;
+				}
+				&:hover {
+					span {
+						visibility: visible;
+					}
+					//border: 1px solid #eeeeee;
+					//padding: 3px 0px;
+					//min-width: 200px;
+				}
 			}
 			&_nameOperate {
 				cursor: pointer;