yuanhe/ipad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整体检基础信息面板样式

Browse Source
This commit is contained in:
xianyi
2025-12-16 17:07:56 +08:00
parent f2d1ba83bd
commit 70d02b0ee9
1 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/exam/ExamDetailPanel.tsx
View File

@@ -147,20 +147,14 @@ export const ExamDetailPanel = ({
return (
<div className='space-y-4 text-sm'>
<div className='flex items-center gap-4'>
<div className='w-14 h-14 rounded-full bg-gray-200 flex-shrink-0 overflow-hidden'>
<div className='w-full h-full rounded-full bg-gray-300 flex items-center justify-center text-[10px] text-gray-500'>
头像
</div>
</div>
{loading && (
<div className='text-xs text-gray-500'>
{loading ? '加载中…' : '基础信息：头像、姓名、证件号、手机号等（点击图标可进行编辑）'}
</div>
加载中…
</div>
)}
{editMessage && (
<div
className={`text-xs px-3 py-2 rounded-lg ${
editMessage.includes('成功') ? 'bg-green-50 text-green-600' : 'bg-amber-50 text-amber-600'
className={`text-xs px-3 py-2 rounded-lg ${editMessage.includes('成功') ? 'bg-green-50 text-green-600' : 'bg-amber-50 text-amber-600'
}`}
>
{editMessage}
@@ -169,9 +163,16 @@ export const ExamDetailPanel = ({
<div className='space-y-2 text-xs text-gray-700'>
<div className='font-medium text-gray-900'>基础信息</div>
<div className='grid grid-cols-2 gap-x-8 gap-y-1'>
<div className='flex items-center gap-3'>
<div className='w-14 h-14 rounded-full bg-gray-200 flex-shrink-0 overflow-hidden'>
<div className='w-full h-full rounded-full bg-gray-300 flex items-center justify-center text-[10px] text-gray-500'>
头像
</div>
</div>
<div>
姓名：<span className='text-gray-900'>{customerInfo?.customer_name || client.name}</span>
</div>
</div>
<div>
证件号：<span className='text-gray-900'>{customerInfo?.id_no || '—'}</span>
</div>