From 1386b9fff21abc8f611c2a6c199581ea67efe315 Mon Sep 17 00:00:00 2001
From: Mr Ke <kelq@hugeinfo.com.cn>
Date: Sun, 26 Apr 2020 16:40:55 +0800
Subject: [PATCH] 修复bug
---
src/components/page/index/rulesList/index.jsx | 53 +++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 43 insertions(+), 10 deletions(-)
diff --git a/src/components/page/index/rulesList/index.jsx b/src/components/page/index/rulesList/index.jsx
index f184734..c57276e 100644
--- a/src/components/page/index/rulesList/index.jsx
+++ b/src/components/page/index/rulesList/index.jsx
@@ -6,13 +6,13 @@
/** 工作制度 */
import React, { ReactNode, ReactEventHandler, Component } from 'react';
-import { Button } from 'antd';
+import { Button, Modal, Tabs, List, Avatar } from 'antd';
import TableView from '../../../common/TableView';
import SearchFormView from '../../../common/SearchFormView';
import moment from 'moment';
import './index.scss';
-
+const { TabPane } = Tabs;
export default class RulesList extends Component {
constructor(props) {
@@ -26,6 +26,7 @@
title: '',
page: 1,
size: 10,
+ visible: false//modal的可视化状态
},
};
}
@@ -34,19 +35,26 @@
componentDidMount() { }
- cancle = (id) => {
+ link = (id) => {
console.log(id)
- // // this.props.history.push("/document/create?id=" + id);
- this.props.history.push({ pathname: "/document/create/"+id });
+ this.props.history.push({ pathname: "/document/detail/" + id });
+ }
+
+ emoveTAG = (str) => {
+ return str.replace(/<[^>]+>/g, "");
}
renderColumns = () => {
return [
{ title: '标题', dataIndex: 'documentTitle' },
- { title: '通知内容', dataIndex: 'documentContent' },
- { title: '接受情况', dataIndex: 'groupType', render: (cur, item) => <span>{item.readNumber || 0}/{item.noticeNumber || 0}</span> },
+ {
+ title: '通知内容', dataIndex: 'documentContent', width: '40%', ellipsis: true, render: (cur, item) => {
+ return cur ? this.emoveTAG(cur) : '无'
+ }
+ },
+ { title: '接受情况', dataIndex: 'groupType', render: (cur, item) => <a onClick={() => { this.setState({ visible: true }) }}> <span>{item.readNumber || 0}/{item.noticeNumber || 0}</span></a> },
{ title: '发布时间', dataIndex: 'createTime', render: (cur, item) => cur !== "" && cur != null ? moment(cur).format("YYYY-MM-DD HH:mm") : "" },
- { title: '操作', render: (text, record) => <a >下载</a> }
+ { title: '操作', render: (text, record) => <a onClick={() => this.link(record.id)}>查看</a> }
];
}
@@ -58,7 +66,7 @@
}
render() {
- const { formData } = this.state;
+ const { formData, visible } = this.state;
let tableParams = {
url: `api/document/getNotice`,
@@ -66,12 +74,37 @@
key: formData.__key,
columns: this.renderColumns(),
extraFromData: {
- type: '',
+ type: 'DT00001',
},
setFormData: this.setFormData
}
return (
<div className="rules-list-main">
+ <Modal
+ visible={visible}
+ onCancel={() => this.setState({ visible: false })}
+ footer={null}
+ title="接收情况"
+ >
+ <Tabs defaultActiveKey="1" >
+ <TabPane tab="未读" key="1">
+ <div className="modal-list">
+ {
+ [1,2,3].map((a)=>(
+ <div className="flex-box-row align-center modal-list-item" >
+ <Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />
+ <span className="modal-label">柯礼钦</span>
+ <span className="modal-time">2010-10-10 24:00</span>
+ </div>
+ ))
+ }
+ </div>
+ </TabPane>
+ <TabPane tab="已读" key="2">
+ </TabPane>
+ </Tabs>
+
+ </Modal>
<SearchFormView
formData={formData}
setFormData={this.setFormData}
--
Gitblit v1.8.0