分离左侧快速操作面板

src/components/modals/NoteModal.tsx

@@ -0,0 +1,35 @@
+interface NoteModalProps {
+  noteText: string;
+  onNoteChange: (v: string) => void;
+  onClose: () => void;
+}
+
+export const NoteModal = ({ noteText, onNoteChange, onClose }: NoteModalProps) => {
+  return (
+    <div className='fixed inset-0 z-40 flex items-center justify-center bg-black/30'>
+      <div className='w-[560px] max-w-[95vw] bg-white rounded-3xl shadow-xl overflow-hidden text-sm'>
+        <div className='px-4 py-3 border-b flex items-center justify-between'>
+          <div className='font-semibold'>备注窗</div>
+          <button className='text-xs text-gray-500' onClick={onClose}>
+            关闭
+          </button>
+        </div>
+        <div className='px-4 py-4 bg-gray-50/60'>
+          <div className='space-y-3 text-xs text-gray-700'>
+            <div>体检客户服务备注（仅内部可见）</div>
+            <textarea
+              className='w-full rounded-2xl border px-3 py-2 text-xs outline-none focus:ring-2 focus:ring-gray-200 min-h-[96px]'
+              placeholder='例如：客户有既往疾病史、沟通偏好、特殊关怀需求等，可在此记录。'
+              value={noteText}
+              onChange={(e) => onNoteChange(e.target.value)}
+            />
+            <div className='text-right text-[11px] text-gray-500'>
+              备注内容会同步至客户详情页，供前台和导检护士查看。
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+