Sfoglia il codice sorgente

fix: 人资组织架构的高度调整

outaozhen 4 anni fa
parent
commit
51fc49558d
1 ha cambiato i file con 7 aggiunte e 2 eliminazioni
  1. 7 2
      src/pages/Hr/Employee/components/RoleMenu/index.jsx

+ 7 - 2
src/pages/Hr/Employee/components/RoleMenu/index.jsx

@@ -84,7 +84,12 @@ const RoleMenu = props => {
   }
 
   return (
-    <div className="h-full w-12rem rounded-4px">
+    <div
+      className="w-12rem rounded-4px"
+      style={{
+        height: `calc(100vh - 96px)`,
+        overflowY: 'auto'
+      }}>
       <div className="p-4 pb-3 border-b-1 border-solid border-black border-opacity-10 bg-[#f7f9fa] flex justify-around items-center">
         <span className="text-[0.9375rem]">组织架构</span>
         {hasPerm && showType ? (
@@ -116,7 +121,7 @@ const RoleMenu = props => {
           </ModalForm>
         ) : null}
       </div>
-      <div className="py-4 pt-4 bg-white" style={{ height: 'calc(100% - 1rem*2 - 20px)' }}>
+      <div className="py-4 pt-4 bg-white" style={{ height: 'calc(100% - 1rem*2 - 21px)' }}>
         {departments.length ? (
           <DirectoryTree
             multiple