refactor: 优化 BPM 工作流相关组件，更新用户组显示逻辑，调整图标样式

apps/web-antd/src/views/bpm/processInstance/create/index.vue

@@ -265,18 +265,18 @@ onMounted(() => {
                       width: '100%',
                     }"
                   >
-                    <!-- TODO @ziye：使用名字作为图标，缺少了 -->
                     <div class="flex items-center">
                       <img
                         v-if="definition.icon"
                         :src="definition.icon"
-                        class="h-12 w-12 object-contain"
+                        class="flow-icon-img object-contain"
                         alt="流程图标"
                       />
+
                       <div v-else class="flow-icon flex-shrink-0">
                         <Tooltip :title="definition.name">
                           <span class="text-xs text-white">
-                            {{ definition.name }}
+                            {{ definition.name?.slice(0, 2) }}
                           </span>
                         </Tooltip>
                       </div>
@@ -325,19 +325,26 @@ onMounted(() => {
 <style lang="scss" scoped>
 .process-definition-container {
   .definition-item-card {
+    .flow-icon-img {
+      width: 48px;
+      height: 48px;
+      border-radius: 0.25rem;
+    }
+
     .flow-icon {
+      @apply bg-primary;
+
       display: flex;
       align-items: center;
       justify-content: center;
-      width: 32px;
-      height: 32px;
-      background-color: #3f73f7;
-      border-radius: 50%;
+      width: 48px;
+      height: 48px;
+      border-radius: 0.25rem;
     }
 
     &.search-match {
       background-color: rgb(63 115 247 / 10%);
-      border: 1px solid #3f73f7;
+      border: 1px solid var(--primary);
       animation: bounce 0.5s ease;
     }
   }