优化

src/modules/iam/api/platformIam.test.ts

@@ -266,7 +266,7 @@ describe('platform IAM roles', () => {
   it('creates, updates, and changes customer status with the platform tenant contract', async () => {
     const tenant = { id: '8', tenantCode: 'TEN8', tenantName: '柏悦物流', status: 'ACTIVE' }
     const create = {
-      tenantName: '柏悦物流', legalName: '柏悦物流有限公司', unifiedSocialCreditCode: '91440300MA5ABCDE12',
+      tenantName: '柏悦物流', legalName: '柏悦物流有限公司', legalRepresentative: '张三', unifiedSocialCreditCode: '91440300MA5ABCDE12',
       contactName: '张三', contactPhone: '13800138000', contactEmail: 'ops@example.com', servicePackage: '标准版',
       contactWechat: 'baiyue-ops', salesOwnerName: '李四', paymentTermDays: 30, enterpriseType: '有限责任公司',
       establishedDate: '2020-01-01', registeredCapital: 1000, registeredCapitalCurrency: 'CNY',

src/modules/iam/api/platformIam.ts

@@ -30,6 +30,7 @@ export interface PlatformTenantResource {
   tenantName: string
   status: PlatformTenantStatus
   legalName: string | null
+  legalRepresentative: string | null
   unifiedSocialCreditCode: string | null
   contactName: string | null
   contactPhone: string | null
@@ -51,6 +52,7 @@ export interface PlatformTenantResource {
 export interface CreatePlatformTenantRequest {
   tenantName: string
   legalName: string
+  legalRepresentative: string
   unifiedSocialCreditCode: string
   contactName: string
   contactPhone: string

src/modules/iam/components/PlatformTenantSelector.vue

@@ -0,0 +1,89 @@
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import { RefreshCw } from '@lucide/vue'
+import { listPlatformTenants, type PlatformTenantResource } from '../api/platformIam'
+
+const props = withDefaults(defineProps<{
+  modelValue: string
+  disabled?: boolean
+  label?: string
+}>(), {
+  disabled: false,
+  label: '目标企业',
+})
+
+const emit = defineEmits<{
+  'update:modelValue': [value: string]
+}>()
+
+const tenants = ref<PlatformTenantResource[]>([])
+const loading = ref(false)
+const error = ref('')
+
+const selectedValue = computed({
+  get: () => props.modelValue,
+  set: (value: string) => emit('update:modelValue', value),
+})
+
+const statusLabels: Record<string, string> = {
+  PROFILE_REQUIRED: '待完善',
+  PENDING: '待审核',
+  ACTIVE: '启用',
+  REJECTED: '已驳回',
+  DISABLED: '已停用',
+  INACTIVE: '已停用',
+}
+
+function tenantLabel(tenant: PlatformTenantResource) {
+  const status = statusLabels[tenant.status] || tenant.status
+  return `${tenant.tenantName}（${tenant.id} · ${status}）`
+}
+
+async function loadTenants() {
+  loading.value = true
+  error.value = ''
+  try {
+    const result = await listPlatformTenants({ page: 1, size: 200 })
+    tenants.value = result.records
+    if (!props.modelValue && result.records.length) {
+      const preferred = result.records.find((tenant) => String(tenant.id) === '10001') || result.records[0]
+      emit('update:modelValue', String(preferred.id))
+    }
+  } catch (reason) {
+    error.value = reason instanceof Error ? reason.message : '企业列表加载失败，请重试'
+  } finally {
+    loading.value = false
+  }
+}
+
+onMounted(() => void loadTenants())
+</script>
+
+<template>
+  <div class="platform-tenant-selector">
+    <div class="platform-tenant-selector-label"><span>{{ label }}</span><span v-if="loading">加载中…</span></div>
+    <el-select
+      v-model="selectedValue"
+      class="platform-tenant-selector-input"
+      filterable
+      :disabled="disabled || loading || tenants.length === 0"
+      :placeholder="loading ? '正在加载企业' : '请选择目标企业'"
+      aria-label="目标企业"
+    >
+      <el-option v-for="tenant in tenants" :key="String(tenant.id)" :label="tenantLabel(tenant)" :value="String(tenant.id)" />
+    </el-select>
+    <div v-if="error" class="platform-tenant-selector-error" role="alert">
+      <span>{{ error }}</span>
+      <el-button link type="primary" :disabled="loading" @click="loadTenants"><RefreshCw :size="14" />重新加载</el-button>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.platform-tenant-selector { display: grid; min-width: min(100%, 360px); gap: 6px; }
+.platform-tenant-selector-label { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--cc-muted); font-size: 12px; }
+.platform-tenant-selector-label span:last-child { color: var(--cc-primary); font-size: 11px; }
+.platform-tenant-selector-input { width: 100%; }
+.platform-tenant-selector-error { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--el-color-danger); font-size: 12px; line-height: 1.5; }
+.platform-tenant-selector-error :deep(.el-button) { flex: 0 0 auto; }
+</style>

src/modules/iam/index.ts

@@ -1 +1,2 @@
 export * from './api/platformIam'
+export { default as PlatformTenantSelector } from './components/PlatformTenantSelector.vue'