feat：【bpm】用户分组：100%

src/components/system-select/user-picker.vue

@@ -0,0 +1,80 @@
+<template>
+  <wd-select-picker
+    v-model="selectedId"
+    :label="label"
+    :label-width="label ? '180rpx' : '0'"
+    :columns="userList"
+    value-key="id"
+    label-key="nickname"
+    :type="type"
+    filterable
+    :placeholder="placeholder"
+    @confirm="handleConfirm"
+  />
+</template>
+
+<script lang="ts" setup>
+import type { User } from '@/api/system/user'
+import { onMounted, ref, watch } from 'vue'
+import { getSimpleUserList } from '@/api/system/user'
+
+const props = withDefaults(defineProps<{
+  modelValue?: number | number[]
+  type?: 'radio' | 'checkbox'
+  label?: string
+  placeholder?: string
+}>(), {
+  type: 'checkbox',
+  label: '',
+  placeholder: '请选择',
+})
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: number | number[] | undefined): void
+}>()
+
+const userList = ref<User[]>([])
+const selectedId = ref<number | string | number[]>([])
+
+/** 根据用户 ID 获取昵称 */
+function getUserNickname(userId: number | undefined): string {
+  if (!userId) {
+    return ''
+  }
+  const user = userList.value.find(u => u.id === userId)
+  return user?.nickname || ''
+}
+
+defineExpose({
+  getUserNickname,
+})
+
+watch(
+  () => props.modelValue,
+  (val) => {
+    if (props.type === 'radio') {
+      // 单选时，如果值为 undefined，使用空字符串避免警告
+      selectedId.value = val !== undefined ? val : ''
+    } else {
+      // 多选时，确保是数组
+      selectedId.value = Array.isArray(val) ? val : []
+    }
+  },
+  { immediate: true },
+)
+
+/** 加载用户列表 */
+async function loadUserList() {
+  userList.value = await getSimpleUserList()
+}
+
+/** 选择确认 */
+function handleConfirm({ value }: { value: any }) {
+  emit('update:modelValue', value)
+}
+
+/** 初始化 */
+onMounted(() => {
+  loadUserList()
+})
+</script>