From c017a7b48e67ea79f74f0646e49ed619af8b8b85 Mon Sep 17 00:00:00 2001
From: wsm <2746563060@qq.com>
Date: Mon, 22 Jun 2026 10:31:38 +0800
Subject: [PATCH] =?UTF-8?q?feat(semri):=20=E6=96=B0=E5=A2=9E=E6=8C=89?=
 =?UTF-8?q?=E8=A7=92=E8=89=B2=E9=80=89=E4=BA=BA=E4=B8=8B=E6=8B=89=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=20RoleUserSelectDropDown?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

基于 DeptRoleUserSelectDropDown，调用 /sys/user/userRoleList 接口，
仅需传入 roleId 即可获取用户列表。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 .../userComponent/RoleUserSelectDropDown.vue  | 77 +++++++++++++++++++
 1 file changed, 77 insertions(+)
 create mode 100644 src/components/semri/userComponent/RoleUserSelectDropDown.vue

diff --git a/src/components/semri/userComponent/RoleUserSelectDropDown.vue b/src/components/semri/userComponent/RoleUserSelectDropDown.vue
new file mode 100644
index 0000000..5a70e01
--- /dev/null
+++ b/src/components/semri/userComponent/RoleUserSelectDropDown.vue
@@ -0,0 +1,77 @@
+<template>
+  <a-select
+    :value="modelValue || undefined"
+    @change="onChange"
+    :mode="multiple ? 'multiple' : undefined"
+    :disabled="disabled"
+    :placeholder="placeholder"
+    allowClear
+    :getPopupContainer="(node) => node.parentNode"
+  >
+    <a-select-option v-for="user in userList" :key="user.username" :value="user.username">
+      {{ user.realname }}
+    </a-select-option>
+  </a-select>
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted, watch } from 'vue';
+import { defHttp } from '/@/utils/http/axios';
+
+const props = withDefaults(
+  defineProps<{
+    roleId: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+  }>(),
+  {
+    multiple: false,
+    disabled: false,
+    placeholder: '请选择',
+  },
+);
+
+const modelValue = defineModel<string>('value', { default: '' });
+
+const userList = ref<Array<{ username: string; realname: string }>>([]);
+
+async function fetchUserList() {
+  if (!props.roleId) {
+    userList.value = [];
+    return;
+  }
+  try {
+    const res = await defHttp.get({
+      url: '/sys/user/userRoleList',
+      params: {
+        roleId: props.roleId,
+        pageNo: 1,
+        pageSize: 999,
+      },
+    });
+    const records = res?.records || res?.result?.records || [];
+    userList.value = records;
+  } catch {
+    userList.value = [];
+  }
+}
+
+onMounted(fetchUserList);
+
+watch(
+  () => props.roleId,
+  () => {
+    modelValue.value = '';
+    fetchUserList();
+  },
+);
+
+function onChange(value: string | string[]) {
+  if (props.multiple) {
+    modelValue.value = Array.isArray(value) ? value.join(',') : '';
+  } else {
+    modelValue.value = (value as string) || '';
+  }
+}
+</script>