|
@@ -11,12 +11,22 @@ const {post,api,xPost} = apiObj;
|
|
|
const { Option } = Select;
|
|
|
function OrgManager(){
|
|
|
useEffect(() => {
|
|
|
- //getFilterList();
|
|
|
+ //监听resize事件
|
|
|
+ setTableHt(window.innerHeight-260);
|
|
|
+ window.addEventListener('resize',()=>{
|
|
|
+ setTableHt(window.innerHeight-260);
|
|
|
+ });
|
|
|
+ //刷新列表
|
|
|
getTableData();
|
|
|
+ //解绑事件
|
|
|
+ return function clear(){
|
|
|
+ window.removeEventListener("resize");
|
|
|
+ }
|
|
|
},[]);
|
|
|
|
|
|
const [dataSource, setDataSource] = useState([]); //列表数据
|
|
|
const [orgDetail, setOrgDetail] = useState([]); //组织详情数据
|
|
|
+ const [tableHt, setTableHt] = useState(300); //表格滚动高度
|
|
|
const [visible,setVisible] = useState(false); //删除禁用确认弹窗显示
|
|
|
const [addVisible,setAddVisible] = useState(false); //新增页面显示
|
|
|
const [confirmLoading, setConfirmLoading] = useState(false);
|
|
@@ -167,22 +177,22 @@ function OrgManager(){
|
|
|
function RenderTable(){
|
|
|
const columns = [
|
|
|
{ title: '组织机构层级', dataIndex: 'hospitalName', key: 'hospitalName' },
|
|
|
- { title: '类型', key: 'type',render:(row)=>{
|
|
|
+ { title: '类型',width:150, key: 'type',render:(row)=>{
|
|
|
if(row.children){
|
|
|
return '-'
|
|
|
}else{
|
|
|
return row.typeName;
|
|
|
}
|
|
|
} },
|
|
|
- { title: '状态', key: 'status',render:(row)=>{
|
|
|
+ { title: '状态',width:120, key: 'status',render:(row)=>{
|
|
|
if(row.children){
|
|
|
return '-'
|
|
|
}else{
|
|
|
return (<span className={ (row.status==='1')?'Enable':'Disable' }>{row.statusName}</span>);
|
|
|
}
|
|
|
} },
|
|
|
- { title: '创建时间', dataIndex: 'gmtCreate', key: 'gmtCreate' },
|
|
|
- { title: '操作', key: 'operation', render: (row) => {
|
|
|
+ { title: '创建时间',width:240, dataIndex: 'gmtCreate', key: 'gmtCreate' },
|
|
|
+ { title: '操作',width:240, key: 'operation', render: (row) => {
|
|
|
//console.log(21,row)
|
|
|
if(row.rootFlag){
|
|
|
return '-'
|
|
@@ -205,6 +215,7 @@ function OrgManager(){
|
|
|
];
|
|
|
return (
|
|
|
<Table
|
|
|
+ scroll={{ y: tableHt }}
|
|
|
pagination={false}
|
|
|
className="components-table-demo-nested"
|
|
|
rowKey={record => record.hospitalId}
|