app-base-web
Version:
web development common base package.
83 lines (81 loc) • 2.75 kB
JavaScript
import React from 'react';
import { Form, Row, Col, Button } from 'antd';
import api from '../../../library/util-axios';
import File from '../../../library/file';
import UtilDic from '../../../library/util-dic';
// 信息管理-邮件管理
const title = "邮件管理";
const url = "MsgEmail/";
export default class FormView extends React.Component {
constructor(props) {
super(props);
this.state = {
...props.values
};
}
componentDidMount() {
let me = this;
api.get(url + "getModel?id=" + this.state.id, {}, function (rs) {
me.setState({
...rs.data
})
});
}
render() {
return (
<Form className="form-view">
<div className="form-title">
<i>{title} - 详情</i>
{/* <span><Button className="btn-edit" onClick={(e) => { this.props.onEdit(this.state) }}><i className="iconfont icon-edit"></i>编辑</Button></span> */}
</div>
<div className="form-content" style={{ height: this.props.height }}>
<Row>
<Col xs={12}><label>业务ID</label><span>{this.state.parentId}</span></Col>
<Col xs={12}><label>业务名称</label><span>{this.state.parentName}</span></Col>
</Row>
<Row>
<Col xs={24}><label>发件人Id</label><span>{this.state.senderId}</span></Col>
</Row>
<Row>
<Col xs={24}><label>发件人</label><span>{this.state.sendEmail}</span></Col>
</Row>
<Row>
<Col xs={24}><label>收件人Id</label><span>{this.state.recipientId}</span></Col>
</Row>
<Row>
<Col xs={24}><label>收件人</label><span>{this.state.receiveEmail}</span></Col>
</Row>
<Row>
<Col xs={24}><label>抄送</label><span>{this.state.cc}</span></Col>
</Row>
<Row>
<Col xs={24}><label>标题</label><span>{this.state.title}</span></Col>
</Row>
<Row>
<Col xs={24}><label>内容</label>
<div dangerouslySetInnerHTML={{ __html: this.state.content }} ></div>
</Col>
</Row>
<Row>
<Col xs={24}><label>附件</label><span>
<File cls="simpleFile" fileList={this.state.file} hide="true" />
</span></Col>
</Row>
<Row>
<Col xs={12}><label>发送时间</label><span>{this.state.sendTime}</span></Col>
<Col xs={12}><label>发送码</label><span>{this.state.code}</span></Col>
</Row>
<Row>
<Col xs={24}><label>发送结果</label><span>{this.state.sendResult}</span></Col>
</Row>
<Row>
<Col xs={24}><label>邮件状态</label><span>{UtilDic.json("app", "邮件状态")[this.state.state]}</span></Col>
</Row>
</div>
<div className="form-toolbar">
<Button className="btn-return" onClick={this.props.onReturn}><i className="iconfont icon-return"></i>返回</Button>
</div>
</Form>
);
}
}