refactor: 使用用户选择器组件重构角色分配功能

src/views/system/role/index.vue

@@ -51,7 +51,7 @@
       <template #action="{ record }">
         <a-space>
           <a-link v-permission="['system:role:update']" @click="onUpdate(record)">修改</a-link>
-          <a-link v-permission="['system:role:bindUsers']" @click="onAssociation(record)">关联用户</a-link>
+          <a-link v-permission="['system:role:assign']" @click="onAssign(record)">分配</a-link>
           <a-link
             v-permission="['system:role:delete']"
             status="danger"
@@ -68,7 +68,7 @@
     <RoleAddModal ref="RoleAddModalRef" @save-success="search" />
     <RoleUpdateDrawer ref="RoleUpdateDrawerRef" @save-success="search" />
     <RoleDetailDrawer ref="RoleDetailDrawerRef" />
-    <RoleUserAssociation ref="RoleUserAssociationRef" />
+    <RoleAssignModal ref="RoleAssignModalRef" />
   </div>
 </template>
 
@@ -76,7 +76,7 @@
 import RoleUpdateDrawer from './RoleUpdateDrawer.vue'
 import RoleDetailDrawer from './RoleDetailDrawer.vue'
 import RoleAddModal from './RoleAddModal.vue'
-import RoleUserAssociation from './RoleUserAssociation.vue'
+import RoleAssignModal from './RoleAssignModal.vue'
 import { type RoleQuery, type RoleResp, deleteRole, listRole } from '@/apis/system'
 import type { TableInstanceColumns } from '@/components/GiTable/type'
 import { useTable } from '@/hooks'
@@ -156,10 +156,10 @@ const onDetail = (record: RoleResp) => {
   RoleDetailDrawerRef.value?.onDetail(record.id)
 }
 
-const RoleUserAssociationRef = ref<InstanceType<typeof RoleUserAssociation>>()
-// 关联用户
-const onAssociation = (record: RoleResp) => {
-  RoleUserAssociationRef.value?.onAssociation(record.id)
+const RoleAssignModalRef = ref<InstanceType<typeof RoleAssignModal>>()
+// 分配
+const onAssign = (record: RoleResp) => {
+  RoleAssignModalRef.value?.onOpen(record.id)
 }
 </script>