parent
95d8d7d90b
commit
3f8ccccdfe
@ -0,0 +1,163 @@
|
||||
import React, { Component } from 'react';
|
||||
import { Redirect } from 'react-router';
|
||||
import { List,Typography,Tag,Modal,Radio} from 'antd';
|
||||
|
||||
import TPMRightSection from './component/TPMRightSection';
|
||||
import TPMNav from './component/TPMNav';
|
||||
import axios from 'axios';
|
||||
|
||||
class Audit_situationComponent extends Component {
|
||||
constructor(props) {
|
||||
super(props)
|
||||
this.state = {
|
||||
}
|
||||
}
|
||||
showModal = () => {
|
||||
this.setState({
|
||||
visible: true,
|
||||
});
|
||||
};
|
||||
|
||||
handleOk = e => {
|
||||
console.log(e);
|
||||
this.setState({
|
||||
visible: false,
|
||||
});
|
||||
};
|
||||
|
||||
handleCancel = e => {
|
||||
console.log(e);
|
||||
this.setState({
|
||||
visible: false,
|
||||
});
|
||||
};
|
||||
|
||||
onChange = e => {
|
||||
console.log('radio checked', e.target.value);
|
||||
this.setState({
|
||||
value: e.target.value,
|
||||
});
|
||||
};
|
||||
render() {
|
||||
const { tpmLoading, shixun, user, match } = this.props;
|
||||
return (
|
||||
<React.Fragment>
|
||||
|
||||
{this.state.visible===true?<Modal
|
||||
title="审核情况更改"
|
||||
visible={this.state.visible}
|
||||
keyboard={false}
|
||||
closable={false}
|
||||
footer={null}
|
||||
destroyOnClose={true}
|
||||
centered={true}
|
||||
>
|
||||
<div>
|
||||
<style>
|
||||
{
|
||||
`
|
||||
body{
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.ant-modal-body{
|
||||
text-align: center;
|
||||
}
|
||||
`
|
||||
}
|
||||
</style>
|
||||
|
||||
<Radio.Group onChange={this.onChange} value={this.state.value}>
|
||||
<Radio value={1}>已完成</Radio>
|
||||
<Radio value={2}>未完成</Radio>
|
||||
</Radio.Group>
|
||||
|
||||
<div className={"mt30"}>
|
||||
<a className="pop_close task-btn mr20 margin-tp26" onClick={()=>this.handleCancel()}>取消</a>
|
||||
<a className="task-btn task-btn-orange margin-tp26" onClick={()=>this.handleOk()}>确定</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</Modal>:""}
|
||||
|
||||
<style>
|
||||
{
|
||||
`
|
||||
.Itemtitle{
|
||||
float: left;
|
||||
padding-top: 2px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
`
|
||||
}
|
||||
</style>
|
||||
{ tpmLoading ? <div style={{ minHeight: '886px'}}></div> :
|
||||
|
||||
<div className="tpmComment educontent clearfix mt30 mb80">
|
||||
|
||||
<div className="with65 fl edu-back-white commentsDelegateParent" >
|
||||
|
||||
<TPMNav
|
||||
match={match}
|
||||
user={user}
|
||||
shixun={shixun}
|
||||
{...this.props}
|
||||
></TPMNav>
|
||||
|
||||
<div className="padding20 edu-back-white mt20" style={{minHeight: '640px'}}>
|
||||
<List
|
||||
dataSource={[
|
||||
{
|
||||
name: '内容审核情况',
|
||||
id:1,
|
||||
type:"未审核"
|
||||
},
|
||||
{
|
||||
name: '性能审核情况',
|
||||
id:2,
|
||||
type:"未审核"
|
||||
},
|
||||
]}
|
||||
bordered
|
||||
renderItem={(item,key) => (
|
||||
<List.Item
|
||||
key={item.id}
|
||||
actions={[
|
||||
<a onClick={()=>this.showModal(item.id)} key={key}>
|
||||
<i className="iconfont icon-bianjidaibeijing font-22 color-green"></i>
|
||||
</a>,
|
||||
]}
|
||||
>
|
||||
<List.Item.Meta
|
||||
title={<div className={"font-16"}>
|
||||
<div className={"Itemtitle"}>{item.name}</div>
|
||||
<Tag color="#FF6800">已完成</Tag>
|
||||
<Tag color="#bcbcbc">已完成</Tag>
|
||||
</div>}
|
||||
description={
|
||||
<div>
|
||||
<span>审核时间: 2019-10-17 10:42</span>
|
||||
<span className={"ml30"}>审核人 XXX</span>
|
||||
</div>
|
||||
}
|
||||
/>
|
||||
</List.Item>
|
||||
)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="with35 fr pl20">
|
||||
<TPMRightSection {...this.props}></TPMRightSection>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
}
|
||||
</React.Fragment>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default Audit_situationComponent;
|
||||
Loading…
Reference in new issue