# Conflicts:
#	public/react/src/modules/competitions/Competitioncommon/CompetitionCommonChild/CompetitionContentspdf.js
#	public/react/src/modules/competitions/Competitioncommon/CompetitionCommonChild/CompetitionContentspdfChild/CompetitionContentspdfdownload.js
dev_auth
杨树明 5 years ago
commit dd74208183

@ -1,29 +1,28 @@
import React, {Component} from 'react'; import React, { Component } from 'react';
import {Tabs} from 'antd'; import {Tabs} from 'antd';
import axios from 'axios'; import axios from 'axios';
import {markdownToHTML, getImageUrl, AttachmentList} from 'educoder'; import {markdownToHTML,getImageUrl,AttachmentList} from 'educoder';
import CompetitionContentspdfdownload from './CompetitionContentspdfChild/CompetitionContentspdfdownload'; import CompetitionContentspdfdownload from './CompetitionContentspdfChild/CompetitionContentspdfdownload';
import CompetitionContentspdfpeopledata from './CompetitionContentspdfChild/CompetitionContentspdfpeopledata'; import CompetitionContentspdfpeopledata from './CompetitionContentspdfChild/CompetitionContentspdfpeopledata';
// import NoneData from "../../../courses/shixunHomework/shixunHomework"; // import NoneData from "../../../courses/shixunHomework/shixunHomework";
const {TabPane} = Tabs; const { TabPane } = Tabs;
class CompetitionContentspdf extends Component{
class CompetitionContentspdf extends Component {
constructor(props) { constructor(props) {
super(props) super(props)
this.state = { this.state={
Tabskey: "1" Tabskey:"1"
} }
} }
componentDidMount() { componentDidMount(){
window.document.title = '竞赛'; window.document.title = '竞赛';
} }
Competitioncallback = (key) => { Competitioncallback=(key)=>{
this.setState({ this.setState({
Tabskey: key Tabskey:key
}) })
} }
@ -35,18 +34,18 @@ class CompetitionContentspdf extends Component {
<div className={"fr"}> <div className={"fr"}>
<div className={"mb100 "}> <div className={"mb100 "}>
<Tabs defaultActiveKey="1" onChange={(e) => this.Competitioncallback(e)} activeKey={this.state.Tabskey}> <Tabs defaultActiveKey="1" onChange={(e) => this.Competitioncallback(e)} activeKey={this.state.Tabskey}>
<TabPane tab="获奖证书下载" key="1"> <TabPane tab="获奖证书下载" key="1" >
<CompetitionContentspdfdownload {this.state.Tabskey==="1"?<CompetitionContentspdfdownload
{...this.props} {...this.props}
{...this.state} {...this.state}
Competitioncallback={(e) => this.Competitioncallback(e)} Competitioncallback={(e)=>this.Competitioncallback(e)}
/> />:""}
</TabPane> </TabPane>
<TabPane tab="完善个人信息" key="2"> <TabPane tab="完善个人信息" key="2">
<CompetitionContentspdfpeopledata {this.state.Tabskey==="2"?<CompetitionContentspdfpeopledata
{...this.props} {...this.props}
{...this.state} {...this.state}
/> />:""}
</TabPane> </TabPane>
</Tabs> </Tabs>
</div> </div>
@ -55,5 +54,4 @@ class CompetitionContentspdf extends Component {
) )
} }
} }
export default CompetitionContentspdf;
export default CompetitionContentspdf;

@ -1,43 +1,42 @@
import React, {Component} from 'react'; import React, { Component } from 'react';
import {Button, Layout, Row, Col, Divider, Table} from 'antd'; import {Button,Layout,Row, Col,Divider,Table} from 'antd';
import axios from 'axios'; import axios from 'axios';
import {getImageUrl} from 'educoder'; import {getImageUrl} from 'educoder';
import './CompetitionContentspdfdownload.css'; import './CompetitionContentspdfdownload.css';
// import NoneData from "../../../courses/shixunHomework/shixunHomework"; // import NoneData from "../../../courses/shixunHomework/shixunHomework";
class CompetitionContentspdfdownload extends Component { class CompetitionContentspdfdownload extends Component{
constructor(props) { constructor(props) {
super(props) super(props)
this.state = { this.state={
data: undefined, data:undefined,
teams: undefined teams:undefined
} }
} }
componentDidMount() { componentDidMount(){
window.document.title = '竞赛'; window.document.title = '竞赛';
let url = `/competitions/${this.props.match.params.identifier}/prize.json`; let url=`/competitions/${this.props.match.params.identifier}/prize.json`;
axios.get(url).then((response) => { axios.get(url).then((response) => {
if (response.status === 200) { if(response.status===200){
let datas = response.data.teams; let datas=response.data.teams;
if (datas.length > 0) { if(datas.length>0){
datas.map((item, key) => { datas.map((item,key)=>{
let lista = item.team_members; let lista=item.team_members;
if (lista.length > 0) { if(lista.length>0){
console.log(lista) console.log(lista)
lista.map((i, k) => { lista.map((i,k)=>{
i["bank_account"] = item.bank_account; i["bank_account"]=item.bank_account;
}) })
} }
}) })
} }
this.setState({ this.setState({
data: response.data, data:response.data,
teams: datas, teams:datas,
}) })
} }
}).catch((error) => { }).catch((error) => {
@ -48,96 +47,88 @@ class CompetitionContentspdfdownload extends Component {
render() { render() {
let {data, teams} = this.state;
let {data,teams}=this.state;
const columns = [ const columns = [
{ {
title: '角色', title: '角色',
dataIndex: 'type', dataIndex: 'type',
key: 'type', key: 'type',
render: (text, record) => ( render: (text, record) => (
<span> <span>
{record.role} {record.role}
</span> </span>
), ),
}, },
{ {
title: '姓名', title: '姓名',
dataIndex: 'name', dataIndex: 'name',
key: 'name', key: 'name',
render: (text, record) => ( render: (text, record) => (
<span> <span>
{record.name} {record.name}
</span> </span>
), ),
}, },
{ {
title: '实名认证', title: '实名认证',
dataIndex: 'namecertify', dataIndex: 'namecertify',
key: 'namecertify', key: 'namecertify',
render: (text, record) => ( render: (text, record) => (
<span> <span>
{record.real_name_auth === "authed" ? {record.real_name_auth==="authed"?<span className={"pdfdownloadfont00CC5F"}>已认证</span>:record.real_name_auth==="authing"?<span className={"pdfdownloadfontFF6602"}></span>:record.real_name_auth==="not_authed"?<span className={"color-red"}></span>:""}
<span className={"pdfdownloadfont00CC5F"}>已认证</span> : record.real_name_auth === "authing" ?
<span className={"pdfdownloadfontFF6602"}>待审核</span> : record.real_name_auth === "not_authed" ?
<span className={"color-red"}>未认证</span> : ""}
</span> </span>
), ),
}, },
{ {
title: '职业认证', title: '职业认证',
key: 'certify', key: 'certify',
dataIndex: 'certify', dataIndex: 'certify',
render: (text, record) => ( render: (text, record) => (
<span> <span>
{record.professional_auth === "authed" ? {record.professional_auth==="authed"?<span className={"pdfdownloadfont00CC5F"}>已认证</span>:record.real_name_auth==="authing"?<span className={"pdfdownloadfontFF6602"}></span>:record.real_name_auth==="not_authed"?<span className={"color-red"}></span>:""}
<span className={"pdfdownloadfont00CC5F"}>已认证</span> : record.real_name_auth === "authing" ?
<span className={"pdfdownloadfontFF6602"}>待审核</span> : record.real_name_auth === "not_authed" ?
<span className={"color-red"}>未认证</span> : ""}
</span> </span>
), ),
}, },
{ {
title: '手机绑定', title: '手机绑定',
key: 'mobile', key: 'mobile',
dataIndex: 'mobile', dataIndex: 'mobile',
render: (text, record) => ( render: (text, record) => (
<span> <span>
{record.phone_binded === true ? <span className={"pdfdownloadfont00CC5F"}>已绑定</span> : {record.phone_binded===true?<span className={"pdfdownloadfont00CC5F"}>已绑定</span>:<span className={"color-red"}></span>}
<span className={"color-red"}>未绑定</span>}
</span> </span>
), ),
}, },
{ {
title: '邮箱绑定', title: '邮箱绑定',
key: 'mail', key: 'mail',
dataIndex: 'mail', dataIndex: 'mail',
render: (text, record) => ( render: (text, record) => (
<span> <span>
{record.email_binded === true ? <span className={"pdfdownloadfont00CC5F"}>已绑定</span> : {record.email_binded===true?<span className={"pdfdownloadfont00CC5F"}>已绑定</span>:<span className={"color-red"}></span>}
<span className={"color-red"}>未绑定</span>}
</span> </span>
), ),
}, },
{ {
title: '开户行及银行卡号信息(队长填写)', title: '开户行及银行卡号信息(队长填写)',
key: 'idcard', key: 'idcard',
dataIndex: 'idcard', dataIndex: 'idcard',
render: (value, record, index) => { render: (value, record, index) => {
if (index === 0 && record.bank_account != null) { if (index === 0&&record.bank_account!=null) {
return { return {
children: children: <span>{record.bank_account.bank + record.bank_account.second_bank + record.bank_account.card_no}</span>,
<span>{record.bank_account.bank + record.bank_account.second_bank + record.bank_account.card_no}</span>,
}; };
} }
}, },
}, },
]; ];
let people = [{url: '/api/competitions/xxxxx/certificates/1/personal'}, let people=[ { url: '/api/competitions/xxxxx/certificates/1/personal' },
{url: '/api/competitions/xxxxx/certificates/2/personal'},] { url: '/api/competitions/xxxxx/certificates/2/personal' },]
return ( return (
<React.Fragment> <React.Fragment>
<Row> <Row>
@ -149,16 +140,13 @@ class CompetitionContentspdfdownload extends Component {
</Row> </Row>
<Row className={"mt30"}> <Row className={"mt30"}>
<Col>个人证书 {data && data.personal_certifications.length === 0 ? <Col>个人证书{data&&data.personal_certifications.length===0?<span><span className={"pdfpicture font-14"}>暂未生成</span> <span className={"ml20"}><span className={"pdfpicture font-14"}></span><a className={"pdfdownloadfont4CACFF"} onClick={()=>this.props.Competitioncallback("2")}></a></span></span>:
<span><span className={"pdfpicture font-14"}>暂未生成</span> <span className={"ml20"}><span data&&data.personal_certifications.map((item,key)=>{
className={"pdfpicture font-14"}>还未认证个人信息</span><a className={"pdfdownloadfont4CACFF"} return(
onClick={() => this.props.Competitioncallback("2")}>立即查看</a></span></span> :
data && data.personal_certifications.map((item, key) => {
return (
<span className={"mr10"} key={key}> <span className={"mr10"} key={key}>
<img src={getImageUrl(`images/educoder/pdfs.png`)}/> <img src={ getImageUrl(`images/educoder/pdfs.png`)} />
<a className={"pdfdownloadfont4CACFF ml10"} href={item.url} download="" <a className={"pdfdownloadfont4CACFF ml10"} href={item.url} download=""
title="下载" mce_href="#">立即下载</a> title="下载" mce_href="#">立即下载</a>
</span> </span>
) )
})}</Col> })}</Col>
@ -166,19 +154,19 @@ class CompetitionContentspdfdownload extends Component {
<Row className={"mt30"}> <Row className={"mt30"}>
<Col>团队证书 <Col>团队证书
{data && data.team_certifications.length === 0 ? <span className={"pdfpicture font-14"}>暂未生成</span> {data&&data.team_certifications.length===0?<span className={"pdfpicture font-14"}>暂未生成</span>
: data && data.team_certifications.map((item, key) => { :data&&data.team_certifications.map((item,key)=>{
return ( return(
<span className={"mr10"} key={key}> <span className={"mr10"} key={key}>
<img src={getImageUrl(`images/educoder/pdfs.png`)}/> <img src={ getImageUrl(`images/educoder/pdfs.png`)} />
<a className={"pdfdownloadfont4CACFF ml10"} href={item.url} download="" <a className={"pdfdownloadfont4CACFF ml10"} href={item.url} download=""
title="下载" mce_href="#">立即下载</a> title="下载" mce_href="#">立即下载</a>
</span> </span>
) )
})} })}
</Col> </Col>
</Row> </Row>
<Divider/> <Divider />
<style> <style>
{ {
` `
@ -195,13 +183,12 @@ class CompetitionContentspdfdownload extends Component {
` `
} }
</style> </style>
{teams && teams.map((item, key) => { {teams&&teams.map((item,key)=>{
return ( return(
<Row className={"mt30"} key={key}> <Row className={"mt30"} key={key}>
<Col className={"pdfpicture mb20"}>{item.name}战队信息填报概况</Col> <Col className={"pdfpicture mb20"}>{item.name}战队信息填报概况</Col>
<Table columns={columns} dataSource={item.team_members} className={"pdfdownloadTable"} <Table columns={columns} dataSource={item.team_members} className={"pdfdownloadTable"} pagination={false}/>
pagination={false}/>
</Row> </Row>
) )
}) })
@ -212,5 +199,4 @@ class CompetitionContentspdfdownload extends Component {
) )
} }
} }
export default CompetitionContentspdfdownload;
export default CompetitionContentspdfdownload;
Loading…
Cancel
Save