Browse Source

fix: 审批管理 样式

lanceJiang 1 year ago
parent
commit
a7ac6bbd4e
1 changed files with 6 additions and 3 deletions
  1. 6 3
      src/views/flow/group/components/listGroup.vue

+ 6 - 3
src/views/flow/group/components/listGroup.vue

@@ -51,8 +51,8 @@
 										<div class="group_itemIntro">{{ element.title }}</div>
 									</div>
 									<div class="group_itemSeeable">
-										<el-button type="primary" round>V{{ element.processVersion }}</el-button>
-										<el-button v-if="element.processState === 0" type="danger" round>已停用</el-button>
+										<el-tag type="primary" round>V{{ element.processVersion }}</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">
@@ -305,7 +305,7 @@ defineExpose({
 		}
 		.group_item {
 			justify-content: flex-start;
-			padding: 12px;
+			padding: 8px 12px;
 			&:not(.group_item-disabled):hover {
 				background-color: var(--el-fill-color-lighter);
 			}
@@ -335,6 +335,9 @@ defineExpose({
 				text-overflow: ellipsis;
 				white-space: nowrap;
 				flex: 1 1;
+				.el-tag + .el-tag {
+					margin-left: 4px;
+				}
 			}
 			.group_itemOperations {
 				max-width: 350px;