diff --git a/hx-ai-intelligent/src/view/organizationManage/usermanage/index.vue b/hx-ai-intelligent/src/view/organizationManage/usermanage/index.vue
index ffdfc17..e290d2c 100644
--- a/hx-ai-intelligent/src/view/organizationManage/usermanage/index.vue
+++ b/hx-ai-intelligent/src/view/organizationManage/usermanage/index.vue
@@ -73,7 +73,7 @@
 <script lang="ts" setup>
   import { computed, createVNode, defineComponent, reactive, ref, watchEffect } from 'vue';
   import { http } from '/nerv-lib/util/http';
-  import { NsMessage, NsModal } from '/nerv-lib/component';
+  import { Badge, NsMessage, NsModal } from '/nerv-lib/component';
   import { formConfig, formConfig2 } from './config';
   import { origanizemanage } from '/@/api/origanizemanage';
 
@@ -389,19 +389,21 @@
           return createVNode('div', {}, [
             createVNode('span', {}, value[0]?.deptRoleInfoList),
             value.length > 1 &&
-              createVNode(
-                'a',
-                {
-                  onClick: () =>
-                    NsModal.info({
-                      icon: null,
-                      content: createVNode('div', {
-                        innerHTML: value.map((item) => item?.deptRoleInfoList).join('<br>'),
-                      }),
+              createVNode(Badge, {
+                onClick: () =>
+                  NsModal.info({
+                    icon: null,
+                    content: createVNode('div', {
+                      innerHTML: value.map((item) => item?.deptRoleInfoList).join('<br>'),
                     }),
+                  }),
+                size: 'small',
+                style: {
+                  transform: 'translateY(-4px)',
+                  cursor: 'pointer',
                 },
-                `+${value.length}`,
-              ),
+                count: value.length - 1,
+              }),
           ]);
         },
       },