feat: 优化样式

src/views/approve/launch/index.vue

@@ -235,7 +235,7 @@ onMounted(() => {
 	}
 	.mt-title {
 		font-size: 18px;
-		padding: 10px 0 0;
+		padding: 18px 0 0;
 	}
 	.mt-value {
 		font-size: 32px;

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

@@ -72,48 +72,54 @@
 											{{ element.title }}
 										</div>
 									</div>
-									<div class="group_itemSeeable">
-										<el-tag round>V{{ element.processVersion }}</el-tag>
-										<el-tag v-if="element.processType === 'child'" type="warning" round>子流程</el-tag>
-										<el-tag v-if="element.processType === 'business'" type="success" round>业务流程</el-tag>
-										<el-tag v-if="element.processState === 0" type="danger" round>已停用</el-tag>
-									</div>
-									<div class="group_itemSeeable">{{ element.processKey }}</div>
-									<div class="group_itemOperations">
-										<el-space v-if="element.processVersion > 1" wrap>
-											<el-tooltip effect="dark" content="版本控制" placement="top">
-												<el-icon :size="16" @click="historyEv(element)"><SetUp /></el-icon>
-											</el-tooltip>
-										</el-space>
-										<el-space wrap style="margin-left: 10px">
-											<el-tooltip effect="dark" content="编辑" placement="top">
-												<el-icon :size="16" @click="updateEv(element)"><EditPen /></el-icon>
-											</el-tooltip>
-										</el-space>
-										<el-tooltip effect="dark" content="复制" placement="top">
-											<el-space wrap style="margin-left: 10px">
-												<el-popconfirm title="确定复制 ?" @confirm="copyEv(element.processId)">
-													<template #reference>
-														<el-icon :size="16"><CopyDocument /></el-icon>
-													</template>
-												</el-popconfirm>
-											</el-space>
-										</el-tooltip>
-										<el-space wrap style="margin-left: 10px">
-											<el-tooltip v-if="element.processState === 1" effect="dark" content="禁用" placement="top">
-												<el-icon :size="16" @click="enabledEv(element.processId, 0)"><CircleClose /></el-icon>
-											</el-tooltip>
-											<el-tooltip v-if="element.processState === 0" effect="dark" content="启用" placement="top">
-												<el-icon :size="16" @click="enabledEv(element.processId, 1)"><Check /></el-icon>
-											</el-tooltip>
-										</el-space>
-										<el-space wrap style="margin-left: 10px">
-											<el-popconfirm title="确定删除 ?" @confirm="stopEv(element.processId)">
-												<template #reference>
-													<el-icon :size="16"><Delete /></el-icon>
-												</template>
-											</el-popconfirm>
-										</el-space>
+									<div class="flex">
+										<div class="flex flex-1">
+											<div class="group_itemSeeable flex-1">
+												<el-tag round>V{{ element.processVersion }}</el-tag>
+												<el-tag v-if="element.processType === 'child'" type="warning" round>子流程</el-tag>
+												<el-tag v-if="element.processType === 'business'" type="success" round>业务流程</el-tag>
+												<el-tag v-if="element.processState === 0" type="danger" round>已停用</el-tag>
+											</div>
+											<div class="group_itemSeeable">{{ element.processKey }}</div>
+										</div>
+										<div style="width: 200px" class="flex flex-pack-end">
+											<div class="group_itemOperations">
+												<el-space v-if="element.processVersion > 1" wrap>
+													<el-tooltip effect="dark" content="版本控制" placement="top">
+														<el-icon :size="16" @click="historyEv(element)"><SetUp /></el-icon>
+													</el-tooltip>
+												</el-space>
+												<el-space wrap style="margin-left: 10px">
+													<el-tooltip effect="dark" content="编辑" placement="top">
+														<el-icon :size="16" @click="updateEv(element)"><EditPen /></el-icon>
+													</el-tooltip>
+												</el-space>
+												<el-tooltip effect="dark" content="复制" placement="top">
+													<el-space wrap style="margin-left: 10px">
+														<el-popconfirm title="确定复制 ?" @confirm="copyEv(element.processId)">
+															<template #reference>
+																<el-icon :size="16"><CopyDocument /></el-icon>
+															</template>
+														</el-popconfirm>
+													</el-space>
+												</el-tooltip>
+												<el-space wrap style="margin-left: 10px">
+													<el-tooltip v-if="element.processState === 1" effect="dark" content="禁用" placement="top">
+														<el-icon :size="16" @click="enabledEv(element.processId, 0)"><CircleClose /></el-icon>
+													</el-tooltip>
+													<el-tooltip v-if="element.processState === 0" effect="dark" content="启用" placement="top">
+														<el-icon :size="16" @click="enabledEv(element.processId, 1)"><Check /></el-icon>
+													</el-tooltip>
+												</el-space>
+												<el-space wrap style="margin-left: 10px">
+													<el-popconfirm title="确定删除 ?" @confirm="stopEv(element.processId)">
+														<template #reference>
+															<el-icon :size="16"><Delete /></el-icon>
+														</template>
+													</el-popconfirm>
+												</el-space>
+											</div>
+										</div>
 									</div>
 								</li>
 							</template>
@@ -408,7 +414,7 @@ defineExpose({
 				padding-right: 8px;
 			}
 			.group_itemSeeable {
-				min-width: 175px;
+				min-width: 249px;
 				font-size: 14px;
 				overflow: hidden;
 				text-overflow: ellipsis;