style: 审批头像区分用户角色

src/components/Flow/FlowNodeAvatar.vue

@@ -9,7 +9,7 @@
 			</template>
 			<UserFilled v-else />
 		</el-avatar>
-		<el-avatar v-if="useSlots().avatar" :size="size" class="icon" style="background-color: #2a5eff">
+		<el-avatar v-if="useSlots().avatar" :size="size" class="icon">
 			<slot name="avatar"></slot>
 		</el-avatar>
 		<!-- <div v-if="showName && user && user.name" class="name" :style="NameStyle">{{ user.name }}</div> -->

src/views/approve/components/approvedContent.vue

@@ -78,7 +78,11 @@
 											<span v-if="active.id" style="padding-left: 4px">{{ active.createBy }}</span>
 											<div style="display: flex; gap: 6px; margin-top: 3px">
 												<FlowNodeAvatar v-for="nodeUser in active.local_nodeUserList" :key="nodeUser.id" :name="nodeUser.name" />
-												<FlowNodeAvatar v-for="nodeRole in active.local_nodeRoleList" :key="nodeRole.id" :name="nodeRole.name" />
+												<FlowNodeAvatar v-for="nodeRole in active.local_nodeRoleList" :key="nodeRole.id" :name="nodeRole.name">
+													<template #avatar>
+														<svg-icon icon-class="flow-group" color="#fff" />
+													</template>
+												</FlowNodeAvatar>
 											</div>
 											<div v-if="active.local_content" class="comment">
 												<div class="comment-content">{{ active.local_content }}</div>