|
@@ -409,7 +409,7 @@ const DisabilityPersonManagement: React.FC = () => {
|
|
|
|
|
|
|
|
{/* 创建/编辑模态框 */}
|
|
{/* 创建/编辑模态框 */}
|
|
|
<Dialog open={isModalOpen} onOpenChange={setIsModalOpen}>
|
|
<Dialog open={isModalOpen} onOpenChange={setIsModalOpen}>
|
|
|
- <DialogContent className="w-[95vw] max-w-4xl max-h-[80vh] flex flex-col">
|
|
|
|
|
|
|
+ <DialogContent className="w-[95vw] max-w-4xl max-h-[85vh] flex flex-col overflow-hidden">
|
|
|
<DialogHeader>
|
|
<DialogHeader>
|
|
|
<DialogTitle data-testid={isCreateForm ? 'create-disabled-person-dialog-title' : 'edit-disabled-person-dialog-title'}>
|
|
<DialogTitle data-testid={isCreateForm ? 'create-disabled-person-dialog-title' : 'edit-disabled-person-dialog-title'}>
|
|
|
{isCreateForm ? '新增残疾人' : '编辑残疾人信息'}
|
|
{isCreateForm ? '新增残疾人' : '编辑残疾人信息'}
|
|
@@ -418,7 +418,7 @@ const DisabilityPersonManagement: React.FC = () => {
|
|
|
{isCreateForm ? '填写残疾人基本信息,带*的为必填项' : '修改残疾人信息'}
|
|
{isCreateForm ? '填写残疾人基本信息,带*的为必填项' : '修改残疾人信息'}
|
|
|
</DialogDescription>
|
|
</DialogDescription>
|
|
|
</DialogHeader>
|
|
</DialogHeader>
|
|
|
- <div className="flex-1 overflow-y-auto pr-2 overscroll-contain touch-auto">
|
|
|
|
|
|
|
+ <div className="flex-1 overflow-y-auto pr-2 overscroll-contain touch-auto py-2 scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-gray-100 hover:scrollbar-thumb-gray-400">
|
|
|
{isCreateForm ? (
|
|
{isCreateForm ? (
|
|
|
<Form {...createForm}>
|
|
<Form {...createForm}>
|
|
|
<form id="create-form" onSubmit={createForm.handleSubmit(onSubmitCreate, (errors) => console.debug('创建表单验证错误:', errors))} className="space-y-4">
|
|
<form id="create-form" onSubmit={createForm.handleSubmit(onSubmitCreate, (errors) => console.debug('创建表单验证错误:', errors))} className="space-y-4">
|
|
@@ -895,14 +895,15 @@ const DisabilityPersonManagement: React.FC = () => {
|
|
|
|
|
|
|
|
{/* 查看详情模态框 */}
|
|
{/* 查看详情模态框 */}
|
|
|
<Dialog open={viewDialogOpen} onOpenChange={setViewDialogOpen}>
|
|
<Dialog open={viewDialogOpen} onOpenChange={setViewDialogOpen}>
|
|
|
- <DialogContent className="max-w-4xl">
|
|
|
|
|
|
|
+ <DialogContent className="max-w-4xl max-h-[85vh] flex flex-col overflow-hidden">
|
|
|
<DialogHeader>
|
|
<DialogHeader>
|
|
|
<DialogTitle>残疾人详情</DialogTitle>
|
|
<DialogTitle>残疾人详情</DialogTitle>
|
|
|
<DialogDescription>查看残疾人详细信息</DialogDescription>
|
|
<DialogDescription>查看残疾人详细信息</DialogDescription>
|
|
|
</DialogHeader>
|
|
</DialogHeader>
|
|
|
|
|
|
|
|
{viewData && (
|
|
{viewData && (
|
|
|
- <div className="space-y-4">
|
|
|
|
|
|
|
+ <div className="flex-1 overflow-y-auto pr-2 overscroll-contain touch-auto py-2">
|
|
|
|
|
+ <div className="space-y-4">
|
|
|
<div className="grid grid-cols-2 gap-4">
|
|
<div className="grid grid-cols-2 gap-4">
|
|
|
<div>
|
|
<div>
|
|
|
<label className="text-sm font-medium">姓名</label>
|
|
<label className="text-sm font-medium">姓名</label>
|
|
@@ -985,6 +986,7 @@ const DisabilityPersonManagement: React.FC = () => {
|
|
|
</div>
|
|
</div>
|
|
|
)}
|
|
)}
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ </div>
|
|
|
)}
|
|
)}
|
|
|
|
|
|
|
|
<DialogFooter>
|
|
<DialogFooter>
|