فهرست منبع

fix: 步骤配置事项表格限制最大高度以及默认展开所有行

lanjianrong 2 سال پیش
والد
کامیت
2fc4a3d051

+ 28 - 22
src/pages/Business/Step/components/Flow/components/Drawer/Auditor/MatterPermission.tsx

@@ -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

+ 10 - 1
src/pages/Business/Step/components/Flow/components/Drawer/Auditor/RelatedMatter.tsx

@@ -32,7 +32,16 @@ const RelatedMatter: React.FC<RelatedMatterpProps> = ({ defaultValue, matterList
   ]
   return (
     matterList && (
-      <Table rowKey="ID" size="small" columns={columns} dataSource={matterList} bordered pagination={false} />
+      <Table
+        scroll={{ y: document.querySelector('body')?.clientHeight - 230 }}
+        expandable={{ defaultExpandAllRows: true }}
+        rowKey="ID"
+        size="small"
+        columns={columns}
+        dataSource={matterList}
+        bordered
+        pagination={false}
+      />
     )
   )
 }

+ 1 - 1
src/pages/Business/Step/components/Flow/components/Drawer/Auditor/index.tsx

@@ -159,7 +159,7 @@ const Auditor: React.FC<AuditorProps> = ({ nodeId, nodeData: { name, participant
 
   return (
     <div className="flex flex-col justify-between h-full">
-      <div className="p-24px">
+      <div className="px-4 pb-4">
         <Tabs items={items} />
       </div>
 

+ 1 - 1
src/pages/Business/Step/components/Flow/components/Node/BaseNode.tsx

@@ -46,7 +46,7 @@ export const BaseNode = memo(({ id, data = {} }: BaseNodeProps) => {
       type: 'set_flow_process',
       payload: updatedProcess
     })
-    flowStore.flowInstance?.fitView({ duration: 80 })
+    // flowStore.flowInstance?.fitView({ duration: 80 })
   }
 
   const auditorTrigger = () => {