|
@@ -26,29 +26,35 @@ type MatterPermissionProps = {
|
|
|
|
|
|
const MatterPermission: React.FC<MatterPermissionProps> = ({ defaultValue, toggleMatter, matterList }) => {
|
|
|
const matterFlattenList = flatMapDeep(matterList, item => [item, ...item.children])
|
|
|
- return defaultValue.map(matter => (
|
|
|
- <Card
|
|
|
- key={matter.matterID}
|
|
|
- size="small"
|
|
|
- className="mb-2"
|
|
|
- title={matterFlattenList.find(item => item.ID === matter.matterID)?.name}>
|
|
|
- {[MatterPerm.COST, MatterPerm.FORM, MatterPerm.PROFILE].map(item => (
|
|
|
- <div key={item} className="flex justify-between items-center my-1">
|
|
|
- <div className="flex-1">{matterPermMap[item]}</div>
|
|
|
- <div className="w-40">
|
|
|
- <Checkbox.Group
|
|
|
- defaultValue={matter[item]}
|
|
|
- options={[
|
|
|
- { label: '查看', value: 'view' },
|
|
|
- { label: '编辑', value: 'edit' }
|
|
|
- ]}
|
|
|
- onChange={checkedValue => toggleMatter(matter.matterID, { [item]: checkedValue })}
|
|
|
- />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ return (
|
|
|
+ <div
|
|
|
+ style={{ maxHeight: document.querySelector('body')?.clientHeight - 186 }}
|
|
|
+ className="overflow-y-auto">
|
|
|
+ {defaultValue.map(matter => (
|
|
|
+ <Card
|
|
|
+ key={matter.matterID}
|
|
|
+ size="small"
|
|
|
+ className="mb-2"
|
|
|
+ title={matterFlattenList.find(item => item.ID === matter.matterID)?.name}>
|
|
|
+ {[MatterPerm.COST, MatterPerm.FORM, MatterPerm.PROFILE].map(item => (
|
|
|
+ <div key={item} className="flex justify-between items-center my-1">
|
|
|
+ <div className="flex-1">{matterPermMap[item]}</div>
|
|
|
+ <div className="w-40">
|
|
|
+ <Checkbox.Group
|
|
|
+ defaultValue={matter[item]}
|
|
|
+ options={[
|
|
|
+ { label: '查看', value: 'view' },
|
|
|
+ { label: '编辑', value: 'edit' }
|
|
|
+ ]}
|
|
|
+ onChange={checkedValue => toggleMatter(matter.matterID, { [item]: checkedValue })}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ ))}
|
|
|
+ </Card>
|
|
|
))}
|
|
|
- </Card>
|
|
|
- ))
|
|
|
+ </div>
|
|
|
+ )
|
|
|
}
|
|
|
|
|
|
export default MatterPermission
|