health.admin/src/components/UserPreview.vue

<script setup lang="ts">
import type { UserModel } from '@/model/system.model';
import { userMethod }     from '@/request/api/system.api';
import { useRequest }     from 'alova/client';


const props = defineProps<{ data: UserModel }>();
const { data, loading } = useRequest(() => userMethod(props.data), { initialData: props.data });

</script>
<template>
  <a-spin :spinning="loading">
    <a-descriptions bordered>
      <a-descriptions-item label="系统账号">{{ data.userId }}</a-descriptions-item>
      <a-descriptions-item label="角色" :span="2">{{ data.roles?.join('/') }}</a-descriptions-item>
      <a-descriptions-item label="医院 / 科室" :span="2">{{ data['dept']?.deptName }}</a-descriptions-item>
      <a-descriptions-item label="工号">{{ data.工号 }}</a-descriptions-item>
      <a-descriptions-item label="姓名">{{ data.nickName }}</a-descriptions-item>
      <a-descriptions-item label="手机号码">{{ data.phonenumber }}</a-descriptions-item>
    </a-descriptions>
  </a-spin>
</template>
<style scoped lang="scss">
</style>