客户管理编辑页修改

bms-front/src/components/UserName/index.vue

@@ -0,0 +1,23 @@
+<template>{{ displayName }}</template>
+
+<script setup name="UserName">
+import { computed, onMounted } from 'vue'
+import { useUsers } from '@/components/UserSelect/useUsers'
+
+const props = defineProps({
+  /** 用户ID */
+  userId: {
+    type: [String, Number],
+    default: null
+  }
+})
+
+const { ensureUsers, getUserName } = useUsers()
+
+// getUserName 内部读取共享 userList，列表加载完成后计算属性自动刷新
+const displayName = computed(() => getUserName(props.userId))
+
+onMounted(() => {
+  ensureUsers()
+})
+</script>