app-base-web/src/pages/right/Safeinfo/SafeinfoView.js

web development common base package.

import React, { Suspense, lazy } from 'react';
import { Layout, Table, Form, Modal, Row, Col, Button, Input,Switch, message } from 'antd';
import api from '../../../library/util-axios';
import File from '../../../library/file';
// 维权信息
const title = "维权信息";
const url = "Safeinfo/";
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={{ span: 10, offset: 2 }}><label>请求人姓名</label><span>{this.state.applicantName}</span></Col>
          </Row>
          <Row>
            <Col xs={{ span: 10, offset: 2 }}><label>请求人信息</label><span>{this.state.applicant}</span></Col>
          </Row>
          <Row>
            <Col xs={{ span: 10, offset: 2 }}><label>专利号</label><span>{this.state.ano}</span></Col>
          </Row>
          <Row>
            <Col xs={{ span: 10, offset: 2 }}><label>被请求人信息</label><span>{this.state.defendant}</span></Col>
          </Row>
          <Row>
            <Col xs={{ span: 10, offset: 2 }}><label>有效证件</label><span>{this.state.identity}</span></Col>
          </Row>
          <Row>
            <Col xs={{ span: 10, offset: 2 }}><label>请求人申请调解请求书</label><span><File cls="simpleFile" fileList={this.state.file1} hide="true" /></span></Col>
            <Col xs={{ span: 10, offset: 2 }}><label>营业执照</label><span><File cls="simpleFile" fileList={this.state.file2} hide="true" /></span></Col>
          </Row>
          <Row>
            <Col xs={{ span: 10, offset: 2 }}><label>身份证复印件</label><span><File cls="simpleFile" fileList={this.state.file3} hide="true" /></span></Col>
            <Col xs={{ span: 10, offset: 2 }}><label>委托授权书</label><span><File cls="simpleFile" fileList={this.state.file4} hide="true" /></span></Col>
          </Row>
          <Row>
            <Col xs={{ span: 10, offset: 2 }}><label>被委托人身份证复印件</label><span><File cls="simpleFile" fileList={this.state.file5} hide="true" /></span></Col>
            <Col xs={{ span: 10, offset: 2 }}><label>法定代表人身份证复印件</label><span><File cls="simpleFile" fileList={this.state.file6} hide="true" /></span></Col>
          </Row>
          <Row>
            <Col xs={{ span: 10, offset: 2 }}><label>案件相关的图片材料</label><span><File cls="simpleFile" fileList={this.state.file7} hide="true" /></span></Col>
            <Col xs={{ span: 10, offset: 2 }}><label>案件相关的文件材料</label><span><File cls="simpleFile" fileList={this.state.file8} hide="true" /></span></Col>
          </Row>
          <Row>
            <Col xs={{ span: 10, offset: 2 }}><label>受理通知书</label><span><File cls="simpleFile" fileList={this.state.file9} hide="true" /></span></Col>
          </Row>
          <Row>
            <Col xs={{ span: 10, offset: 2 }}><label>调解通知书</label><span><File cls="simpleFile" fileList={this.state.file10} hide="true" /></span></Col>
            <Col xs={{ span: 10, offset: 2 }}><label>调解协议书</label><span><File cls="simpleFile" fileList={this.state.file11} hide="true" /></span></Col>
          </Row>
          <Row>
            <Col xs={{ span: 10, offset: 2 }}><label>被请求人意见陈述书</label><span><File cls="simpleFile" fileList={this.state.file12} hide="true" /></span></Col>
            <Col xs={{ span: 10, offset: 2 }}><label>被请求人图片材料</label><span><File cls="simpleFile" fileList={this.state.file13} hide="true" /></span></Col>
          </Row>
          <Row>
            <Col xs={{ span: 10, offset: 2 }}><label>请求书副本</label><span><File cls="simpleFile" fileList={this.state.file14} hide="true" /></span></Col>
          </Row>
          <Row>
            <Col xs={{ span: 10, offset: 2 }}><label>工作计划</label><span><File cls="simpleFile" fileList={this.state.file15} hide="true" /></span></Col>
            <Col xs={{ span: 10, offset: 2 }}><label>调查笔录</label><span><File cls="simpleFile" fileList={this.state.file17} hide="true" /></span></Col>
          </Row>
          <Row>
            <Col xs={{ span: 10, offset: 2 }}><label>调解协议书</label><span><File cls="simpleFile" fileList={this.state.file18} hide="true" /></span></Col>
            <Col xs={{ span: 10, offset: 2 }}><label>撤销案件通知书</label><span><File cls="simpleFile" fileList={this.state.file19} hide="true" /></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>
    );
  }
}