react 模板备份

 

 

/**
 * Created by hldev on 17-6-14.
 * 上市公司详情展示界面
 */
import React, {Component} from "react";
import {Link} from "react-router-dom";
import {inject, observer} from "mobx-react";
import ReactEchart from "../echart/ReactEchart";
import {Row, Col, Input, Button, Card, Table, Icon, Form, Popconfirm, Select, Tabs} from 'antd';
const FormItem = Form.Item;
const Option = Select.Option;
const TabPane = Tabs.TabPane;
@inject("store")
@observer
class EnterpriseSearchShow extends Component {


    constructor(props){
        super(props);
        this.store = this.props.store.enterpriseState;
    }

    componentDidMount(){
        //分页查询企业信息
        //this.store.getEnterprisePage();
    }

    handleSubmit = (e) => {
        e.preventDefault();
        this.props.form.validateFields((err, values) => {
            if (!err) {
                console.log('Received values of form: ', values);
                //this.store.createTopic(values);
                // let promise;
                // promise = this.store.createTopic(values);
                // promise.then(data => {
                //     Utils.pushLink(`/topic`);
                // })
            }
        });
    };
    callback = (key) => {
        console.log(key);
    };

    state = {
        option: "line",
    };



    render() {

        const columns = [/*{
         title: '序号',
         dataIndex: 'id',
         key: 'id',
         }, */{
            title: '统一社会信用代码',
            dataIndex: 'code',
            key: 'code',
        },{
            title: '企业名称',
            dataIndex: 'name',
            key: 'name',
        },{
            title: '经营状态',
            dataIndex: 'status',
            key: 'status',
        },{
            title: '法定代表人',
            dataIndex: 'person',
            key: 'person',
        },{
            title: '成立时间',
            dataIndex: 'time',
            key: 'time',
        }, {
            title: '详情',
            key: 'update',
            render: (text, record, index) => <Link to={`#`}><Icon type="eye"/></Link>
        }, /*{
         title: '删除',
         key: 'delete',

         render: (text, record, index) => <Popconfirm title="是否确认删除该记录?" onConfirm={() => this.store.deleteTopic(`${record.id}`)}><Icon
         type="delete"/></Popconfirm>
         }*/];

        const {getFieldDecorator} = this.props.form;
        console.log(this.store.topicPage);


        return (
            <div id="websiteMain" style={{marginTop: 16,background: '#fff',padding: '20px'}}>

                <Row type="flex" justify="start">
                    <Col span={24}>
                        <Card className="section"  style={{margin: '0 16px 16px 0'}}>
                            <div className="content">
                                <table>
                                    <tbody>
                                    <tr>
                                        <th >公司名称</th>
                                        <td colSpan={3}>重庆月开发股份用心公司</td>

                                    </tr>
                                    <tr>
                                        <th >英文名称</th>
                                        <td colSpan={3}>SDGDFGDFGDFGDGADGSDGASD</td>

                                    </tr>
                                    <tr>
                                        <th >曾用名</th>
                                        <td colSpan={3}>张珊珊年</td>
                                    </tr>
                                    <tr>
                                        <th>A股代码</th>
                                        <td>00514</td>
                                        <th>A股简称</th>
                                        <td>渝开发</td>
                                    </tr>
                                    <tr>
                                        <th>B股代码</th>
                                        <td>00514</td>
                                        <th>B股简称</th>
                                        <td>渝开发</td>
                                    </tr>
                                    <tr>
                                        <th>H股代码</th>
                                        <td>00514</td>
                                        <th>H股简称</th>
                                        <td>渝开发</td>
                                    </tr>

                                    <tr>
                                        <th>证券类别</th>
                                        <td>00514</td>
                                        <th>所属行业</th>
                                        <td>渝开发</td>
                                    </tr>
                                    <tr>
                                        <th>总经理</th>
                                        <td>00514</td>
                                        <th>法人代表</th>
                                        <td>渝开发</td>
                                    </tr>
                                    <tr>
                                        <th>董秘</th>
                                        <td>00514</td>
                                        <th>董事长</th>
                                        <td>渝开发</td>
                                    </tr>
                                    <tr>
                                        <th>证券事务代表</th>
                                        <td>00514</td>
                                        <th>独立董事</th>
                                        <td>渝开发</td>
                                    </tr>
                                    <tr>
                                        <th>联系电话</th>
                                        <td>00514</td>
                                        <th>电子信箱</th>
                                        <td>渝开发</td>
                                    </tr>
                                    <tr>
                                        <th>传真</th>
                                        <td>00514</td>
                                        <th>公司网址</th>
                                        <td>渝开发</td>
                                    </tr>
                                    <tr>
                                        <th>办公地址</th>
                                        <td>00514</td>
                                        <th>注册地址</th>
                                        <td>渝开发</td>
                                    </tr>
                                    <tr>
                                        <th>区域</th>
                                        <td>00514</td>
                                        <th>邮政编码</th>
                                        <td>渝开发</td>
                                    </tr>
                                    <tr>
                                        <th>注册资本</th>
                                        <td>00514</td>
                                        <th>工商登记</th>
                                        <td>渝开发</td>
                                    </tr>
                                    <tr>
                                        <th>雇员人数</th>
                                        <td>00514</td>
                                        <th>管理人员人数</th>
                                        <td>渝开发</td>
                                    </tr>
                                    <tr>
                                        <th>律师事务所</th>
                                        <td>00514</td>
                                        <th>会计事务所</th>
                                        <td>渝开发</td>
                                    </tr>
                                    <tr>
                                        <th>公司简介</th>
                                        <td colSpan={3}>假设链接中同时存在 href 与 onclick，如果想让 href 属性下的动作不执行，onclick 必须得到一个 false 的返回值。 敢问楼主，这个东西是在哪里看到的？是那本书？？？我想看看这本书！！！</td>
                                    </tr>

                                    </tbody>
                                </table>
                            </div>
                        </Card>
                    </Col>
                </Row>


            </div>
        )
    }
}

EnterpriseSearchShow = Form.create()(EnterpriseSearchShow);
export default  EnterpriseSearchShow;