<template>
  <view v-if="userInfo.userName" class="user-header">
    就诊人：{{ userInfo.userName }} {{ idCardInfo.sex }} {{ idCardInfo.age ? `${idCardInfo.age}岁` : '' }}
  </view>
</template>
<script setup>
import useUser from '@/hooks/useUser';
const { userInfo, idCardInfo } = useUser();

</script>
<style lang="scss" scoped>
.user-header {
  padding: 24rpx 30rpx;
  background: white;
  font-size: 32rpx;
  font-weight: bold;
  color: #333;
}
</style>
