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

src/components/exam/ExamDetailPanel.tsx

@@ -147,20 +147,14 @@ export const ExamDetailPanel = ({
 
   return (
     <div className='space-y-4 text-sm'>
-      <div className='flex items-center gap-4'>
+      {loading && (
-        <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 className='text-xs text-gray-500'>
-          {loading ? '加载中…' : '基础信息：头像、姓名、证件号、手机号等（点击图标可进行编辑）'}
+          加载中…
-        </div>
         </div>
+      )}
       {editMessage && (
         <div
-          className={`text-xs px-3 py-2 rounded-lg ${
+          className={`text-xs px-3 py-2 rounded-lg ${editMessage.includes('成功') ? 'bg-green-50 text-green-600' : 'bg-amber-50 text-amber-600'
-            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>