| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802 |
- import React from 'react';
- import { Icon, Form, Button, Input, Spin, message, InputNumber, DatePicker, Select, Checkbox, Cascader, Table, Radio } from 'antd';
- import './techProduct.less';
- import { provinceSelect } from '../../../../tools';
- import { industryList, scaleList, companyType } from '../../../../dataDic';
- import { techFieldList } from '../../../../DicTechFieldList';
- import ajax from 'jquery/src/ajax/xhr.js';
- import $ from 'jquery/src/ajax';
- const CompanyDetail = Form.create()(React.createClass({
- loadData() {
- this.setState({
- loading: true
- });
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/user/cognizance/cognizanceDetail",
- data: {
- }
- }).done(function (data) {
- if (!data.data) {
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- };
- return;
- };
- }.bind(this)).always(function () {
- this.setState({
- loading: false
- });
- }.bind(this));
- },
- getInitialState() {
- return {
- loading: false,
- industryOption: [],
- scaleOption: [],
- humanTableData: [],
- legalTableData: [],
- humanColumns: [
- {
- title: '公民类型',
- dataIndex: 'type',
- key: 'type',
- width: '130px',
- render: (text, record, index) => {
- return <Select value={record.type} onChange={(e) => { record.type = e; this.setState({ humanTableData: this.state.humanTableData }); }}>
- <Select.Option value="china">中国公民</Select.Option>
- <Select.Option value="other">外籍公民</Select.Option>
- </Select>
- }
- }, {
- title: '姓名',
- dataIndex: 'name',
- key: 'name',
- render: (text, record, index) => {
- return <Input value={record.url} onChange={(e) => { record.name = e.target.value; this.setState({ humanTableData: this.state.humanTableData }); }} />
- }
- }, {
- title: '身份证(护照)号',
- dataIndex: 'IdNumber',
- key: 'IdNumber',
- render: (text, record, index) => {
- return <Input value={record.IdNumber} onChange={(e) => { record.IdNumber = e.target.value; this.setState({ humanTableData: this.state.humanTableData }); }} />
- }
- }, {
- title: '投资额(万元)',
- dataIndex: 'money',
- key: 'money',
- render: (text, record, index) => {
- return <InputNumber value={record.money} onChange={(e) => { record.money = e.target.value; this.setState({ humanTableData: this.state.humanTableData }); }} />
- }
- }
- ],
- legalColumns: [
- {
- title: '法人类型',
- dataIndex: 'type',
- key: 'type',
- width: '130px',
- render: (text, record, index) => {
- return <Select value={record.type} onChange={(e) => { record.type = e; this.setState({ legalTableData: this.state.legalTableData }); }}>
- <Select.Option value="china">中国企业法人</Select.Option>
- <Select.Option value="other">外观企业法人</Select.Option>
- </Select>
- }
- }, {
- title: '名称',
- dataIndex: 'name',
- key: 'name',
- render: (text, record, index) => {
- return <Input value={record.url} onChange={(e) => { record.name = e.target.value; this.setState({ legalTableData: this.state.legalTableData }); }} />
- }
- }, {
- title: '组织机构代码或统一社会信用代码',
- dataIndex: 'IdNumber',
- key: 'IdNumber',
- render: (text, record, index) => {
- return <Input value={record.IdNumber} onChange={(e) => { record.IdNumber = e.target.value; this.setState({ legalTableData: this.state.legalTableData }); }} />
- }
- }, {
- title: '投资额(万元)',
- dataIndex: 'money',
- key: 'money',
- render: (text, record, index) => {
- return <Input value={record.money} onChange={(e) => { record.money = e.target.value; this.setState({ legalTableData: this.state.legalTableData }); }} />
- }
- }
- ],
- humanSelectedRowKeys: [],
- humanSelectedRows: [],
- legalSelectedRowKeys: [],
- legalSelectedRows: []
- };
- },
- handleSubmit(e) {
- e.preventDefault();
- this.props.form.validateFields((err, values) => {
- if (!err) {
- this.props.spinState(true);
- $.ajax({
- method: "POST",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/disposeRatepay",
- data: {
- }
- }).done(function (data) {
- if (!data.error.length) {
- message.success('保存成功!');
- } else {
- message.warning(data.error[0].message);
- }
- }.bind(this));
- }
- });
- },
- componentWillMount() {
- let _me = this;
- industryList.map(function (item) {
- _me.state.industryOption.push(
- <Select.Option value={item.value} key={item.key}>{item.key}</Select.Option>
- )
- });
- scaleList.map(function (item) {
- _me.state.scaleOption.push(
- <Select.Option value={item.value} key={item.key}>{item.key}</Select.Option>
- )
- });
- this.loadData();
- },
- componentWillReceiveProps(nextProps) {
- },
- humanRemove() {
- let deletedIds = [];
- for (let idx = 0; idx < this.state.humanSelectedRows.length; idx++) {
- let rowItem = this.state.humanSelectedRows[idx];
- if (rowItem.id) {
- deletedIds.push(rowItem.id)
- }
- };
- this.setState({
- loading: deletedIds.length > 0
- });
- if (deletedIds.length) {
- $.ajax({
- url: globalConfig.context + '/api/permission/delete',
- method: 'post',
- data: {
- data: JSON.stringify(deletedIds)
- }
- }).done((res) => {
- if (!res.error.length) {
- Message.success("删除成功");
- this.state.humanSelectedRowKeys.sort((a, b) => { return b - a });
- for (let idx = 0; idx < this.state.humanSelectedRowKeys.length; idx++) {
- let dataIndex = this.state.humanSelectedRowKeys[idx];
- this.state.humanTableData.splice(dataIndex, 1);
- };
- this.setState({
- humanTableData: this.state.humanTableData,
- humanSelectedRowKeys: []
- });
- } else {
- Message.error(res.error[0].message);
- }
- }).always(() => {
- this.setState({
- loading: false
- });
- })
- }
- },
- humanAdd() {
- this.state.humanTableData.push({
- id: null,
- type: null,
- name: '',
- IdNumber: '',
- money: 0
- });
- this.setState({
- humanTableData: this.state.humanTableData
- })
- },
- humanSave() {
- this.setState({
- loading: true
- });
- $.ajax({
- url: globalConfig.context + '/api/permission',
- method: 'post',
- data: {
- data: JSON.stringify(this.state.data)
- }
- }).done((res) => {
- if (!res.error.length) {
- Message.success("保存成功");
- this.loadData();
- } else {
- Message.error(res.error[0].message);
- }
- }).always(() => {
- this.setState({
- loading: false
- });
- })
- },
- legalRemove() {
- let deletedIds = [];
- for (let idx = 0; idx < this.state.legalSelectedRows.length; idx++) {
- let rowItem = this.state.legalSelectedRows[idx];
- if (rowItem.id) {
- deletedIds.push(rowItem.id)
- }
- };
- this.setState({
- loading: deletedIds.length > 0
- });
- if (deletedIds.length) {
- $.ajax({
- url: globalConfig.context + '/api/permission/delete',
- method: 'post',
- data: {
- data: JSON.stringify(deletedIds)
- }
- }).done((res) => {
- if (!res.error.length) {
- Message.success("删除成功");
- this.state.legalSelectedRowKeys.sort((a, b) => { return b - a });
- for (let idx = 0; idx < this.state.legalSelectedRowKeys.length; idx++) {
- let dataIndex = this.state.legalSelectedRowKeys[idx];
- this.state.legalTableData.splice(dataIndex, 1);
- };
- this.setState({
- legalTableData: this.state.legalTableData,
- legalSelectedRowKeys: []
- });
- } else {
- Message.error(res.error[0].message);
- }
- }).always(() => {
- this.setState({
- loading: false
- });
- })
- }
- },
- legalAdd() {
- this.state.legalTableData.push({
- id: null,
- type: null,
- name: '',
- IdNumber: '',
- money: 0
- });
- this.setState({
- legalTableData: this.state.legalTableData
- })
- },
- legalSave() {
- this.setState({
- loading: true
- });
- $.ajax({
- url: globalConfig.context + '/api/permission',
- method: 'post',
- data: {
- data: JSON.stringify(this.state.data)
- }
- }).done((res) => {
- if (!res.error.length) {
- Message.success("保存成功");
- this.loadData();
- } else {
- Message.error(res.error[0].message);
- }
- }).always(() => {
- this.setState({
- loading: false
- });
- })
- },
- render() {
- const FormItem = Form.Item;
- const { getFieldDecorator } = this.props.form;
- //const theData = this.props.data;
- const theData = {};
- const formItemLayout = {
- labelCol: { span: 8 },
- wrapperCol: { span: 16 },
- };
- const humanRowSelection = {
- type: 'checkbox',
- selectedRowKeys: this.state.humanSelectedRowKeys,
- onChange: (selectedRowKeys, selectedRows) => {
- this.setState({
- humanSelectedRows: humanSelectedRows,
- humanSelectedRowKeys: humanSelectedRowKeys
- });
- }
- };
- const humanHasSelected = this.state.humanSelectedRowKeys.length > 0;
- const legalRowSelection = {
- type: 'checkbox',
- selectedRowKeys: this.state.legalSelectedRowKeys,
- onChange: (selectedRowKeys, selectedRows) => {
- this.setState({
- legalSelectedRows: legalSelectedRows,
- legalSelectedRowKeys: legalSelectedRowKeys
- });
- }
- };
- const legalHasSelected = this.state.legalSelectedRowKeys.length > 0;
- return (
- <Form onSubmit={this.handleSubmit} className="company-detail-form">
- <div className="content-title">
- <span>企业基本信息</span>
- </div>
- <div className="clearfix">
- <FormItem className="half-item"
- {...formItemLayout}
- label="企业名称"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Input />
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="行政区域"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ type: 'array', required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Cascader options={provinceSelect()} />
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="通信地址"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Input />
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="邮编"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Input />
- )}
- </FormItem>
- </div>
- <div className="clearfix">
- <p className="content-title">联系人信息</p>
- <FormItem className="half-item"
- {...formItemLayout}
- label="姓名"
- >
- {getFieldDecorator('operatingIncome', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingIncome
- })(
- <Input />
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="手机"
- >
- {getFieldDecorator('managementCost', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.managementCost
- })(
- <Input />
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="电话"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Input />
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="传真"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Input />
- )}
- </FormItem>
- </div>
- <div className="clearfix">
- <p className="content-title">企业法人信息</p>
- <FormItem className="half-item"
- {...formItemLayout}
- label="电话"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Input />
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="传真"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Input />
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="E-mail"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Input />
- )}
- </FormItem>
- </div>
- <div className="content-title">
- <span>企业重要信息</span>
- </div>
- <div className="clearfix">
- <FormItem className="half-item"
- {...formItemLayout}
- label="注册资金"
- >
- {getFieldDecorator('operatingIncome', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingIncome
- })(
- <InputNumber />
- )}
- <span>万元</span>
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="注册时间"
- >
- {getFieldDecorator('managementCost', {
- rules: [{ type: 'object', required: true, message: '此项为必填项!' }],
- initialValue: theData.managementCost
- })(
- <DatePicker />
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="法人代表姓名"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Input />
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="身份证号"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Input />
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="组织机构代码/统一社会信用代码"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Input />
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="税务登记号/统一社会信用代码"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Input />
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="所属行业"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Select>{this.state.industryOption}</Select>
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="企业规模(注册资金)"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Select>{this.state.scaleOption}</Select>
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="注册类型"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ type: 'array', required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Cascader options={companyType} />
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="外资来源地"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Input />
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="领域"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Cascader options={techFieldList} />
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="企业所得税主管税务机关"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Radio.Group>
- <Radio value="1">国税</Radio>
- <Radio value="2">地税</Radio>
- </Radio.Group>
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="企业所得税征收方式"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Radio.Group>
- <Radio value="1">查账征收</Radio>
- <Radio value="2">核定征收</Radio>
- </Radio.Group>
- )}
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem className="half-item"
- {...formItemLayout}
- label="是否上市"
- > {getFieldDecorator('listed', {
- initialValue: this.state.listed || "0"
- })(
- <Radio.Group>
- <Radio value="0">否</Radio>
- <Radio value="1">是</Radio>
- </Radio.Group>
- )}
- </FormItem>
- </div>
- <div className="clearfix" style={{ display: this.props.form.getFieldValue('listed') == 0 ? 'none' : 'block' }}>
- <FormItem className="half-item"
- {...formItemLayout}
- label="上市时间"
- >
- {getFieldDecorator('listedDate', {
- initialValue: this.state.listedDate ? moment(this.state.listedDate) : null
- })(
- <DatePicker />
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="上市类型"
- > {getFieldDecorator('listedType', {
- initialValue: this.state.listedType
- })(
- <Select placeholder="请选择上市类型">
- <Select.Option value='0'>股票型上市公司</Select.Option>
- <Select.Option value='1'>债券型上市公司</Select.Option>
- </Select>
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="股票代码"
- > {getFieldDecorator('stockCode', {
- initialValue: this.state.stockCode
- })(
- <Input />
- )}
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem className="half-item"
- {...formItemLayout}
- label="是否属于国家级高新区内企业"
- > {getFieldDecorator('highTechZone', {
- initialValue: this.state.highTechZone || "0"
- })(
- <Radio.Group>
- <Radio value="0">否</Radio>
- <Radio value="1">是</Radio>
- </Radio.Group>
- )}
- </FormItem>
- </div>
- <div className="clearfix" style={{ display: this.props.form.getFieldValue('highTechZone') == 0 ? 'none' : 'block' }}>
- <FormItem className="half-item"
- {...formItemLayout}
- label="国家级高新区名称"
- > {getFieldDecorator('zoneName', {
- initialValue: this.state.listed || "0"
- })(
- <Input />
- )}
- </FormItem>
- </div>
- <div className="content-title">
- <span>股权结构</span>
- </div>
- <div className="clearfix">
- <div className="half-item">
- <div className="table-title">
- <span>自然人股权</span>
- <Button style={{ background: "#ea0862", border: "none", color: "#fff" }}
- onClick={this.humanAdd}>添加<Icon type="plus" /></Button>
- <Button style={{ background: "#3fcf9e", border: "none", color: "#fff" }}
- disabled={!humanHasSelected}
- onClick={this.humanRemove}>删除<Icon type="minus" /></Button>
- <Button type="primary" onClick={this.humanSave}>保存修改</Button>
- </div>
- <Table className="company-table" style={{ padding: '10px 20px' }}
- columns={this.state.humanColumns}
- dataSource={this.state.humanTableData}
- pagination={false}
- rowSelection={humanRowSelection} />
- </div>
- <div className="half-item">
- <div className="table-title">
- <span>法人股权</span>
- <Button style={{ background: "#ea0862", border: "none", color: "#fff" }}
- onClick={this.legalAdd}>添加<Icon type="plus" /></Button>
- <Button style={{ background: "#3fcf9e", border: "none", color: "#fff" }}
- disabled={!legalHasSelected}
- onClick={this.legalRemove}>删除<Icon type="minus" /></Button>
- <Button type="primary" onClick={this.legalSave}>保存修改</Button>
- </div>
- <Table className="company-table" style={{ padding: '10px 20px' }}
- columns={this.state.legalColumns}
- dataSource={this.state.legalTableData}
- pagination={false}
- rowSelection={legalRowSelection} />
- </div>
- </div>
- <FormItem style={{ width: '50%' }}
- {...formItemLayout}
- label="是否引入风险投资"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Radio.Group>
- <Radio value="1">是</Radio>
- <Radio value="2">否</Radio>
- </Radio.Group>
- )}
- </FormItem>
- <FormItem style={{ width: '50%' }}
- {...formItemLayout}
- label="经营范围(限400字)"
- >
- {getFieldDecorator('operatingProfit', {
- rules: [{ required: true, message: '此项为必填项!' }],
- initialValue: theData.operatingProfit
- })(
- <Input type='textarea' rows={6} />
- )}
- </FormItem>
- <div className="content-title">
- <span>员工情况</span>
- </div>
- <div className="clearfix">
- <FormItem className="half-item" style={{ width: '25%' }}
- {...formItemLayout}
- label="企业职工"
- >
- {getFieldDecorator('firmTotal', {
- initialValue: theData.firmTotal || 0
- })(
- <InputNumber />
- )}
- </FormItem>
- <FormItem className="half-item"
- {...formItemLayout}
- label="科技人员"
- >
- {getFieldDecorator('techTotal', {
- initialValue: theData.techTotal || 0
- })(
- <InputNumber />
- )}
- <span>其中科技人员占比
- {(() => {
- if (!this.props.form.getFieldValue('techTotal') || !this.props.form.getFieldValue('firmTotal')) {
- return 0
- }
- return (this.props.form.getFieldValue('techTotal') / this.props.form.getFieldValue('firmTotal') * 100).toFixed(2)
- })()}
- %</span>
- </FormItem>
- </div>
- <FormItem style={{ marginTop: '20px' }}>
- <Button className="set-submit" type="primary" htmlType="submit">保存</Button>
- <Button type="ghost" style={{ marginLeft: '20px' }} onClick={this.props.closeModal}>取消</Button>
- </FormItem>
- </Form >
- );
- },
- }));
- export default CompanyDetail;
|