From 894ab56e0e650dda334273f21f948677163f134b Mon Sep 17 00:00:00 2001 From: liuwh <hugeinfo123> Date: Sat, 09 May 2020 17:51:53 +0800 Subject: [PATCH] xiangjianlaji --- SunshineIns/src/page/CareList.jsx | 50 ++++++++++++++++++++++++++++---------------------- 1 files changed, 28 insertions(+), 22 deletions(-) diff --git a/SunshineIns/src/page/CareList.jsx b/SunshineIns/src/page/CareList.jsx index 2f858bb..5432a72 100644 --- a/SunshineIns/src/page/CareList.jsx +++ b/SunshineIns/src/page/CareList.jsx @@ -3,7 +3,7 @@ import HeadView from '../view/HeadView'; import TableBtnView from '../view/TableBtnView'; import CommonSearchForm from '../view/CommonSearchForm'; -import { Input, Button, DatePicker, Divider, message, Popconfirm, Select, Badge } from 'antd'; +import { Input, Button, DatePicker, Divider, message, Popconfirm, Select, Badge, Breadcrumb } from 'antd'; import moment from 'moment'; import Fetch from '../fetch'; import TableView from '../view/TableView'; @@ -32,6 +32,7 @@ 1, 2, 3, + 4 ] const activityStatusIds = { 0: '未开始', @@ -41,9 +42,9 @@ } const activityStatusList = [ + 0, 1, - 2, - 3, + 2 ] export default class CareList extends React.Component { constructor(props) { @@ -61,7 +62,7 @@ } componentDidMount() { - document.title = '社会关护管理'; + document.title = '社会观护管理'; this.getData(); } @@ -169,7 +170,7 @@ key: 'status', render: text => ( text == 0 ? - <Badge style={{ backgroundColor: '#6C757C' }} count={'已结束'} /> : text == 1 ? <Badge count={'进行中'} style={{ backgroundColor: '#6C757C' }} /> : text == 2 ? <Badge count={'进行中'} style={{ backgroundColor: '#6C757C' }} /> : <Badge count={'已结束'} style={{ backgroundColor: '#2ECC71' }} /> + <Badge style={{ backgroundColor: '#6C757C' }} count={'未开始'} /> : text == 1 ? <Badge count={'进行中'} style={{ backgroundColor: '#F1C40F' }} /> : text == 2 ? <Badge count={'已结束'} style={{ backgroundColor: '#2ECC71' }} /> : <Badge count={'结束'} style={{ backgroundColor: '#2ECC71' }} /> ) }, { title: '创建时间', @@ -191,23 +192,28 @@ key: 'action', render: (text, record) => ( <span> - <a onClick={() => this.showModal(record.id)}>编辑</a> - <Divider type="vertical" /> - <Popconfirm - title="确认删除任务吗?" - id={record.id} - onConfirm={e => this.confirm(record.id)} - okText="确定" - cancelText="取消" - > - <a href="#">删除</a> - </Popconfirm> { - record.status == 1 ? + record.status == 0 ? <React.Fragment> + <a onClick={() => this.showModal(record.id)}>编辑</a> <Divider type="vertical" /> - <a onClick={() => this.showModal(record.id)}>结束任务</a> - </React.Fragment> : '' + <Popconfirm + title="确认删除任务吗?" + id={record.id} + onConfirm={e => this.confirm(record.id)} + okText="确定" + cancelText="取消" + > + <a href="#">删除</a> + </Popconfirm> + </React.Fragment> : + record.status == 1 ? + <React.Fragment> + <a onClick={() => this.showModal(record.id)}>查看</a> + <Divider type="vertical" /> + <a onClick={() => this.showModal(record.id)}>结束任务</a> + </React.Fragment> : + <a onClick={() => this.showModal(record.id)}>查看</a> } </span> ), @@ -216,13 +222,13 @@ return ( <div className="app-page"> <HeadView history={this.props.history} /> - <div style={{ marginLeft: '90%', marginBottom: '20px', marginTop: '20px' }}> - <Button type="primary" size='large' onClick={() => this.showModal('new')}>新建任务</Button> - </div> {/* <Breadcrumb style={{ padding: '20px' }}> <Breadcrumb.Item><a href="">后台中心</a></Breadcrumb.Item> <Breadcrumb.Item>社会关护</Breadcrumb.Item> </Breadcrumb> */} + <div style={{ marginLeft: '90%', marginBottom: '20px', marginTop: '20px' }}> + <Button type="primary" size='large' onClick={() => this.showModal('new')}>新建任务</Button> + </div> <div style={{ background: '#fff', margin: 20 }}> <CommonSearchForm {...this.props} -- Gitblit v1.8.0