display blank prj

VRTKSSUP-229
Осьмаков Денис 5 years ago
parent b564a76458
commit c6ed7fc57e
  1. 12
      src/webparts/summaryWebPart/components/SummaryWebPart.tsx

@ -8,12 +8,14 @@ import { IPageData } from '../interfaces/IPageData';
export interface IComponentState{ export interface IComponentState{
pageData: IPageData | null pageData: IPageData | null
isLoaded: boolean; isLoaded: boolean;
isBlank: boolean;
} }
export default class SummaryWebPart extends React.Component<ISummaryWebPartProps, IComponentState > { export default class SummaryWebPart extends React.Component<ISummaryWebPartProps, IComponentState > {
public state = { public state = {
pageData: null, pageData: null,
isLoaded: false isLoaded: false,
isBlank: false
} }
componentDidMount(){ componentDidMount(){
@ -21,11 +23,11 @@ export default class SummaryWebPart extends React.Component<ISummaryWebPartProps
let relUrl = context.pageContext.web.serverRelativeUrl let relUrl = context.pageContext.web.serverRelativeUrl
let projectCode = relUrl ? relUrl.split('/')[relUrl.split('/').length - 1] : ''; let projectCode = relUrl ? relUrl.split('/')[relUrl.split('/').length - 1] : '';
fetch(requestUrl + 'test01_test02_001') fetch(requestUrl + projectCode)
.then((response)=>{ .then((response)=>{
return response.json() return response.json()
}).then(result=>{ }).then(result=>{
this.setState({ pageData: result.data, isLoaded: true}) result.data ? this.setState({ pageData: result.data, isLoaded: true }) : this.setState({ isBlank: true })
}) })
} }
@ -35,13 +37,13 @@ export default class SummaryWebPart extends React.Component<ISummaryWebPartProps
} }
public render(): React.ReactElement<ISummaryWebPartProps> { public render(): React.ReactElement<ISummaryWebPartProps> {
const { pageData, isLoaded } = this.state; const { pageData, isLoaded, isBlank } = this.state;
return (isLoaded ? return (isLoaded ?
<div style={{display: 'flex', flexDirection: 'column'}}> <div style={{display: 'flex', flexDirection: 'column'}}>
<div style={{ display: 'flex', justifyContent: 'flex-end' }}><PrimaryButton text="Изменение карточки проекта" onClick={this.relocate} /></div> <div style={{ display: 'flex', justifyContent: 'flex-end' }}><PrimaryButton text="Изменение карточки проекта" onClick={this.relocate} /></div>
<SummaryGlobalComponent data={pageData} /> <SummaryGlobalComponent data={pageData} />
</div> </div>
: :
<Spinner label="Подождите, идёт загрузка" ariaLive="assertive" size={SpinnerSize.large} />) isBlank ? <div></div> : <Spinner label="Подождите, идёт загрузка" ariaLive="assertive" size={SpinnerSize.large} />)
} }
} }

Loading…
Cancel
Save