text: 
  
  import React, { Component } from 'react'
  import { connect } from 'dva'
  import moment from 'moment'
  import BooleanOption from '../../components/BooleanOption';
  import { Row, Col, Icon, Card, Tabs, Table, Radio, DatePicker, Tooltip, Menu, Dropdown,Badge, Switch,Select,Form,AutoComplete,Modal } from 'antd'
  import { Link, Route, Redirect} from 'dva/router'
  import numeral from 'numeral'
  
  import DashboardTool from '../../common/Dashboard.tool'
  import PageHeaderLayout from '../../layouts/PageHeaderLayout'
  import styles from './CandidateContainer.profile.less'
  import DescriptionList from '../../components/DescriptionList';
  
  import GlobalComponents from '../../custcomponents';
  import PermissionSetting from '../../permission/PermissionSetting'
  import appLocaleName from '../../common/Locale.tool'
  const { Description } = DescriptionList;
  const {defaultRenderExtraHeader}= DashboardTool
  
  
  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
  const internalRenderTitle = (cardsData,targetComponent) =>{
    const linkComp=cardsData.returnURL?<Link to={cardsData.returnURL}> <Icon type="double-left" style={{marginRight:"10px"}} /> </Link>:null
    return (<div>{linkComp}{cardsData.cardsName}: {cardsData.displayName}</div>)
  
  }
  const internalSummaryOf = (candidateContainer,targetComponent) =>{
      const userContext = null
  	return (
  	<DescriptionList className={styles.headerList} size="small" col="4">
  <Description term="ID">{candidateContainer.id}</Description> 
  <Description term="名称">{candidateContainer.name}</Description> 
  	
        </DescriptionList>
  	)
  }
  
  
  const renderPermissionSetting = candidateContainer => {
    const {CandidateContainerBase} = GlobalComponents
    return <PermissionSetting targetObject={candidateContainer}  targetObjectMeta={CandidateContainerBase}/>
  }
  
  const internalRenderExtraHeader = defaultRenderExtraHeader
  
  class CandidateContainerPermission extends Component {
  
  
    componentDidMount() {
  
    }
    
  
    render() {
      // eslint-disable-next-line max-len
      const  candidateContainer = this.props.candidateContainer
      const { id,displayName, candidateElementCount } = candidateContainer
      const  returnURL = `/candidateContainer/${id}/dashboard`
      const cardsData = {cardsName:"候选人容器",cardsFor: "candidateContainer",cardsSource: candidateContainer,displayName,returnURL,
    		subItems: [
      
        	],
    	};
      const renderExtraHeader = this.props.renderExtraHeader || internalRenderExtraHeader
      const summaryOf = this.props.summaryOf || internalSummaryOf
     
      return (
  
        <PageHeaderLayout
          title={internalRenderTitle(cardsData,this)}
          content={summaryOf(cardsData.cardsSource,this)}
          wrapperClassName={styles.advancedForm}
        >
        {renderExtraHeader(cardsData.cardsSource)}
        {renderPermissionSetting(cardsData.cardsSource)}
        
        </PageHeaderLayout>
      )
    }
  }
  
  export default connect(state => ({
    candidateContainer: state._candidateContainer,
  }))(Form.create()(CandidateContainerPermission))
  
  