app-base-web/src/pages/right/Safeinfo/Main.js

web development common base package.

import React, { Suspense, lazy } from 'react';
import { Layout, Table, Form, Modal, Row, Col, Button, Input,Switch, message } from 'antd';
import UtilString from '../../../library/util-string'
const SafeinfoList = lazy(() => import('./SafeinfoList'));
const Team = lazy(() => import('./Team'));
export default class SafeinfoMain extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      outId: "",
      roleKey: UtilString.uuid()
    }
  }

  onSetOutId = (outId) => {
    this.setState({
      outId,
      roleKey: UtilString.uuid()
    });
  }

  render() {
    return (
      <div>
        <Layout style={{ background: "#fff" }}>
          <Layout.Sider theme="light" width="61.8%" >
            <SafeinfoList onSetOutId={this.onSetOutId} height={this.props.height}/>
          </Layout.Sider>
          <Layout.Content style={{ background: "#f0f2f5", paddingLeft: "10px" }}>
            <Team style={{ background: "#fff" }} key={this.state.roleKey} outId={this.state.outId} height={this.props.height}/>
          </Layout.Content>
        </Layout>
      </div>
    )
  }
}